@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import 'https://fonts.googleapis.com/css?family=Hammersmith+One|Rubik';

@import url('https://fonts.googleapis.com/css?family=Comfortaa');


/* CORONAVIRUS */

.coronavirus {
	width: 100%;
	height: auto;
	background-color:#D64B00;
	padding:20px;
	overflow: hidden;
	box-sizing: border-box;
}

.coronavirust1 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#fff;	
}

.coronavirust2 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-style:normal;
	line-height: 1.2;
	color:gold;	
}

.coronavirust3 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.2;
	color:cornsilk;	
}

/* Mostrar Precios y Texto por Covid19 */

.simostrar-precio{display:block;}
.nomostrar-precio{display:none;}

.siocultar-texto{display:none;}
.noocultar-texto{display:block;}

/***************************************/

*{
	margin:0;
	padding:0;
	text-decoration: none;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
	

h1{margin:0;}


body {
	background-color:#FFF;
	background-repeat: repeat;
background-attachment: fixed

}


.adorno_navidad{
	width: 100%;
	height: auto;
	display: none;
	
}



.papanoel{
	position: fixed;
	z-index: 99999;
	top: 350px;
	left: 1100px;
	
}

/* ------------------------- */
/* POPUP */
/* ------------------------- */

.sioverlay {
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	display: flex;
	z-index: 999999999;
	

}


.sioverlay.active {
	visibility: hidden;
}


.sipopup {
	background: #F8F8F8;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	border-radius: 3px;
	font-family: 'Comfortaa', sans-serif;
	padding: 20px;
	text-align: center;
	width: 600px;
	z-index: 9999999;
	
	transition: .3s ease all;
	transform: scale(1);
	
	animation: entradaCaja .8s ease .5s forwards;
	opacity: 0;

	
}


@keyframes entradaCaja {
	from {
		opacity: 0;
		transform: translateY(25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}


.sipopup.active {	transform: scale(0.7); opacity: 0; }

.sipopup .btn-cerrar-popup {
	font-size: 24px;
	display: block;
	text-align:center;
	color:red;
}

.sipopup .btn-cerrar-popup:hover {
	color: #000;
}



.sipopup h4 {
	font-size: 18px;
   font-weight: lighter;
	margin-bottom: 20px;
	animation: entradaSubtitulo .8s ease .5s forwards;
	opacity: 0;

}

.boton_beneficio{
	display:none;

}	



.logo_voucher{
	width:120px;
	height: 120px;
	border-radius: 100%;
	
}


@keyframes entradaSubtitulo {
	from {
		opacity: 0;
		transform: translateY(25px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}


.icono_tarjeta{
	font-size: 6em;
	color: #FF8E00;
}







#nooverlay{
	display:none;

}



.barra_tarjetas{
display: none;
	width: 100%;
	height: auto;
	background: #d86001;
	text-align: left;

}

.boton_whats{
	display: block;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 15px;
	bottom: 100px;
	z-index: 9999;
	
}

.Texto-Info {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  font-size:1.4em;
  font-style:normal;
  line-height: 1.4;
  color:#333;
}

.Texto-Descripcion {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
  margin-top:10px;
}

/* BANNER PRINCIPAL */
	.LogoElsitiodelpelotero{
    content:url("../images/banner-elsitio.png");
}

#MENU{
	
	width:100%;
	background-color:#d86001;
	
	box-sizing:border-box;
	margin:0px;
	
/*	border-top-color:#9e2806;
	border-top-width:10px;
	border-top-style:solid;
*/


}

.myButton {
	box-shadow: 0px 0px 0px 0px #fce2c1;
	background-color:#fb9e25; /* color fondo */
	border-radius:28px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:24px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButton:hover {
	background-color:#ffc477; /* color hover */
}
.myButton:active {
	position:relative;
	top:1px;
}

.icono_svg{
	width: 34px;
	height: 34px;
}



/* RECUADRO FOTO Y DESCRIPCION */

#Recuadro_FotoyDescripcion{
	width: 100%;
	height: auto;
	background-color: white;
	padding: 10px 0px 10px 30px;
	overflow: hidden;
	box-sizing: border-box;
}



.Galeria{
	width: 27%;
	height: auto;
	float: left;
	margin-right: 20px;
	box-sizing: border-box;
	overflow: hidden;

}


.Recuadro_descripcionyLogo{
	width: 65%;
	height: auto;
	background-color: white;
	overflow: hidden;
	box-sizing: border-box;

}



.logo_salon{
	width: 15%;
	height: auto;
	float: left;
	margin-right: 20px;
	

	padding: 10px 0px 0px 0px;

}


.Titulo_salon{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:3em;
	font-style:normal;
	color:#262626;	
	padding: 0px;
}


.Bajada_titulo {
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#000;	
	
	}
	
	
.siBajada_tarjetas {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#000;	
	
	}
	
	.noBajada_tarjetas {
	display:none;

	
	}
	
	
	.icono_tarjeta_superior{
		font-size:30px;
		color:#f60;
	
	}

.Recuadro_detalle_descripcion{
	width: 65%;
	height: auto;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
	box-sizing: border-box;

	
	margin-top: 10px;
	
}


.Texto_descripcion{
	color:#000;
	z-index: 10;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4;
	text-transform: none;
	
}	






/* RECUADRO PRINCIPAL PROMO*/

#Recuadro_principal_promo{
	width: 100%;
	height: auto;
	background-color:#F4F4F4;
	padding: 10px 0px 10px 30px;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: solid;
	border-bottom-color:#E9E9E9;
	border-bottom-width: 3px;
	border-top: solid;
	border-top-color:#E9E9E9;
	border-top-width: 3px;
	
}


.Grupo_condiciones{
	width: 27%;
	height: auto;
	background-color:#F4F4F4;
	
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	float: right;
	margin-right: 20px;
	
}

	
.Recuadro_precio{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	
	

	
}
	


.texto{
	color:#fff;
	z-index: 10;
	font-family: Calibri;
	font-weight: bold;  
	font-size: 1.2em;
	text-transform: none;
	
}

.precio{
	color:#d86001;
	z-index: 10;
	font-family: Calibri;
	font-weight: bold;  
	font-size: 4em;

	text-transform: none;
	
	
}

.texto_actualizacion{
	color:#d86001;
	z-index: 10;
font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	
	font-size: 1.2em;

	text-transform: none;
	margin-bottom: 5px;
	
	
}

.condiciones{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding: 0px 0px 0px 0px;
	
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	
	

}

.DATOS{
	width: 100%;
	height: auto;
	background-color:#262626;
	padding: 10px 5px 10px 5px;
	
	overflow: hidden;
	box-sizing: border-box;
	
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	margin-bottom: 10px;
	text-align: left;
}

.rec-duracion{
	width: 100%;
	height: auto;
	background-color:#d86001;
	padding: 10px 5px 10px 5px;
	
	overflow: hidden;
	box-sizing: border-box;
	
	
}


.rec-beneficio{
	width: 100%;
	height: auto;
	background-color:#0277BD;
	padding: 10px 5px 10px 5px;
	
	overflow: hidden;
	box-sizing: border-box;
	
	
}


.Texto_datos{
	color:#fff;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 1.2em;
	line-height: 1.6;
	text-transform: none;
	
}


.whatsapp{
	width: 100%;
	height: auto;
	background-color:#84C00F;
	padding: 10px 0px 10px 0px;
	
	overflow: hidden;
	box-sizing: border-box;
	
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	margin-top: 5px;
	text-align: center;
}



.condiciones1{
	color:#fff;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-weight: bold;  
	font-size: 1.5em;
	line-height: 1.4;
	text-transform: none;
	
}

.condiciones2{
	color:#000;
	z-index: 10;
	font-family: Calibri;
	
	font-size: 1em;
	line-height: 1.2;
	text-transform: none;
	padding: 20px;
	
}

.texto_aclaracion{
	color:#000;
	z-index: 10;
	font-family: Calibri;
	
	font-size: 1em;

	text-transform: none;
	
	
}



.Grupo_precio_flotante{
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	
	
	z-index: 9999;
	right: 0;
	bottom: 0;
	margin-top: 15px;
	

	
	
	/*top:0;
	margin-top: 150px;
	
	margin-bottom: 100px;
	
	margin-right: 25px;
	
	opacity: 0;
	position: fixed;
	
	*/
	
	
}





#segundo_recuadro{
	width: 100%;
	height: auto;
	background-color:#F4F4F4;
	
	overflow: hidden;
	box-sizing: border-box;

}



.PERSONAS{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding: 10px 0px 10px 0px;
	
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	margin-top: 5px;
	

}


.BENEFICIO{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding: 10px 3px 10px 3px;
	
	overflow: hidden;
	box-sizing: border-box;
	
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	margin-top: 5px;
	grid-row: 3;
	order: 3;
	

}


.icono_beneficio{
	color: #f06600;

	padding:5px;
  font-family: "Oswald", sans-serif;
  font-size:4em;
  font-style:normal;
  line-height: 1.4;

  text-align:center;

}

.texto_beneficio{
  font-family: 'Comfortaa', cursive;
  font-size:1em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
  padding:8px;
	
}


.novedad{
  font-family: 'Comfortaa', cursive;
  font-size:1.3em;
  font-style:normal;
  line-height: 1.5;
  color:#f06600;
	font-weight: bold;
	padding-left: 5px;
	
}




.ICONOS{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding: 10px 0px 10px 0px;
	
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	margin-top: 5px;

}



.iconos_rojos{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:2em;
	font-style:normal;
	color:#f00;	
	padding: 0px;
}


.icono{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.5em;
	font-style:normal;
	color:#d86001;	
	padding: 0px;
}



.REDES{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding: 10px 0px 10px 60px;
	
	overflow: hidden;
	box-sizing: border-box;
	
	
	margin-top: 5px;

}


.conntiene_mapa{
	width: 100%;
	height: auto;

}


.mapa{
	width: 100%;
	height: 230px;
	margin-top: 10px;
	border: 0px;
	order: 7;


}


.texto_capacidad{
	color:#d86001;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-weight: bold;  
	font-size: 1.8em;
	line-height: 1.4;
	text-transform: none;
	
}


.texto_capacidad2{
	color:#d86001;
	z-index: 10;
	font-family: 'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-weight: normal;  
	font-size: 1.6em;
	line-height: 1.2;
	text-transform: none;
	padding: 20px;
	
}



/* RECUADRO  PROMO*/

#promo{
	width: 70%;
	height: auto;
	background-color: white;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;
	float: left;
	
}

