* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* FUENTES PROPIAS*/
@font-face {
	font-family: bodoni;
	src: url(../media/bodoniposter.otf);
}
@font-face {
	font-family: west;
	src: url(../media/westayscript.otf);
	font-style: normal;
  	font-stretch: 1% 500%; /* Required by Chrome */
}

@font-face {
	font-family: nxl;
	src: url(../media/NexaLight.otf);
}

@font-face {
	font-family: nxb;
	src: url(../media/NexaBold.otf);
}

@font-face {
	font-family: borix;
	src: url(../media/BorisBlackBloxx.ttf);
}

/* VARIABLES */

:root {
	--santo1: #3D4394;
	--santo2: #0D7DA6;
	--santo3: #5FB7E0;
	--santo4: #BBE0F1;
	--santo5: #D1EBF6;
	--santo6: #E3F3FA;
	--azul1: #0058a3;
	--azul2: #00b2e3;
	--azul3: #8bcdee;
	--azul4: #cbe7f8;

	--gris1: #ededed;
	--gris2: #cccccc;
	--gris3: #999999;
	--gris4: #666666;
	--gris5: #374049;

	--titulos1-familia: 'Montserrat', sans-serif;
	--titulos1-fontweight: 100;
	--titulos2-fontweight: 200;
	--titulos3-fontweight: 300;
	--titulos4-fontweight: 400;
	--titulos5-fontweight: 500;
	--titulos6-fontweight: 600;
	--titulos7-fontweight: 700;
	--titulos8-fontweight: 800;
	--titulos9-fontweight: 900;

	--open: 'Open Sans', sans-serif;
	--open-fontweight3: 300;
	--open-fontweight4: 400;
	--open-fontweight6: 600;
	--open-fontweight8: 800;
}

/* BODY */

body{
	/* background: var(--gris4); */
	max-width: 98vw;
	margin: auto;
	font-family: var(--open);
	font-weight: var(--open-fontweight3);
	color: var(--gris4);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	grid-template-areas:"homepage"
						"direcciones"; 	
}
/* ------------------------------------------------------------------------------------------------- */

/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */

