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

/*Botão WhatsApp*/
.bt-whats1 { font-size: 1rem; margin-top: 10px; padding: 15px; position:fixed; right:15px; bottom:60px; width:auto; 
height: auto; vertical-align:middle; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 9999999999; font: 13px Helvetica, Arial,sans-serif; text-decoration: none; border-radius: 10px;}
.alinhar { padding-top:4px; width:auto; display: none;}

/* Efeito Pulsar Botão WhatsApp */
.efeitoPulse { ursor: pointer; box-shadow: 0 0 0 rgba(1,183,99, 0.4); animation: pulse 1s infinite;}
.efeitoPulse:hover { animation: none; }

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(1,183,99, 0.4); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(1,183,99, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(1,183,99, 0); }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(1,83,99, 0.4); box-shadow: 0 0 0 0 rgba(1,83,99, 0.4);}
  70% { -moz-box-shadow: 0 0 0 10px rgba(1,83,99, 0); box-shadow: 0 0 0 10px rgba(1,83,99, 0);}
  100% { -moz-box-shadow: 0 0 0 0 rgba(1,83,99, 0); box-shadow: 0 0 0 0 rgba(1,83,99, 0);}
}

html, body {width:100%; height:100%; background:none; font-family:"Open Sans", Verdana, Geneva, sans-serif;}

#mask {position:absolute; width:100%; left:0; top:0; background-color:#000; display:none; z-index:99999;}
#boxes .window {position:absolute; left:0; top:100px; width:700px; height:490px; display:none; z-index:999999;}
#boxes #dialog2 {position:fixed; background:transparent; width:700px; margin-top:0; left:50%; margin-left:-350px;}
.close{display:block; text-align:right; padding: 10px; background:#8b0101; border:0; color:#fff; font-size:12px; cursor:pointer}
.img_pop {display:block; float:left; width:700px; height:490px;}
.img_pop-mobile {display:none; float:left; width:295px; height:283px;}

#bg_top{width:100%; height:auto; position:relative; float:left; background:#fff;}
#bg_top2{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-white.jpg) top center repeat-x; padding:5px 0px; background-size:100% 100%;}
#bg_menu{width:100%; height:40px; position:relative; float:left; background:url(../imagens/bg-white.jpg) top center repeat-x; border-top:1px solid #999; border-bottom:2px solid #CCC; background-size:100% 100%;}
#bg_banner{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-banner.jpg) top center repeat-x;  padding:15px 0px; background-size:100% 100%;}
.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:none; text-align:center;}
#bg-rodape-white{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-white.jpg) top center repeat-x; background-size:100% 100%; padding:15px 0px;}
#bg-rodape-red{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-banner.jpg) top center repeat-x; background-size:100% 100%; padding:15px 0px;}


