@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');

/* Mostrar Precios y Texto por Covid19 */

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

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

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


.tomando-reservas{
	width:100%;
	height:auto;
	padding:7px 7px 7px 7px;
	margin-bottom: 5px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#fff;
}

.tomando-reservas-ico{font-size: 40px;}


*{
	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

}

/*********************************
/* POPUP LOCALIADES
/*********************************/

article {
	line-height: 28px;
}

article h1 {
	font-size: 30px;
	text-align: left;
	padding: 50px 0;
}

article p {	margin-bottom: 20px;
}


article .btn-abrir-popup {
	padding: 0 20px;
	margin-bottom: 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: #fff;
	background: #FF7E00;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: .3s ease all;
	cursor: pointer;
}

article .btn-abrir-popup:hover {
	background: rgba(94,125,227, .9);
}



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

.overlay {
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	display: flex;
	visibility: hidden;
	z-index: 999999999999;
}

.overlay.active {
	visibility: visible;
}

.popup {
	background: #F8F8F8;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	padding: 20px;
	text-align: center;
	width: 600px;
	z-index: 999999999999;
	
	transition: .3s ease all;
	transform: scale(0.7);
	opacity: 0;
}

.popup .btn-cerrar-popup {
	font-size: 24px;
	line-height: 16px;
	display: block;
	text-align: right;
	transition: .3s ease all;
	color:red;
}

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

.popup h3 {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 10px;
	opacity: 0;
}

.popup h4 {
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 40px;
	opacity: 0;
}

.popup form .contenedor-inputs {
	opacity: 0;
}

.popup form .contenedor-inputs input {
	width: 100%;
	margin-bottom: 20px;
	height: 52px;
	font-size: 18px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #BBBBBB;
}

.popup form .btn-submit {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: #fff;
	background: #5E7DE3;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: .3s ease all;
}

.popup form .btn-submit:hover {
	background: rgba(94,125,227, .9);
}

/* ------------------------- */
/* ANIMACIONES */
/* ------------------------- */
.popup.active {	transform: scale(1); opacity: 1; }
.popup.active h3 { animation: entradaTitulo .8s ease .5s forwards; }
.popup.active h4 { animation: entradaSubtitulo .8s ease .5s forwards; }
.popup.active .contenedor-inputs { animation: entradaInputs 1s linear 1s forwards; }

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

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

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

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

@keyframes entradaInputs {
	from { opacity: 0; }
	to { opacity: 1; }
}



/* ------------------------- */
/* 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: 23px;
	line-height: 16px;
	display: block;
	text-align: right;
	
	color: #BBBBBB;
}

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



.sipopup h4 {
	font-size: 2.2em;
	margin-bottom: 20px;
	animation: entradaSubtitulo .8s ease .5s forwards;
	opacity: 0;
	font-family: 'Comfortaa';

}


.sipopup h5 {
	font-size: 1.8em;
	margin-bottom: 20px;
	animation: entradaSubtitulo .8s ease .5s forwards;
	opacity: 0;
	font-family: 'Comfortaa';
	font-weight: lighter;

}

.boton_beneficio{
	display:block;
	width:260px;
	padding:8px;
	
	color:#fff;
	background-color:#fe5a01;
	font-family: 'Comfortaa';
	font-size:1.3em;
	font-weight: bold;
	border-radius:10px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	margin-left:165px;

}	
	



.logo_voucher{
	width:70%;
	height: auto;
	
}


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

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


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



#nooverlay{
	display:none;

}


#footer_celular {
  position:fixed;
  left:0px;
  bottom:0px;
  height:40px;
  width:100%;
	background-color: #d86001;
	padding: 15px 15px 30px 15px;
	
}

.texto_footer_celular{
	font-size: 2em;
	font-family: "Oswald", sans-serif;
	color:#FFD600;
	text-align: center;
}


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



.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.4;
  color:#333;
  margin-top:10px;
}

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

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

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


}

/* PRIMER LIINEA INFORMATIVA */

