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

/* CSS Document */
*{margin:0px; padding:0px;}
a{text-decoration:none; color:#535353;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
html, body {width:100%; height:100%; background:none; font-family:"Open Sans", Verdana, Geneva, sans-serif;}
#bg_top{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg_top.jpg) bottom center repeat-x;}
#bg_banner{width:100%; height:auto; position:relative; float:left; background:#FFF; padding:0px;}
#bg_menu{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg_menu.jpg) top center no-repeat;}
.bg_conteudo{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg_conteudo.jpg) bottom center no-repeat; padding:20px 0px;}
#bg_rodape{width:100%; height:auto; position:relative; float:left; background:#242424;}

#topo{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}
.logo{width:293px; height:80px; position:relative; float:left; margin:20px 0 0 0;}
.whatsapp{width:150px; height:90px; position:relative; float:right; margin:40px 0px 0px 0px; text-align:center;}
.whatsapp a{width:calc(100% - 10px); height:auto; position:relative; float:left;padding:5px; font:13px Arial, Helvetica, sans-serif;}
.whatsapp .bt{margin:10px 0px 0px 0px; background:#093; color:#fff; font-size:10px;}
.whatsapp a strong{font:bold 17px Arial, Helvetica, sans-serif;}

/*Botão WhatsApp*/
.bt-whats { 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;}

/* 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);}
}

.atendimento{width:200px; height:90px; position:relative; float:right; margin:30px 30px 0px 0px;}
.atendimento img{width:50px; height:50px; position:relative; float:left;}
.atendimento p{font:13px Arial, Helvetica, sans-serif; text-align:left; position:relative; float:right; margin-left:10px;}
.atendimento strong{font:bold 17px Arial, Helvetica, sans-serif;}
.lt-emails{width:300px; height:auto; position:relative; float:right; margin:30px 0 0 0;}
.lt-emails p{font:14px Arial, Helvetica, sans-serif; color:#000; text-align:right; position:relative; float:left; margin-left:10px;}

#menu {width:980px; height:35px; position:relative; float:left; left:50%; margin-left:-490px; background:none;}
#menu li{width:auto; height:35px; position:relative; float:left; display:inline-block;}
#menu li a{line-height:35px !important; padding:0px 35px; font:18px Arial, Helvetica, sans-serif; color:#003C50;}
#menu li:hover{background:url(../imagens/link_ahover.jpg) top center repeat-x;}
#menu li:hover .submenu{display:block;}

#menu .submenu{display:none; position:absolute; width:250px; height:auto; top:35px; left:0px; z-index:9999; background:#CCC;}
#menu .submenu li{width:calc(100% - 20px); height:30px; position:relative; float:left; padding:0px 10px;}
#menu .submenu li:hover{background:#AAA;}
#menu .submenu li a{font:12px Arial, Helvetica, sans-serif; line-height:30px !important; padding:0px;}
#menu .submenu li a:hover{font-weight:bold;}

#menu-mobile{display:none; width:768px; height:35px; position:relative; float:left; left:50%; margin-left:-384px; background:none;}
#menu-mobile li{width:auto; position:relative; float:left; display:inline-block;}
#bt-menu-mobile, #bt-tabelas-mobile, #bt-emails-mobile{height:35px; position:relative; float:left; line-height:35px !important; color:#003C50; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; padding:0px 10px 0px 40px; border-right:1px solid #CCC; border-bottom:0px; border-top:0px; border-left:0px;}
#bt-menu-mobile{background:url(../imagens/icon-menu.png) top left no-repeat;}
#bt-tabelas-mobile{background:url(../imagens/icon-tabela.png) top left no-repeat;}
#bt-emails-mobile{background:url(../imagens/icon-mail.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 #535353; font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
.bx-oculto li a{width:90%; height:auto; position:relative; float:left; padding:5px; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; color:#003C50;}
.bx-oculto a strong{font:600 15px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
.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;}

.centralizar{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}
.centralizar h2{font:600 18px "Open Sans", Verdana, Geneva, sans-serif; color:#C00; margin-bottom:15px;}
.centralizar p{font:400 italic 14px "Open Sans", Verdana, Geneva, sans-serif; color:black; margin-bottom:15px;}
.centralizar .capitais{width:120px; height:154px; margin:0px; padding:0px; border:0px;}

#banner{width:100%; max-height:600px; position:relative; float:left;}

#rodape{width:980px; height:auto; position:relative; float:left; margin-left:-490px; left:50%; background:none; padding:30px 0px;}
#rodape p{width:15%; height:auto; position:relative; float:left; color:#fff; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; box-sizing:border-box;}
#rodape p:nth-child(2){width:35%;}
#rodape p:nth-child(1){width:35%;}
#rodape .redes{font-size:24px; color:#fff;}
#rodape img{width:268px; height:72px; position:relative; float:left; margin:0px;}

.direitos{width:100%; height:auto; position:relative; float:left; color:#FFF; background:#999;}
.direitos p{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF; line-height:25px; position:relative; float:left; 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;}
.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: 768px) and (max-width: 975px) {
#topo, #menu, .centralizar, #rodape, .bx-oculto ul, #menu-mobile{width:768px; margin-left:-384px;}
.lt-emails, #menu{display:none;}
#menu-mobile{display:block;}

.logo{width:292px; margin:10px 238px;}

#rodape p{width:50%; padding:10px 0px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#topo, #menu, .centralizar, #rodape, .bx-oculto ul, #menu-mobile{width:480px; margin-left:-240px;}
	
.logo{width:240px; height:66px; position:relative; float:left; margin:10px 120px;}
.whatsapp{width:200px; margin:10px 120px;}
.atendimento{width:200px; height:90px; position:relative; float:left; margin:10px;}
.atendimento a{color:#000;}

.lt-emails, #menu{display:none;}
#menu-mobile{display:block;}
.icones_rodape{display:none;}

#rodape p{width:100%; padding:10px 0px;}
}
@media only screen and (max-width: 479px) {
#topo, #menu, .centralizar, #rodape, .bx-oculto ul, #menu-mobile{width:320px; margin-left:-160px;}

#rodape p:nth-child(2){width:100%;}
#rodape p:nth-child(1){width:100%;}
	
.logo{width:292px; margin:10px 14px;}
.whatsapp{width:150px; margin:10px 80px;}
.whatsapp a{font:12px Arial, Helvetica, sans-serif;}
.whatsapp a strong{font:italic 16px Arial, Helvetica, sans-serif;}

.atendimento{width:100%; margin:10px 0px;}
.atendimento img{width:70px; height:70px;}
.atendimento p{width: 200px; font:20px Arial, Helvetica, sans-serif; line-height: 26px;}
.atendimento strong{font:italic 20px Arial, Helvetica, sans-serif;}

.lt-emails, #menu{display:none;}
#menu-mobile{display:block;}
.icones_rodape{display:none;}

#rodape p{width:100%; padding:10px 0px;}
}