#topo{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px;}
#topo .logo{width:290px; height:110px; position:relative; float:left; margin:10px 0px;}
#topo .atendimento{width:478px; position:relative; float:right; margin:20px 0 0 0;}
#topo .atendimento img{position:relative; float:left; margin-top:2px;}
#topo .atendimento a{color:#000 !important;}
#topo .atendimento p{color:#000; font-weight:bold; font-size:14px; position:relative; float:left; margin-right:10px;}
#topo .atendimento p span {font-size:8px; font-weight:400;}
#topo .atendimento p:nth-child(3){margin-right:0 !important;}
.bt_whatsapp{font-weight:normal; font-size:10px; background:#093; color:#fff !important; padding:2px;}

#topo .box-chat{width:200px; height:50px; position:relative; float:right; background:url(../imagens/icon-chat.png) center left no-repeat; margin:50px 0px; padding-left:70px;}
#topo .box-chat a{line-height:50px !important; color:#FFF;}

#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:#c00; 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, #bt-contato-mobile{height:40px; position:relative; float:left; line-height:40px !important; color:#535353; font:600 14px "Open Sans", Verdana, Geneva, sans-serif; padding:0px 10px 0px 40px; border-right:1px solid #CCC; 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;}
#bt-contato-mobile{background:url(../imagens/icon-contato.png) top left no-repeat;}

.bx-oculto .cat_link .bt-categoria{width:100%; position:relative; float:left; padding:5px; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; background:#c00; color:#fff; border:0px; border-bottom:1px solid #900; text-align:left;}
.bx-oculto .cat_link ul{display:none; width:100%; height:auto; position:relative; float:left;}

.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 #f00; 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:#535353;}
.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:normal 600 16px "Open Sans", Verdana, Geneva, sans-serif; color:#000; padding:5px 10px; margin-top:15px;}
.centralizar p{font:400 normal 14px "Open Sans", Verdana, Geneva, sans-serif; color:#535353; margin:10px;}
.centralizar .capitais{width:120px; height:154px; margin:0px; padding:0px; border:0px;}
.centralizar p strong a{font:600 normal 20px "Open Sans", Verdana, Geneva, sans-serif; color:#C00;}

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

.box-news{width:100%; height:auto; position:relative; float:left; margin:20px 0px;}
.box-news h1{color:#FFF; font-size:18px; font-weight:600;}
.box-news h2{color:#FFF; font-size:14px; font-weight:600;}
.box-news p{font:normal 12px Arial; color:#FFF;}

.est_newsletter{ position:relative; float:left; width:calc(100% - 2px); height:auto; margin:10px 0; border:1px solid #FFF;}
.campo_news { position:relative; float:left; width:calc(100% - 51px); height:35px; border:0; margin:0;}
.cad_news { position:relative; float:left; width:51px; height:35px; border:0; background:#f00; color:#fff;}
#txt_news {position:relative; float:left; width:100%; margin:14px 0 0 0; color:#FFF; font-size:10px;}

.lg-marcas{width:80px; height:80px; position:relative; float:left; border:2px solid #DDD; margin:0px 0px 1px 1px;}

#bg-rodape-white p{font:600 14px "Open Sans", Verdana, Geneva, sans-serif; color:#535353;}
#bg-rodape-red .telefones p, #bg-rodape-red .telefones p strong, #bg-rodape-red .telefones a {color:#FFF !important; height:25px;}
.formas-pg{width:500px; height:90px;}

.direitos{width:100%; height:auto; position:relative; float:left; line-height:25px; color:#FFF; background:#222;}
.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, .impactosnet{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}

@media only screen and (min-width: 667px) and (max-width: 767px) {
#boxes .window {width:295px; height:283px;}
#boxes #dialog2 {width:295px; left:50%; margin-left:-147.5px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#boxes .window {width:295px; height:283px;}
#boxes #dialog2 {width:295px; left:50%; margin-left:-147.5px;}
.img_pop {display:none;}
.img_pop-mobile {display:block;}	
#topo, #menu-mobile, .bx-oculto ul, .centralizar, #rodape{width:480px; margin-left:-240px;}
#topo .logo{margin:10px 95px;}

#topo .atendimento{width:480px; margin:0 0 20px 0;}

#banner{width:480px; height:123px; margin-left:-240px;}

.lg-marcas{width:74px; height:74px;}
.formas-pg{width:480px; height:86px;}
}
@media only screen and (max-width: 479px) {
#boxes .window {width:295px; height:283px;}
#boxes #dialog2 {width:295px; left:50%; margin-left:-147.5px;}
.img_pop {display:none;}
.img_pop-mobile {display:block;}
#topo, #menu-mobile, .bx-oculto ul, .centralizar, #rodape{width:320px; margin-left:-160px;}
#topo .logo{margin:5px 15px;}
#topo .img-tel{margin:0px 45px;}
.telefones .fn-central{width:100% !important;}
.telefones p{width:calc(50% - 35px) !important; margin:5px !important;}
.telefones .fn-padding{padding-left:25px !important;}

#topo .atendimento{width:280px; margin:0 0 20px 20px;}
#topo .atendimento p{width:100%; font-size:16px; margin-right:0; margin-top:10px;}
.bt_whatsapp{font-size:12px;}

#banner{width:320px; height:82px; margin-left:-160px;}

.lg-marcas{width:100px; height:100px;}
.formas-pg{width:320px; height:57px;}
#bg-rodape-white p{display:none;}
}