/* especiall logo */ 
*{ box-sizing: border-box; }
#logo-blanco-aparece{ display: none; }






/* configuracion de menuuu */
.menu-principal .menu li a{ color: #fff }

.menu-principal .menu li dt{ color: #fff }

.menu-principal .menu li .icon-chevron-down{ color:#ff0000 }
.wrapp .icono-buscador .icon-search{ color: #ff0000 }







/* portadaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/

#contacto-portada{ width: 100%;
	               
	                background:url(img/contacto/portada.jpg);
	                position: relative;
	                background-size: cover;

	    }

.contacto-portada-titulo{ width: 100%;
						  height: 600px;
						
						  position: relative; }


.contacto-portada-titulo-contenido{ position: absolute;
									top: 70%;
									left: 50%;
									transform:translateX(-50%) translateY(-70%);
									
									 }

.contacto-portada-titulo-contenido h1{ font-family: "mangalregular";
									   font-size: 70px;
									   color: #fff;
									   margin: 0 }



/* formaaaaaaaaaaaa en puntaaaaaa */
.forma-contacto-principal{ width: 100%;
		position: absolute;
		bottom: 0;
		left: 0
	   
}

.forma-contacto-principal-contenido{ width: 50%;
				  float: left;
				  
				   }


.forma-contacto-principal-contenido-trapecio{ width: 100%;
						   height: 0px;
						   border-right: 50px solid transparent;
						   border-left: 50px solid #fff;
						   border-bottom: 30px solid #fff; }


.forma-contacto-principal-contenido-trapecio2{ width: 100%;
						   height: 0px;
						   border-right: 50px solid #fff;
						   border-left: 50px solid transparent;
						   border-bottom: 30px solid #fff; }













/* tituloooo accesoriosss migajassssssssssssssssssssssssssssssssssssssssssssss */
#contactanos-migajas{ width: 100%;
				   padding: 0px 0px 0px 0px }


/* formaaa */
.contactanos-migajas-forma{ width: 100%;
						  background-color:#efefef;
						  position: relative;
						  height: 30px }

.contactanos-migajas-forma-triangulo{  border-left: 50px solid transparent;
								     border-right: 50px solid transparent;
								     border-top: 30px solid #fff;
									 position: absolute;
									left: 50%;
									transform: translateX(-50%);}

/* formaaa2 */

.contactanos-migajas-forma2{ width: 100%;
						  background-color:#fff;
						  position: relative;
						  height: 30px }

.contactanos-migajas-forma2-triangulo{  border-left: 50px solid transparent;
								     border-right: 50px solid transparent;
								     border-top: 30px solid #efefef;
									 position: absolute;
									left: 50%;
									transform: translateX(-50%);}



/* contenidoo de migajass */
.contactanos-migajas-wrapp{ width: 100%;background-color: #efefef;padding: 0px 20px 15px 20px }
.contactanos-migajas-contenido{ width: 100% }

.contactanos-migajas-contenido ul{ display: flex;
	                            margin: 0;
	                            padding: 0 }

.contactanos-migajas-contenido ul li{ list-style: none; }

.contactanos-migajas-contenido ul li a{ padding:10px 5px 10px 5px;
									 text-decoration: none;
								     font-size: 13px;
								     color: #222;
								     font-family: "Montserrat";
								     text-align: center}

.resaltar{ font-weight: bold; }

.contactanos-migajas-contenido ul li a:hover{color: #ff0000}













/* contactoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#contactanos{ width: 100%; background-image: url(img/contacto/fondo-formulario.jpg);
	          background-size: cover;
	          background-position: center center;
	          padding: 80px 20px 100px 20px}


/*tituloooooooooooooooooooo*/
.contactanos-titulo{ width: 100%;float: left;
					 margin: 0px 0px 50px 0px}

.contactanos-titulo h1{ font-family: adlinnaka;
						font-size: 20px;
						color: #fff;
						margin: 0 auto;
						background: #ff0000;
						width: 300px;
					    padding: 10px 0px 10px 0px;
					    text-align: center;
					    border-radius: 50px}





/*whatsappppppppppppppppppppp*/
.contactanos-whatsapp{ width: 60%;
					   float: left;
					   text-align: center;}

.contactanos-whatsapp h1{ font-family: "Montserrat";
						  font-size: 15px;
						  color: #222;
						  margin: 0 auto;
						  padding: 10px 0px 10px 0px;
					      text-align: center;
					      border-radius: 50px}

.contactanos-whatsapp h1 span{ color: #26d929}


.contactanos-whatsapp p{ font-size: 13px;
						 font-family: "Montserrat";
						 margin: 0px 0px 20px 0px}






/*redesssssssssssssssssssssssssss*/
.contactanos-redes{ width: 40%;
					float: left;}

/*cajaaaaaaaaaaaaaaaaaaaa*/
.contactanos-redes-caja{ width: 100%;
						 float: left;
						 margin: 0px 0px 30px 0px;
						 border-bottom: 1px solid#999;
						 padding: 0px 0px 15px 0px}

.contactanos-redes-caja:nth-child(4){ border-bottom: 0px solid#999; }


.contactanos-redes-caja h1{ font-family: "Montserrat";
							font-size: 15px;
							color: #222222;
							margin: 0px 0px 5px 0px}
/*iconooooooooooo*/
.redes-caja-icono{ width: 50px;
				   height: 50px;
				   float: left;}
/*circuloo*/
.caja-icono-circle{ width:50px;
					height: 50px;
					border-radius: 50%;
					background: #ff0000;
				    position: relative;}

.caja-icono-circle span{ font-size: 20px;
						 color: #fff;
						 position: absolute;
						 top: 50%;
						 left: 50%;
						 transform: translateY(-50%)
						 translateX(-50%); }

/*textoooooooooooo*/
.redes-caja-texto{ width: 300px;
				   height: 50px;
				   float: left;
				   padding: 0px 0px 0px 10px}

.redes-caja-texto p{ font-family: "Montserrat";
				     font-size: 14px;
				     color: #222;
				     margin: 0;}



/*ubicacionnnnnnnn*/
.contactanos-redes-caja h2{ font-family: "Montserrat";
							font-size: 15px;
							color: #222222;
							margin: 10px 0px 0px 0px;
						    position: relative;
						    padding: 0px 0px 0px 35px;}

.contactanos-redes-caja h2 span{ background: #ff0000;
								 border-radius: 50%;
								 width: 30px;
								 height: 30px;
								 position: absolute;
								 top: 50%;
								 left: 0;
								 transform: translateY(-50%);
								 color: #fff;
								 text-align: center;
								 line-height: 30px}

.redes-caja-sedes p{ font-family: "Montserrat";
				     font-size: 14px;
				     color: #222;
				     margin: 8px 0px 20px 0px;}















/* beneficiosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

#benefisios{ width: 100%;
			 padding: 40px 20px 50px 20px  }


/* sectorrrrr11111111111111111111111111111111111111111111111111111111111111111 */
.benefisios-sector1{ width: 73%;
					 float: left;
					 margin: 0% 2% 0% 0%}

/* tituloooooooooooooooooooooooooooooooooooo*/
.benefisios-sector1-titulo{ width: 100%;}							  

/*beneficioss*/
.benefisios-sector1-titulo h1{  font-family: "Montserrat";
								font-weight: 600;
								font-size: 28px;
								color: #fff;
								background-color: #4B5863;
								margin: 0;
								text-align: center;
								padding: 10px 20px 10px 20px;
							    display: inline-block;
							    border-radius: 0px 20px 20px 0px}

/*por que optar ..*/
.benefisios-sector1-titulo h2{  font-family: "Montserrat";
							    font-size: 20px;
								color: #222;
								margin: 0;
								padding: 10px 0px 10px 0px  }

.benefisios-sector1-titulo h2 span{ color: #ff0000 }




/*infoooooooooooooooooooooooooooooooooooooooooo*/
.benefisios-sector1-info{ width: 100%;}


/*textoooooooooooooo*/
.benefisios-sector1-info-texto{ width: 60%;
							   float: left;}

.benefisios-sector1-info-texto p{ font-family: "Montserrat";
							      font-size: 13px;
							      color: #222;
							      margin: 0;
							      text-align: justify;
							      line-height: 16px}

/*imggggggggggggggggg*/
.benefisios-sector1-info-img{ width: 40%;
							  float: left;
							  padding: 0px 0px 0px 20px}

.benefisios-sector1-info-img img{ width: 100%;
								  max-width: 300px;}



/*iconossssssssssssssssssssssssssssssssssssssss*/
.benefisios-sector1-iconos{ width: 100%;
							display: grid;
							grid-gap: 20px;
						    grid-template-columns: repeat(3,1fr);
						    margin: 20px 0px 0px 0px;}

.benefisios-sector1-iconos-caja{ text-align: center;}

.benefisios-sector1-iconos-caja:nth-child(2n){ background-color: #efefef;
											   padding: 15px}

.benefisios-sector1-iconos-caja img{ width: 100%;
									 max-width: 80px }

.benefisios-sector1-iconos-caja h1{ font-family: ebrima;
									font-size: 18px;
									color: #222;
									margin:0; }

.benefisios-sector1-iconos-caja p{ font-family: Montserrat;
									font-size: 13px;
									color: #222;
									margin:0;
								    text-align: justify;}





/* sectorrrrrrrrrrrrrrr2222222222222222222222222222222222222222222222222222222222*/
.benefisios-sector2{ width: 25%;
					 float: left;}


/*titulossssssssssssssssssssssssssssssssssssssssssss*/
.benefisios-sector2-titulo{ width: 100%;}
/*novedades*/
.benefisios-sector2-titulo h1{  font-family: "Montserrat";
								font-size: 18px;
								color: #111;
								margin: 0;}
/*sistema de incendio*/
.benefisios-sector2-titulo p{   font-family: Montserrat;
								font-size: 13px;
								color: #222;
								margin: 5px 0px 0px 0px;
								width: 100%;
								border-bottom: 1px solid#000}
/*te informaremos guias......*/
.benefisios-sector2-titulo h2{  font-family: Montserrat;
								font-weight: 600;
								font-size: 13px;
								color: #56616B;
								margin: 5px 0px 8px 0px;}



/*gridddddddddddddddddddddddddddddddddddddddddddddddddd*/

.benefisios-sector2-grid{ width: 100%;
						  display: grid;
						  grid-gap:20px;
						  grid-template-columns: repeat(1,1fr);}


.benefisios-sector2-grid-caja{ margin:0px 0px 10px 0px; }					  

.benefisios-sector2-grid-caja h1{ font-size: 12px;
								  font-family:Montserrat;
								  color: #222;
								  margin:0px;}

.benefisios-sector2-grid-caja h2{ font-size: 11px;
	                              font-family: Montserrat;
							      color: #3F4C56;
								  margin:0px;
									   }

.benefisios-sector2-grid-caja p{ font-size: 12px;
								 font-family: Montserrat;
								 color: #444;
								 margin:0px 0px 10px 0px;
								 text-align: justify; }

.benefisios-sector2-grid-caja img{ width: 100%;}