@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; font:12px 'Open Sans', sans-serif;}
a{text-decoration:none; color:#535353}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.no-padding{padding:0px;}
.float-right{float:right !important;}

.radius{border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.transition{transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}

body{background:url("../imagens/bg.png") center center repeat;}
html, body {width:100%; height:100%; letter-spacing:1;}
.faixa{width:100%; height:auto; position:relative; float:left; background:#1e3953;}
.faixa p{padding:0px 0px 0px 40px; height:40px; position:relative; float:left;}
.faixa p, .faixa a{color:#fff; line-height:40px; font-size:12px; font-weight:600;}
.faixa .bx-local{background:url(../imagens/icon-localizacao.png)10px 10px no-repeat;}
.faixa .bx-horario{margin:0px 100px; background:url(../imagens/icon-horario.png)10px 10px no-repeat;}
.faixa .bx-email{background:url(../imagens/icon-email.png)10px 10px no-repeat;}

#bg_top{width:100%; height:auto; position:relative; float:left;}
#bg_banner{width:100%; height:auto; position:relative; float:left;}
#bg_conteudo{width:100%; height:auto; position:relative; float:left;}
#bg_rodape{width:100%; height:auto; position:relative; float:left; background:#1e3953;}

#topo{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}
.bx-telefones{background:url(../imagens/icon-tel.png)10px 40px no-repeat; padding:30px 0px 0px 40px; height:40px; position:relative; float:left;}
.bx-telefones a{line-height:40px; font-size:17px; font-weight:700; color:#1e3953;}
.bx-whatsapp{background:url(../imagens/icon-whatsapp.png)10px 40px no-repeat;; padding:30px 0px 0px 40px; height:40px; position:relative; float:left; margin:0px 0px 0px 20px;}
.bx-whatsapp a{line-height:40px; font-size:17px; font-weight:700; color:#1e3953;}

#topo .logo{position:relative; float:left;}
#topo .logo, #topo .logo img{width:205px; height:100px;}

#menu{width:356px; height:40px; position:relative; float:right; margin:29px 0px; padding:0px 0px 0px 40px; background-size:18px !important; background:url(../imagens/icon-menu.png) 5px 13px no-repeat; border-bottom:1px solid #eee; border-top:1px solid #eee;}
#menu li{width:auto; height:40px; position:relative; float:left; text-align:center; display:inline;}
#menu li a{width:auto; height:40px; position:relative; float:left; font-weight:600; line-height:40px; padding:0px 10px;}
#menu li:hover{background:#eee;}
#menu li:hover .submenu{display:block; z-index:99999999;}

#menu .submenu{display:none; position:absolute; width:auto; height:auto; top:40px; left:0px; z-index:9999; background:#EEE; border-top:5px solid #CCC; border-bottom:5px solid #CCC;}
#menu .submenu li{width:210px; height:30px; position:relative; float:left; padding:0px 5px; text-align:left !important;}
#menu .submenu li:hover{background:#DDD;}
#menu .submenu li a{line-height:30px !important; padding:0px; color:#535353; font:400 12px "Open Sans", sans-serif;}

.bg-mobile{width:100%; height:auto; position:relative; float:left; margin:15px 0px 0px 0px; background:#222;display:none; color:#FFF;}
.bg-mobile a{color:#FFF;}
.bg-mobile button{padding:5px 5px 5px 40px; border:0px; color:#FFF; height:30px;}
.bg-mobile #bt-menu{background:url(../imagens/icon-m-menu.png) 4px 5px no-repeat;}
.bg-mobile #bt-produtos{background:url(../imagens/icon-m-produtos.png) 4px 5px no-repeat; margin-left:10px;}
.bg-mobile #bt-contato{background:url(../imagens/icon-m-contato.png) 4px 5px no-repeat; margin-left:10px;}

.bx-oculto .m-submenu{display:none;}
.bx-oculto .m-submenu li{border:0px; border-top:1px solid #CCC; background:#FFF;}

.bx-oculto{width:calc(100% - 40px); position:relative; float:left; display:none; z-index:2; background:#EDEDED; padding:0px 20px; overflow:auto;}
.bx-oculto ul{width:100%; height:auto; position:relative; float:left; background:none;}
.bx-oculto li{width:100%; height:auto; position:relative; float:left; border-bottom:1px solid #CCC; font:600 12px 'Open Sans', sans-serif; color:#2e1700; text-align:left;}
.bx-oculto li a, .cat_link p{width:calc(100% - 10px); height:auto; position:relative; float:left; padding:20px 5px; color:#2e1700;}

#banner{width:100%; height:480px; position:relative; float:left;}
#banner .text-banner{width:100%; height:auto; position:relative; float:left;}
#banner .titulo{width:80%; display:table; text-align:center; background: rgba(255, 255, 255, 0.4); padding:2% 10%; color:#1e3953; font-size:30px; font-weight:300; margin:5% 0%;}

.centralizar{width:980px; height:auto; position:relative; float:left; left:50%; margin:0px 0px 0px -490px;}
.divisor{width:100%; height:auto; position:relative; float:left; padding:50px 0px;}
.divisor h2{font:400 16px 'Open Sans', sans-serif; color:#1e3953; margin:0px 0px 5px 0px;}
.divisor p{font:400 12px 'Open Sans', sans-serif; color:#535353;}
.divisor p b{font:600 13px 'Open Sans', sans-serif; color:#535353;}

#rodape{width:980px; height:auto; position:relative; float:left; margin-left:-490px; left:50%; background:none; padding:40px 0px;}
#rodape ul{width:calc(25% - 15px); height:130px; position:relative; float:left; padding:0px 0px 0px 14px; border-right:1px solid #6c838e;}
#rodape .last-ul{border:0px;}
#rodape ul li{width:100%; height:auto; position:relative; float:left; color:#fff; font:400 13px 'Open Sans', sans-serif;}
#rodape ul .titulo{font:300 18px 'Open Sans', sans-serif;}
#rodape ul li a{color:#fff;}

.direitos{width:100%; height:auto; position:relative; float:left; text-align:left; padding:15px 0px; background:#FFF; color:#535353; font-size:13px;}
.direitos a{color:#535353; font-weight:600;}
.direitos p{width:50%; position:relative; font-weight:600;}
.direitos .p-left{float:left; text-align:left;}
.direitos .p-right{float:right; text-align:right;}
@media only screen and (min-width: 768px) and (max-width: 995px) {
#topo, .centralizar, #rodape {width:768px; margin-left:-386px;}

.faixa p{padding:0px 0px 0px 30px;}
.faixa p, .faixa a{background-position:left center !important; background-size:15px 15px !important;}
.faixa .bx-horario{margin:0px 10px;}

#topo .logo, #topo .logo img{width:205px; height:100px;}

.bx-telefones{background:url(../imagens/icon-tel.png)10px 20px no-repeat; padding:10px 0px 0px 40px; margin:0px 0px 0px 160px;}
.bx-whatsapp{background:url(../imagens/icon-whatsapp.png)10px 20px no-repeat; padding:10px 0px 0px 40px; margin:0px 0px 0px 20px;}

#menu{margin:9px 0px;}

#banner {height:300px;}
#banner .titulo{font-size:25px; font-weight:300;}

#rodape ul{width:calc(50% - 15px); margin:20px 0px;}
#rodape .last-ul{border-right:1px solid #6c838e;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#topo, .centralizar, #rodape {width:480px; margin-left:-240px;}

#menu{display:none;} .bg-mobile{display:block;}

.faixa p{padding:0px 0px 0px 30px;}
.faixa p, .faixa a{background-position:left center !important; background-size:15px 15px !important;}
.faixa .bx-horario{margin:0px 20px 0px 0px;}

#topo .logo, #topo .logo img{width:205px; height:100px;}

.bx-telefones{background:url(../imagens/icon-tel.png)10px 20px no-repeat; padding:10px 0px 0px 40px; margin:0px 0px 0px 60px;}
.bx-whatsapp{background:url(../imagens/icon-whatsapp.png)10px 20px no-repeat; padding:0px 0px 0px 40px; margin:0px 0px 0px 60px;}

#menu{margin:9px 0px;}

#banner {height:360px;}
#banner .titulo{font-size:20px; font-weight:400;}

#rodape ul{width:calc(50% - 15px); margin:20px 0px;}
#rodape .last-ul{border-right:1px solid #6c838e;}
}
@media only screen and (max-width: 479px) {
#topo, .centralizar, #rodape {width:320px; margin-left:-160px;}

#menu{display:none;} .bg-mobile{display:block;}

.faixa{display:none;}

#topo .logo, #topo .logo img{width:164px; height:80px;}

.bx-telefones{background:url(../imagens/icon-tel.png)10px 15px no-repeat; padding:5px 0px 0px 30px; margin:0px;}
.bx-whatsapp{background:url(../imagens/icon-whatsapp.png)10px 10px no-repeat; padding:0px 0px 0px 30px; margin:0px;}

#menu{margin:9px 0px;}

#banner {height:260px;}
#banner .titulo{font-size:18px; font-weight:400;}

#rodape ul{width:calc(100% - 15px); margin:20px 0px; border-left:1px solid #6c838e; border-right:1px solid #6c838e;}
#rodape .last-ul{ border-left:1px solid #6c838e;border-right:1px solid #6c838e;}
}