@media screen and (max-width: 1289px) and (min-width: 992px){
	/* @media screen and (min-width: 992px){ */

.homepage{
	grid-area: homepage;
	background-color:white;
	display: grid;
	grid-template-columns: 98vw;
	grid-template-areas: "headerproductos"
						  "wrapper"
}

.direcciones{
	grid-area: direcciones;
	background-color: lightblue;
	/* height: 200px;
	width: 98vw; */
}


/* ------------------------------------------------------------------------------------------------- */

/* POPUP */

.fotohackertres{
	display: none;
}

.popup { 
	position: fixed; background: rgba(0,0,0,0.80); left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 999; display: none; }
.popup-inner { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 600px; height: 322px; position: relative; display: table; margin: auto; top: 90px; box-sizing: border-box; max-width: 100%; }
.popup .close { cursor: pointer; height: 34px; width: 34px; position: absolute; right: 0px; top: -44px; color: #fff; font-size: 30px; font-family: monospace; font-weight: 300; }
/* .popup .close:hover { } */

.popup-content {  box-sizing: border-box; }

 @media only screen and (max-width:768px) {
       .popup-inner  {width: 100% !important}
   }
   
   .popup{
	z-index: 11111;
   }

   .popup-inner{
	background-color: rgb(0, 0, 0);

   }
/* POPUP */

/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA EL HOMEPAGE */
/* ESTILOS PARA EL HOMEPAGE */
/* ESTILOS PARA EL HOMEPAGE */
/* ESTILOS PARA EL HOMEPAGE */


.headerproductos{
	grid-area: headerproductos;
	position:fixed;
	z-index:999;
	background-color:rgb(255, 255, 255);
	display: grid;
	grid-template-columns: 2vw 19vw 67vw 8vw 2vw;
	grid-template-rows: 75px;
	grid-template-areas: "blanco1 logo navppal redes blanco2";
	}



#wrapper{
	grid-area: wrapper;
	/* width:85vw;
	margin:110px auto 0 auto;
	height:450px;
	position:relative;
	color:rgb(104, 233, 233);
	text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;	 */
	/* overflow: hidden; */
	display: grid;
	grid-template-columns: 46vw 380px;
	grid-template-rows: auto auto 18vh;
	margin:85px auto 0 auto;

	/* background-color: red; */

}

/* ------------------------------------------------------------------------------------------------- */

		/* HEADERPRODUCTOS */
		/* HEADERPRODUCTOS */
		/* HEADERPRODUCTOS */
		/* HEADERPRODUCTOS */


		.cajaheader1{
			grid-area: blanco1;
			background-color: white;
			}

		.cajaheader2 {
			grid-area: logo;
			display: flex;
			/* text-align: center; */
			align-items: center;
			justify-content: center;
			margin-top: 0.5rem;
			}

		.logosantorini {
			/* margin-top: .8rem; */
			width: 16vw;
			margin-bottom: -.5rem;
			/* margin-left: 1rem; */
			/* height: 70px; */
			}

		.cajaheader3{
			grid-area: navppal;
			font-family: var(--open);
			font-weight: var(--open-fontweight4);
			font-size: clamp(.8rem, 1.2vw, 5rem);
			margin: 1.4rem 0rem 0 0rem;
			/* margin-top: 2rem; */
			line-height: 1em;
			display: flex;
			justify-content: center;
			align-items: center;

			}

			.cajaheader2movil, .cajaheader3movil, .cajaheader7movil{

				display: none;
			}	

		/* .lineavertical{
			width: 1px;
			height: 1.5rem;
			background-color: var(--azul2);
			padding: .8px;
		} */

		.lineavertical{
			border-left: 1.5px solid var(--santo3);
			height:50%;
		}

		.cajaheader7 {
			grid-area: redes;
			margin: 2rem 0rem 0 0rem;
			display: flex;
			justify-content: right;
			align-items: center;

			}

		.cajaheader5{
			grid-area: blanco2;
			}
			
		.cajaheader8, .cajaheader9{
			display: none;				
		}

		.floatwhatsapp{
			position: fixed;
			bottom: 30px;
			right: 2.3rem;
			z-index: 10000;
		}

		.whatsappfloat{
		margin: auto;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-decoration: none;

		}
		
		.whatsappfloat p{
			font-family: nxb;
			font-size: .8rem;
			margin: auto;
			text-align: center;
			line-height: .8rem;
			color: var(--gris3);
		}

		.floatbutton{
			background-image: url("../img/todos/whatsapp.svg");
			background-repeat: no-repeat;
			width: 3.4rem;
			height: 3.4rem;
		}

		.instagramimg, .facebookimg {
			width: 1.5rem;
			margin-left: 1rem;
			}

/* ------------------------------------------------------------------------------------------------- */

.cajaheader1{
	grid-area: blanco1;
	background-color: white;
	}

.cajaheader2 {
	grid-area: logo;
	display: flex;
	/* text-align: center; */
	align-items: center;
	justify-content: center;
	margin-top: 0.5rem;
	}

.logosantorini {
	/* margin-top: .8rem; */
	width: 16vw;
	margin-bottom: -.5rem;
	/* margin-left: 1rem; */
	/* height: 70px; */
	}

.cajaheader3{
	grid-area: navppal;
	font-family: var(--open);
	font-weight: var(--open-fontweight4);
	font-size: clamp(.8rem, 1.2vw, 5rem);
	margin: 1.4rem 0rem 0 0rem;
	/* margin-top: 2rem; */
	line-height: 1em;
	display: flex;
	justify-content: center;
	align-items: center;

	}

/* .lineavertical{
	width: 1px;
	height: 1.5rem;
	background-color: var(--azul2);
	padding: .8px;
} */

.lineavertical{
	border-left: 1.5px solid var(--santo3);
	height:50%;
}

.cajaheader7 {
	grid-area: redes;
	margin: 2rem 0rem 0 0rem;
	display: flex;
	justify-content: right;
	align-items: center;

	}

.cajaheader5{
	grid-area: blanco2;
	}
	
.cajaheader8, .cajaheader9{
	display: none;				
}

.floatwhatsapp{
	position: fixed;
	bottom: 30px;
	right: 2.3rem;
	z-index: 10000;
}

.whatsappfloat{
margin: auto;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;

}

.whatsappfloat p{
	font-family: nxb;
	font-size: .8rem;
	margin: auto;
	text-align: center;
	line-height: .8rem;
	color: var(--gris3);
}

.floatbutton{
	background-image: url("../img/todos/whatsapp.svg");
	background-repeat: no-repeat;
	width: 3.4rem;
	height: 3.4rem;
}

.instagramimg, .facebookimg {
	width: 1.5rem;
	margin-left: 1rem;
	}

/* ------------------------------------------------------------------------------------------------- */

		/* MENU DESPLEGABLE */
			
			.headerproductos ul{
				list-style: none;
			}
			
			.headerproductos ul li{
			display: inline-block;
			position: relative;
			}
			
			.headerproductos ul li:hover{
				background:white;
				border-radius: 0em;
				}
			
			.headerproductos ul li a{
				color: var(--gris4);
				display: block;
				text-decoration: none;
				text-align: center;
				margin: 0 .4rem;
				/* padding: 5px 20px; */
			}

			.headerproductos ul li a:hover{
				color: var(--santo3);
			}

			

			.cajaheader3 a{
				color: var(--gris4);
				display: block;
				text-decoration: none;
				text-align: center;
				margin: 0 .7rem;
			}

			.cajaheader3 a:hover{
				color: var(--santo3);
			}

			.headerproductos ul li .children1{
				display: none;
				background:white;
				border-radius: 5px;
				box-shadow:0 4px 8px rgba(0,0,0,0.2);
				position: absolute;
				/* left: -150%; */
				/* width: 400%; */
				z-index: 1000;
				/* padding: 10px; */
				}
							
			.headerproductos ul li:hover .children1{
			display: block;
			}
							
			.headerproductos ul li .children1 li{
				display: block;
			}
			
			.children1 {
				/* list-style-type: none; */
				columns: 2;
				-webkit-columns: 2;
				-moz-columns: 2;
			}

			ul .children1 li a{
				color:var(--gris4);
				text-align: center;
				margin: 2px;
				padding: 5px 1rem;
			}

			ul .children1 li a:hover{
				background:var(--santo3);
				text-align: center;
				margin: 2px;
			}


			ul .children1 h3{
				color: var(--gris4);
				padding: 20px;
				text-align: center;
				font-size: 1rem;
			}

			.headerproductos ul li .childrendos{
				display: none;
				background:rgb(255, 255, 255);
				border-radius: 5px;
				box-shadow:0 4px 8px rgba(0,0,0,0.2);
				position: absolute;
				left: -20%;
				width: 12vw;
				z-index: 1000;
				padding: 10px;
				}

							
			.headerproductos ul li:hover .childrendos{
			display: block;
			}
							
			.headerproductos ul li .childrendos li{
				display: block;
			}
			
			.childrendos {
				/* list-style-type: none; */
				columns: 1;
				-webkit-columns: 1;
				-moz-columns: 1;
			}

			ul .childrendos li a{
				color:var(--gris4);
				text-align: center;
				margin: 2px;
				padding: 5px 1rem;
			}

			ul .childrendos li a:hover{
				background:var(--santo1);
				/* text-align: left; */
				width: 100%;
				/* margin: 2px; */
			}


			ul .childrendos h3{
				color: var(--gris4);
				padding: 20px;
				text-align: center;
				font-size: 1rem;
			}

			.headerproductos ul li .childrentres{
				display: none;
				background:white;
				border-radius: 5px;
				box-shadow:0 4px 8px rgba(0,0,0,0.2);
				position: absolute;
				left: -50%;
				width: 200%;
				z-index: 1000;
				padding: 10px;
				}
							
			.headerproductos ul li:hover .childrentres{
			display: block;
			}
							
			.headerproductos ul li .childrentres li{
				display: block;
			}
			
			.childrentres {
				/* list-style-type: none; */
				columns: 1;
				-webkit-columns: 1;
				-moz-columns: 1;
			}

			ul .childrentres li a{
				color:var(--gris4);
				text-align: center;
				margin: 2px;
				padding: 5px 1rem;
			}

			ul .childrentres li a:hover{
				background:var(--santo1);
				text-align: left;
				margin: 2px;
			}


			ul .childrentres h3{
				color: var(--gris4);
				padding: 20px;
				text-align: center;
				font-size: 1rem;
			}

				



/* ------------------------------------------------------------------------------------------------- */


	  /* ESTILOS SUITES */


.cabezotesuites{
	grid-column: 1/-1;
	grid-row: 1/2;
	height: 100px;
	display: flex;

}

.cajagris{
width: 50vw;
height: 33vh;
background-color: rgb(226, 226, 226);
position: absolute;
top: 16rem;
left: 8vw;
}

.cajatitizq{
	display: flex;
	align-items: center;
	width: 50%;
}

.suitename{
	font-family: west;
	font-size: 4rem;
	transform:scale(2,1); 
	-webkit-transform:scale(1.2,1);
	font-weight: normal;
	color: black;
	margin: 0 1.5rem;
}

.referenciasuite{
	font-family: nxb;
	color: var(--santo3);
	font-size: 3rem;
	margin-top: .8rem;

}
.descripcionsuite{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: right;
	font-size: .8rem;
	width: 50%;
}

	    /* CAJA IZQUIERDA */


.cajaizquierda{
	grid-column: 2/3;
	grid-row: 2/3;
	background-color: var(--santo3);
	color: rgb(255, 255, 255);
	height: 52vh;
	font-family: westay;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1;

}


.titulo{
	font-family: bodoni;
	/* font-size: 3.8rem; */
	font-size: clamp(.5rem, 4.5vw, 5rem);
	line-height: clamp(.5rem, 4vw, 5rem);
	letter-spacing: -2px;
	margin: 0 0 0 5vw ;
	margin-top: clamp(50px, 15vw, 70px);

}

.dechiqui{
	font-size: 2.8rem;

}

.cajaencuentro{
	margin: 0rem 0 0 3vw ;

}

#script{
	font-family: west;
	font-style: normal;
	letter-spacing: 0px;

	font-size: clamp(.5rem, 7vw, 6rem);
	/* line-height: 2rem; */
	color: black;
	/* border-style: none; */
	/* margin: 0 5vw ; */
	transform:scale(2,1); 
	-webkit-transform:scale(1.4,1);
	display:inline-block;
}

