/* CSS Document 
@charset "utf-8";
*/

* { margin: 0;padding: 0; }
img { border: none; }
a img { border: none; }

html, body {font-family: 'Open Sans', sans-serif; color: #333;  }

.bg_topo { 
	background-color: #65CBCB;
	max-width: 100%;
}

.bg_topo_amarelo { 
	background-color: #FFCB00;
	max-width: 100%;
}

.bg_amarelo { 
	background-color: #FFCB00;
	max-width: 100%;
}
.bg_menu { 
	background-color: #FFF;
	max-width: 100%;
}

.bg_branco { 
	background-color: #FFF;
	max-width: 100%;
}
.bg_carinhas { 
	background-color: #FF9900;
	max-width: 100%;
}

.bg_contato { 
	background-color: #65CBCB;
	max-width: 100%;
}
.bg_rodape { 
	background-color: #006565;
	max-width: 100%;
}



#topo {padding-top: 30px;}
#topo h4{font-size: 1em; color: #006565; margin-top:0;}
#topo h2{font-size: 1.16em; color: #FFF; }
#topo .logosize {max-width: 386px;}
#topo .bordaslide {border: 1px solid #FFF !important; padding: 15px !important;}
#topo ul {list-style: none; margin-left: 0; padding: 20px 0; display: inline-block; }
#topo ul li {float: left; margin: 0 1px; padding: 3px 10px 0px;   }
#topo ul li.quadros {width: 113px; height: 104px; font-size: 1.14em; padding-top: 32px; margin-left: 10px;}
#topo ul.ulqua {float: right;}
#topo .quacinza {background-image: url(../img/quadrocinza.png); color: #FFF; }
#topo .quaazul {background-image: url(../img/quadroazul.png); color: #FFF; }
#topo .qualilas {background-image: url(../img/quadrolilas.png); }
#topo .quaverde {background-image: url(../img/quaverde.png); color: #FFF; }
#topo .qualaranja {background-image: url(../img/quadrolaranja.png); color: #FFF; }
#topo .quaamarelo {background-image: url(../img/quadroamarelo.png); color: #FF6500; }
#topo .form-control {height: 38px;}


#menu{}
#menu ul {list-style: none; margin: 0; padding: 0px 0; display: inline-block; width: 100%;}
#menu ul li {float: left; margin: 0px; padding: 32px 0px; width: 16%; min-height: 115px; font-size: 1.15em; }

#menu ul li.home {width: 20%; background-color: #FFF; color:#000;}
#menu ul li.conheca { background-color: #33CBCB; color:#FFF;}
#menu ul li.equipe { background-color: #FF9900; color:#FFF;}
#menu ul li.como {  color:#FF9900;}
#menu ul li.estatuto { background-color: #CB99CB; color:#FFF;}
#menu ul li.apoio { background-color: #99CB33; color:#FFF;}
#menu ul li:hover {background-color: #666666;}


#conteudo{}
#conteudo h2.tituloapoio{width: 169px;height: 30px;background-image: url(../img/titapoio.png); font-size: 0.857em; color: #FFF; padding: 7px 0px 0 37px; font-weight: 500;}
#conteudo h2.titulolaranja{width: 169px;height: 30px;background-image: url(../img/titlaranja.png); font-size: 0.857em; color: #FFF; padding: 7px 0px 0 40px; font-weight: 500; }
#conteudo h2.tituloCinza{width: 169px;height: 30px;background-image: url(../img/titCinza.png); font-size: 0.857em; color: #FFF; padding: 7px 0px 0 40px; font-weight: 500; }
#conteudo h2.tituloAzul{width: 169px;height: 30px;background-image: url(../img/titAzul.png); font-size: 0.857em; color: #FFF; padding: 7px 0px 0 40px; font-weight: 500; }
#conteudo h2.tituloBranco{width: 169px;height: 30px;background-image: url(../img/titBranco.png); font-size: 0.857em; color: #FFF; padding: 7px 0px 0 40px; font-weight: 500; }
#conteudo h2.titulolilas{width: 169px;height: 30px;background-image: url(../img/titLilas.png); font-size: 0.857em; color: #FFF; padding: 7px 0px 0 40px; font-weight: 500; }
#conteudo h3 {font-size: 1.3em; padding: 15px 0; font-weight: bold; padding-top: 0;}
#conteudo h3.linkartigos {padding: 0;margin-top: 6px; margin-bottom: 0;}
#conteudo ul.ullink {list-style: none; margin-left: 0; padding: 10px 0 0; display: inline-block; }
#conteudo ul li {float: left; margin: 0 1px; padding: 3px 10px 0px;   }
#conteudo hr.hrlink {border:1px dashed #FFF; margin-top: 10px; margin-bottom: 10px;}
#conteudo p.links {padding-top: 10px;}
#conteudo p.destaque {padding-top: 10px; font-size: 1.3em;}
#conteudo p {padding: 10px 0;}
#conteudo a {text-decoration: none; color: #000;}
#conteudo a:hover { color: #FFF;}
#conteudo small { color: #FFF;}
#conteudo .form-control {height: 46px;
background-color: #FFCB00;
border: 1px solid #fff;
color: #333;
font-size: 1em;}
#conteudo img.bordaquadro { 
    border: 1px solid #FFF;
    padding: 10px;
}
#conteudo ul li.formapagina {float: none; margin: 0 ; padding: 0;   }
#conteudo .btn-default{height: 46px;
font-size: 1.4em;
float: right;
color: #666;}
#conteudo ::-webkit-input-placeholder { color:#FFF; }
#conteudo ::-moz-placeholder { color:#FFF; } /* firefox 19+ */
#conteudo :-ms-input-placeholder { color:#FFF; } /* ie */
#conteudo input:-moz-placeholder { color:#FFF; }
#conteudo .form-control {height: 46px;
background-color: #FFCB00;
border: 1px solid #fff;
color: #333;
font-size: 1em;
}
#conteudo .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #3f3f3f;
    border-color: #f3f3f3;
}



