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

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

body {width: 100%;}

#tarja_topo{width: 100%; background:#323842;}
#espaco_logo_menu{width: 100%; overflow:hidden; background:#eaeaeb;}
#espaco_lf{width: 100%; max-width: 1200px; margin: 0 auto; overflow:hidden;}
#logo{width: 320px; float:left; padding: 20px 0;}
#fone{width: 230px; float:right; padding-top:30px;}
.box-botoes{width:50%; margin:25px 0; float:right; background:#4ab7df; border-radius:3px; padding:20px; box-sizing:border-box; text-align:center; cursor:pointer;}
.box-botoes h1 {font: 400 16px 'Oswald', sans-serif; color:#FFFFFF; text-transform:uppercase;}
.box-botoes p {font: 14px/20px 'Archivo Narrow', sans-serif;color:#FFFFFF; text-transform:uppercase;}
.box-botoes:hover {background:#409ec1;}

#menu{font-size:0; width:100%; max-width: 1200px; margin: 0 auto; padding:0; list-style:none; position:relative; background:#fafafa; height:80px; border-bottom: 6px solid #0099cc; overflow:hidden;}
#menu li {display:inline-block; width: 16.5%; position:relative; z-index:90;}
#menu li:last-child, #menu li:first-child{width: 17%;}
#menu li p{font: 22px/80px 'denseregular'; color:#333; text-transform:uppercase; text-align:center; border-right: 1px solid #eaeaeb; z-index:10; position:relative;}
#menu li:last-child{border-right:none;}
#menu li a{display:block; text-decoration:none; color:#FFF;}
#menu li a{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
#menu li:last-child p {border-right:none;}
#menu li a:hover p{color:#FFF;}
.desce{position:absolute; width: 100%; height: 105px; z-index: 0; bottom: 80px; background:#323842;}
#menu li:hover .desce{bottom:0;}
#menu li a, .desce, #menu li p{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
nav select { display:none; border-radius:3px; padding:15px; width:calc(100% - 20px); margin:10px;font: 22px/80px 'denseregular'; color:#333; text-transform:uppercase; }


#mn_topo{font-size:0; width:100%; max-width: 1200px; margin: 0 auto; padding:0; list-style:none; position:relative; height:40px; overflow:hidden;}
#mn_topo li {display:inline-block; width: 12.5%; position:relative;}
#mn_topo li p{font: 18px/40px 'denseregular'; color:#CCC; text-align:center; border-right: 1px solid rgba(255,255,255,0.3);}
#mn_topo li:last-child p {border-right:none;}
#mn_topo li a{display:block; text-decoration:none;}
#mn_topo li a{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
#mn_topo li a:hover p{color:#999999;}
#mn_topo li a, #mn_topo li p{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}

#espaco_banner{width: 100%; position:relative; height:auto; }

#banner{ width:100%; overflow:hidden; background:#F4F4F4; position:relative; }
#fotos{ width:100%; overflow:hidden; }
#proximo{ position:absolute; width:40px; height:40px; right:50%; bottom:50px; text-align:center; margin-right:-45px; z-index:1000; cursor:pointer; background:#0099CC; color:#FFF; border-radius:50%; }
#proximo:before{ font:20px/40px 'FontAwesome'; content:"\f054"; }
#proximo:hover, #anterior:hover{ background:#FFF; color:#006699; }
#anterior{ position:absolute; width:40px; height:40px; left:50%; bottom:50px; margin-left:-45px; z-index:1000; cursor:pointer; text-align:center; background:#0099CC; color:#FFF; border-radius:50%; }
#anterior:before{ font:20px/40px 'FontAwesome'; content:"\f053"; }
#frases{ position:absolute; width: 100%; overflow:hidden; top:50%; margin-top:-100px; z-index:900; }
#frases p{ width:100%; margin:0 auto; display:block; font:50px 'denseregular'; color:#FFF; text-align:center; text-shadow:2px 2px 2px #333; text-transform:uppercase; }
#frases span{ font:40px 'denseregular';}

#conteudo{width: 100%; overflow:hidden;}
#paginas{width:calc(100% - 20px); max-width: 1200px; overflow:hidden; margin: 0 auto; padding: 15px 0;}
#pag_esquerda{width:calc(70% - 50px); margin-right:50px; overflow:hidden; float:left;}
#pag_direita{width:30%; overflow:hidden; float:right;}

#quadros_home{width: 100%; max-width: 1200px; margin: 0 auto; overflow:hidden; position:relative; z-index: 999; top:-40px;}
.qdd{width:calc(25% - 30px); float:left; padding:15px; text-align:center; height: 280px;}
.qdd div{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.qdd div:hover .gira_img{-webkit-transform:rotateY(360deg); width:100%; height:auto;}
.qdd div a{padding: 15px; background:#FFF; color:#323842; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase; position:relative; top: -15px;}
.qdd div a:hover{color:#09C;}

.qdd01{background:#464950;}
.qdd02{background:#6a7589;}
.qdd03{background:#006699;}
.qdd04{background:#3a94d2;}

.img_fone{float:left; margin: 18px 10px;}
.ft_mini_home{float:left; margin-right:5px;}

#area_cliente{width: 100%; max-width: 1200px; margin: 0 auto; overflow:hidden; padding: 20px 0;}
#area_cliente h1 {font: 400 16px 'Oswald', sans-serif; color:#FFFFFF; text-transform:uppercase;}
#area_cliente p {font: 14px/20px 'Archivo Narrow', sans-serif;color:#FFFFFF; text-transform:uppercase;}

#mapa{width: 100%; overflow:hidden; padding: 20px 0;}

#itens_home{width: 100%; max-width: 1200px; overflow:hidden; margin: 0 auto;}
.qdd_itens_home{width:25%; float:left; overflow:hidden;}
#faixa{width:100%; height: 120px; padding: 15px 0;}

#rodape{width: 100%; background:#323842; overflow:hidden; padding:50px 0;}

.texto01{font: 26px/45px "denseregular"; color:#FFF; text-transform:uppercase; text-align:center;} 
.texto02{font: 12px/20px Arial; color:#FFF; text-align:center;} 
.texto03{font: 42px/80px 'denseregular'; color:#333; text-transform:uppercase;}
.texto04{font: 42px/80px 'denseregular'; color:#069; text-transform:uppercase; border-bottom: 1px dotted #666666;}
.texto05{font: 22px/35px "denseregular"; color:#333; text-transform:uppercase; text-align:left;} 
.texto06{font: 12px/20px Arial; color:#333; text-decoration:none; padding: 20px 0; text-align:left;}
.texto07{font: 12px Arial; color:#333; text-indent: 10px; text-align:left; padding: 12px 0; width: 22%; border-radius: 5px; border:none; background:#eee; margin: 10px 5px 0 0; resize:none; float:left;}
.texto08{font: 30px/40px 'denseregular'; color:#ccc; text-decoration:none; padding: 20px 0; text-align:center; background:#323842; text-indent: 10px; text-transform:uppercase;}
.texto09{font: 12px/20px Arial; color:#333; text-align:justify; margin-top:30px;}
.textoform{font: 12px Arial; color:#333; text-indent: 10px; text-align:left; padding: 12px 0; width: 100%; border-radius: 5px; border:none; background:#eee; margin: 10px 5px 0 0; resize:none; float:left;}

#form2 .texto07{float:none; width: 350px;} 

.link02{font: 12px/20px Arial; color:#333; text-decoration:none;}
.link02{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link02:hover{color:#ccc;}

.link03{width: 80px; padding: 12px; background:#b8b6a7; color:#323842; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase; float:left; margin: 12px 5px 0 5px;} 
.link03{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link03:hover{background:#CCC;}

.link04{width: 100px; padding: 12px; background: #0099CC; color:#FFF; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase; float:left; margin: -6px 5px 0 5px; text-align:center;} 
.link04{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link04:hover{background:#069;}

@media screen and (max-width: 1000px){
	.qdd_itens_home{width:50%;}
}

@media screen and (max-width: 970px){
	.texto07{width: 32%;}
	.link04{margin: 12px 5px 0 5px;}	
	.texto04{font-size: 30px;}	
}
 
@media screen and (max-width: 940px){
	#mn_topo{height:80px;}
	#mn_topo li {width: 25%; border-bottom: 1px solid rgba(255,255,255,0.3);}
	#frases p{ font-size:40px; padding-top:20px;}
	#frases span{ font-size:30px;}
}

@media screen and (max-width: 880px){
	.texto08{font-size: 24px;}
	.qdd{height: 300px;}
	#quadros_home{top:0;}
}

@media screen and (max-width: 832px){
	.qdd{height: 350px;}
}

@media screen and (max-width: 768px){
	.qdd{height: 300px;}	
	.texto01{font-size: 18px;} 
	.texto02{font: 11px/20px Arial;} 
	.texto08{font-size: 20px;}
	#pag_esquerda{width:calc(70% - 30px); margin-right:30px;}
	.ft_mini_home{margin: 10px 0; margin-right:5px;}
	#anterior, #proximo{ display:none; }
	#frases p{ padding-top:40px;}
}

@media screen and (max-width: 640px){
	#pag_direita{display:none;}
	#pag_esquerda{width:100%} 
	#banner div{font-size:60px;}
	#banner span{font-size:30px;}
	.qdd{width:calc(50% - 30px); height:260px;}
	.box-botoes{width:100%; float:left;}

}

@media screen and (max-width: 550px){
	#fone, #frases{display:none;}
	#logo{float:none; margin: 0 auto;}	
	#menu{display:none;}
	nav{ overflow:hidden; }
	nav select{ display:block; }
	.qdd_itens_home{width:100%;}
}

@media screen and (max-width: 480px){
	#mn_topo{height:160px;}
	#mn_topo li {width: 50%;}
	.ft_mini_home{margin-right:15px;}
	.qdd{width:100%; height:230px;}
	.texto07{width: 100%;}
	.texto04{font-size: 26px; text-align:center;}
}

@media screen and (max-width: 320px){
	#banner div{font-size:36px;}
	#banner span{font-size:25px;}
	.texto04{font-size: 22px; text-align:center;}
	.qdd{height: 270px;}
}