@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
html, body {height:100%;}

body{background:#CCC; font-family:"Open Sans", Verdana, Geneva, sans-serif;}
#bg_top{width:100%; height:595px; position:relative; float:left; background:url(../imagens/bg-topo.jpg)top center no-repeat; z-index:9;}

#bg-menu{width:100%; height:40px; position:absolute; bottom:0px; left:0px;}

#bg_conteudo{width:100%; min-height:300px; height:auto; position:relative; float:left; background:url(../imagens/bg-conteudo.jpg)top center repeat;}
#bg_rodape{width:100%; height:auto; position:relative; float:left; background:#1c1c1c url(../imagens/bg-rodape.jpg)top center repeat-x;}

#topo{width:980px; height:250px; position:absolute; left:50%; margin-left:-490px; z-index:999;}
.logo{width:280px; height:250px; position:absolute; left:50%; margin-left:-140px; z-index:99999; top:0;}
#topo .redes-sociais{width:300px; height:auto; position:absolute; top:0; left:10px;}
#topo .redes-sociais p{width:300px; height:25px; line-height:25px; position:relative; float:left; color:#FFF;}
#topo .redes-sociais img{width:42px; height:42px; position:relative; float:left; margin:6px 10px 0px 0px;}
#topo .pagseguro{width:180px; height:50px; position:absolute; top:100px;}
#topo .telefone-fixo{width:300px; height:auto; position:absolute; top:0; right:0; text-align:right;}
#topo .telefone-movel{width:300px; height:auto; position:absolute; top:85px; right:0; text-align:right; color:#FFF;}
#topo .telefone-fixo p, #topo .telefone-movel p{color:#FFF; line-height:25px;}
#topo .telefone-fixo p strong, #topo .telefone-movel p strong{color:#FFF; font:800 24px "Open Sans", Verdana, Geneva, sans-serif;}

.telefone-mobile{width:100%; height:auto; position:absolute; top:415px; display:none; text-align:center;}
.telefone-mobile p strong{font:800 24px "Open Sans", Verdana, Geneva, sans-serif;}

#banner{width:960px; height:330px; position:absolute; left:50%; margin-left:-490px; top:195px; padding:0px 10px;}

#menu{width:900px; height:40px; position:absolute; left:50%; margin-left:-700px; bottom:0px; padding:0 190px;}
#menu li{width:150px; height:40px; position:relative; float:left; text-align:center; display:inline;}
#menu li a{line-height:40px !important; color:#FFF; font:400 16px "Open Sans", Verdana, Geneva, sans-serif;}
#menu li a:hover{color:#BBB;}

#menu-mobile{width:768px; height:40px; position:relative; float:left; left:50%; margin-left:-384px; display:none;}
#menu-mobile li{width:auto; position:relative; float:left; display:inline-block;}
#bt-menu-mobile{height:40px; position:relative; float:left; line-height:40px !important; color:#FFF; font:600 16px "Open Sans", Verdana, Geneva, sans-serif; padding:0px 10px 0px 40px; border-right:1px solid #A00; 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;}

.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 #C00; 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:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}
.box-conteudo{width:calc(100% - 20px); height:auto; position:relative; float:left; padding:9px; border:1px solid #CCC; margin:20px 0; background:#FFF;}
.box-conteudo h2{font:600 20px "Open Sans", Verdana, Geneva, sans-serif; color:#900;}
.box-conteudo p{font:600 14px "Open Sans", Verdana, Geneva, sans-serif; color:#666; margin:15px 0 0 0; text-align:justify;}

#rodape{width:980px; height:225px; position:relative; margin-left:-490px; left:50%; background:none;}
#rodape .formas-de-pagamento{width:100%; height:120px; position:relative; float:left; padding:10px 0; color:#FFF;}
#rodape .info-rodape{width:960px; height:40px; position:relative; float:left; padding:10px; color:#900;}
#rodape .info-rodape a{font:600 14px "Open Sans", Verdana, Geneva, sans-serif; color:#900;}
#rodape .telefone-fixo{width:200px; height:auto; position:absolute; top:3px; right:200px; text-align:right;}
#rodape .telefone-movel{width:200px; height:auto; position:absolute; top:3px; right:0; text-align:right; color:#FFF;}
#rodape .telefone-fixo p{font:600 14px "Open Sans", Verdana, Geneva, sans-serif;color:#900;}
#rodape .telefone-movel p{font:600 14px "Open Sans", Verdana, Geneva, sans-serif;color:#003300;}
#rodape .telefone-fixo p strong, #rodape .telefone-movel p strong{font:800 24px "Open Sans", Verdana, Geneva, sans-serif;}

.direitos{width:980px; height:auto; position:relative; float:left; line-height:25px; color:#FFF;}
.direitos p{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF; line-height:25px; position:relative; float:left;}
.direitos p strong{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#F00;}
.direitos a{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#F00;}
.icones_rodape{width:261px; height:25px; position:relative; float:right;}
.chrome, .mozilla, .opera, .ie, .safari, .html5, .css3{width:23px; height:25px; position:relative; float:right;}
.html5, .css3{height:25px;}
.logo_gray{width:98px; height:25px; position:relative; float:right;}

.p-desktop{display:block;}
.p-mobile{display:none;}
@media only screen and (min-width: 768px) and (max-width: 995px) {
#bg_top{height:545px; background:url(../imagens/bg-topo-768.jpg)top center repeat-x;}
#topo, #banner, .centralizar, .bx-oculto ul, #rodape{width:768px; margin-left:-384px;}
#menu{width:600px; margin-left:-384px; padding:0 84px;}
#banner{width:768px; height:264px;}
#rodape .formas-de-pagamento img{width:768px; height:47px;}
#rodape .info-rodape, .direitos{width:748px;}
.icones_rodape{display:none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#bg_top{height:650px; background:url(../imagens/bg-topo-480.jpg)top center repeat-x;}
#topo ,#banner, .centralizar, #menu-mobile, .bx-oculto ul, #rodape{width:480px; margin-left:-240px;}
.telefone-mobile, #menu-mobile{display:block;}
#topo .redes-sociais, #topo .pagseguro, #topo .telefone-fixo, #topo .telefone-movel, #menu{display:none;}
#banner{width:480px; height:165px;}
#rodape{height:auto;}
#rodape .formas-de-pagamento img{width:480px; height:29px;}
#rodape .telefone-fixo{width:230px; right:230px; text-align:center;}
#rodape .telefone-movel{width:230px; text-align:center;}
#rodape .info-rodape, .direitos{width:460px;}
.icones_rodape, .btm-menu{display:none;}
}
@media only screen and (max-width: 479px) {
#bg_top{height:500px; background:url(../imagens/bg-topo-320.jpg)top center repeat-x;}
#topo ,#banner, .centralizar, #menu-mobile, .bx-oculto ul, #rodape{width:320px; margin-left:-160px;}
.telefone-mobile, #menu-mobile{display:block;}
#topo .redes-sociais, #topo .pagseguro, #topo .telefone-fixo, #topo .telefone-movel, #menu, #banner{display:none !important;}
.telefone-mobile{top:260px;}
#rodape{height:auto;}
#rodape .formas-de-pagamento img{width:320px; height:19px;}
#rodape .telefone-fixo{width:150px; right:150px; text-align:center;}
#rodape .telefone-movel{width:150px; text-align:center;}
#rodape .telefone-fixo p, #rodape .telefone-movel p{font:600 12px "Open Sans", Verdana, Geneva, sans-serif;}
#rodape .telefone-fixo p strong, #rodape .telefone-movel p strong{font:800 18px "Open Sans", Verdana, Geneva, sans-serif;}
#rodape .info-rodape, .direitos{width:300px;}
.icones_rodape, .btm-menu, .p-desktop{display:none;}
.direitos .p-mobile{display:block;}
}