.medellin{
	font-size: clamp(.5rem, 4vw, 5rem);
	margin-left: -2.3rem;
	/* margin-top: -4vh; */
	/* line-height: -1rem; */
	position: relative;
	top: 1px;
}



.lineaizquierda {
	height: 2px;
	width: 70%;
	background-color: black;

}

	.cajatitulos{
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos5-fontweight);
		font-size: 1.3rem;
		text-align: center;
		/* margin: 0 0 0 3rem; */
		margin-top: clamp(50px, 15vw, 100px);
	}

	.llamanos{
		color: black;
	}



	/* ICONOS DE LOS SERVICIOS */


	.titulos{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.lineaizq, .lineader{
		width: 2rem;
		height: 2px;
		background-color: rgb(255, 255, 255);
	}

	.tituloservicios{
		font-family: west;
		font-size: 3rem;
		transform:scale(2,1); 
		-webkit-transform:scale(1.2,1);
		font-weight: normal;
		color: black;
		margin: 0 2rem;
	
	}

	.iconos{
		/* background-color: red; */
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 1.3rem 0 1.3rem;

	}

	.uno{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: .2rem;


	}
	.uno img{
		/* width: auto; */
		/* height: auto; */
		/* max-height: 35px; */
		/* max-width: 35px; */
		width: 3vw;
		height: 3vw;
		object-fit: contain;
		margin: .5rem;
	}

.serviciotxt{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);
	font-size: .6rem;
	line-height: .6rem;
	text-align: center;

}




/* ------------------------------------------------------------------------------------------------- */

		/* SLIDER */



    .slick-slide {
      margin: 0px 0px;
    }

    /* .slick-slide img { */
      /* width: 46vw; */
	  /* height: 52vh; */
	  /* object-fit: contain; */
	  /* object-position: left; */

	  /* height: fit-content; */
    /* } */

	.contenedoracarrusel{
		grid-column: 1/2;
		grid-row: 2/3;
		/* width: 46vw; */
		/* height: 52vh; */
			  /* object-fit: contain; */

		/* background-size: cover; */
		/* overflow: hidden; */
	}


	.single-item img{
		width: 46vw;
		height: 52vh;
		object-fit: cover;

	}


    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
  /* </style> */
		

		


		
		
		h6{
			font-family: var(--titulos1-familia);
			font-weight: var(--titulos4-fontweight);
			font-size: 1rem;
			line-height: 1rem;
		}




		.btns{
			position:absolute;
			width:50px;
			height:60px;
			top:50%;
			margin-top:-25px;
			line-height:57px;
			text-align:center;
			cursor:pointer;	
			background:rgba(0,0,0,0.1);
			z-index:100;
			
			/* -webkit-user-select: none;  
			-moz-user-select: none; 
			-khtml-user-select: none; 
			-ms-user-select: none; */
			
			-webkit-transition: all 0.1s ease;
			-moz-transition: all 0.1s ease;
			-o-transition: all 0.1s ease;
			-ms-transition: all 0.1s ease;
			transition: all 0.1s ease;
		}

		.btns:hover{
			background:rgba(0,0,0,0.3);	
		}

		#next{right:-50px; border-radius:7px 0px 0px 7px;}
		#previous{left:-50px; border-radius:0px 7px 7px 7px;}
		#counter{
			top: 30px; 
			right:35px; 
			width:auto;
			position:absolute;
		}

		#slider-wrap.active #next{right:0px;}
		#slider-wrap.active #previous{left:0px;}

	


/* ------------------------------------------------------------------------------------------------- */

		/* BOTONERA ABAJO */
		/* BOTONERA ABAJO */


		/* DIVISIONSUITES */


.botoneraabajo{
	grid-column: 1 / -1;
	grid-row: 3 / 4;
	display: flex;
	justify-content: left;
}

.combo{
	display: flex;
	align-items: center;
	margin: 2rem 2rem 2rem 0rem;
}

.precio{
	background-color: var(--santo1);
	font-family: borix;
	font-size: 1.2rem;
	padding: .3rem 1rem;
	border-radius: 8px;
	color: white;
	margin-left: 1rem;

}

.nombreprecio{
	text-align-last: right;
	line-height: 1rem;
	font-size: 1.1rem;

}

.tarifatit{
	font-family: borix;
	font-size: 1.1rem;
	letter-spacing: 1px;
	color: var(--santo1);

}