.Recuadro_precio2{
	width: 27%;
	height: auto;
	background-color:#d86001;
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	float:inline;
	
}

	
#promo_celular{
	display: none;
}	
	
	
.FontGoogle40Naranja{
	color:#FC0;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 40px;
	text-transform: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
	
}	

.FontGoogle24Blanco{
	color:#fff;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 24px;
	text-shadow: 0.02em 0.00em 0.04em #000;
	font-weight: bold;
	}
	
.Calibri36Naranja {
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	color: #FF7B0E;
	text-decoration: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
}




.titulo_secciones_sitio{
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	color: #FF7B0E;
	text-decoration: none;}




.Adicionales{
	width: 71%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	margin-top: 15px;
	padding: 0px;
	
}



.Boton_adicionales{
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #F4F4F4;
	padding: 8px;
	margin: 0px;
	vertical-align: middle;
	border: solid;
	border-color: #F4F4F4;
	border-width: 5px;
	
}

.Boton_adicionales:hover{

	cursor: pointer;

	
}


.titulo_boton{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:3em;
	font-style:normal;
	color:#262626;	
	padding: 0px;
}

.icono_boton{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.3em;
	font-style:normal;
	color:#000;	
	padding: 0px;
}


/* Div Ocultar y Mostrar Info*/
#masinfo {
display:none;
width:100%;
padding:20px;
font-size:18px;
font-family:"Raleway", Arial, Helvetica, sans-serif;
color:#000;
overflow:hidden;
box-sizing: border-box;
	background-color: white;
	margin-top: 10px;



			}


