#filtroRecogidas {padding:0 20px 20px;border: 1px #000 solid;float:left;    width: 100%;box-sizing: border-box;}
#filtroFechas {width:100%; float: left;padding-top:38px;}
.colorPage  { background-color: #9bc249;  padding-right: 15px; padding-bottom: 15px; padding-left: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }

#filtroRecogidas .col-1-2 {text-align:left;width:auto;}
#myForm {padding:30px 0;width:100%;}
.mensajeEuro {text-align: center;
    width: 100%;
    font-size: 29px;
    margin: 50px 0;
    line-height: 35px;
}
#myWorld0 .cuerpo {
	max-width: 96%;
    margin: 0 auto;
}
#myWorld0 .col-3-3 {width:100%;}
#myWorld0 h2 {width:100%;float:left;font-size: 26px;color: red;line-height:32px;}
#myWorld0 .mensaje {
    width: 100%;
    float: left;
    font-size: 37px;
    color: red;
    line-height: 37px;
    margin: 50px 0;
    font-weight: bold;
    font-family: open sans;
} 
#myWorld .cuadroPrecios {padding:24px;height:auto;}
.rounded50{-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
#myWorld .cuadroPreciosHoriz h2 {
    margin-top: 0;
}

.cuadroPrecios  {box-sizing: border-box; width: 42%;background: #FFF2F2; border: 1px solid #FF6666; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px;text-align:center;text-transform:uppercase;    margin:4%;display:inline-block;float:left;height: 500px;position:relative;}
.cuadroPrecios h2  {font-family: 'Kanit'; font-style: normal; font-weight: 300; font-size: 20px; line-height: 24px;text-transform: uppercase; /* Black */ color: #444;margin:0;}
.cuadroPrecios hr  {    width: 80%;
	border-bottom: 1px solid #6D7D8B;}
.cuadroPrecios ul { width:80%;}
	.cuadroPrecios ul li {    text-align: left;
    line-height: 20px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 10px auto;
	list-style-image: url('/images/vector.png');
}
.cuadroPrecios li  {margin:6px 0;}
.abajo {position: absolute;
    bottom: 20px;
    display: block; 
    width: 40%;
    margin: 0 30%;
	text-align:center;
    /* left: 31%; */
    /* display: inline-block; */
    float: left;
}
.cuadroPreciosHoriz  {box-sizing: border-box; width: 100%;background: #FFF2F2; border: 1px solid #FF6666; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px;text-align:center;text-transform:uppercase;    margin:4% auto;display:inline-block;float:left;position:relative;}
.cuadroPreciosHoriz h2 {
	color:#444444;
    float: left;
    margin: 30px 0;
    width: 40%;
    text-align: left;
}
 .cuadroPreciosHoriz { vertical-align: top; height:auto !important;padding:26px; }
.cuadroPrecios h1 {
   font-style: normal;
    font-weight: 700;
    font-size: 33px;
    line-height: 32px;
    text-transform: uppercase;
    color: #444;
    margin: 0;
    margin-top: 0px;
}
#myWorld0  h3 {
    max-width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 29px;
    line-height: 32px;
    margin: 20px 0;
}
}


.backgroundKids  {background-position: right  top ; background-repeat: no-repeat; }
/*<%=numberImage%>*/

 
.zerogrid-header{ width: 1349px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid  { margin: 0 auto; width: 960px }
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.topHeader .zerogrid .row{margin:0 10px;}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }


.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4 { width: 25% }
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}


.boxes   { text-align:center; cursor: pointer; margin: 0; padding: 16px 10px 0 }
.boxesBorder { background-color: #fff; cursor: pointer; margin: 0; padding: 16px 8px; border: solid 1px #ccc }
.titBox      { color: #333; font-size: 22px; font-weight: 400; margin-top: 5px; margin-bottom: 8px }
.boxes img { width: 100% }
.barraSlogan   { font-size: 14px; font-weight: bold; margin-top: 5px; margin-right: 29px; margin-left: 29px; float: left; vertical-align: middle }
	
	.sloganText     { color: #000; font-size: 30px; line-height: 30px; visibility: visible; padding: 20px; position: absolute; top: 6%; right: 6%; width: 40%; float: right; text-shadow: 2px 2px 4px #FFF }
.cuerpoHome { font-size: 96%; line-height: 138%; margin: 30px 30px 15px }

.ajusteDirBottom {margin-left:42px;}


.zonaPrivada {
	width: 100%;
    /* Establece el color de fondo con una transparencia del 10% */
    background-color: rgba(255, 241, 254, 0.1);
    /* Agrega el fondo de mosaico encima del color de fondo */
    background-image: url('/images/losas1.png');
    /* Ajusta la posición y la repetición del fondo de mosaico según sea necesario */
    background-position: center;
    background-repeat: repeat;
}


#menuZona { 
	ZZZfont-family: "Open Sans";
    float:left;
    left: 0;
	padding: 0 18px;
	padding-left: 30px;
}
 }

.zonaPrivada .cuerpoBloque {
	width:80%;
	float:left;
	padding: 0 40px;
    margin: 0 40px;
	border-left: 1px #000 solid;
	min-height: 100vh;
}


    


/*se aplica en pantallas de ancho menor a 767px*/
@media only screen and (max-width: 767px) {
	.titularHome  { font-size: 134% }
	.cuerpoHome  { font-size: 81% ;line-height:138%;}
	.sloganText     {  top: 0; }
	.zerogrid{width:100%;}
	.centerText {text-align:center;}
}



@media only screen and (min-width: 620px) and (max-width: 767px) {
	.titularHome   { font-size: 111%; margin: 20px 20px 8px }
	.cuerpoHome   { font-size: 71%; line-height: 138%; margin: 0 20px 15px }
	.zerogrid{width:100%;}
}

/*@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4	{width:50%;}
	.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
}*/

.hiddenDesktop {display:none;}



Z.topHeader {
	width:100%;
}
 
Z.topHeader nav {
	width:90%;
	max-width:1000px;
	margin:20px auto;
	background:#024959;
}
 
.menu_bar {
	display:none;
}
 
Z.topHeader nav ul {
	overflow:hidden;
	list-style:none;
}
 
Z.topHeader nav ul li {
	float:left;
}
 
Z.topHeader nav ul li a {
	color:#fff;
	padding:20px;
	display:block;
	text-decoration:none;
}
 
Z.topHeader nav ul li span {
	margin-right:10px;
}
 
Z.topHeader nav ul li a:hover {
	background:#037E8C;
}
 
Zsection {
	padding:20px;
}

.navMobile {display:none;}
.navMobileADM {display:block;}

.topHeader .logo     { margin: 24px 0; }
.columnaCuerpo {margin-right:10px;margin-left:10px;	padding: 20px;}
.carruselInicio    { margin: 0; }
.columnaCuerpo h2   { font-size: 34px; line-height: 38px; margin-top: 40px; margin-bottom: 0 }

.anuncioIndex    { font-size: 16px; margin: 22px }
.anuncioIndex h1   { color: #333; font-size: 31px; font-weight: 700; line-height: 33px; text-align: center; letter-spacing: -1px }
.boxes .cuerpo   { font-size: 14px; line-height: 20px; text-align: left }
.boxes h2  { font-size: 22px; font-weight: bold; line-height:24px; margin-top: 18px; margin-bottom: 16px; text-align: center; }

.reveal-modal h3 {font-size:40px;line-height: 42px;}


.cuerpoBloque12 {padding:24px;}
.webkit-indent-blockquote  {margin: -22px 0 0 71px; border: none; padding: 0px;}


.imagesBottom img {margin:8px;}



		div.topHeaderADM .navMobileADM       { color: #424242; font-family: Arial; background: #fafafa; text-align: center; display: block; margin: 0; position: absolute; z-index: 10000; top: 125px; left: -100%; width: 100%; height: 100% }
 
	.navMobile, .navMobileADM {
display: none;
}


.topHeaderADM .navMobileADM ul li a      { font-size: 12px; font-family: Arial; font-weight: bold; display: block; float: none }

.traductor {
	display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    z-index: 9000;
    justify-content: flex-end;top: 66px;right:0px;float:right;max-width:180px;
}

.menuZona {width:20%;position:relative;float:left;border-right:1px #000 solid;}

.zonaPrivada .row {
	padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}


.menuZona h2  { font-size: 18px; line-height: 16px;margin-left:20px;margin-bottom:6px; }
.menuZona h3  { font-size: 14px; line-height: 18px;margin-left:20px;font-weight:bold; }

.hamburger {
    font-size: 40px;
    cursor: pointer;
	margin-left:15px;
	display:block;
	margin-top: -15px;
}
/* Media Query para dispositivos móviles */
#menuZona {
  display: block; /* Muestra el menú por defecto */
}

@media (min-width: 619px) {
    .hamburger {
        display: none; /* Ocultar el icono de hamburguesa en pantallas grandes */
    }
	.menuZona, #menuZona {
    display:block;
	}
}

.titularcuerpoBottomRider {
    font-size: 20px;
    line-height: 56px;
    text-align: left;
	font-weight:bold;
}
.cuerpoBottomRider {
	font-size: 16px;
    line-height: 20px;
    text-align: left;
}
.cuerpoBottomRider ul {
	padding:0;
}
.cuerpoBottomRider li {
	border-bottom:0;
}
h1 {
	margin:30px 0;
}

/* Estilos para la lista de enlaces */
  .lista-enlaces {
    column-count: 3; /* Divide la lista en tres columnas */
    column-gap: 20px; /* Espacio entre las columnas */
    padding: 0;
    list-style: none; /* Elimina los marcadores de la lista */
  }

  /* Estilos para cada enlace */
  .lista-enlaces li {
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
  }

.lista-enlaces li:hover {
    font-size: 16px;
  }


.diaSemana {
	font-size: 14px;
    text-align: center;
    position: relative; /* Necesario para el pseudo-elemento */
}
.diaSemanaN {
	font-size: 24px;
    text-align: center;
   
}

.diaSemana::after {
    content: "\A"; /* Line break */
    white-space: pre;
}
.slot select.inputs { height:24px;}

@media only screen and (max-width: 619px) {
	td h2 {
		font-size:14px;
		margin-left:0px;
        font-weight: bold;
        line-height: 16px;}
	td select {width:80px;}
	
	
	.diaSemana {
	    display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0; /* Oculta el texto original */
		height: 26px;
}
	
	.diaSemana::before {
        content: attr(data-day); /* Esto reemplaza el contenido visible */
        font-size: 22px; /* Tamaño para las iniciales */
        visibility: visible;
    }
    .diaSemana[data-day="Lunes"]::before { content: "L"; }
    .diaSemana[data-day="Martes"]::before { content: "M"; }
    .diaSemana[data-day="Miércoles"]::before { content: "X"; }
    .diaSemana[data-day="Jueves"]::before { content: "J"; }
    .diaSemana[data-day="Viernes"]::before { content: "V"; }
    
    
	
  .lista-enlaces {
    column-count: 1; /* Divide la lista en tres columnas */
  }
  .titularcuerpoBottomRider {
	text-align:center;
	}
   .bottom ul {
       margin-left: 0px !important;
	   text-align:center;
    }
	
	.zonaPrivada .row {
    display: block;
}
	#menuZona { 
    padding-left: 20px;
    margin-top: 0;
 }
	#menuZona li {
    padding: 3px 0px;
	}
	
	h2  {margin-left:10px; }

	#menuZona {
    display:none;
	}
	
	.menuZona {width:100%;position:relative;float:left;}

    .menuZona ul  {padding-left: 20px;}
	
		.menuZona {
		  width: 100%;
		  position: relative;
		  float: left;
		}

		
	
	.zonaPrivada .cuerpoBloque {
    width: 94%;
    float: left;
    padding: 0 0;
    margin: 0 10px;
    border-left: 0px #000 solid;
    min-height: 100vh;
}
	
	.traductor {
    top: -68px;
    right: 70px;
	}
	
	.col-3-4 {
	height:0;
	}
	
	
	.cuadroPrecios {
    box-sizing: border-box;
		width: 100%;
	    margin: 10px 0;
	}
	.cuadroPrecios h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 32px;
    text-transform: uppercase;
    color: #444;
    margin: 0;
    margin-top: 0px;
}
	#myWorld0 h3 {
    max-width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 17px;
    line-height: 19px;
    margin: 20px 0;
}
	
	#myWorld0 .cuerpo {
    max-width: 90%;
    margin: 0 auto;
}
	
	#myWorld0 .mensaje {
    width: 100%;
    float: left;
    font-size: 26px;
    color: red;
    line-height: 28px;
    margin: 50px 0;
    font-weight: bold;
    font-family: open sans;
}
	
	
.topHeader .logo                        {margin-left:0px;max-height:60px;text-align: left }
.botonPedir1 {text-align:center;}
.boton1, .boton2, .button3, .boton8, .boton21, .button4 {display:inline-block;max-width:350px;text-align:center;}
.cuerpoBloque12 {padding:0px;}
.webkit-indent-blockquote  {margin: 0; border: none; padding: 0px;}
	.cuerpo {font-size:15px; line-height:21px; text-align: left;}
	
	.hiddenDesktop {display:block;}
	h1 {
font-size: 28px;
margin: 20px 0;
}

