/* 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: 400px;
						  position: relative;}


.contacto-portada-titulo-contenido{ width: 100%;
								    position: absolute;
									top: 60%;
									transform:translateY(-60%);
								    text-align: center;}

.contacto-portada-titulo-contenido h1{ font-family: "Montserrat";
									   font-weight: 800;
									   font-size: 40px;
									   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}










/* comerciallllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll */
#comercial{ width: 100%;
            padding: 0px 20px 0px 20px}

/*titulooooooooooooooooooooooooooooooooooooo*/
.comercial-titulo{ width: 100%;
			       text-align: center;}

.comercial-titulo h1{ font-family: ebrima;
					  font-size: 30px;
					  color: #fff;
					  background-color: #ff0000;
					  display: inline-block;
					  padding: 10px 20px 10px 20px;
					  margin: 0;
					  border-radius: 50px}

.comercial-titulo h2 {font-family: ebrima;
					  font-size: 35px;
					  color: #111;
					  padding: 5px 0px 0px 0px;
					  margin: 0;}



/*GRIDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/
.comercial-grid{ width: 100%;
				 display: grid;
				 grid-gap: 20px;
				 grid-template-columns: repeat(2,1fr);
				 padding: 40px 0px 0px 0px}


/*cajaaaaaaaaaaaaaa*/
.comercial-grid-caja{ position: relative;
                      border: 2px solid#ff0000;
                      border-radius: 15px;
                      padding: 40px 20px 20px 20px;
                      margin: 0px 0px 40px 0px;
                      text-align: center;}

/*titulooooooooo*/
.comercial-grid-caja h1{ font-family: Montserrat;
						 font-size: 15px;
						 color: #fff;
						 margin:0;
						 background-color: #111;
						 display: inline-block;
						 padding: 5px 10px 5px 10px;
						 border-radius: 20px}
/*parrafoooooooo*/
.comercial-grid-caja p{  font-family: Montserrat;
						 font-size: 14px;
						 color: #111;
						 margin:5px 0px 0px 0px;
						 text-align: justify;}
.comercial-grid-caja p span{ font-weight: 800 }


/*numeroooooo*/
.comercial-numero{ position: absolute;
				   width: 50px;
				   height: 50px;
				   background-color: #ff0000;
				   border-radius: 50%;
				   top:-25px;
				   left: 50%;
				   transform: translateX(-50%);
				   text-align: center;}

.comercial-numero h2{ font-family: Montserrat;
					  font-size: 15px;
					  color: #fff;
					  margin: 0;
					  font-weight: ;
					  line-height: 50px }				   

/*listaaaaaaaaa*/
.comercial-grid-caja ul{margin: 0;padding: 10px 0px 0px 0px }

.comercial-grid-caja ul li{ font-family: Montserrat;
							font-size: 14px;
							color: #111;
							text-align: justify;
						    position: relative;
						    padding: 0px 0px 0px 15px}

.comercial-grid-caja ul li span{ position: absolute;
							     top: 0;
							     left: 0;
							     color: #ff0000 }


.comercial-grid-caja h3{ font-family: Montserrat;
						 font-size: 15px;
						 color: #111;
						 margin:5px 0px 0px 0px;
						 font-weight: 600;
						 text-align: justify;
						 position: relative;
						 padding: 0px 0px 0px 15px}	

.comercial-grid-caja h3 span{ color: #ff0000;
							  position: absolute;
							  top: 0;
							  left: 0}



.comercial-nota{ width: 100%;}

.comercial-nota p{ background-color: #ff0000;
				   display: inline-block;
				   border-radius: 50px;
				   padding: 10px 20px 10px 20px;
				   font-family: Montserrat;
				   font-size: 15px;
				   color: #fff;
				   font-weight: 700 }







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