@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: 400px; float:left; padding: 20px 0;}
#fone{width: 230px; float:right; padding-top:35px;}

#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;}

#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;}


#banner{width: 100%; overflow:hidden; text-align:center; z-index:0; position:relative;}
#banner div{width:100%; font:80px/60px 'denseregular'; color:#FFF; text-transform:uppercase; margin-top: 40px;}
#banner span{font:40px/60px 'denseregular'; color:#FFF;}
#bot_banner{width: 90px; margin: 0 auto; overflow:hidden; text-align:center; padding-bottom: 70px;}
#bot_banner span{font:65px/25px Arial; color:#b8b6a7; cursor:pointer;}
#bot_banner span:hover, .cycle-pager-active{color:#0099CC !important;}

#conteudo{width: 100%; overflow:hidden;}
#paginas{width: 100%; max-width: 1200px; overflow:hidden; margin: 0 auto; padding: 15px 0;}
#pag_esquerda{width:800px; margin-right:50px; overflow:hidden; float:left;}
#pag_direita{width:350px; overflow:hidden; float:right;}
.img_paginas{}

#img_fd{width:100%; max-width: 1600px; overflow:hidden; padding: 20px 0; position:relative;}
#img_fd{background:no-repeat; background-position: 50% 0;}

#espaco_banner{width: 100%; position:relative; height:660px;}
#quadros_home{width: 100%; max-width: 1200px; margin: 0 auto; overflow:hidden; position:absolute; z-index: 999; left:50%; margin-left: -600px; bottom:20px;}
#qdd{width:25%; float:left; height:320px;}
.espaco_interno{padding: 15px; text-align:center;}
.espaco_interno 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;}
.espaco_interno div:hover .gira_img{-webkit-transform:rotateY(360deg);}

.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: 15px 10px 30px 0;}

#itens_home{width: 100%; max-width: 1200px; overflow:hidden; margin: 0 auto;}
#area_cliente{width: 100%; max-width: 1200px; margin: 0 auto; overflow:hidden; padding: 20px 0;}
#mapa{width: 100%; overflow:hidden; padding: 20px 0;}

#qdd_itens_home{width:25%; float:left; overflow:hidden;}
.espaco_interno_itens_home{padding: 15px;}

#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: 24px/45px "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: 290px; 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;}

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

.link01{width: 70%; padding: 20px; background:#FFF; color:#323842; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase;} 
.link01{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link01:hover{background:#ccc; color:#006699;}

.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;}