.divisionsuites{
	/* grid-column: 1 / -1;
	grid-row: 1 / 2; */
	display: flex;
	justify-content: center;
	align-items: center;
	height: 14vh;
}

.btncontenedor{
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: -33;
	margin-right: 10px;
}


.enlace{
	text-decoration: none;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
	margin-top: -.5rem;
	z-index: -44;
}

.ensayo:hover{
	color: red;
}

.namesuites{
	font-family: west;
	font-size: clamp(1.7rem, 2vw, 3rem);
	position: relative;
	top: .7rem;
	color: black;
	transform:scale(2,1); 
	-webkit-transform:scale(1.2,1);
	display:inline-block;
}

.suitessantorini{
	font-family: nxb;
	/* font-weight: var(--titulos6-fontweight); */
	font-size: clamp(.5rem, 1.3vw, 3rem);
	position: relative;
	top: .5rem;
	color:var(--santo1);

}

.suitessantorini:hover{
	color:red;

}

.cajasblanca{
	width: 40%;
	height: 20px;
	min-width: 5vw;
	background-color: rgb(255, 255, 255);
	position: relative;
	top: -2.3rem;
	z-index: -5;
	
}

.cajasbtn{
	width: 10vw;
	min-width: 100px;
	height: 2.2rem;
	border-color: var(--santo3);
	border-radius: .5rem;
	border-style: solid ;
	padding: 1rem;
	z-index: -6;
	position: relative;
	top: -2.8rem;
}


/* ------------------------------------------------------------------------------------------------- */

/* DIVISIONSERVICIOS */

.divisionservicios{
	grid-column: 1 / -1;
	grid-row: 2 / 3;
	margin: 0 0rem 1rem 0rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.enlacesservicios{
	text-decoration: none;
}

.subbotonera{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 1rem;
}

.iconobola.uno{
	background-image: url(../img/home/pesos.svg);
	width: 1.8rem;
	height: 1.8rem;
}

.iconobola.dos{
	background-image: url(../img/home/pesos.svg);
	width: 1.8rem;
	height: 1.8rem;
}

.iconobola.tres{
	background-image: url(../img/home/pesos.svg);
	width: 1.8rem;
	height: 1.8rem;
}

.txticonos{
	margin: 0 1.2rem 0 .3rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos7-fontweight);
	color: var(--santo2);

}

.prohibido{
	margin-right: 1rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos7-fontweight);
	color: var(--gris4);
}

/* ------------------------------------------------------------------------------------------------- */
	

/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */

footer{
	text-align: center;
	font-size: .7rem;
	display: flex;
	justify-content: center;

}

footer>div{
margin: 1rem 3rem;
}

footer h2{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos4-fontweight);
}

h2.motel{
	font-weight: var(--titulos8-fontweight);

}

a.movermenu:hover{
	color: rgb(11, 159, 6);
}

/* ------------------------------------------------------------------------------------------------- */



}

/* MEDIA TABLET */
/* MEDIA TABLET */
/* MEDIA TABLET */
@media screen and (max-width: 991px) and (min-width: 688px){

	body{
		background:var(--gris4);
		max-width: 98vw;
		margin: auto;
		font-family: var(--open);
		font-weight: var(--open-fontweight3);
		color: var(--gris4);
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		grid-template-areas: "homepage"   	
							"direcciones"  	
	}
	
	.homepage{
		grid-area: homepage;
		background-color: white;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: "headerproductos"
							  "wrapper"
	}
	
	
	.direcciones{
		grid-area: direcciones;
		background-color: lightblue;
	}

	.headerproductos{
		grid-area: headerproductos;
		position:fixed;
		margin-top: .5rem;
		z-index:999;
		background-color:rgb(255, 255, 255);
		display: grid;
		grid-template-columns: 4vw 21vw 69vw 4vw;
		grid-template-rows: 50px 50px;
		grid-template-areas: "blanco1 logo redes blanco2"
							 "blanco1 navppal navppal blanco2"
	
		}
	
	#wrapper{
		grid-area: wrapper;
		margin-top:135px;
		margin: 115px auto 0 auto;
		width: 90vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		/* grid-template-columns: 1fr; */
		/* grid-template-rows: auto auto; */
	
	}


		/* HEADERPRODUCTOS */
		/* HEADERPRODUCTOS */

.cajaheader1{
	grid-area: blanco1;
	background-color: white;
	}

.cajaheader2 {
	grid-area: logo;
	display: flex;
	/* text-align: center; */
	align-items: center;
	justify-content: left;
	margin-top: 0.5rem;
	}

.logosantorini {
	/* margin-top: .8rem; */
	width: 19vw;
	margin-bottom: -.5rem;
	/* margin-left: 1rem; */
	/* height: 70px; */
	}

.cajaheader3{
	grid-area: navppal;
	font-family: var(--open);
	font-weight: var(--open-fontweight4);
	font-size: clamp(.9rem, 1.8vw, 5rem);
	margin: .8rem 0rem 0 0rem;
	/* margin-top: 2rem; */
	line-height: 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;

	}

	.cajaheader2movil, .cajaheader3movil, .cajaheader7movil{

		display: none;
	}

/* .lineavertical{
	width: 1px;
	height: 1.5rem;
	background-color: var(--azul2);
	padding: .8px;
} */

.lineavertical{
	border-left: 1.5px solid var(--santo3);
	height:50%;
}

.cajaheader7 {
	grid-area: redes;
	margin: 2rem 0.7rem 0 0rem;
	display: flex;
	justify-content: right;
	align-items: center;

	}

.cajaheader5{
	grid-area: blanco2;
	}
	
.cajaheader8, .cajaheader9{
	display: none;				
}



.whatsappfloat{
margin: auto;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;

}

.whatsappfloat p{
	font-family: nxb;
	font-size: .8rem;
	margin: auto;
	text-align: center;
	line-height: .8rem;
	color: var(--gris3);
}

.floatbutton{
	background-image: url("../img/todos/whatsapp.svg");
	background-repeat: no-repeat;
	width: 3.4rem;
	height: 3.4rem;
}

.instagramimg, .facebookimg {
	width: 1.5rem;
	margin-left: 1rem;
	}

