@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');

*{margin:0;padding:0}
a{text-decoration:none;color:#FFF}
img{border:0}
ul{list-style:none}
.clear{clear:both}
input:focus{outline:none}
button:focus{outline:none}
area{display:inline;cursor:pointer}
area:focus{outline:none}
body{min-width:290px;font-family:'Open Sans Condensed',Arial,Helvetica,sans-serif;}


#bg_top {position:fixed; float:left; width:100%;height:auto; text-align:center;}

.faixa-topo, .cent-ft{position:relative; float:left; width:100%;}
.cent-ft{width:980px; left:50%;margin-left:-490px;}
.faixa-topo {height:44px; background:#073f53;}

.eng-tel{position:relative;float:right;width:280px; height:auto;}
.eng-tel .tel{display:inline; width:170px; height:30px; float:right; color:#393738; letter-spacing:0.3px; margin:5px 0 0 20px; text-align:right;}
.eng-tel .tel a {color:#000;position:relative;float:right; font-size:23px; font-weight:bold;}
.eng-tel .tel span{font-size:12px; font-weight:normal;}
.eng-tel .icon-tel, .eng-tel .icon-whats{position:relative;float:left;width:23px;height:23px; margin-top:5px;}

#bg_top{z-index:3;border-top:2px solid #f7d03f;border-bottom:2px solid #CCC; background:#ebeeee; z-index:9;}
.topo{display:inline-block; width:1110px; height:auto; padding:0 39px;}

.logotipo{position:relative; float:left; width:170px; height:74px; padding:10px 0; margin:0 0 0 0;}
#fm-acesso {position:absolute; right:0; top:0; width:auto; top:-40px;}
#fm-acesso p {position:relative; float:left; width:auto; color:#fff; margin-top:10px; font-size:14px;}
#fm-acesso .input {width: 86px; height: 26px; padding: 2px; position: relative; float: left; margin: 5px 0px 5px 5px; border: 0px; background: #FFF;}
#fm-acesso .bt-acesso {height: 30px; padding: 2px 8px; position: relative; float: left; margin: 5px 0px 5px 5px; border: 0px; background: #FFF;}

.chat {position:absolute; right:520px; top:40px; background:url(imagens/icon-chat.png) no-repeat; padding-left:35px; font-size:22px; letter-spacing:0.2px;}
.chat a{color:#292929;}

.bt-ws{position:absolute; right:0; bottom:-45px;}

.menu-h{position:relative; float:right;  width:auto; padding:2px 30px; margin:5px 0 0 0; z-index:2;}
.menu-h ul{display:block;float:left;height:auto; margin-top:31px;}
.menu-h ul .li{display:block;float:left;margin:0 0 0 0; height:100%}
.menu-h ul .li a, .menu-h ul .li button{display:block;float:left;padding:0 5px;font-size:18px;color:#4f4f4f;letter-spacing:1px; height:100%; line-height:2.3; font-weight:700; margin-left:47px; cursor:pointer;}
.menu-h ul .li a:hover{color:#f7d03f; -webkit-transition:color 1s;transition:color 1s;}
.menu-h ul .li2{display:block;float:left;margin:0;height:100%}
.menu-h ul .li2 a{display:block;float:right;padding:0 5px;font-size:16px;color:#696969;font-weight:300;letter-spacing:1px; height:100%}
.menu-h ul .li2 a:hover{color:#f7d03f; -webkit-transition:color 1s;transition:color 1s;}
.menu-h ul .li button {border:0; background:none; font-family:"Open Sans Condensed", Verdana, Geneva, sans-serif;}

/*Submenu Produtos*/
#bt-menu-produtos{height:40px; position:relative; float:left; line-height:43px !important; color:#535353; font:600 16px "Open Sans Condensed", Verdana, Geneva, sans-serif; padding:0 20px 0px 40px; border-right:1px solid #CCC; border-left:0; border-top:0; border-bottom:0; margin-right:10px;}

.bx-categorias{position:absolute; top:75px; right:281px; width:200px; height:auto; background:#f7d03f; display:none; border-bottom:5px solid #deb82c; border-top:5px solid #deb82c;}
.bx-categorias ul{position:relative; float:left; width:100%; height:auto; margin-top:0;}
.bx-categorias li{width:100%; height:auto; position:relative; float:left; border-bottom:1px solid #deb82c; font-size:15px; font-weight:600;}
.bx-categorias li a{position:relative; float:left; width:calc(100% - 5px); height:100%;color:#000; padding:5px 0; margin-left:5px; text-align:center;}
.bx-categorias a strong{font:600 15px "Open Sans Condensed", Verdana, Geneva, sans-serif; color:#FFF;}

#bg_menu{position:absolute;right:210px; top:48px; width:72px; border-right:1px solid #e9e9e9; display:none;}
#menu-mobile{position:relative; float:left; width:42px; height:42px;}

.bx-oculto, .bx-oculto ul, .bx-oculto ul li {position:relative;float:left;width:100%;}
.bx-oculto{display:none;}
.bx-oculto ul{background:#f3f3f3; padding:10px 0;}
.bx-oculto ul li{text-align:center; padding:5px 0; border-bottom:1px solid #E1E1E1;}
.bx-oculto ul li a{color:#000;}
#bt-menu-mobile{background:url(imagens/icon-menu.jpg) no-repeat; width:42px; height:42px; border:0;}

#bg-banner{position:relative;float:left;width:100%;height:419px; margin-top:103px;}
/*#banner{position:absolute; top:0; left:0;width:100%;height:519px;z-index:2}*/
#banner{position:absolute; top:0; left:0;width:100%;height:419px;z-index:2; border-bottom:2px solid #404040; z-index:2}
.eng-conteudo{position:relative;float:left;width:100%; background:url(imagens/bkg-meio.jpg) top repeat-x; background-position:0 58px; background:#eee;}
.conteudo{position:relative;float:left;width:1110px;left:50%;margin-left:-555px; z-index:5;}

#eng-rodape{position:relative;float:left;width:100%;height:134px;background:url(imagens/bkg-rodape.jpg) repeat-x;}
.rodape{position:relative;float:left;width:980px;height:134px;left:50%;margin-left:-477.5px; background:url(imagens/meio-rodape.jpg) no-repeat;}

.rodape .box, .rodape .box2{display:inline-table;width:auto; margin-top:15px; margin-right:105px;}
.rodape .box b, .rodape ul li a, .rodape .box p, .rodape .box2 b, .rodape .box2 p {font-size:18px; color:#000; font-weight:normal;}
.rodape ul li{display:inline;color:#fff;padding-right:25px;}
.rodape .box {margin-left:38px; margin-top:33px;}
.rodape .box p {margin-top:10px; }
.rodape .box2 {float:right; margin-right:40px;}
.rodape .box2 b {font-size:11px;}
.rodape .box2 .b {float:right; width:100%; font-size:18px;}
.rodape .box2 p, .rodape .box2 b {text-align:right;}
.rodape .box2 p img{margin-right:10px; }

.direitos{position:absolute;left:40px;bottom:13px;width:350px;font-size:14px;color:#2c2c2c;}
.ipct{position:absolute;right:40px;bottom:13px;width:auto;color:#2c2c2c;font-size:12px}
.ipct a{color:#ee3537}

/*CSS CHAT ONLINE LATERAL*/
#rodape-lateral-ativo {position:fixed; bottom:10px; right:0; z-index:9999; width:180px; height:100px; background:url(imagens/bkg_chat_online.png);}
#rodape-lateral-ativo a{border:0;}
.texto-chat {position:relative; float:left; width:300px; font-size:23px; color:#ffffff; margin:5px 0 0 15px; height:20px;}
.texto-chat a{color:#ffffff; text-decoration:none;}
.texto-chat2 {position:relative; float:left; width:300px; font-size:18px; margin:5px 0 0 15px; height:20px;}
.texto-chat2 a{color:#075385; text-decoration:none;}
#rodape-lateral-ativo .img_chat {position:relative; float:left; width:153px; height:22px; margin:10px 0 0 14px; border:0; text-shadow:none !important;}
.status_chat {position:relative; float:left; width:137px; margin:15px 0 0 5px; font-size:13px; font-weight:bold;}
.status_chat a {color:#fff; text-decoration:none; font-style:italic;}
#bt-close{width:43px; height:12px; position:absolute; top:-18px; left:20px; z-index:999; pointer-events:auto;}
#bt-close:focus {outline: none;}

#rodape-fixo {position:fixed; width:57px; height:98px; right:19px; bottom:10px; background:url(imagens/bkg_chat_close.png) no-repeat; z-index:9999;}
#bt-open {position:relative; float:left; width:47px; height:46px; margin:2px 0 0 7px;}

@media only screen and (min-width: 980px) and (max-width: 1169px) {
.topo {width:955px; padding:0;}
.conteudo, .rodape {width:955px; margin-left:-477.5px;}
.chat {right:70px; top:182px;}
.eng-tel {width:200px;}
#bg-banner, #banner{position:relative;float:left;width:100%;height:360px;}

.rodape {background:none;}
.direitos, .ipct {padding:5px; background:#EEE;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
.conteudo, .rodape {width:743px; margin-left:-371.5px;}
.topo {width:743px; padding:0;}
.logotipo {left:50%; margin-left:-85px; padding:20px 0;}
.chat {right:40px; top:182px;}

.eng-tel {display:inline-block; float:none; position:inherit; width:auto;}
.eng-tel .tel {float:left; margin:5px 20px 0 0; width:160px;}
.eng-tel .tel:nth-child(2) {margin-right:0;}
.bt-ws {right:-150px; bottom:-75px;}
.menu-h {width:100%; padding:5px 0;}
.menu-h ul {width:100%;}

#bg-banner, #banner{position:relative;float:left;width:100%;height:360px;}

.rodape {background:none;}
}
@media only screen and (min-width: 667px) and (max-width: 767px) {
.conteudo, .rodape {width:642px; margin-left:-321px;}
.topo {width:743px; padding:0;}
.logotipo {left:50%; margin-left:-85px; padding:20px 0;}

.eng-tel {display:inline-block; float:none; position:inherit; width:auto;}
.eng-tel .tel {float:left; margin:5px 20px 0 0; width:160px;}
.eng-tel .tel:nth-child(2) {margin-right:0;}
.bt-ws {right:calc(50% - 84px); bottom:-125px;}
.chat {right:5px; top:182px;}

#bg-banner, #banner{position:relative;float:left;width:100%;height:300px;}

.menu-h {width:calc(100% - 60px); position:relative; float:left; bottom:0; margin:20px 0; text-align:center;}
.menu-h ul {margin-left:0; float:none; display:inline-block;}
.menu-h ul .li a, .menu-h ul .li button {margin-left:0; padding:0 20px;}

.rodape {background:none;}
}
@media only screen and (min-width: 480px) and (max-width: 666px) {
.conteudo, .rodape {width:455px; margin-left:-227.5px;}
.topo {width:455px; padding:0;}
.logotipo {left:50%; margin-left:-85px; padding:20px 0;}
.eng-tel .icon-tel, .eng-tel .icon-whats {width:15px; height:15px;}
.eng-tel {display:block; width:100%; float:left;}
.eng-tel .tel {float:left; margin-left:20px; font-size:23px; width:138px;}
.bt-ws {right:calc(50% - 84px); bottom:-120px;}
.chat {display:none;}

.menu-h {width:calc(100% - 60px); position:relative; float:left; bottom:0; margin:20px 0; text-align:center;}
.menu-h ul {margin-left:0; float:none; display:inline-block;}
.menu-h ul .li a, .menu-h ul .li button {margin-left:0; padding:0 20px; font-size:15px;}
.eng-tel .tel a {font-size:18px;}

#bg-banner, #banner{position:relative;float:left;width:100%;height:270px;}

#eng-rodape {height:auto; background:#62aeec;}
.rodape {background:none; height:auto;}
.rodape .box, .rodape .box2 {margin:0; width:100%; float:left;}
.rodape .box ul {display:block; width:100%; text-align:center; margin-top:20px;}
.rodape ul li {display:inline-block; }
.rodape .box2 {margin:20px 0;}
.rodape .box2 p, .rodape .box2 b {text-align:center;}
.direitos, .ipct {position:relative; float:left; left:0; width:100%; text-align:center;}
.direitos {color:#fff;}
.ipct {margin-top:20px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.conteudo, .rodape {width:295px; margin-left:-147.5px;}
.topo {width:295px; padding:0;}
.logotipo {left:50%; margin-left:-85px; padding:20px 0;}
.eng-tel .icon-tel, .eng-tel .icon-whats {width:15px; height:15px;}
.eng-tel {display:block; width:100%; float:left;}
.eng-tel .tel {float:left; margin-left:20px; font-size:23px; width:138px;}
.bt-ws {right:calc(50% - 84px); bottom:-120px;}
.chat {display:none;}

.menu-h {width:calc(100% - 60px); position:relative; float:left; bottom:0; margin:20px 0; text-align:center;}
.menu-h ul {margin-left:0; float:none; display:inline-block;}
.menu-h ul .li a, .menu-h ul .li button {margin-left:0; padding:0 20px; font-size:15px;}
.eng-tel .tel a {font-size:18px;}
.bx-categorias {position:relative; float:left;top:-1px; right:0; width:100%;}
.bx-categorias li a {margin-left:0; width:100%;}

#bg-banner, #banner{position:relative;float:left;width:100%;height:200px;}

#eng-rodape {height:auto; background:#62aeec;}
.rodape {background:none; height:auto;}
.rodape .box, .rodape .box2 {margin:0; width:100%; float:left;}
.rodape .box ul {display:block; width:100%; text-align:center; margin-top:20px;}
.rodape ul li {display:inline-block; }
.rodape .box2 {margin:20px 0;}
.rodape .box2 p, .rodape .box2 b {text-align:center;}
.direitos, .ipct {position:relative; float:left; left:0; width:100%; text-align:center;}
.direitos {color:#fff;}
.ipct {margin-top:20px;}
}