#masinfo2 {

width:100%;
padding:20px;
font-size:18px;
line-height: 1.5em;
font-family:"Raleway", Arial, Helvetica, sans-serif;
color:#000;
overflow:hidden;
box-sizing: border-box;
	background-color: white;
	margin-top: 10px;



			}
			

.Adicionales_CELULAR{
	display: none;
}







/****** GRUPO FORM ******/

#Grupo_form{
	width: 100%;
	height: auto;
	background:url(../images/fondo_form.jpg);
	background-attachment: fixed;
	padding: 10px 0px 10px 40px;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: solid;
	border-bottom-color:#E9E9E9;
	border-bottom-width: 3px;
	border-top: solid;
	border-top-color:#E9E9E9;
	border-top-width: 3px;
	
}



.multi_teens{
	width: 40%;
	height: auto;
	background-color:#E8E8E8;
	overflow: hidden;
	box-sizing: border-box;
	padding: 20px;
	float: left;
	margin-left: 10px;

	
}






.form{
	width: 55%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 30px;
	float: right;
	text-align: left;

	
}


.comunicate{
  width: auto;
  font-family: Raleway, sans-serif;
  font-size: 2em;
  line-height: 1.2;
  color:#fff;

  

}





.CajaRecuadros{
	width:100%;
	height:auto;
	padding:5px;
	overflow:hidden;
	box-sizing:border-box;
	background:#FFF;
	
 border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;
	margin-top: 10PX;
	
	
	}
	
	
	
	.CajaRecuadros:hover{
	border-color: #bbbbbb;
				
	-webkit-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
-moz-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
			}
			
			