/* ------------------------------------------------------------------------------------------------- */

		/* MENU DESPLEGABLE */
			
			.headerproductos ul{
				list-style: none;
			}
			
			.headerproductos ul li{
			display: inline-block;
			position: relative;
			}
			
			.headerproductos ul li:hover{
				background:white;
				border-radius: 0em;
				}
			
			.headerproductos ul li a{
				color: var(--gris4);
				display: block;
				text-decoration: none;
				text-align: center;
				margin: 0 .4rem;
				/* padding: 5px 20px; */
			}

			.headerproductos ul li a:hover{
				color: var(--santo3);
			}

			

			.cajaheader3 a{
				color: var(--gris4);
				display: block;
				text-decoration: none;
				text-align: center;
				margin: 0 .7rem;
			}

			.cajaheader3 a:hover{
				color: var(--santo3);
			}

			.headerproductos ul li .children1{
				display: none;
				background:white;
				border-radius: 5px;
				box-shadow:0 4px 8px rgba(0,0,0,0.2);
				position: absolute;
				/* left: -150%; */
				/* width: 400%; */
				z-index: 1000;
				/* padding: 10px; */
				}
							
			.headerproductos ul li:hover .children1{
			display: block;
			}
							
			.headerproductos ul li .children1 li{
				display: block;
			}
			
			.children1 {
				/* list-style-type: none; */
				columns: 2;
				-webkit-columns: 2;
				-moz-columns: 2;
			}

			ul .children1 li a{
				color:var(--gris4);
				text-align: center;
				margin: 2px;
				padding: 5px 1rem;
			}

			ul .children1 li a:hover{
				background:var(--santo3);
				text-align: center;
				margin: 2px;
			}


			ul .children1 h3{
				color: var(--gris4);
				padding: 20px;
				text-align: center;
				font-size: 1rem;
			}

			.headerproductos ul li .childrendos{
				display: none;
				background:rgb(255, 255, 255);
				border-radius: 5px;
				box-shadow:0 4px 8px rgba(0,0,0,0.2);
				position: absolute;
				left: -20%;
				width: 20vw;
				z-index: 1000;
				padding: 10px;
				}

							
			.headerproductos ul li:hover .childrendos{
			display: block;
			}
							
			.headerproductos ul li .childrendos li{
				display: block;
			}
			
			.childrendos {
				/* list-style-type: none; */
				columns: 1;
				-webkit-columns: 1;
				-moz-columns: 1;
			}

			ul .childrendos li a{
				color:var(--gris4);
				text-align: center;
				margin: 2px;
				padding: 5px 1rem;
			}

			ul .childrendos li a:hover{
				background:var(--santo1);
				/* text-align: left; */
				width: 100%;
				/* margin: 2px; */
			}


			ul .childrendos h3{
				color: var(--gris4);
				padding: 20px;
				text-align: center;
				font-size: 1rem;
			}

			.headerproductos ul li .childrentres{
				display: none;
				background:white;
				border-radius: 5px;
				box-shadow:0 4px 8px rgba(0,0,0,0.2);
				position: absolute;
				left: -50%;
				width: 200%;
				z-index: 1000;
				padding: 10px;
				}
							
			.headerproductos ul li:hover .childrentres{
			display: block;
			}
							
			.headerproductos ul li .childrentres li{
				display: block;
			}
			
			.childrentres {
				/* list-style-type: none; */
				columns: 1;
				-webkit-columns: 1;
				-moz-columns: 1;
			}

			ul .childrentres li a{
				color:var(--gris4);
				text-align: center;
				margin: 2px;
				padding: 5px 1rem;
			}

			ul .childrentres li a:hover{
				background:var(--santo1);
				text-align: left;
				margin: 2px;
			}


			ul .childrentres h3{
				color: var(--gris4);
				padding: 20px;
				text-align: center;
				font-size: 1rem;
			}


}	


/* FINALIZA TABLET */
/* FINALIZA TABLET */
/* FINALIZA TABLET */