.MainBlanco{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-bottom-color:#666;
	border-bottom-width:10px;
	border-bottom-style:solid;
}

				.MainBlanco-1{
				width:65%;
				height:auto;
				padding:20px;
				overflow:hidden;
				box-sizing: border-box;
				float:right;
				text-align:right;
			}
			
			

				.MainBlanco-2{
			width:30%;
			height:278px;
			padding:0px;
			float:left;
			margin-left:0px;
		}



.Imagen-Destacado-Fotografia{
	content:url("../images/destacado-fotografia.jpg");
	}


	.Titulo{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:3em;
	font-style:normal;
	line-height: 1.4;
	color:#00CCCC;	
}

	.Bajada{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:3em;
	font-style:normal;
	line-height: 1.4;
	color:#d86001;	
}



#seccion-izq{ 
	width:20%; /* no cambiar $ */
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}


#seccion-der{ /* no cambiar $ */
	width:80%;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}
	
	
	/* RECUADRO PRINCIPAL */
	
.DivGrupo-Listado{

	width:100%;
	height: 350px;
	padding:40px;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/foto_home.jpg);
	
	}
	
	
.recuadro_texto	{
	width:40%;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}
	
.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;
	padding: 40px 0px 0px 20px;
	
}	

.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;
	padding: 0px 0px 0px 20px;
	}
	
.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;}

.Grupo_tres_recuadros	{
	width:60%;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	float:right;
	}
	
.Grupo_tres_destacados	{
	display:none;
	}	
		.Rec-Listado{
	width:30%;
	height:330px;
	padding:5px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#fff;
	margin-left:10px;

	
	/* Se utiliza para no superponer el movimiento */
	opacity:0;
	
	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;

			}
			
	.Rec-Listado: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);
			}
			
						.Img-Listado{
				width:100%;
				height:auto;
				
				border-top-color:#fff;
				border-top-width:10px;
				border-top-style:solid;
				
				border-bottom-color:#d86001;
				border-bottom-width:10px;
				border-bottom-style:solid;

				}
				
.logo{
	width:80px;

	background-color:#fff;
	margin-top:5px;
	position:absolute;
	text-align:center;
	padding:2px;
	margin-left:5px;
	z-index:99999;
	}
	
	
	.recuadro-precio{
		width:auto;
	
		background-color:#f67003;
		margin-top:190px;
		position:absolute;
		text-align:center;
		padding:4px;
		margin-left:220px;
		z-index:99999;
		}
				
	.TituloFotoListado{
	
	width: auto;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:1.3em;
	font-style:normal;
	line-height: 1.4;
	color:#616161;
	padding:10px;
	background-color:#FAFAFA;
	
}

	.BajadaFotoListado{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#f8f8f8f;	
}



.main2transpatente{
	display:none;
	background-image:url(../images/foto_home.jpg);
}


.style-ico-Comunicate{
	
	font-size:2em; color:#2962FF;	
}




.botonComunicate{
        font-size:0.9em;
         font-family: "Raleway", sans-serif;
        color:#2962FF;
 

       }
	   


.info-seccion{
	width:100%;
	padding:35px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
	}
	
	
	
	
	
	
/* NUEVAS SECCIONES	
	
#Div_Nuevas_Secciones{

	width:100%;
	padding:30px 30PX 30PX 60PX;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/fondo-rayado2017.jpg);
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;

	border-bottom:solid;
	border-bottom-color:#F90;
	border-bottom-width:10px;
	}	
	
	
.Foto_secciones{
	width:45%;
	height:300;
	float:left;
	margin-right:60px;
	margin-top:20PX;
	border-radius:15px;
	}







*/


/* # RECUADROS
*****************************************/

#GrupoRecuadros{
	width:100%;
	padding:50px 20px 50px 20px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#f0f0f0;
	
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
		border-bottom:solid;
	border-bottom-color:#F90;
	border-bottom-width:10px;	
}

