/*estrutura do site*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
body {width:100%; height:auto; background:#FFF; font-family:"Open Sans", Verdana, Geneva, sans-serif; padding:0; margin:0; min-width:768px; padding-top: 60px;}

.btwhats, .btwhats2 { font-size: 1rem; padding: 10px; position:fixed; right:2%; bottom:2%; width:auto; 
height: auto; vertical-align:middle; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 999; 
font: 13px Helvetica,Arial,sans-serif; text-decoration: none; border-radius: 10px;}
.btwhats2{bottom: 100px;}
/* Efeito Pulsar Botão WhatsApp */
.efeitoPulse { cursor: pointer; box-shadow: 0 0 2px rgba(0,0,0, 0.1); animation: pulse 1s infinite;}
.efeitoPulse:hover { animation: none; }

.form_busca{width:100%; height: 100%; position: relative; float: left; background: #fff; border: 1px solid #002C59; box-sizing: border-box; overflow: hidden;}
.in_buscar{width:400px; height: 40px; position: relative; float: left; padding: 5px; margin: 5px; border: 0; box-sizing: border-box; outline: none; background: none;}
.bt_buscar{width:60px; height: 40px; position: relative; float: right; margin: 5px; border: 0; color: #002C59; font-size: 20px; border-left: 1px solid #002C59; outline: none; background: none;}

.menu_fixo{width: 100%; height: auto; box-sizing: border-box; border-bottom:5px solid #002C59; background: #f1f1f1; position: fixed; z-index: 99999999999; top: 0; left: 0;}
.bt_menu, .bt_cmenu{border:0;}
.bt_menu{position:relative; float: right; width: 100px; height: 50px; box-sizing: border-box; color: #fff; background: #002C59; font-size:14px; margin:5px 10px 5px 0; border-radius: 25px;}
.bt_cmenu button{width:100%; height:auto; position:relative; float:left; margin:0 0 20px 0; text-align:center; padding: 10px; border:0; font-size:16px; color:#fff; background:#002C59;}
.menu{width:100%; height:100%; position:fixed; top:0; left:-100%; margin: 0; background:#fff; overflow:scroll; z-index:999999999999; box-sizing:border-box; padding: 10px;}
.menu li{width:100%; height:auto; position: relative; float: left; box-sizing: border-box; margin: 0; line-height: 40px; border-bottom: 1px dashed #002C59;}
.menu li a{width:100%; height:auto; position: relative; float: left; color: #002C59; line-height: 40px;}
.menu li ul{width:100%; height:auto; position:relative; float:left; top:0; left:0; display:block; background: #f1f1f1; box-sizing: border-box; padding: 0 10px;}
.menu li ul a{color: #002C59;}

.noborder{border-bottom:0 !important;}

@-webkit-keyframes pulse {
0% { -webkit-box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
70% { -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0.1);}
100% { -webkit-box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
}
@keyframes pulse {
0% { -moz-box-shadow: 0 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
70% { -moz-box-shadow: 0 0 0 10px rgba(0,0,0, 0.1); box-shadow: 0 0 0 10px rgba(0,0,0, 0.1);}
100% { -moz-box-shadow: 0 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
}

#bg-topo{width:100%; height:auto; position:relative; float:left; background:#FFF url(../imagens/bg-topo.jpg) top center repeat-x; border-top:5px solid #002C59;}
#bg-topo #topo{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; padding-top:5px;}
#bg-topo #topo #logo{width:168px; height:60px; position:relative; float:left; margin:10px;}
#bg-topo #topo .box-telefones{width:282px; height:auto; position:relative; float:right; margin:10px 0px;}
#bg-topo #topo .box-telefones p{width:50%; position:relative; float:left;}
#bg-topo #topo .box-telefones a{color:#002C59;}

#menu-mobile{width:100%; height:50px; position:relative; float:left; background:#002C59;}
#menu-mobile ul{width:768px; height:50px; position:relative; float:left; left:50%; margin-left:-384px; background:none;}

#bt-menu-mobile{height:30px; position:relative; float:left; margin:10px 0px; display:block; background:url(../imagens/icon-menu.png) center left no-repeat; padding:0px 10px 0px 40px; line-height:30px !important; color:#FFF; overflow:hidden;}
#bt-telefones{height:30px; position:relative; float:left; margin:10px 0px; display:block; background:url(../imagens/icon-phone.png) center left no-repeat; padding:0px 10px 0px 40px; line-height:30px !important; color:#FFF; overflow:hidden;}
#bt-busca{height:30px; position:relative; float:left; margin:10px 0px; display:block; background:url(../imagens/icon-busca.png) center left no-repeat; padding:0px 10px 0px 40px; line-height:30px !important; color:#FFF; overflow:hidden;}
#bt-chat{height:30px; position:relative; float:left; margin:10px 0px; display:block; background:url(../imagens/icon-chat.png) center left no-repeat; padding:0px 10px 0px 40px; line-height:30px !important; color:#FFF; overflow:hidden;}

.bx-oculto{width:100%; height:auto; position:relative; float:left; background:#EEE; border-top:1px solid #CCC; display:none; margin-bottom:5px;}
.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 #CCC; border-top:1px solid #FFF; font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#535353;}
.bx-oculto li a{width:90%; height:auto; position:relative; float:left; padding:5px; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; color:#102789;}
.bx-oculto a strong{font:600 15px "Open Sans", Verdana, Geneva, sans-serif; color:#3498DB;}
.bx-oculto #input-buscar{padding:5px; width:calc(100% - 10px); height:auto; border:0; margin:5px 0px;}
.bx-oculto #bt-buscar{padding:5px; width:100%; height:auto; border:0; margin:5px 0px; color:#FFF; background:#102789;}

#bg-banner{width:100%; height:auto; position:relative; float:left; background:#002C59; padding:15px 0px;}
#bg-banner #banner{width:628px; height:200px; position:relative; float:left; left:50%; margin-left:-314px;}

#bg-sombra{width:100%; height:25px; position:relative; float:left; background:url(../imagens/bg-sombra.png) bottom center repeat-x;}

#bg-conteudo{width:100%; height:auto; position:relative; float:left; background:none;}
.centralizar {width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; text-align:center;}

.bg-paginacao{width:100%; height:auto; position:relative; float:left; text-align:left;}
.bg-paginacao ul{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; text-align:center;}
.bg-paginacao ul li{width:30px; height:30px; margin:5px 5px 0px 0px; line-height:30px !important; background:#CCC; position:relative; float:left; display:inline-block; color:#002C59;}
.bg-paginacao ul li a{width:30px; height:30px; position:relative; float:left; background:#002C59; color:#FFF;}

#bg-rodape{width:100%; height:auto; position:relative; float:left; background:#002C59; margin-top:45px;}
#bg-rodape #rodape{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px;}
#bg-rodape #rodape ul{width:25%; min-height:150px; height:auto; position:relative; float:left; margin-top:15px;}
#bg-rodape #rodape ul .titulo{font:600 15px "Open Sans", Verdana, Geneva, sans-serif; margin-bottom:10px;}
#bg-rodape #rodape ul li, #rodape ul a{color:#FFF; font:400 13px "Open Sans", Verdana, Geneva, sans-serif;}

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

@media only screen and (min-width: 480px) and (max-width: 767px) {
body{min-width:480px;}
#bg-topo{width:100%; height:135px; position:relative; float:left; background:#FFF;}
#bg-topo #topo{width:480px; left:50%; margin-left:-240px;}
#menu-mobile ul{width:480px; height:50px; position:relative; float:left; left:50%; margin-left:-240px; background:none;}
#bt-menu-mobile, #bt-telefones, #bt-busca, #bt-chat{margin:10px;}

.bx-oculto ul{width:480px; height:50px; position:relative; float:left; left:50%; margin-left:-240px; background:none;}
.bx-oculto ul{width:480px; height:auto; position:relative; float:left; left:50%; margin-left:-240px;}
#bg-banner #banner{width:480px; height:auto; position:relative; float:left; left:50%; margin-left:-240px;}

#bg-conteudo{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-conteudo-480.jpg) top center no-repeat;}
.centralizar {width:480px; height:auto; position:relative; float:left; left:50%; margin-left:-240px; text-align:center;}
.bg-paginacao ul{width:480px; height:auto; position:relative; float:left; left:50%; margin-left:-240px; text-align:center;}

#bg-rodape #rodape{width:480px; height:auto; position:relative; float:left; left:50%; margin-left:-240px;}
#bg-rodape #rodape ul{width:50%; min-height:150px; height:auto; position:relative; float:left; margin-top:15px;}
}

@media only screen and (max-width: 479px) {
body{min-width:282px;}
#bg-topo #topo{width:282px; left:50%; margin-left:-141px;}
#bg-topo #topo .box-telefones{display:none;}
#menu-mobile ul{width:282px; height:50px; position:relative; float:left; left:50%; margin-left:-141px; background:none;}
#bt-menu-mobile, #bt-telefones, #bt-busca, #bt-chat{margin:10px; padding:0px; width:40px; font-size:0px; line-height:50px !important;}
.bx-oculto ul{width:282px; height:50px; position:relative; float:left; left:50%; margin-left:-141px; background:none;}
.bx-oculto ul{width:282px; height:auto; position:relative; float:left; left:50%; margin-left:-141px;}
#bg-banner #banner{width:282px; height:auto; position:relative; float:left; left:50%; margin-left:-141px;}

#bg-conteudo{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-conteudo-282.jpg) top center no-repeat;}
.centralizar {width:282px; height:auto; position:relative; float:left; left:50%; margin-left:-141px; text-align:center;}
.bg-paginacao ul{width:282px; height:auto; position:relative; float:left; left:50%; margin-left:-141px; text-align:center;}

#bg-rodape #rodape{width:282px; height:auto; position:relative; float:left; left:50%; margin-left:-141px;}
#bg-rodape #rodape ul{width:100%; min-height:150px; height:auto; position:relative; float:left; margin-top:15px;}
}