/* ------------------------------------------------------------------------------------------------- */
/* MEDIA CELULAR O MOVIL */
/* MEDIA CELULAR O MOVIL */
/* MEDIA CELULAR O MOVIL */
@media screen and (max-width: 687px){

body{
	background:white;
	max-width: 98vw;
	margin: auto;
	font-family: var(--open);
	font-weight: var(--open-fontweight3);
	color: var(--gris4);
	display: grid;
	grid-template-columns: 1fr;
	/* grid-template-rows: auto auto auto auto auto auto; */
	grid-template-areas: "homepage"   	
						"contenidohome1"
						"contenidohome2"
						"contenidohome3"
						"formalpp" 	
						"direcciones";
	overflow-x: hidden;					
}

.homepage{
	grid-area: homepage;
	background-color: white;
	display: grid;
	grid-template-columns: 98vw;
	/* grid-template-rows: auto auto auto; */
	grid-template-areas: "headerproductos"
						  "wrapper"
						  "botoneraabajo"
}

.contenidohome1{
	grid-area: contenidohome1;
	width: 98vw;
	background: white;
}

.contenidohome2{
	grid-area: contenidohome2;
	width: 98vw;
	background-color: var(--azul1);
}

.headerproductos{
	grid-area: headerproductos;
	position:fixed;
	z-index:999;
	background-color:rgb(255, 255, 255);
	display: grid;
	grid-template-columns:  19vw 79vw ;
	grid-template-areas:   "logo menuuno"
							"menudos menudos"
	}

	.wrapper{
		grid-area: wrapper;
	}

	.botoneraabajo{
		grid-area: botoneraabajo;
		/* min-height: 125px; */
		/* text-align: center; */
		/* display: flex;
		justify-content: space-between; */
		/* background-color: rgb(183, 90, 90); */
		/* display: grid; */
		/* grid-template-columns: 1fr; */
		/* grid-template-rows: auto auto; */
	
	}
	
		/* HEADERPRODUCTOS */
		/* HEADERPRODUCTOS */


		.cajaheader1{
			display: none;
		}
		
		
		.logosantorini {
			width: 19vw;

			margin-top: 1rem;
			margin-left: .5rem;
			object-fit: cover;
			}

		.cajaheader2movil{
			z-index: 2;
			/* margin: auto; */
		}	
		
			.cajaheader3movil {
			grid-area: menudos;
			font-size: clamp(.3rem, 1rem, 2rem);
			line-height: 15px;
			display: flex;
			justify-content:space-between;
			align-items: center;
			margin: 0 3vw;

			}
		
		.cajaheader2, .cajaheader3{
		display: none;
			}
		
		.cajaheader3movil ul li a{
			font-size: clamp(.3rem, 1rem, 2rem);
				
			}
			
		.cajaheader6 a{
			text-decoration: none;
			text-align: center;
			color: var(--azul1);
			}
		
		.lineavertical{
			/* grid-area: navppal; */
			width: 2px;
			height: 2rem;
			background: var(--azul2);
		}
		
		.cajaheader7movil{
			grid-area: menuuno;
			background-color:rgb(255, 255, 255);

			display: flex;
			justify-content: space-around;
			align-items: flex-end;
			margin-bottom: .1rem;
			margin-right: 1rem;
			margin-left: 1rem;
			/* margin-right: 1rem; */
			/* margin-bottom: 1.2rem; */
		}

		.cajaheader3movil a, .cajaheader7movil a{
			text-decoration: none;
			text-align: center;
			color: var(--gris4);
			display: block;
			text-decoration: none;
			text-align: center;
			padding: 5px 2px;
			font-size: clamp(.3rem, 1rem, 2rem);

	
		}

		
		.cajaheader7 {
			display: none;
			}
		
		.cajaheader8{
			display: none;
		
		}	
/*----------BUSCADOR-----------*/



.content-table{
	align-content: center;
	right: 15%; 
	top:95px;
	position:fixed;
	align-content:center;
	width:70%;/*50%*/
	max-width: 80%;/*50%*/
	margin:auto;
	background-color:#fff;
	padding: 0 10px;
	padding-bottom: 5px;
	max-height: 500px;
	overflow: hidden;
	display:none;
	z-index: 2000;
				
	}
						
					
	tbody tr td{
							
	width:50%;
					
	}
						
	.search-table{
	width: 100%;
						
						
	}
						
	tbody tr td a{	
	margin-top: 30px;
	text-align: center;
	align-content:center;
	text-decoration: none;
	font-size: 18px;
	color: #057BF5;
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	padding-left: 20px;
	border: 2px solid #fff;
	display:block;
							
	}
					
						
	tbody tr td a:hover{
	color: aliceblue;
	background-color:#00b2e3;
	}
					
					
	.content-table::-webkit-scrollbar{
	/*background: rgba(0,0,0,0);*/
	width: 10px;
	}
					
	.content-table::-webkit-scrollbar-track{
	background:#C1C1C1;
	}
					
	.content-table::-webkit-scrollbar-button{
	background:#C1C1C1;
	}	
					
					
	.content-table::-webkit-scrollbar-button-thumb{
	background:#C1C1C1;
	}
					
					
	.dataTables_length,
	.dataTables_filter,
	.dataTables_info,
	.dataTables_paginate{
					
	display: none;
					}
					
					
						
						
	.search {					 
		width: 3.5rem;/*8rem*/
		height: 1.9rem;
		font-size:16px;
		padding: 5px;
		display: flex;
		justify-content:flex-end;
		align-items: center;
		margin-right: 10px;	
		border-radius: 50px;
		}
						
						
	.search input {
		width: 8rem;/*8rem*/
		height: 1.9rem;
		border-color:#00b2e3 !important;
		border-width: 2px;
		border: 1px solid ;
		border-radius: 20px;
		background-image: url("img/todos/lupa.svg");
		background-repeat: no-repeat;
		background-size: 18px 18px;
		background-position: center;
		}
					
						
	.search input { text-indent: 18px;}
	.search .fa-search { 
	position: absolute;
	top: 10px;
	left: 10px;
	}
					
						
						
	.cajalupa{
	width: 2rem;
	height: 1.9rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/*	border-color:#00b2e3;
	border-width: 2px;
	border-style: solid;*/
	margin-right: 10px;	
	border-radius: 1rem;
	
	}
					
	.lupaa{
	height: 1.3rem;
	padding: 0px 8px;
	}
						
/*---------------------------------*/
.cajagracias{
	
	
	text-align: center;
	position: relative;
	margin: auto;
}
.gracias h3 {
	font-size: 3.5rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos1-fontweight);
	line-height: 3.4rem;
	color: var(--azul1);
	margin: 0.5rem 0 0 2rem;
}
.gracias {
    margin-top: 135px;
    width: 77vw;/*98vw*/
    padding: 0 11rem 0 11rem;
    display: flex;
    justify-content: center;
}

		.cajalupa{
			display: inline-block;
		}
		
		.cajaencaja{
			width: 70%;
			height: 1.9rem;
			border-color:#00b2e3;
			border-width: 2px;
			border-style: solid;
			border-radius: 1rem;
			display: none;
		}
		
		.cajaheader9{
			display: none;
		}
		
		.cajaheader5{
			grid-area: blanco2;
			}
			
		.lupaa{
			height: 1.3rem;
		}
		
		.vl {
			border-left: 2px solid rgb(150, 150, 150);
			height: 27px;
			}
		
		.linkedinimg {
			width: 1.5rem;
			margin-left: .5rem;
			}
		
		.instagramimg, .facebookimg {
			width: 5vw;
			/* margin-left: .5rem; */
			}
		
		.atencioncliente{
			font-weight: var(--open-fontweight6);
			letter-spacing: -1px;
			}	

			.floatwhatsapp{
				position: fixed;
				bottom: 12px;
				right: 2rem;
				z-index: 10000;
			}
			
			.whatsappfloat{
			margin: auto;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-decoration: none;
			
			}
			
			.whatsappfloat p{
				font-family: nxb;
				font-size: .7rem;
				margin: auto;
				text-align: center;
				line-height: .7rem;
				color: var(--gris3);
			}
			
			.floatbutton{
				background-image: url("../img/todos/whatsapp.svg");
				background-repeat: no-repeat;
				width: 2.4rem;
				height: 2.4rem;
			}

