/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/*Resoluçao para tablets retrato/pequenos e celular*/
@media screen and (max-width: 767px) {
.conteudo .container{ background-image:none !important;}
.topo {height: 157px !important;}
.topo .container .cubo{ display: none;}
.topo .container .titulo_site, .topo .container .slogan1, .topo .container .slogan2{ width: 100% !important; text-align: center !important; display: block;}
.topo .container > { width: 100% !important; text-align: center !important; display: block; margin: 0px !important; }
.topo .redes {display: block !important; width: 100% !important;}
.topo .redes ul {  margin: 0 auto !important; width: 140px !important; float: none !important;}

.menu ul, .menu > nav {margin: 0 !important; padding: 0px !important;}
.menu ul li{width: 100% !important; text-align: center !important; margin: 0 !important; padding: 8px 0 !important; border-bottom: 1px solid #7b8f8e !important;}
.menu ul li:hover{ background: #3a6f6c !important;}

.rodape{ height: 140px !important;}
	.rodape .assinatura, .rodape .selo{margin-top:50px !important; }
	
}

/*Tablets paisagem*/
@media (min-width: 768px) and (max-width: 992px) {
.conteudo .container{ background-image:none !important;}
	/*Ajuste de titulo do site*/
	.topo .container .titulo_site{ padding-left: 140px !important;}
	.topo .container .slogan1{padding-left: 140px !important; }
	.topo .container .slogan2{padding-left: 140px !important; }
	.topo .container .cubo{ left: -100px !important;}
	.menu nav ul {padding-left: 138px !important;}
	.conteudo .container{ padding: 20px 13px 30px 150px !important;}
	.topo .container .slogan1, .topo .container .slogan2{ width:100% !important; display: block !important; }
	.topo .redes ul {  margin: -31px 0 0 !important;}

	.rodape { background-position:-185px 0 !important;}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
/*Correcao barra-brasil*/
div#wrapper-barra-brasil {  height: 29px !important; }
html { overflow: -moz-scrollbars-vertical;}
h1{color: #fff; font-weight: bold;}
h2{color: #17aea9; font-weight: normal !important; margin-top: 7px}
body{background: #329997; font-family: 'Arial', sans-serif; color: #566665;}
.topo{background: #00a9a3; height: 126px;}
	.topo .container{position: relative;}
	.topo .container .cubo{position: absolute; background: url("../images/cubo.png") no-repeat; top:-15px; left: 0px; height: 248px; width: 246px;}
	.topo .container .titulo_site{ margin-bottom: -2px; padding-left: 10px}
	.topo .container .slogan1{color:#d7f6f5; font-size: 1.58em; padding-left: 14px; }
	.topo .container .slogan2{color:#d7f6f5; font-size: 1.42em; padding-left: 14px; }

	.topo .redes ul{margin: 85px 0 0 0; float: right; }
	.topo .redes ul li{display: inline }
	.topo .redes ul li a{ float: left; height: 32px; width: 32px; display: block; text-indent: -9999px; }
	.topo .redes ul li.ico_face a{background: url("../images/ico_redes.png") no-repeat -5px 1px}
	.topo .redes ul li.ico_twitter a{background: url("../images/ico_redes.png") no-repeat -40px 1px}

.menu{background: #566665; padding: 1.7px 0; }
	.menu ul li{ display: inline-block; margin: 12px 10px 0; color:#c2e1e0;}
	.menu ul li a{color:#c2e1e0}
	.menu ul li a:hover{color:#65ddd5}



.conteudo{ background: #fff;}
.conteudo .container{ background: #fff url("../images/container_img.jpg") no-repeat 0 50px ; padding: 20px 13px 30px 13px;}
.conteudo .container p{text-align: justify;}

.conteudo .more{display: none;}
.conteudo .readmorebtn{display: block; cursor: pointer;}
.conteudo a.readmorebtn{ background: url("../images/bt_leiamais") no-repeat scroll 1px -1px rgba(0, 0, 0, 0);    color: #238e8a;    float: right;    padding: 0 0 0 17px;    width: 89px;}
.conteudo a.readlessbtn{ background-position:1px -17px}

.rodape{background: #329997 url("../images/rodape_detalhe.png") no-repeat left top; height: 87px;}
	.rodape .assinatura{background: url("../images/rodape_assinatura.png") no-repeat; height: 85px; width: 236px;}
	.rodape .selo{background: url("../images/selo.png") no-repeat; height: 75px; width: 69px;}

#contato label{font-weight: normal !important; margin: 0 0 -5px 0}
#contato input{margin:0 0 10px 0 }
#contato .bt-enviar{margin: 0 0 0 10px !important;}