.Texto-Descripcion {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
  margin-top:10px;
}			
	

.DivVerde{
	width:100%;
	padding:6px 6px 0px 6px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#009BD3;
	
	
	}
		
	
	.imgRecuadros{
	width:100%;
	height:220px;
	margin-bottom:5px;
	
	}
	

	
	.TextoTituloRecuadros{
  width: auto;
  font-family: Raleway, sans-serif;
  font-size: 1em;
  line-height: 1.2;
  color:#fff;
  text-align:center;
  vertical-align:middle;
  

}

.icono_verde{
	font-family:Calibri;
	font-size:1.2em;
	color:#F00;
	text-decoration: none;
	}


			
/* FOOTER */

.Footer {
	width:100%;
	height:auto;
	background-color:#d86001;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	
}
	.TextoFooter {
	width: auto;
	font-family: "Trebuchet Ms", sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#fff;	
	
	}


/* FOOTER CELULAR*/
	
	
#footer_celular {
	display: none;
}	
	
	
.SUPLEMENTO{
	display: none;
}


.boton_DETALLE{
	width:130px;
	padding:8px;
	margin: 8px 80px 0px 0px;
	color:#fff;
	background-color:#fe5a01;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
	font-weight: bold;
	text-transform: none;
	border-radius:10px;
	text-align:center;
	float: right;
	
	
	
	
}	


.boton_DETALLE:hover{	
	
	background-color:#fe7c01;

			}







#Recuadro_Teens{
	width: 100%;
	height: auto;
	background-color: white;
	padding: 10px 0px 10px 30px;
	overflow: hidden;
	box-sizing: border-box;
	border-top-color: #D8D8D8;
   border-top-width: 10px;
   border-top-style: solid;
	
}


/*******************GRUPO NOVEDADES**********************/

#Grupo_novedad{
	width: 100%;
	height: auto;
	background:url(../images/fondo_novedad2017.jpg);
	background-attachment: fixed;
	padding: 10px 0px 10px 30px;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: solid;
	border-bottom-color:#E9E9E9;
	border-bottom-width: 3px;
	border-top: solid;
	border-top-color:#E9E9E9;
	border-top-width: 3px;
	
}



.titulo_NOVEDADES{
	font-family: Calibri;
	font-size: 4em;
	font-weight: bold;
	color: #FC0;
	text-decoration: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
	text-align: center;
	margin-top: 10px;
}



.Foto_y_Texto{
	width:100%;
	height:auto;
    overflow: hidden;
	box-sizing: border-box;
	margin-top:20PX;
	margin-bottom:60px;
	
	}


.Foto_secciones_pelotero{
	width:25%;
	height:auto;
	float:left;
	margin-right:10px;
	
	border-radius:15px;
	}