.Titulo_Nuevas_secciones{
	color:#d86001;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 2.5em;
	text-transform: none;
	
	
	font-weight: bold;
	
	
}


.CajaRecuadros-animaciones{
	width:23%;
	height:440px;
	padding:8px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#FFF;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	z-index:0;
	opacity:0;
	
	
	}
	
	
	
	.CajaRecuadros-animaciones: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);
			}
			
			
.CajaRecuadros-destacados{
	width:23%;
	height:440px;
	padding:5px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#FFF;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	z-index:0;
	
	
	
	}
	
	
	
	.CajaRecuadros-destacados: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);
			}
			
	
.CajaRecuadros2{
	width:33%;
	height:600px;
	padding:5px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#FFF;
	margin-left:3px;
	margin-top:10px;
	margin-bottom:5px;
	z-index:0;
	
	
	}	
	
.DivVerde{
	width:100%;
	padding:5px 10px 5px 10px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FF7B0E;
	
	
	}
		
	
	.imgRecuadros{
	width:100%;
	height:auto;
	margin-bottom:5px;
	
	}
	
	
	

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

}

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

}

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

#divfoto-dinamico{
	background-image:url(../images/CORTE_FOTO.jpg);
	background-attachment: fixed;
  background-repeat:no-repeat;
  width:100%;
  height:350px;"
	}

/* SECCIONES*/	


.secciones{
	width:100%;
	
	padding:30px 0PX 30PX 50PX;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/fondo-rayado2017.jpg);
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;
		border-bottom:solid;
	border-bottom-color:#F90;
	border-bottom-width:10px;
	}



.Foto_y_Texto{
	width:48%;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:20PX;
	margin-bottom:60px;
	}


.Foto_secciones_pelotero{
	width:45%;
	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);
			}

.div_decoraciones{
	background-image:url(../images/foto_decoracion2.jpg);
		width:100%;
		height:350px;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-attachment: fixed;
  background-repeat:no-repeat;
	}
	
.titulo_decoracion{
	font-family: Calibri;
	font-size: 5em;
	font-weight: bold;
	color: #FC0;
	text-decoration: none;
	text-shadow: 0.02em 0.00em 0.04em #000;
}	


.boton_deco{
	width:300px;
	color:#fff;
	background:#F60;
	z-index: 10;
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	text-transform: none;
	border-radius:15px;
	
	
	
}	


.boton_deco:hover{
	
	border:solid #fff;
	borde-width:5px;
	background:#F90;			

			}

.div_google{
	width:100%;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	border-bottom:solid;
	border-bottom-color:#CCC;
	border-bottom-width:5px;
	
	}
	
#div-localidades-zonaoeste{
/* Div se oculta en Pc- se muestra en celulares */
display:none;	
	}
	
		
		/*** DIV INVITACIONES VIRTUALES - IMAGEN ***/
		.div-invitaciones-principal{
			width:100%;
			padding:30px;
			overflow:hidden;
			box-sizing: border-box;
			background-color:#FFF;
			border-bottom:solid;
			border-bottom-color:#CCC;
			border-bottom-width:5px;
	
			}

			.div-img-invitaciones{
			width:45%;
			overflow:hidden;
			box-sizing: border-box;
			float:left;

			}
			
			.img-invitaciones{
				width:100%;
				height:auto;
				overflow:hidden;
				box-sizing: border-box;
			}
			
			.div-texto-invitaciones{
			width:45%;
			overflow:hidden;
			box-sizing: border-box;
			padding-left:30px;
			

			}/*** FIN DIV INVITACIONES VIRTUALES - IMAGEN ***/


.div_TEXTO{
	width:100%;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	border-bottom:solid;
	border-bottom-color:#CCC;
	border-bottom-width:5px;
	
	}


.descripcion{
	color:#000;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 1.5em;
	}
	
	