.boxes .cuerpo  { font-size: 17px; line-height: 22px; text-align: left }
.boxes h2  { font-size: 24px; font-weight: bold; line-height: 27px; margin-top: 12px; margin-bottom: 9px }


.carruselInicio    { margin: 0; }
	.idiomas   { padding: 6px 0; position:relative; width: 100% }
	.padding20   { display: inline-block; margin-top: 0px; margin-left: 0px; padding: 0; border: solid 0pt #ccc }

	nav {display:none;}
	
	.topHeader .logo   { margin:15px; }
	.topHeader img {
margin: 0;
}
	.columnaCuerpo {padding:0;}
	.menus {margin: 0;}
	.topHeader .navMobile    { color: #fff; font-family: Arial; background:#595959; display: block; margin: 0; position: absolute; top:90px; z-index: 10000; left: -100%; width: 100%;     padding-bottom: 30px;}
	

	.topHeader .navMobile ul li    { color: #fff; font-size: 12px; font-family: Arial; display: block; float: block; border-style: none none solid; border-width: medium medium 1px; border-color: #999 }
	


nav {
display: none;
}


	.menu_bar   { text-align: right; display: block; position: relative; right: 12px; bottom: 50px; width: 100% }
 
 .idiomas {padding:0}
 
	#wowslider-container1 .ws-title{
	
	bottom: 0px;
	left: 0px; 
	margin-right: 0px;
	padding:5px 5px;
	font-size: 12px;
	line-height: 13px;

}
	.barraSlogan {float: none;}
	.bottom .zerogrid .row {text-align:center;}
	.bottom ul  {  margin-left: -40px }
	.ajusteDirBottom {margin:0;}
	.titularHome { font-size: 196%; }
	.cuerpoHome  { font-size: 96% ;line-height:138%;margin-bottom:30px;}
	.hiddenPhone {display:none;}
	.menuArea {display:none;}
	.menu {display:none;}
	
	.rightCol {padding:0;margin: 20px;}
	#imagenes img {
float: left;
max-width: 100%;
max-height: 100%;
}
	.slogan    { font-size: 20px; text-align: center; letter-spacing: 1px; position: relative; top: 0; right: 0; bottom: 0; left: 0 }
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{
	width:100%;
	
	}
	
	
	.webtitle {
color: #104400;
font-size: 160%;
letter-spacing: 1px;
text-align:center;
margin: 10px;

position: relative;
}
	.columnas {
   -moz-column-count: 1;
   -moz-column-gap: 2em;
   -moz-column-rule: 1px solid #ccf;
   -webkit-column-count: 1;
   -webkit-column-gap: 2em;
   -webkit-column-rule: 1px solid #ccf;
   
}

.margin0 ul {margin-left:-35px;}

	.ml { margin: 0 }
	.mr { margin: 0 }
	
	.backgroundKids  { background-image: none; background-repeat: no-repeat; background-position: right top }
	td {
  padding: 5px;
  font-size: 12px;
	line-height: 16px;
}

.cuerpo {	
	float: left; 
	word-wrap: break-word; /* Permite que el texto se rompa y envuelva a la siguiente línea si es demasiado largo */
	max-width: 100%; 
}
}



.ZZZcuerpoBloque select {height:31px;}