.Foto_secciones_pelotero:hover{
	border-color: #bbbbbb;
				
	-webkit-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
-moz-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
			}	



.titulo_secciones_sitio{
	font-family: Calibri;
	font-size: 2.4em;
	font-weight: bold;
	color: #FC0;
	text-decoration: none;}



.Texto-Descripcion_NOVEDAD {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1.3em;
  font-style:normal;
  line-height: 1.2;
  color:#FFF;
  margin-top:10px;
}

#rec-final-detalle{
	width: 100%;
	height: auto;
	background-color: white;
	padding: 10px 0px 10px 30px;
	overflow: hidden;
	box-sizing: border-box;
}



#barra-footer-nueva{
	display:none;
}


.multi-teens{
	width: 98%;
	height: auto;
	background-color:#fff;
	padding: 10px 10px 10px 10px;
	
	
	overflow: hidden;
	box-sizing: border-box;
		
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	margin-top: 10px;
	margin-bottom:25px;

}




/* # PARA CELULARES 1024
***************************************************************************************************************************/
@media screen and (max-width: 1024px)
	

	
.Boton_adicionales{
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #F4F4F4;
	padding: 8px;
	margin: 0px;
	vertical-align: middle;

}

.Boton_adicionales:hover{

	cursor: pointer;

	
}


.titulo_boton{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:2em;
	font-style:normal;
	color:#262626;	
	padding: 0px;
}

.icono_boton{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.3em;
	font-style:normal;
	color:#000;	
	padding: 0px;
}
	


	
	/* # PARA CELULARES 400
***************************************************************************************************************************/
@media screen and (max-width: 768px) {
	
	#MENU{
		display: none;
	}	
	
	/* IMAGEN SUPERIO CELULARES */
	
	.style-ico-novedades{
	
	font-size:1.3em; color:yellow;	
}


	
	
	/* BANNER PRINCIPAL */
	
	.LogoElsitiodelpelotero{
    content:url("../images/banner-elsitio-movil.png");
}
	
	/* PRIMER LINEA INFORMACION CELULARES*/
	


	
	.barra_tarjetas{


display: block;

}
	
	
/* RECUADRO FOTO Y DESCRIPCION */

#Recuadro_FotoyDescripcion{
	width: 100%;
	height: auto;
	background-color: white;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	box-sizing: border-box;
}


.Galeria{
	width: 100%;
	height: auto;
	float: none;
	margin-right: 0px;
	padding: 0px;

}


.Recuadro_descripcionyLogo{
	width: 100%;
	height: auto;
	background-color: white;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 10px 10px 10px;
}



.logo_salon{
display: none;

}


.Titulo_salon{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:2em;
	font-style:normal;
	color:#262626;	
	padding: 0px 0px 0px 5px;
}


.Bajada_titulo {
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-style:normal;
	line-height: 1.4;
	color:#000;	
	padding: 0px 0px 0px 5px;
	
	}
	
	
	.siBajada_tarjetas {
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-style:normal;
	line-height: 1.4;
	color:#000;	
	padding: 0px 0px 10px 5px;
	
	}


.Recuadro_detalle_descripcion{
	width: 100%;
	height: auto;
	padding: 20px 20px 20px 20px;
	overflow: hidden;
	box-sizing: border-box;

	
	margin-top: 25px;
	
}


.Texto_descripcion{
	color:#000;
	z-index: 10;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	text-transform: none;
	
}	
	
	
	
	
	
	

	
	/* RECUADRO PRINCIPAL PROMO*/

#Recuadro_principal_promo{
	width: 100%;
	height: auto;
	background-color:#F4F4F4;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: solid;
	border-bottom-color:#E9E9E9;
	border-bottom-width: 3px;
	border-top: solid;
	border-top-color:#E9E9E9;
	border-top-width: 3px;
	
	

   
	
}
	
	
	.DATOS{
		display:none;
		order: 6;
		margin-top: 20px;
	}	
	
	


.Grupo_condiciones{
	width: 100%;
	height: auto;
	background-color:#F4F4F4;
	
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	float: none;
	margin-bottom: 15px;
	display: grid;

	
	
}

	
.Recuadro_precio{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	

	
}
	