/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA MENU DESPLEGABLE */


	/* header nav{
		background: rgb(56, 71, 56);
		max-width: 1000px;
		z-index: 1000;
		width: 95%;
		margin: 20px auto;
	} */
	
	.headerproductos ul{
		list-style: none;
	}
	
	.headerproductos ul li{
	display: inline-block;
	position: relative;
	}
	
	.headerproductos ul li:hover{
		background:white;
		border-radius: 0em;
		}
	
	.headerproductos ul li a{
		color: var(--gris4);
		display: block;
		text-decoration: none;
		text-align: center;
		padding: 5px 10px;
		font-size: clamp(.3rem, 1rem, 2rem);

	}

	.headerproductos ul li a:hover{
		color: var(--azul2);
	}

	.headerproductos ul li .children1{
		display: none;
		background:white;
		border-radius: 5px;
		box-shadow:0 4px 8px rgba(0,0,0,0.2);
		position: absolute;
		left: -50%;
		width: 200%;
		z-index: 1000;
		padding: 10px;
		}
					
	.headerproductos ul li:hover .children1{
	display: block;
	}
					
	.headerproductos ul li .children1 li{
		display: block;
	}
	
	.children1 {
		/* list-style-type: none; */
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

	ul .children1 li a{
		color:var(--gris4);
		text-align: left;
		margin: 2px;
		padding: 0px 1rem;
	}

	ul .children1 li a:hover{
		background:var(--azul1);
		text-align: left;
		margin: 2px;
	}

	ul .children1 br{
		display: none;			
		}


	ul .children1 h3{
		color: var(--gris4);
		padding: 20px;
		text-align: left;
		font-size: 1rem;
	}

	.headerproductos ul li .childrendos{
		display: none;
		background:white;
		border-radius: 5px;
		box-shadow:0 4px 8px rgba(0,0,0,0.2);
		position: absolute;
		left: -0%;
		width: 200%;
		z-index: 1000;
		padding: 10px;
		}
					
	.headerproductos ul li:hover .childrendos{
	display: block;
	}
					
	.headerproductos ul li .childrendos li{
		display: block;
	}
	
	.childrendos {
		/* list-style-type: none; */
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

	ul .childrendos li a{
		color:var(--gris4);
		text-align: left;
		margin: 2px;
		padding: 5px 1rem;
	}

	ul .childrendos li a:hover{
		background:var(--azul1);
		text-align: left;
		margin: 2px;
	}


	ul .childrendos h3{
		color: var(--gris4);
		padding: 20px;
		text-align: left;
		font-size: 1rem;
	}


	.headerproductos ul li .childrentres{
		display: none;
		background:white;
		border-radius: 5px;
		box-shadow:0 4px 8px rgba(0,0,0,0.2);
		position: absolute;
		left: -100%;
		width: 200%;
		z-index: 1000;
		padding: 10px;
		}
					
	.headerproductos ul li:hover .childrentres{
	display: block;
	}
					
	.headerproductos ul li .childrentres li{
		display: block;
	}
	
	.childrentres {
		/* list-style-type: none; */
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

	ul .childrentres li a{
		color:var(--gris4);
		text-align: left;
		margin: 2px;
		padding: 5px 1rem;
	}

	ul .childrentres li a:hover{
		background:var(--azul1);
		text-align: left;
		margin: 2px;
	}


	ul .childrentres h3{
		color: var(--gris4);
		padding: 20px;
		text-align: left;
		font-size: 1rem;
	}






}	



/* FINALIZA CELULAR O MOVIL */
/* FINALIZA CELULAR O MOVIL */
/* FINALIZA CELULAR O MOVIL */

/* ------------------------------------------------------------------------------------------------- */

/* MEDIA PANTALLAS GRANDES DESKTOP */
/* MEDIA PANTALLAS GRANDES DESKTOP */
/* MEDIA PANTALLAS GRANDES DESKTOP */
@media screen and (min-width: 1290px){

	body{
		background: rgb(244, 244, 244);
		width: 60vw;
		margin: auto;
		font-family: var(--open);
		font-weight: var(--open-fontweight3);
		color: var(--gris4);
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:"homepage"
							"direcciones"; 
							
		max-width: 1290px;
		min-width: 1290px;
		/* overflow: hidden; */
	
	}

	.headerproductos{

		grid-area: headerproductos;
		position:fixed;
		z-index:999;
		background-color:rgb(255, 255, 255);
		display: grid;
		grid-template-columns: 2% 19% 67% 8% 2%;
		grid-template-rows: 110px;
		grid-template-areas: "blanco1 logo navppal redes blanco2";
		max-width: 1290px;
		min-width: 1290px;
		overflow: hidden;
		}


			/* HEADERPRODUCTOS */
			/* HEADERPRODUCTOS */
			/* HEADERPRODUCTOS */
			/* HEADERPRODUCTOS */
	
	
			.cajaheader1{
				grid-area: blanco1;
				background-color: white;
				}
	
			.cajaheader2 {
				grid-area: logo;
				display: flex;
				/* text-align: center; */
				align-items: center;
				justify-content: center;
				margin-top: 0.5rem;
				}
	
			.logosantorini {
				/* margin-top: .8rem; */
				width: 16vw;
				max-width: 200px;
				margin-bottom: -.5rem;
				/* margin-left: 1rem; */
				/* height: 70px; */
				}
	
			.cajaheader3{
				grid-area: navppal;
				font-family: var(--open);
				font-weight: var(--open-fontweight4);
				/* font-size: clamp(.8rem, 1.2vw, 5rem); */
				margin: 1.4rem 0rem 0 0rem;
				/* margin-top: 2rem; */
				line-height: 1em;
				display: flex;
				justify-content: center;
				align-items: center;
	
				}
	
				.cajaheader2movil, .cajaheader3movil, .cajaheader7movil{
	
					display: none;
				}	
	
			/* .lineavertical{
				width: 1px;
				height: 1.5rem;
				background-color: var(--azul2);
				padding: .8px;
			} */
	
			.lineavertical{
				border-left: 1.5px solid var(--santo3);
				height:50%;
			}
	
			.cajaheader7 {
				grid-area: redes;
				margin: 2rem 0rem 0 0rem;
				display: flex;
				justify-content: right;
				align-items: center;
	
				}
	
			.cajaheader5{
				grid-area: blanco2;
				}
				
			.cajaheader8, .cajaheader9{
				display: none;				
			}
	
			.floatwhatsapp{
				position: fixed;
				bottom: 30px;
				right: 2.3rem;
				z-index: 10000;
			}
	
			.whatsappfloat{
			margin: auto;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-decoration: none;
	
			}
			
			.whatsappfloat p{
				font-family: nxb;
				font-size: .8rem;
				margin: auto;
				text-align: center;
				line-height: .8rem;
				color: var(--gris3);
			}
	
			.floatbutton{
				background-image: url("../img/todos/whatsapp.svg");
				background-repeat: no-repeat;
				width: 3.4rem;
				height: 3.4rem;
			}
	
			.instagramimg, .facebookimg {
				width: 1.5rem;
				margin-left: 1rem;
				}
	
	/* ------------------------------------------------------------------------------------------------- */
	
	.cajaheader1{
		grid-area: blanco1;
		background-color: white;
		}
	
	.cajaheader2 {
		grid-area: logo;
		display: flex;
		/* text-align: center; */
		align-items: center;
		justify-content: center;
		margin-top: 0.5rem;
		}
	
	.logosantorini {
		/* margin-top: .8rem; */
		width: 16vw;
		margin-bottom: -.5rem;
		/* margin-left: 1rem; */
		/* height: 70px; */
		}
	
	.cajaheader3{
		grid-area: navppal;
		font-family: var(--open);
		font-weight: var(--open-fontweight4);
		font-size: clamp(1rem, 1vw, 5rem);
		margin: 1.4rem 0rem 0 0rem;
		/* margin-top: 2rem; */
		line-height: 1em;
		display: flex;
		justify-content: center;
		align-items: center;
	
		}
	
	/* .lineavertical{
		width: 1px;
		height: 1.5rem;
		background-color: var(--azul2);
		padding: .8px;
	} */
	
	.lineavertical{
		border-left: 1.5px solid var(--santo3);
		height:50%;
	}
	
	.cajaheader7 {
		grid-area: redes;
		margin: 2rem 0rem 0 0rem;
		display: flex;
		justify-content: right;
		align-items: center;
	
		}
	
	.cajaheader5{
		grid-area: blanco2;
		}
		
	.cajaheader8, .cajaheader9{
		display: none;				
	}
	
	.floatwhatsapp{
		position: fixed;
		bottom: 30px;
		right: 2.3rem;
		z-index: 10000;
	}
	
	.whatsappfloat{
	margin: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	
	}
	
	.whatsappfloat p{
		font-family: nxb;
		font-size: .8rem;
		margin: auto;
		text-align: center;
		line-height: .8rem;
		color: var(--gris3);
	}
	
	.floatbutton{
		background-image: url("../img/todos/whatsapp.svg");
		background-repeat: no-repeat;
		width: 3.4rem;
		height: 3.4rem;
	}
	
	.instagramimg, .facebookimg {
		width: 1.5rem;
		margin-left: 1rem;
		}
	
	/* ------------------------------------------------------------------------------------------------- */
	
			/* MENU DESPLEGABLE */
				
				.headerproductos ul{
					list-style: none;
				}
				
				.headerproductos ul li{
				display: inline-block;
				position: relative;
				}
				
				.headerproductos ul li:hover{
					background:white;
					border-radius: 0em;
					}
				
				.headerproductos ul li a{
					color: var(--gris4);
					display: block;
					text-decoration: none;
					text-align: center;
					margin: 0 .4rem;
					/* padding: 5px 20px; */
				}
	
				.headerproductos ul li a:hover{
					color: var(--santo3);
				}
	
				
	
				.cajaheader3 a{
					color: var(--gris4);
					display: block;
					text-decoration: none;
					text-align: center;
					margin: 0 .7rem;
				}
	
				.cajaheader3 a:hover{
					color: var(--santo3);
				}
	
				.headerproductos ul li .children1{
					display: none;
					background:white;
					border-radius: 5px;
					box-shadow:0 4px 8px rgba(0,0,0,0.2);
					position: absolute;
					/* left: -150%; */
					/* width: 400%; */
					z-index: 1000;
					/* padding: 10px; */
					}
								
				.headerproductos ul li:hover .children1{
				display: block;
				}
								
				.headerproductos ul li .children1 li{
					display: block;
				}
				
				.children1 {
					/* list-style-type: none; */
					columns: 2;
					-webkit-columns: 2;
					-moz-columns: 2;
				}
	
				ul .children1 li a{
					color:var(--gris4);
					text-align: center;
					margin: 2px;
					padding: 5px 1rem;
				}
	
				ul .children1 li a:hover{
					background:var(--santo3);
					text-align: center;
					margin: 2px;
				}
	
	
				ul .children1 h3{
					color: var(--gris4);
					padding: 20px;
					text-align: center;
					font-size: 1rem;
				}
	
				.headerproductos ul li .childrendos{
					display: none;
					background:rgb(255, 255, 255);
					border-radius: 5px;
					box-shadow:0 4px 8px rgba(0,0,0,0.2);
					position: absolute;
					left: -20%;
					width: 12vw;
					z-index: 1000;
					padding: 10px;
					}
	
								
				.headerproductos ul li:hover .childrendos{
				display: block;
				}
								
				.headerproductos ul li .childrendos li{
					display: block;
				}
				
				.childrendos {
					/* list-style-type: none; */
					columns: 1;
					-webkit-columns: 1;
					-moz-columns: 1;
				}
	
				ul .childrendos li a{
					color:var(--gris4);
					text-align: center;
					margin: 2px;
					padding: 5px 1rem;
				}
	
				ul .childrendos li a:hover{
					background:var(--santo1);
					/* text-align: left; */
					width: 100%;
					/* margin: 2px; */
				}
	
	
				ul .childrendos h3{
					color: var(--gris4);
					padding: 20px;
					text-align: center;
					font-size: 1rem;
				}
	
				.headerproductos ul li .childrentres{
					display: none;
					background:white;
					border-radius: 5px;
					box-shadow:0 4px 8px rgba(0,0,0,0.2);
					position: absolute;
					left: -50%;
					width: 200%;
					z-index: 1000;
					padding: 10px;
					}
								
				.headerproductos ul li:hover .childrentres{
				display: block;
				}
								
				.headerproductos ul li .childrentres li{
					display: block;
				}
				
				.childrentres {
					/* list-style-type: none; */
					columns: 1;
					-webkit-columns: 1;
					-moz-columns: 1;
				}
	
				ul .childrentres li a{
					color:var(--gris4);
					text-align: center;
					margin: 2px;
					padding: 5px 1rem;
				}
	
				ul .childrentres li a:hover{
					background:var(--santo1);
					text-align: left;
					margin: 2px;
				}
	
	
				ul .childrentres h3{
					color: var(--gris4);
					padding: 20px;
					text-align: center;
					font-size: 1rem;
				}


}
/* FINALIZA MEDIA PANTALLAS GRANDES DESKTOP */
/* FINALIZA MEDIA PANTALLAS GRANDES DESKTOP */
/* FINALIZA MEDIA PANTALLAS GRANDES DESKTOP */