/* cmsms stylesheet: CSS modified: segunda-feira, 23 de outubro de 2017 10:53:38 */
html, body{height: 100%;}

body {
  font-size: 14px;
  background: #FFF;
  color: #2A5B77;
  text-align: left;
  font-family: lato, sans-serif;
  font-weight: 400;
}

.justificado { text-align: justify;}
.centro { text-align: center;}
.img-borda{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 5px solid #F2F2F2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

form{margin-top: 30px;}

h1{font-family: 'Paprika', sans-serif; color: #65B6D3;}
/***** Screen 960px *****/
header {
  padding: 0;
}

#contato{
  display: block;
  background: #64b6d2;
}

#contato a{color: #FFF; font-weight: bold; text-decoration: none;}
#contato a i{margin-right: 5px;}

#contato a.facebook{float: right;}

.marca { text-align: left;}
.logo { margin:10px auto; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}

section#top{
  background: #d8ebf7;
  background: -moz-linear-gradient(top, #d8ebf7 0%, #f0f7fb 50%, #d8ebf7 100%);
  background: -webkit-linear-gradient(top, #d8ebf7 0%,#f0f7fb 50%,#d8ebf7 100%);
  background: linear-gradient(to bottom, #d8ebf7 0%,#f0f7fb 50%,#d8ebf7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8ebf7', endColorstr='#d8ebf7',GradientType=0 );
}

nav{display: block;background: #213c78; min-height: 40px;}

#cabecalho{
  display: block;
  position: relative;
  background: #64b6d2 url(https://site.patrulhajuvenilgarca.org.br/layout/img/bg-banner.jpg) no-repeat center top;
}

#cabecalho h1{
  color: #213c78;
  font-weight: bold;
  font-size: 3em;
  padding: 40px 0;
}

.sombra-topo{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 16px;
  background: url(https://site.patrulhajuvenilgarca.org.br/layout/img/sombra-pagina.png) no-repeat center top;
}

main {
  position: relative;
  margin: 30px auto;
  background: #FFF;
}


.lista-servicos img{float: left; margin-right: 10px;}
.lista-servicos a{margin-top: 20px;}

a.nfp{
  display: block;
  margin: 20px 0;
  border: 2px solid #DCE5EA;
}

.chamada-cota{ display: block; overflow:hidden; margin-top: 20px;}

.lista-programas {margin-bottom: 50px;}
.lista-programas .icone{display: block; overflow:hidden;}
.lista-programas a{text-decoration: none;}
.lista-programas h4{margin-top: 20px; text-align: center;}

/************* REDES SOCIAIS **************/

.redes-sociais{float: left;}
ul.redes-sociais{
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1; *display:inline;
  margin: 0 auto;
  overflow:hidden;
  margin:0; padding:0;
  list-style:none;
  margin: 5px 0; padding: 0;
  text-align: center;
}

ul.redes-sociais li {
  position: relative;
  display:inline-block;
  *display:inline;
  zoom:1;
  padding: 0;
  margin: 0;
  text-align:center;
  background-image: none;
}

ul.redes-sociais li a {
  transition: color 0.5s ease;
  font-size: 30px;
  margin-right: 5px;
  color: #508ad3;
  padding: 0;
}

ul.redes-sociais li a:hover {
  color: #3070c0;
}

ul.redes-sociais li:last-child a{
  margin-right:0;
}

/************* TERMINA REDES SOCIAIS **************/

.sombra{
  float: left;
  display: block;
  width: 100%;
  height: 50px;
  background: url('https://site.patrulhajuvenilgarca.org.br/layout/template/sombra-pagina.png') no-repeat center top;
}



/*----------- FAQ ----------- */

.faq_q {
  display: block;
  overflow: hidden;
  margin-top: 15px;
  padding: 5px 0;
  font-weight: bold;
  cursor:pointer;
}

.faq_q i{display: inline-block; margin-right: 5px;}

.faq_a {
  margin:4px 0;
  padding: 20px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color: #555;
  background-color:#eee;
}

/*  Documentos
================================================== */

ul.documentos{
  margin: 1.3rem 0;
  padding: 0;
  list-style: none;
  display: block;
}
ul.documentos li{
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  overflow: hidden;
}
ul.documentos li a{
  display: block;
  overflow: hidden;
  padding: 5px 15px;
  margin-bottom: 2px;
  background-color: #d8ebf7;
  color: #254b7c;
  text-decoration: none;
  -webkit-borderradius:5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: 0;
  -o-transition: padding .2s linear;
  -moz-transition: padding .2s linear;
  -webkit-transition: padding .2s linear;
  transition: padding .2s linear;
}

ul.documentos.transparencia li{
  background-color: #d8ebf7;
  padding: 5px 10px;
  margin-bottom: 10px;
  -webkit-borderradius:5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
ul.documentos.transparencia li .links{
  float: right;
  margin: 0;
}

ul.documentos.transparencia li h4{
  display: inline-block;
  margin-top: 3px;
}

ul.documentos.transparencia li .links a{
  float: left;
  padding: 5px 10px;
  margin: 0;
}

ul.documentos.transparencia li .links a i{
  margin-left: 5px;
}

ul.documentos li a i{float: right; margin-top: 3px;}

ul.documentos li a:hover{
  padding: 5px 20px;
  background-color: #213c78;
  color: #FFF;
}


/*  Cota de Aprendizes
================================================== */

form h4{color: #000;}
.cotas{
  padding: 20px;
  background: #E6E6E6;
  border: 1px solid #CCC;
}

.cotas input.total{
  background: #213c78;
  color: #FFF;
  font-weight: bold;
  font-size: 2em;
}

/*  PAGINAÇÃO
================================================== */

.pagination {
  display: block;
  text-align: center;
  padding: 0;
  margin: 50px 0;
}

.pagination ul {
  border-radius: 0;
  box-shadow: none;
}

.pagination ul li {
  display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: 0 auto;
  padding: 0;
  background: none;
}

.pagination ul li a, .pagination ul li span, .pagination ul li em {
  float: left;
  width: 33px;
  height: 33px;
  background: #f0f0f0;
  line-height: 33px;
  color: #444;
  border: none;
  margin: 0 3px;
  padding: 0;
  position: relative;
  border-radius: 33px;
  position: relative;
  behavior: url(PIE.htc);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.pagination ul li a:hover {
  background: #fff84b;
  text-decoration: none;
}

.pagination ul li span.selected:hover,
.pagination ul li span.selected,
.pagination ul li.num em {
  background: #444 !important;
  color: #FFF;
}

.pagination ul li.ant a,
.pagination ul li.prox a,
.pagination ul li.ant em,
.pagination ul li.prox em {
  background: none;
  text-indent: -99999px;
}

.pagination ul li.ant a,
.pagination ul li.ant em {
  background: url("https://www.colegiodocarmo.com.br/layout/img/arrows.png") no-repeat 13px 50%;
}

.pagination ul li.ant a:hover {
  background: transparent url("https://www.colegiodocarmo.com.br/layout/img/arrows.png") no-repeat -33px 50% !important;
}

.pagination ul li.prox a,
.pagination ul li.prox em {
  background: url("https://www.colegiodocarmo.com.br/layout/img/arrows.png") no-repeat -12px 50%;
}

.pagination ul li.prox a:hover {
  background: transparent url("https://www.colegiodocarmo.com.br/layout/img/arrows.png") no-repeat -58px 50% !important;
}

/*  FOTOS
================================================== */

.mosaico{margin-top: -5px;}
.galeria-fotos{float: left; width: 100%; text-align: center; margin: 0; padding: 0;}

.pastas{
  text-align: center;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  margin: 0 10px;
}
.pastas a{
  display: block;
  padding: 5px;
  line-height: 20px;
  border: 1px solid #F2F2F2;
  background: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
}

.pastas a:hover, .pastas a:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pastas a img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pastas a:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.pastas h5 {margin-top: 10px;}

.div-voltar{
  float: left;
  width: 100%;
  margin-top: 50px;
}

/* VIDEOS */
/************************************************************************/
.row--fluid.linha{
  margin-bottom: 50px;
}

/* NOTICIAS */
/************************************************************************/

#noticias, #acontece{
  padding-bottom: 50px;
}

.dtNoticia {color: #d53d4a; font-weight: bold;}

.resumo{
  display: block;
  margin-top: 10px;
}

.blog-meta {
  border: 1px solid #E5E5E5;
  margin: 20px 0;
  overflow: hidden;
}

.blog-meta > span  { font-weight:bold;
  border-right: 1px solid #E5E5E5;
  display: block;
  float: left;
  font-size: 90%;
  padding: 10px 11px ;
}

.blog-meta > span:last-child{ border-right:none; font-size:90% }
.blog-meta > span  span{ font-weight:normal }

.blog-meta > span.mais{
  padding: 0 11px;
  float: right;
}

.blog-meta > span.mais a{
  margin-top: 3px;
}

.fonte{font-style: italic; text-align:right; margin-top: 20px;}


/***** Contato *****/

fieldset.has-error input,
fieldset.has-error select,
fieldset.has-error textarea{border: 1px solid red;}

fieldset.has-error div{margin-top: 0.5rem;}

.has-error small:before { content:"\0021"; font-size: 15px; font-weight: bold; float: right;}

.error{
  margin:0;
  padding:3px 8px;
  font-size:11px;
  color:#555;
  border: 1px solid #fbdfab;
  background-color:#fefce7;
  float: left;
  width: 100%;
  clear: both;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}



#mensagem, #loader{
  display:  block;
  overflow: hidden;
  margin: 0 auto;
}

#loader{margin-top: 20px;}

#map{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #CCC;}


/***** Rodape *****/

.mensagem{
  display: block;
  background: #3a3a3a;
  padding: 50px 0;
  border-top: 5px solid #000;
  color: #FFF;
  margin-top: 50px;
}

.marca-rodape{
  float: right;
}

.copyright{
  padding: 30px 0;
  background: #fff;
}

.regisd { width: 77px; height: 26px; float: right; background: url(https://site.patrulhajuvenilgarca.org.br/layout/img/marca-regisd.png) no-repeat center center;}
.regisd span{display: none;}

/***** De 960px a 1200px *****/

@media only screen and (min-width:960px) and (max-width: 1200px) {
  .navigation { display:block !important;}
}

@media only screen and (min-width:960px) {
  .navigation { display:block !important;}
}

/***** Tablet (Smaller than 959px) *****/

@media only screen and (min-width: 769px) and (max-width: 959px) {
  #menuzord{margin-top: 5px;}
  .menuzord-menu > li > a{font-size: 0.7em;}
}

/***** Phone (portrait 300px) *****/
@media (max-width: 768px){
  .marca { text-align: center;}
  .grid-3, .grid-9{margin-top: 0;}
  .titulo{text-align: center;}
  #corpo{padding: 10px 0;}
  .pagina{margin: 0;}
  .img--max{margin-top: 20px;}
  #cabecalho{text-align: center;}
  .hamburger{display: inline-block; margin-bottom: 10px;}
  #menuPrincipal {margin-top:10px;margin-bottom:20px;text-align: left;}
  .assinatura{margin-top: 20px; display: inline-block;}
  .copy p{margin: 0; text-align: center;}
  .copyright .txt--right{text-align: center;}
}