.texto{
	color:#fff;
	z-index: 10;
	font-family: Calibri;
	font-weight: bold;  
	font-size: 2em;
	text-transform: none;
	
}

.precio{
	color:#d86001;
	z-index: 10;
	font-family: Calibri;
	font-weight: bold;  
	font-size: 4em;

	text-transform: none;

	
	
}

.texto_actualizacion{
	color:#d86001;
	z-index: 10;
font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	
	font-size: 1.2em;

	text-transform: none;
	
	
}

.condiciones{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding: 0px 0px 10px 0px;
	
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	margin-top: 5px;

}



.condiciones1{
	color:#fff;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-weight: bold;  
	font-size: 1.6em;
	line-height: 1.4;
	text-transform: none;
	
}

.condiciones2{
	color:#000;
	z-index: 10;
	font-family: Calibri;
	
	font-size: 1em;
	line-height: 1.2;
	text-transform: none;
	padding: 20px;
	
}

.texto_aclaracion{
	color:#000;
	z-index: 10;
	font-family: Calibri;
	
	font-size: 1em;

	text-transform: none;
	
	
}
	
	

.foto_prueba{
	width: 100%;
	height: auto;
	


	


}


	
	
	
.Grupo_precio_flotante{
	overflow: hidden;
	box-sizing: border-box;
	width: 95%;
	margin-left: 10px;
	margin-top:25px;
	margin-bottom: 30px;
	margin-right: 0px;
	height: auto;
	position:static;
	
	z-index: 9999;
	right: none;
	bottom: none;

	
	
	box-shadow: none;
	grid-row: 1;
	order: 1;
	

	
	
	/*top:0;
	margin-top: 150px;
	*/
	
	
}
	
	
	
	
	
	/* RECUADRO  PROMO*/

#promo{
	width: 100%;
	height: auto;
	background-color: white;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;
	float: none;
	margin-top:25px;
	
}


	
	
	#promo_celular{
		display: block;
	width: 100%;
	height: auto;
	background-color: white;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;	
		text-align: left;
		z-index: 9999;
		grid-row: 2;
	order: 2;
	
		
		
	}
	
	
	
	
	
	/* FOOTER CELULAR*/
	
	
	#footer_celular {
		display: block;
  position:fixed;
  left:0px;
  bottom:0px;
  height:40px;
  width:100%;
	background-color: #d86001;
	padding: 15px 5px 20px 5px;
		z-index: 9999;
	
}	
	
.iconos_barra_celular{
	width:16%;
	float: left;
	
	font-size: 2em;
	font-family: "Oswald", sans-serif;
	color:#FFD600;
	
	text-align: center;

}
	
	
	.SUPLEMENTO{
		display: block;
	width: 100%;
	height: 90PX;
	overflow:hidden;
	box-sizing: border-box;
}

	
	
	.Adicionales{
		display: none;
	}
	
	
.Adicionales_CELULAR{
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	float: right;
	margin-top: 5px;
	padding: 0px;

	
}



.Boton_adicionales{
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #d86001;
	padding: 8px;
	margin: 0px;
	vertical-align: middle;
	border: solid;
	border-color: #F4F4F4;
	border-width: 5px;
	
	
}

.Boton_adicionales:hover{
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	
	padding: 8px;
	vertical-align: middle;
	cursor: pointer;
	border: solid;
	border-color: #FFC600;
	border-width: 5px;
	
}	
	
.titulo_boton{
	font-family: Calibri;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;}

.icono_boton{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.2em;
	font-style:normal;
	color:#FFE500;	
	padding: 0px;
}
	
	

	
	
#Grupo_form{
	display:none;
	width: 100%;
	background-attachment: scroll;
	height: auto;

	padding: 10px 0px 10px 0px;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: solid;
	border-bottom-color:#E9E9E9;
	border-bottom-width: 3px;
	border-top: solid;
	border-top-color:#E9E9E9;
	border-top-width: 3px;
	
	
}
	
	