.div_LINKS{
	width:100%;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#F2F2F2;
	}	
	
	

/* OTROS SERVICIOS */

.MainBlanco-Servicios{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-top-color:#9e2806;
	border-top-width:10px;
	border-top-style:solid;
				
	border-bottom-color:#9e2806;
	border-bottom-width:10px;
	border-bottom-style:solid;
}

				.MainBlanco-Servicios-1{
				width:31%;
				height:auto;
				padding:20px;
				margin-left:20px;
				overflow:hidden;
				box-sizing: border-box;
				float:left;
				
			}

			.Img-OtrosSercios{
			
			width:100%;
			height:auto;			
				
			}
			
			
/* 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;	
	
	}
	
	
	
/* # SECCION DETALLES
########################################################################################################################*/

.MainBlanco-Detalles{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:30px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-bottom-color:#00CCCC;
	border-bottom-width:10px;
	border-bottom-style:solid;
}
	
					.img-foto-detalle{
					
					width:100%;
					height:auto;
					
					}
	
				.MainDetalle-1{ /* FOTO */
				width:30%;
				height:auto;
				padding:10px;
				overflow:hidden;
				box-sizing: border-box;
				float:left;
				text-align:right;
				}
				
				.MainDetalle-2{ /* TEXTO */
				width:65%;
				height:auto;
				padding:10px;
				overflow:hidden;
				box-sizing: border-box;
				float:right;
				text-align:left;
				}
				
				.Div-Descripcion{ /* DESCRIPCION */
				width:100%;
				height:auto;
				padding:40px;
				overflow:hidden;
				box-sizing: border-box;
				text-align:left;
				background-color:#FFF;
				
				border-top-color:#00CCCC;
				border-top-width:10px;
				border-top-style:solid;
				}
				
.DivGrupo-Detalles{

	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
		
	}			
				
	.Rec-Detalles{
	width:30%;
	height:570px;
	padding:5px;
	margin:0px 10px 25px 10px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#fff;
	margin-left:20px;
	
	/* Se utiliza para no superponer el movimiento 
	opacity:0;
	*/
	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;

			}		
	
				.TituloDetalles{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.8em;
	font-style:normal;
	line-height: 1.4;
	color:#d86001;	
}

	.Bajada-Detalles{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.8em;
	font-style:normal;
	line-height: 1.4;
	color:#d86001;	
}

	.Texto-Detalles {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}
	
hr{
	margin-top:5px;
	margin-bottom:5px;}
	
	
.foto{
	width:100%;
	height:270px;
	}	
	
	
.boton_llamar{
	display:none;
	}	
	
	
/**********************************/
/* NUEVOS BANNERS  */
/***********************************/

.nuevo-banner{
	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing:border-box;
		}

.nuevo-banner1{
	width:40%;
	height:auto;
	margin-left:40px;
	padding:10px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
		}
		
		
		
	
	/* # PARA CELULARES 400
***************************************************************************************************************************/
@media screen and (max-width: 768px){
	
	
	
	/* 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*/
	

.DivGrupo-Listado{
	display:none;}
	
	
.main2transpatente{
	width:100%;
	color:#fff;
	padding:5px;
	margin:-20px 0px 0px 0px ;
	float:none;
	box-sizing: border-box;
	display:block;
	background-image:url(../images/foto_home_celular.jpg);
}



.Titulo-Home{

 width: 100%;
  /* font-family: 'Open Sans', sans-serif;*/
  /* font-family: 'Rubik', sans-serif;*/
  font-family: 'Hammersmith One', sans-serif;
  font-size: 1.9em;
  line-height: 0.9;
  color:#FC0;
text-shadow: 0.02em 0.00em 0.04em #000;
 	
}		

	
	.TextoInfoBlanco {
  width: auto;
  font-family: "Calibri", sans-serif;
  font-size: 2em;
  line-height: 1.4;
  color:#fff;
  text-shadow: 0.02em 0.00em 0.04em #000;
}




/* NUEVAS SECCIONES*/	
	
#Div_Nuevas_Secciones{

	width:100%;
	padding:10px 0PX 10PX 10PX;
	overflow:hidden;
	box-sizing: border-box;
	background-image:url(../images/fondo-rayado2017.jpg);
	border-top:solid;
	border-top-color:#F90;
	border-top-width:10px;

	
	}	
	
	
