@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
p, a{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; text-decoration:none;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#900; font-weight:bold; text-decoration:none;}
body{font-family:Arial, Helvetica, sans-serif; background: url(imagens/bg.jpg) repeat;}
#topo{ width:980px; height:200px; margin:0 auto; background:url(imagens/bg_top1.jpg) no-repeat;}
.logo{ width:259px; height:169px; float:left; position:relative; top:25px; left:15px;}
.texto{ width:300px; height:80px; float:right; position:relative; text-align:right; margin:10px 50px;}
.menu{ width:453px; height:50px; list-style:none; float:right; position:relative;top:50px; right:35px;}
.menu li{width:150px; height:50px; text-align:center; float:left; position:relative; margin-left:1px; background:url('imagens/bg_trans2.png'); line-height: 50px; border-radius:10px 10px 0px 0px}
.menu li a{color:#900; font-weight:bold;}.menu li a:hover{color:#FFF; font-weight:bold;}
.menu li:hover{width:150px; height:50px; text-align:center; float:left; position:relative; margin-left:1px; background:#666; line-height: 50px;}
.menu li:active{width:150px; height:50px; text-align:center; float:left; position:relative; margin-left:1px; background:#666; line-height: 50px;}
.clear{ clear:both;}
.boxes{ width:215px; height:210px; margin:7px 4px;}
#conteudo{width:980px; height:auto; margin:0 auto; background:url('imagens/bg_conteudo.jpg'); padding-bottom:20px;}
#b1{ width:242px; height:auto; float: left; position:relative;}
#b2{ width:725px; height:auto; float: left; position:relative;}
.msn {
	position:absolute;
	width:100px;
	height:30px;
	left: 4px;
	top: 158px;
}
.box1{ width:222px; height:222px; float:left; position:relative; background:#FFF; margin:20px 0px 0px 20px; border: 2px solid #CCC;
box-shadow:2px 2px 5px #000;
border-radius:10px;}
.box2{ width:690px; height:auto; float:left; position:relative; background:#FFF; margin:20px 0px 0px 25px; border: 2px solid #CCC;
box-shadow:2px 2px 5px #000;
border-radius:10px;}
.box3{ width:320px; height:auto; float:left; position:relative; background:#FFF; margin:10px 0px 0px 13px; border: 2px solid #CCC; padding-bottom:10px;
box-shadow:2px 2px 5px #000; margin-bottom:20px;
border-radius:10px;}
.box4{ width:222px; height:222px; float:left; position:relative; background:#FFF; margin:20px 0px 0px 20px; border: 2px solid #CCC;
box-shadow:2px 2px 5px #000;
border-radius:10px; background:#fff url(imagens/fale_conosco.jpg) no-repeat;}
.box3 h2 a{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#900; font-weight:bold; text-decoration:none;}
.texto_box2{ width:670px; height:auto; margin:10px; float:left; position:relative;}
.texto_box2 p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-decoration:none;}
.texto_box2 h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#900; text-decoration:none; font-weight:lighter;}
#bottom{width:980px; height:auto; margin:0 auto; background:url('imagens/bg_bottom.jpg');}
.t_bottom{width:355px;height:30px;float:right;margin-top:30px; font-size:12px; color:#666;}
.impactos{margin-top:-10px;}
#bottom p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#900; text-decoration:none; top:20px; left:20px; float:left; position:relative; width:940px; height:auto; font-weight:bold;}
.fotos { width:670px; height:133px; list-style:none;}
.fotos a{ width:160px; height:133px; float:left; position:relative; margin:10px 6px 0px 0px;}
.img{margin-top:20px; margin-bottom:10px;width:690px;height:222px;float:left;overflow:hidden; list-style:none;}
.img1{width:180px;height:150px;overflow:hidden; list-style:none; margin:0 auto;}
/*CONTATO**************/
#contato{ width:670px; height:auto; padding-bottom:40px; float:left; position:relative; margin:10px;}
#contato p, #contato a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#900; text-decoration:none;font-weight:lighter;}
#contactform {width: 440px;height:auto;margin:0 auto;margin-top:20px;}
.field{width:400px;margin-bottom:10px;position:relative; float:left;}
label {float: left;font-weight: bold;text-align: right;width: 75px;line-height: 25px;font-size: 15px;padding:3px;color:#900;}
.input{width: 300px;color: #797979;padding:3px;}
#cidade{width: 150px;color: #797979;}
.cid,.est{float:left; position:relative;}
.field2{width:400px;height:30px;margin-bottom:10px;}
.field3{width:auto;float:left;}
#estado{width: 50px;color: #797979;}
.button{float: right;margin:10px;font-weight: bold;line-height: 1;padding: 6px 10px;cursor:pointer;color: #FFF;text-align: center;background: #444;-moz-border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;behavior: url(PIE.htc);}
.est_mapa {width:400px;height:270px;padding:20px;margin:0 auto;}
.est_contato {width:400px; margin:0 auto;}


/*Botão WhatsApp*/
.bt-whats { font-size: 1rem; margin-top: 10px; padding: 10px; position:fixed; right:15px; bottom:60px; width:auto; height: auto; 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;}

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