#carinhas {}
#carinhas h2{font-size: 1.3em;color: #000; padding-top: 10px; font-weight: bold; padding-left: 50px;}
#carinhas ul {list-style: none; margin-left: 0; padding: 20px 0; display: inline-block;  }
#carinhas ul li {float: left; margin: 0 1px; padding: 3px 10px 0px;  }


#quacontato {}
#quacontato p.atendimento {font-size: 0.9em;}
#quacontato h4{ padding: 18px 0 10px; font-size: 1.2em;}
#quacontato hr {margin-top: 10px; margin-bottom: 10px; border-style: dashed none none;}
#quacontato .form-control {height: 46px;
background-color: rgb(101, 203, 203);
border: 1px solid #fff;
color: #333;
font-size: 1em;
}
#quacontato ::-webkit-input-placeholder { color:#FFF; }
#quacontato ::-moz-placeholder { color:#FFF; } /* firefox 19+ */
#quacontato :-ms-input-placeholder { color:#FFF; } /* ie */
#quacontato input:-moz-placeholder { color:#FFF; }
#quacontato .btn-default{height: 46px;
font-size: 1.4em;
float: right;
color: #666;}

#rodape {height: 190px;}
#rodape p {color: #FFF; font-size: 0.9em;}

.centraimagem {margin: 0 auto;}
.direita {float: right;}
.espacotop {margin-top: 35px; margin-bottom: 35px;}
.espacotit {margin-top: 35px; margin-bottom: 20px;}
.espacoimg {margin-top: 15px; margin-bottom: 15px; float: right;}
.fontemenor {font-size: 1em !important;}
.bordalinha {border: 1px solid rgb(255, 255, 255);padding: 15px 10px;margin: 15px 0;}

a.linkpri {text-decoration: none; }
a:hover.linkpri { color: #000;}


@media (max-device-width: 480px)  {
#menu ul li {float: left; margin: 0px; padding: 32px 0px; width: 16%; min-height: 115px; font-size: 0.7em; }
}