.Foto_secciones{
	width:45%;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:20PX;
	border-radius:15px;
	}

.Titulo_Nuevas_secciones{
	color:#d86001;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 2em;
	text-transform: none;
	
	font-weight: bold;
	
	
}








	
	

	
	
	.MainBlanco{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:0px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-bottom-color:#666;
	border-bottom-width:10px;
	border-bottom-style:solid;
}
	
		.Titulo{
	
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.8em;
	text-align:center;
	font-style:normal;
	line-height: 1.4;
	color:#00CCCC;
		}
		
		.Bajada{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.2em;
	font-style:normal;
	line-height: 1.2;
	color:#d86001;	
}
	
	
	

	.MainBlanco-1{
				width:100%;
				height:auto;
				padding:3px;
				overflow:hidden;
				box-sizing: border-box;
				float:none;
				text-align:center;
			}
			
			

	.MainBlanco-2{
	width:100%;
	height:auto;
	padding:0px;
	float:none;
		}
		
	.Destcado-Fotografia{
		width:100%;
		height:auto;}

		
	
	
	/* LISTADO CELULARES */
	
			.Rec-Listado{
	width:100%;
	height:auto;
	padding:5px;
	margin:20px 5px 10px 5px;
	overflow:hidden;
	box-sizing:border-box;
	float:none;
	background:#fff;
	margin-left:0px;
	
	/* Se utiliza para no superponer el movimiento */
	opacity:0;
	
	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;

			}
			
	.Rec-Listado: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);
			}
			
			/* SERVICIOS PARA CELULARES */
			
			.MainBlanco-Servicios{display:none;}
			

#seccion-izq{ 
	display:none;
	width:20%; /* no cambiar $ */
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}


#seccion-der{ /* no cambiar $ */
	width:100%;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	}


#div-localidades-zonaoeste{
/* Div se oculta en Pc- se muestra en celulares */
display:block;	
	}			
			
/* DETALLES PARA CELULARES
#####################################################################################################*/


.MainBlanco-Detalles{
	background-image:url(../images/fondo-rayado.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding:0px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FFF;
	
	border-bottom-color:#666;
	border-bottom-width:10px;
	border-bottom-style:solid;
}


				.img-foto-detalle{
					
					width:100%;
					height:auto;
					
					}
	
				.MainDetalle-1{ /* FOTO */
				width:100%;
				height:auto;
				padding:0px;
				overflow:hidden;
				box-sizing: border-box;
				float:left;
				text-align:right;
				}
				
				.MainDetalle-2{ /* TEXTO */
				width:100%;
				height:auto;
				padding:5px;
				overflow:hidden;
				box-sizing: border-box;
				float:right;
				text-align:left;
				}
				
.DivGrupo-Detalles{

	width:100%;
	padding:5px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#EEEEEE;
	
	}
	
				
	.Rec-Detalles{
	width:100%;
	height:auto;
	padding:5px;
	margin:0px 10px 25px 0px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#fff;
	
	/* Se utiliza para no superponer el movimiento 
	opacity:0;
	*/
	   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;

			}
			
			
.boton_llamar{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	background:#ff7800;
	padding:10px;
	color:#FFF;
	font-size:2.0em;
    font-family:"Oswald", sans-serif;
	text-align:center;
	margin-top:10px;
	
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
	}
				

.boton_llamar:hover{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	background:##ffa200;
	padding:10px;
	color:#FFF;
	font-size:2.0em;
    font-family:"Oswald", sans-serif;
	text-align:center;
	
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
	}
#divfoto-dinamico{
	display:none;
	}
	
	