.form{
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0px;
	float: none;
	text-align: left;

	
}
	
	
.comunicate{
  width: auto;
  font-family: Raleway, sans-serif;
  font-size: 1.3em;
  line-height: 1.2;
  color:#fff;

  

}
	
	
.boton_DETALLE{
	width:auto%;
	padding:8px;
	margin: 0px 20px 10px 20px;
	color:#fff;
	background-color:#fe5a01;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
	font-weight: bold;
	text-transform: none;
	border-radius:8px;
	text-align:center;
	float: none;
	
	
	
	
}	
	
	
	
	#Recuadro_Teens{
	width: 100%;
	height: auto;
	background-color: white;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
	box-sizing: border-box;
	border-top-color: #D8D8D8;
   border-top-width: 10px;
   border-top-style: solid;
	
}
	
	
	/*******************GRUPO NOVEDADES**********************/

#Grupo_novedad{
	width: 100%;
	height: auto;

	background-attachment: scroll;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: solid;
	border-bottom-color:#E9E9E9;
	border-bottom-width: 3px;
	border-top: solid;
	border-top-color:#E9E9E9;
	border-top-width: 3px;
	
}



.titulo_NOVEDADES{
	font-family: Calibri;
	font-size: 2.7em;
	font-weight: bold;
	color: #FC0;
	text-decoration: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
	text-align: center;
	margin-top: 10px;
}



.Foto_y_Texto{
	width:100%;
	height:auto;
    overflow: hidden;
	box-sizing: border-box;
	margin-top:20PX;
	margin-bottom:70px;
	}


.Foto_secciones_pelotero{
	width:100%;
	height:auto;
	float:none;
	margin-right:10px;
	
	border-radius:0px;
	}
.Foto_secciones_pelotero:hover{
	border-color: #bbbbbb;
				
	-webkit-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
-moz-box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
box-shadow: -1px 5px 11px -3px rgba(163,158,163,0.94);
			}	



.titulo_secciones_sitio{
	font-family: Calibri;
	font-size: 2.4em;
	font-weight: bold;
	color: #FC0;
	text-decoration: none;}



.Texto-Descripcion_NOVEDAD {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.2;
  color:#FFF;
  margin-top:10px;
}
	
	
	
	.icono_tarjeta{
	font-size: 5em;
	color: #FF8E00;
}
	
	
	.popup h4 {
	font-size: 25px;
   font-weight: lighter;
	margin-bottom: 40px;
	animation: entradaSubtitulo .8s ease .5s forwards;
	opacity: 0;

}
	
	
	.adorno_navidad{
	width: 100%;
	height: auto;
	display: block;
	
}
	
	
	.papanoel{
		position: fixed;
	z-index: 99999;
	top: 350px;
	left: -30px;
	
}



.boton_beneficio{
	display:block;
	width:190px;
	padding:8px;
	
	color:#fff;
	background-color:#fe5a01;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
	font-weight: bold;
	border-radius:10px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	margin-left:70px;

}	

	
	
	.logo_voucher{
	width:100px;
	height: 100px;
	
}

.ICONOS{
	width: 95%;
	height: auto;
	background-color:#fff;
	padding: 10px 0px 10px 0px;
	
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
	margin-left: 10px;
	margin-top:0px;
	margin-bottom: 30px;
	margin-right: 0px;

}

#rec-final-detalle{
	
	width: 95%;
	height: auto;
	background-color: #fff;
	padding: 10px;
	

	margin-left: 10px;
	margin-top:25px;
	margin-bottom: 30px;
	margin-right: 0px;
	
	overflow: hidden;
	box-sizing: border-box;
	
		border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;
}

#barra-footer-nueva{
	display:block;
	width: 100%;
	height: auto;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
	
	padding: 10px;
	margin-left:0px;
	


}

.multi-teens{
	width: 95%;
	height: auto;
	background-color:#fff;
	padding: 10px;
	
	
	overflow: hidden;
	box-sizing: border-box;
		
	border: solid;
	border-color:#E8E8E8 ;
	border-width: 2px;

	margin-left: 10px;
	margin-top:25px;
	margin-bottom: 30px;
	margin-right: 0px;

}




.button-barra-footer {
    float: left;
	width:32%;
	border-radius: 4px;
	
	background-color: #008CBA;
    border: none;
    color: white;
    padding: 15px 32px;
	margin-left:3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;

}



}