@CHARSET "ISO-8859-1";

/* MEDIA QUERIES PARA TELAS 'PEQUENAS' - ATÉ 640px */
@media screen and (max-width: 640px) {
/*
footer {
	background-image: url("../imagens/fundoRodapeMobile.jpg");
}*/
	
/* ************************ CABECALHO ********************* */
header #logo {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
header #logo a {
	display: inline-block;
	width: 68%;
	text-align: center;
	vertical-align: middle;
}

header #logo img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}


#divMenuMobile {
	display: inline-block;
	width: 30%;
	text-align: right;
	vertical-align: middle;
}
#menuMobile {
	vertical-align: middle;
	padding: 0 20px 0 0;
}
#mobileMenuIcon img {
	vertical-align: middle;
}


#divNavPrincipal{
	display: none;
	width: calc(100% - 60px);
	padding: 15px 30px;
	background-color: #0069AB;
	text-align: left;
}
.itemNavPrincipal, .itemNavPrincipal-first {
	float: none;
	padding: 9px;
	text-align: left;
	color: white;
}

.itemNavPrincipal a, .itemNavPrincipal-first a {
	font-weight: bold;	
	color: white;
}

.itemNavPrincipal ul, .itemNavPrincipal-first ul {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 8px 0 5px 20px;
}

.itemNavPrincipal ul li, .itemNavPrincipal-first ul li {
	float: none;
	width: 100%;
	padding: 7px 0;
	text-align: left;
}





/* ************************ CORPO ********************* */
#sobMedida {
	width: calc(100% - 40px);
	padding: 30px 20px;
}

#sobMedida h1 {
	font-size: 18pt;
	line-height: 140%;
}

.divSecaoPar:before, .divSecaoImpar:before {
    right: 46%;
    left: auto;
}
.divImagemSecao {
	display: none;
}
.divImagemSecaoMobile {
	display: block;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
.divImagemSecaoMobile img {
	width: 100%;
	max-width: 400px;	
	border-radius: 10px;
}

.divTextoSecao {
	display: block;
	width: calc(100% - 40px);
	padding: 0 20px;
}
.divTextoSecao .aSaibaMais, .divTextoSecao .aFaleConosco {
	font-size: 4vw;
	padding: 5px 10px;
	margin: 0 5px;
}

.pTituloSecao, .divSecaoPar .pTituloSecao {
	text-align: center;
	padding: 15px 0;
}

#formContato input, #formContato textarea {
	width: 75%;
}



/*	RODAPÉ	*/
footer {
    background-image: url("../imagens/fundoRodapeMobile.jpg");
}

#rodape {
	line-height: 170%;
}
#rodape h3 {
	margin: 15px 0 5px 0;
}

#rodapeEsq {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

#rodapeDir {
	display: block;
	width: 70%;
	float: none;
	margin: 0 auto;
	padding: 15px 0 60px 0;
}
#rodapeDir h3 {
	margin: 15px 0;
}
#rodapeDir a {
	margin: 5px 0;
}




/* ******************************** PÁGINAS DIVERSAS ************************ */
#tituloPagina {
	margin: 12px auto 10px auto;
	font-size: 1.5em;
}
#tituloPagina:after {
  background: linear-gradient(to right, #0069AB 20%, rgba(255,0,0,0) 20%, rgba(255,0,0,0) 100%);
}


.imagemPagina {
	float: none;
	margin: 25px 0;
	width: 100%;
}
.imagemPagina img {
	width: 100%;	
}




.onlyMobile {
	display: block;
}
.onlyDesktop {
	display: none;
}







	
}












/* MEDIA QUERIES PARA TELAS 'PEQUENAS / paisagem' - ATÉ 640px */
@media screen and (max-width: 640px) and (orientation: landscape) {
/* ************************ CABECALHO ********************* */


	
}