.secciones	{
	display:none;
	}
	
.div_decoraciones	{
	display:none;
	}
	
.div_TEXTO	{
	display:none;
	}
	

/* # RECUADROS
*****************************************/


.Grupo_tres_destacados	{
	display:block;
	width:100%;
	height:auto;
	padding:5px;
	overflow:hidden;
	box-sizing: border-box;
	float:none;
	}

#GrupoRecuadros{
	width:100%;
	padding:30px 2px 30px 2px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#f0f0f0;	
}


.CajaRecuadros-animaciones{
	width:95%;
	height:auto;
	padding:8px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#FFF;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:18px;
	z-index:0;
	}
	
	.CajaRecuadros-destacados{
	
	width:95%;
	height:auto;
	padding:3px;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	background:#FFF;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:10px;
	z-index:0;
	}
	
	.TextoTituloRecuadros{
  width: auto;
  font-family: Raleway, sans-serif;
  font-size: 0.8em;
  line-height: 1.2;
  color:#fff;
  text-align:center;
  vertical-align:middle;
  

}

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

}

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


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


	
.CajaRecuadros2{
	display:none;
	
	}		

.logo{
	width:80px;
	border-radius:150px;
	margin-top:-35px;
	margin-left:120px;

	}	
		
	
	#footer_celular {
  position:fixed;
  left:0px;
  bottom:0px;
  height:40px;
  width:100%;
	background-color: #d86001;
	padding: 15px 5px 20px 5px;
	Z-index:999999999999;
	
}	
	
.texto_footer_celular{
	font-size: 1.6em;
	font-family: "Oswald", sans-serif;
	color:#FFD600;
	text-align: center;
}

#nuevo-footer-celular {
	position:fixed;
	bottom:0px;
	height:25px;
	width:100%;
	text-align: center;
	  background-color: #ffffff;
	  padding:8px 0px 8px 0px;
	  Z-index:999999999999;

	  
  }


/* ------------------------- */
/* 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: 500px;
	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: 45px;
	line-height: 16px;
	display: block;
	text-align: right;
	
	color:red;
}

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



.sipopup h4 {
	font-size: 2.2em;
	margin-bottom: 20px;
	animation: entradaSubtitulo .8s ease .5s forwards;
	opacity: 0;
	font-family: 'Comfortaa';

}


.sipopup h5 {
	font-size: 1.8em;
	margin-bottom: 20px;
	animation: entradaSubtitulo .8s ease .5s forwards;
	opacity: 0;
	font-family: 'Comfortaa';
	font-weight: lighter;

}

.boton_beneficio{
	display:block;
	width:260px;
	padding:8px;
	
	color:#fff;
	background-color:#fe5a01;
	font-family: 'Comfortaa';
	font-size:1.3em;
	font-weight: bold;
	border-radius:10px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	margin-left:40px;

}	
	



.logo_voucher{
	width:70%;
	height: auto;
	
}


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

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


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



#nooverlay{
	display:none;

}

		/*** DIV INVITACIONES VIRTUALES - IMAGEN ***/
		.div-invitaciones-principal{
			width:100%;
			padding:15px;
			overflow:hidden;
			box-sizing: border-box;
			background-color:#FFF;
			border-bottom:solid;
			border-bottom-color:#CCC;
			border-bottom-width:5px;
	
			}

			.div-img-invitaciones{
			width:100%;
			overflow:hidden;
			box-sizing: border-box;
			float:left;

			}
			
				.img-invitaciones{
				width:100%;
				height:auto;
				background:#0F0;
			}
			
			.div-texto-invitaciones{
			width:100%;
			overflow:hidden;
			box-sizing: border-box;
			padding-left:0px;
			

			}
			
			
.etiqueta-flotante{
	width:50%;
	height: auto;
	padding:5px 5px 0px 5px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#424242;
	
	
	}

}