.fundo{background: rgb(32,48,136);
background: linear-gradient(0deg, rgba(32,48,136,1) 0%, rgba(15,40,70,1) 100%);}
.html{background: rgb(32,48,136);
background: linear-gradient(0deg, rgba(32,48,136,1) 0%, rgba(15,40,70,1) 100%);}
.retangulo{background-color: white;width: 60%;height: auto;align-self: center;align-content: center;align-items: center;margin: 0 20% 0 20%;}
.logotipo {	position:relative;float:left;width:421px;height:102px;top: 33px;left: 2em;  }
.banner {position:relative;	float:left;	width:980px;height:227px;top: 5.4em;z-index:1;  }
.banner img{position:relative;	float:left;	width:100%;height:auto; }
.banner .slick-prev, .banner .slick-next{ width: 40px !important; height: 40px !important; color:#fff !important; background: rgba(0,0,0,0.4) !important;}
.banner .slick-prev{left:0 !important;}
.banner .slick-next{right:0 !important;}
.banner .slick-prev:before, .banner .slick-next:before{ font-size: 24px !important; color: #fff !important;}
.imagem{width:100%;height: auto;}
.imagem2{width:49%;height: auto;}
.imagem3{width:49%;height: auto;float: right;}
.slick-prev:before{font: var(--fa-font-solid); content: "\f053"; }
.slick-next:before{font: var(--fa-font-solid); content: "\f054"; }
.slick-prev:hover, .slick-next:hover{background: rgba(0,0,0,0.9) !important;}
#estrutura {position:relative;	margin:auto;width:980px;z-index:1;	}
#topo {	position:relative;margin:auto;width:980px;height:403px;background:url(imagens/topo2.jpg) no-repeat; }

.centralizar{width:100%; height:auto;align-content: center;align-items: center;align-self: center;text-align: center;}
.titulo{float:right;color: white;}

/*meio da página*/
.est_meio {	position:relative;float:left;width:980px;background:#FFF;  }
.box_produtos {	position:relative;float:left;width:980px;margin:0 0 0 3em;}
.titulo_produtos {position:relative;float:left;	width:980px;height:30px;margin:0 0 3em 0; }
.box_produtos2 {position:relative;	float:left;	width:867px;margin:0 0 0 4em;}
.titulo_produtos2 {	position:relative;float:left;width:867px;height:30px;margin:0 0 3em 0;	 }
.box_produtos3 {position:relative;float:left;width:956px;margin:0 0 0 3em;}
.titulo_produtos3 {position:relative;float:left;width:756px;height:30px;margin:0 0 3em 0;}
.tarja_desc {position:relative;float:left;width:107px;height:40px;background:#e22122;font:12px Arial, Helvetica, sans-serif;color:#fff;text-align:center;margin:0 1px 0 0;padding:5px 0 0 0;}
.img {position:relative; float:left; width:107px;height:76px;}
.top_produtos {position:relative;width:451px;height:28px;font-size:18px;color:#333;padding:0.3em 0 0 0.5em;margin:0 0 1em 0;}
.container_produtos {position:relative;float:left;width:107px;margin:0 1px 0 0;}	 
.eng_imagens {position:relative;float:left;width:107px;margin:0 0 2em 0;border:1px solid #ccc;}	 
.tarja_desc2 {position:relative;float:left;width:107px;height:30px;text-align:center;font-size:10px;padding:0.5em 0 0 0}
.tarja_desc3{position:relative;float:left;width:235px;height:20px;border:1px solid #FFF;}	
.top_container {position:relative;width:451px;height:28px;background:url(imagens/aba_container.jpg);font:18px Verdana, Geneva, sans-serif;color:#e6e6e6;padding:0.3em 0 0 0.5em;}
.container {position:relative;float:left;width:460px;padding:2em 0 2em 1.4em;}
.conteudo {position:relative;float:left;width:645px;margin:0 0.5em 0 1.4em;}
.texto-form {border:1px solid #E1E1E1; }		
.contato {position:absolute;width:453px;height:270px;left: 459px;top: 11px;}  
.rodape {position:relative;float:left;width:100%;height:110px;background:url(imagens/rodape.jpg) repeat-x;margin:0 0 0 0;}
.menu_rodape {position:relative;float:left;width:980px;height:40px;font:15px Arial, Helvetica, sans-serif;color:#FFF;text-align:center;padding:1em 0 0 0;}
.menu_rodape a{font:15px Arial, Helvetica, sans-serif;color:#FFF;text-decoration:none;}		
.est_rodape {position:relative;margin:auto;width:980px;height:110px;background:url(imagens/rodape2.jpg);}	
.dir_aut {position:relative;float:left;width:980px;height:20px;padding:30px 0 0 0;text-align:center;}
.box_rodape1 {position:relative;float:left;width:250px;padding:0.6em 0 0 0.6em; }
.logotipo_rodape {position:absolute;width:223px;height:66px;left: 757px;top: 14px;}

/*menu*/
.menu {position:relative;float:right;width:414px;height:45px;top: 89px;z-index:2;}
.menu ul {padding:0;margin:0;float:right; } 
.menu ul li {position:relative;float:left;width:100px;height:45px;text-align:center;text-decoration:none;list-style-type:none;font:18px Verdana, Geneva, sans-serif;color:#252525;}
.menu ul li a {position:relative;float:left;width:100px;height:45px;font:16px Verdana, Geneva, sans-serif;color:#252525;text-decoration:none;}
.menu li ul, #menu li:hover ul ul{ display:none;/*define para não aparecer a ul*/ position:relative; /*define uma posição absolute*/ width:150px;/*define uma largura*/ top:0; /*colocamos top com 0*/	left:0; /*afastamos 150px a esquerda*/}

/*É agora que vamos mostrar o menu, declarano*/
.menu li:hover ul,
.menu ul li:hover ul{display:block;	}
#logo_impactos {position:absolute;width:101px;font:9px Verdana, Geneva, sans-serif;color:#000; left: 20px; top: 65px;}
.whats {position:absolute; float:right; width:auto; margin-right:5px;}
.whats img, .whats p {display:inline; width:auto;}
.whats img {margin-right:4px; margin-top:10px;}
.whats p {font-size:15.5px;}	
.whats p b{font-weight:normal;}	

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

@media only screen and (min-width:980px) and (max-width:1200px){.imagem2{width: 90%;height: auto;}}
@media only screen and (min-width:768px) and (max-width:979px) {.imagem2{width: 90%;height: auto;}}
@media only screen and (min-width:667px) and (max-width:767px) {.imagem2{width: 90%;height: auto;}}
@media only screen and (min-width:480px) and (max-width:666px) {.imagem2{width: 90%;height: auto;}}
@media only screen and (min-width:1px) and (max-width:479px)   {.imagem2{width: 90%;height: auto;}}
	#estrutura {width: 100%; height: auto; box-sizing: border-box;}
	.banner{width: 100%; height: auto; box-sizing: border-box;}
	#topo{width: 100%; height: auto; box-sizing: border-box;}
	.menu{width: 100%;}
	.est_meio {	width:100%; height: auto; box-sizing: border-box; }
	.box_produtos {width:100%;height: auto;box-sizing: border-box;}
	.titulo_produtos {width:100%;height: auto; box-sizing: border-box;}
	.box_produtos2{width:100%;height: auto; box-sizing: border-box;}
	.container{width: 100%; height: auto; box-sizing: border-box;padding: 7em 2em 2em 1.4em;line-height:2;font-size: 14px;}
	.top_container{width: 100%; height: auto; box-sizing: border-box;}
	.rodape{height: auto;}
	.est_rodape{width: 100%; height: auto; box-sizing: border-box;}
	.menu_rodape{width: 100%; height: auto; box-sizing: border-box;}
	.dir_aut{width: 60%; height: auto; box-sizing: border-box;padding: 10px 5px 5px 5px}
	#logo_impactos{ width: 40%; height: auto; box-sizing: border-box;position: relative; float:left;left: 0; top: 0; padding-left: 10px;}
	.top_produtos{width: 100%; height: auto; box-sizing: border-box;}
	.box_produtos3{width: 100%; height: auto; box-sizing: border-box;}
	.box_produtos{width: 100%; height: auto; box-sizing: border-box;}
	.contato{position: relative; float: left; width: 100%; height: auto;left: 0; top:0;box-sizing: border-box}
	.contato img{width: 100%; height: auto;}
	.est_meio{padding: 12em 2em;box-sizing: border-box}
	.bt-whats {left:15px; right: inherit; bottom: 120px;}
}