body 		{font-family: 'Open Sans', sans-serif; font-size: 14px;}
h2			{font-size: 1.8em; margin-bottom: 20px;}
a 			{color: #666;}
.acessibilidade		{background:#db2d4e; height: 33px; padding-top: 6px; color: #FFF; font-weight: lighter;}
.acessibilidade li  {display: inline-block; color: #FFF;}
.acessibilidade a   {color: #ffe400;}
.topo		{background:#c12341; height: 250px;}
.logo		{margin: 0 40px 0 0; float: left;}
.cabecalho	{font-size: 1.2em; position: relative;} 
.cabecalho img{margin-top: -10px;}
.cabecalho h1 {color: #FFF; font-size: 3em; font-weight: 300;}
.cabecalho .custom-banner-topo	{position: absolute;right: 34px;top: 37px;} 
.layout  	{position: relative; margin: 0 auto !important;}

.bg-menu	{background:#ececec; height: 45px; color: #c12341;}
.bg-menu ul {margin-left: -55px;}
.bg-menu li {display: inline-block; font-size: 1.2em;}
.bg-menu li.off {padding: 10px 0px;}
.bg-menu li.off a {padding: 10px 20px; color: #c12341;}
.bg-menu li.off a:hover {text-decoration: none; background: #dcdcdc; padding: 10px 20px; color: #c12341;}

.f-nav			{background: #ececec; border-bottom: #dcdcdc 1px solid; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; margin-top: 45px;} /* this fixes menu on top */
.nav 			{height: 45px;}
.nav2 			{height: 45px;}

.topo2			{display: none !important;}
.topo2 img	 	{height: 40px; margin: 0;}
.topo2 a	 	{text-decoration: none; color: #FFF;}
.topinho 		{font-size: 2em; background: #c12341; color: #FFF; height: 47px; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; display: block !important;} /* this fixes menu on top */
.topinho img 	{height: 40px; margin-right: 20px;}
.ancora			{margin-top: -90px !important; position: absolute;}

.bg-branco		{background:#FFF; color: #c12341; padding: 40px 0 60px 0}
.bg-cinza		{background:#ececec; color: #c12341; padding: 40px 0 60px 0}
.bg-rosa		{background:#c12341; color: #FFF; padding: 40px 0 60px 0}
.logomarcas		{background:#ececec; color: #000; height: auto; min-height: 150px; margin: 20px 0;}
.logomarcas img	{margin: 15px 20px 15px 20px;}

.objetivos ul li::before{background: url(../images/medalha.png) no-repeat; content: ""; width: 40px; height: 30px; display: block; float: left;}
.objetivos ul li{list-style: none; padding-left: 0; min-height: 40px; line-height: 1.5em}

.premiacao 		{background: url(../images/bg_premiacao.jpg) #ececec; no-repeat;}
.premiacao ul li::before{background: url(../images/trofeu.png) no-repeat; content: ""; width: 60px; height: 50px; display: block; float: left;}
.premiacao ul li{list-style: none; padding-left: 0; height: 60px; /*line-height: 3.5em*/}

.categoria		{background:#ececec; padding: 10px; border: #FFF solid 10px; min-height: 80px !important;}
.caixa-cinza	{background:#ececec; padding: 10px; margin: 10px 0; width: auto;}
.titulo-amarelo{color: #ffff00 !important;}
.erro 			{font-size: 5em;}

.menu-mobile  	{display: none;}
.slicknav_menu 	{display:none;}
.oculto		 	{display:none;}

.help-block 	{margin-top: 0; text-align: left;}  
.help-block ul li{list-style: none; background: #fffabf; color: #c12341; padding: 3px; font-size: 0.8em;}



/*ALTO CONTRASTE*/

.contraste body			{background: #000; color: #FFF;}
.contraste a 			{color: #FFCC00;}
.contraste .acessibilidade{background:#333;}
.contraste h2			{color: #FFCC00}

.contraste .f-nav		{background: #333; color: #FFCC00; border-bottom: 0;} /* this fixes menu on top */
.contraste .topo2		{background: #333; color: #FFCC00} /* this fixes menu on top */
.contraste .topinho		{background: #000; color: #FFF;} /* this fixes menu on top */

.contraste .topo		{background:#000;}
.contraste .cabecalho h1{color: #FFF;}
.contraste .bg-menu		{background-color:#333; color: #FFF;}
.contraste .bg-menu li.off a {color: #FFF;}
.contraste .bg-menu li.off a:hover {background: #000; color: #FFCC00;}
.contraste .bg-menu li.off a:focus {background: #000; color: #FFCC00;}

.contraste .bg-branco 	{background:#000; color: #FFF;}
.contraste .bg-cinza 	{background:#000; color: #FFF;}
.contraste .bg-rosa 	{background:#000; color: #FFF;}
.contraste .logomarcas	{background:#000; color: #FFF;}

.contraste .categoria	{background:#333; border: #000 solid 10px;}
.contraste .caixa-cinza	{background:#333;}

.contraste .help-block ul li{background: #333; color: #FFCC00;}
.contraste .slicknav_menu	{background: #333;}
.contraste .slicknav_menu ul li a{color: #FFCC00;}
.contraste .slicknav_menu ul li a:hover{color: #000;}

/*MEDIA QUERIES*/

@media (max-width: 1999px) {

.bg-menu li.off a {padding: 10px 15px;}
.bg-menu li.off a:hover {padding: 10px 15px;}

}

@media (max-width: 1200px) {
.custom-banner-topo img { margin-right: -20px; width: 420px;}
.premiacao ul li{line-height: 2em}

}

@media (max-width: 991px) {
.custom-banner-topo img { margin-right: -20px; width: 400px;}
.cabecalho > img {display: none;}
.bg-menu li {font-size: 1.1em;}
.bg-menu li.off a {padding: 10px 9px;}
.bg-menu li.off a:hover {padding: 10px 9px;}
.categoria	{min-height: 120px !important;}

}

@media (max-width: 678px) {
.cabecalho .custom-banner-topo	{display:none;} 
.bg-menu	{height: 85px;}
.nav 		{height: auto;}
.premiacao ul li{line-height: 1.5em; margin-bottom: 30px;}
.categoria	{min-height: auto !important;}

}

@media (max-width: 538px) {
.cabecalho .custom-banner-topo	{display:none;} 
.topo		  {height: auto;}
.logo		  {margin: 0 10px 0 0;}
.cabecalho h1 {font-size: 2.5em;}
/*.cabecalho img{width: 60%; height: 60%; margin-top: 20px;}*/


}

@media (max-width: 463px) {

.cabecalho img 	{display: none;}
.acessibilidade	{height: auto;}

.nav-container	{display: none;}
.bg-menu		{display: none;}
.nav 			{display: none;}
.js .slicknav_menu {display:block;}
.premiacao ul li{line-height: 1em}

}