@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
a{text-decoration:none; color:#535353;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
.whats{width:25px; height:25px; position:relative; top:6px !important;}

html, body {width:100%; height:100%; background:none; font-family:"Open Sans", Verdana, Geneva, sans-serif; background:#DDD;}
#bg_top{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-topo.jpg) top center repeat-x; border-bottom:10px solid #003e83;}
#bg_top2{width:100%; height:auto; position:relative; float:left; background:#DDD; padding:5px 0px;}
#bg_menu{width:100%; height:40px; position:relative; float:left; background:#DDD; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#bg_banner{width:100%; height:auto; position:relative; float:left; background:#FFF url(../imagens/bg-banner-01.jpg) 0px 40px no-repeat; padding:15px 0px;}
.bg_conteudo{width:100%; height:auto; position:relative; float:left; background:#FFF; padding-bottom:20px;}
#bg_rodape{width:100%; height:auto; position:relative; float:left; background:#FFF; padding-bottom:35px;}

#topo{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px;}
#topo .logo{width:210px; height:100px; position:relative; float:left; margin:10px 0px;}

#telefones{width:200px; height:auto; position:relative; float:right; top:10px; right:0; background:url(../imagens/bg-telefone.png) top center no-repeat;}
#telefones a{color:#003E83;}
#telefones p{font:bold 12px Arial, Helvetica, sans-serif; color:#003E83; line-height:20px; font-variant:small-caps;}
#telefones p strong{font:bold 14px Arial, Helvetica, sans-serif; color:#003E83; line-height:10px; font-variant:small-caps;}
#telefones img{width:60px; height:60px; position:relative; float:left;}
#telefones .whatsapp{width:30px; height:30px; position:relative; float:left; margin-left:30px;}

.bkg-chat-online {position:absolute; width:207px; height:46px; background:url(../imagens/bkg-chat-online.jpg) no-repeat; bottom:0px; left:50%; margin-left:-103px;}
.bkg-chat-online strong {position:relative; float:left; width:140px; font-size:18px; color:#bdd4eb; font-weight:normal; margin-left:57px; margin-top:8px;}
.bkg-chat-online a {position:relative; float:left; width:140px; font-size:14px; color:#bdd4eb; font-weight:normal; margin-left:57px;}

#form-busca{width:100%; height:40px; position:relative; float:left; border:1px solid #CCC; margin:0px;}
#input-buscar{width:calc(100% - 90px); height:30px; position:relative; float:left; padding:5px; border:0px;}
#bt-buscar{width:80px; height:40px; position:relative; float:right; border:0px; background:#13365b; color:#FFF;}

#menu-mobile{width:768px; height:40px; position:relative; float:left; left:50%; margin-left:-384px;}
#menu-mobile li{width:auto; position:relative; float:left; display:inline-block;}
#bt-menu-mobile, #bt-produtos-mobile{height:40px; position:relative; float:left; line-height:40px !important; color:#333; font:600 16px "Open Sans", Verdana, Geneva, sans-serif; padding:0px 10px 0px 40px; border-right:1px solid #FFF; border-left:0; border-top:0; border-bottom:0;}
#bt-menu-mobile{background:url(../imagens/icon-menu.png) top left no-repeat;}
#bt-produtos-mobile{background:url(../imagens/icon-produtos.png) top left no-repeat;}

.cat_link{background:#003E83; color:#FFF !important;}


.bx-oculto{width:100%; height:auto; position:relative; float:left; background:#EEE; display:none; border-bottom:5px solid #DDD; border-top:5px solid #DDD;}
.bx-oculto ul{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; background:none;}
.bx-oculto li{width:100%; height:auto; position:relative; float:left; border-bottom:1px solid #003E83; font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#1947b7;}
.bx-oculto li a{width:calc(100% - 10px); height:auto; position:relative; float:left; padding:5px; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; color:#003E83;}
.bx-oculto a strong{font:600 15px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}

.centralizar{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px;}
.centralizar .h2_titulo{font:italic 600 16px "Open Sans", Verdana, Geneva, sans-serif; color:#0079B5; padding:5px 10px; background:#FFF; position:relative; float:left;}
.centralizar p{font:400 italic 14px "Open Sans", Verdana, Geneva, sans-serif; color:#000; margin-bottom:15px;}
.centralizar .capitais{width:120px; height:154px; margin:0px; padding:0px; border:0px;}

#banner{width:768px; height:282px; position:relative; float:left; left:50%; margin-left:-384px;}

.est_newsletter { position:relative; float:left; width:100%; height:auto; margin:10px 0;}
.campo_news { position:relative; float:left; width:100%; height:37px; border:0; margin:0 0 10px 0; box-sizing: border-box;}
.cad_news { position:relative; float:left; width:51px; height:35px; border:0; margin:1px 0 0 0; background:#9e9e9e; color:#fff;}
#txt_news {position:relative; float:left; width:100%; margin:14px 0 0 0; color:#FFF; font-size:10px;}

.box-rodape{position:relative; float:left; width:calc(50% - 25px); height:200px; background:#003E83; color:#FFF; padding:10px;}
.bx1{margin:10px 5px 0 0;}
.bx2{margin:10px 0 0 5px;}
.box-rodape h1{color:#FFF; font-size:18px; font-weight:600;}
.box-rodape h2{color:#FFF; font-size:14px; font-weight:600;}
.box-rodape p{font:normal 12px Arial; color:#FFF;}
.box-rodape a{color:#FFF;}

#rodape{width:768px; height:auto; position:relative; float:left; margin-left:-384px; left:50%; background:#EEE; border-top:3px solid #1947b7;}
#rodape ul{width:100%; height:auto; font:22px Arial, Helvetica, sans-serif;}
#rodape li{width:50%; height:auto; position:relative; float:left; text-align:center; padding:10px 0px; border-bottom:1px dashed #535353;}
.direitos{width:100%; height:auto; position:absolute; bottom:0px; left:0px; line-height:25px; color:#FFF; background:none;}
.direitos p{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF; line-height:25px; margin-left:10px;}
.direitos p strong{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
.direitos a{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#topo, #menu-mobile, .bx-oculto ul, .centralizar, #rodape{width:480px; margin-left:-240px;}
#topo{padding-bottom:46px;}
#banner{width:480px; height:176px; margin-left:-240px;}
#rodape, .direitos{text-align:center;}
}
@media only screen and (max-width: 479px) {
#bg_banner, #banner{display:none;}
#topo, #menu-mobile, .bx-oculto ul, .centralizar, #rodape{width:320px; margin-left:-160px;}
#topo{padding-bottom:70px;}
#topo .logo{ margin:5px 45px;}
#telefones{width:170px; height:80px; float:left; margin:0px 65px;}

.box-rodape{width:calc(100% - 20px); height:auto; padding:10px; margin:5px 0px;}
#rodape, .direitos{text-align:center;}
}