/* COMIENZAN ESTILOS FOOTER*/
.footer {
  width: 100%;
  background: #173B0B;
  padding: 5px 5px;
  display:flex;
}
.footerImg {
  width: 30%;
}
.footerTexto {
  width: 70%;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
}
.rowInfo
{
	width:40%;
	text-align:center;
}
	.justify-content-center 
	{
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
.footer_logo {
  padding: 20px 0;
}
.footer_menu
{
	margin-left:30%;
	width: 100%;
}
.footer_col:not(:last-child){
	margin-bottom: 60px;
}
.mxauto {
  margin: 0 auto;
  text-align: center;
}
.mxautoTexto {
  margin-left: 10%;
  text-align: center;
}
	.redesDesktop 
	{
		display: block;
	}
	.iconosredesDesktop
	{
		width:10%;
		margin-left: 5%;
	}
	.menusFooter li
	{
		line-height: normal;
		list-style: none !important;
		padding: 0px 0;
		text-align: center;
		font-size:18px;
		font-weight:bold;
		height: 35px;
		text-transform:uppercase;
	}
	.menusFooter li:hover
	{
		text-decoration:underline;
		color:#24A319;
	}
	
.titleInfoFooterP {
  color: #FFF;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
}
	.infoFooterP 
	{
		color: #FFF;
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		font-size: 20px;
		text-align: center;
		font-weight:bold;
	}
.FooterDerechos
{
	font-size:20px;
	color:#FFFFFF;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight: bold;
}

/* TERMINAN ESTILOS FOOTER*/

/*--------------------------------ESTILOS PARA EL ENCABEZADO Y EL MENU DE LA PAGINA--------------------*/
.submenu.activo {
    border-radius: 10px;
    border-style: solid;
    background: #173B0B;
    color: #FFFFFF;
}

.submenu.activo .TextoMenu {
    color: #FFFFFF;
}

.headerTelefono
{
	box-shadow: 0px 2px 3px #353333;
  	background: #FFF;
  	opacity: 0.8;
	color: #FFF;
	width:100%;
	height:90px;
	display: flex;
	align-items: center;
	min-height: 90px;
	position: fixed;
	z-index: 1;
}
.AceptarTerminos
{
	width:50%;
	border:0px;
}

.flotarCentro
{
	max-height:90px;
	width: 20%; 
	text-align: center;
	display: flex;
	align-items: center;
}
	.flotarCentro img 
	{
		width:65%; 
		height:auto;
	}

.ContenedorMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  gap: 10px;
  width: 80%;
  flex-wrap: wrap; /* permite que se acomoden en varias líneas */
}

.ContenedorMenu > div {
  flex: 1 1 auto;
  text-align: center;
  width: 45%;
  color: #000;
  font-size: 30px;
  font-weight: bold;
}

.ContenedorMenu img {
  max-width: 100%;
  height: 90px;
}

#ContenedorTelefonos
{
	flex: 1 1 auto;
	text-align: center;
	width: 45%;
	color: #000;
	font-size: 30px;
	font-weight: bold;
}

/* 📱 Ajustes para celulares */
@media (max-width: 1100px) {
  .ContenedorMenu {
    flex-direction: column; /* apilar elementos */
    width: 100%;           /* ocupar todo el ancho */
  }

  .ContenedorMenu > div:first-child {
    display: none; /* Oculta el texto en móviles */
  }

  .ContenedorMenu img {
    height: auto;   /* que la imagen se ajuste automáticamente */
    max-height: 80px;
  }
}

.subtitulo {font-size:20px; color:#000000; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;}
.flotarTelefono{float:right;text-align: center;}
.flotarIzquierda{display:flex;justify-content:end;align-items: center;font-size: 18px;color: #000;}
.flotarDerecha{text-align:center;font-size:18px;color:#000; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; margin-top:15px}
#TiempoTranscurrido{font-size: 25px; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; padding: 12px;}

/*-------------- INICIAN ESTILOS GALERIA Y VISITAR Y SERVICIOS-------------------*/
.DivPrincipalImg
{
	width: 30%;
	float: left;
	height: 300px;
  	border: 2px solid #173B0B;
  	margin-top: 10px;
  	margin-left: 20px;
	display: flex;
	flex-direction: column;
}

.DivPrincipalImgServicios
{
	width: 30%;
	float: left;
	min-height: 300px;
	max-height:500px;
  	border: 2px solid #173B0B;
  	margin-top: 10px;
  	margin-left: 20px;
	display: flex;
	flex-direction: column;
}

.DivImagenVisitar
{
  	vertical-align: middle;
  	margin: 10px;
 	padding: 20px;
  	background-color: #f0f0f0;
  	border: 1px solid #ddd;
	border-radius: 8px;
}

.DivImagenVisitarTexto
{
	padding: 10px;
	background-color: #f0f0f0;
	border: 1px solid #ddd;
	margin: 10px;
}
.ImgVisita
{
	max-width: 80%;
  	min-height: 120px;
  	max-height: 170px;
	transform: translateZ(0);
	position: relative;
}

.ImgVisita:hover {
  transform: scale(2.5); /* Aumenta el tamaño al 250% */
  filter: grayscale(0%) brightness(1.2); /* Vuelve a color y aumenta el brillo */
  z-index: 10; /* Capa superior */
  border-radius:20px;
}

.ImgVisitaGaleria
{
	max-width: 80%;
  	min-height: 150px;
  	max-height: 230px;
	transform: translateZ(0);
}

.ImgVisitaGaleria:hover {
  transform: scale(2.5); /* Aumenta el tamaño al 250% */
  filter: grayscale(0%) brightness(1.2); /* Vuelve a color y aumenta el brillo */
  z-index: 10; /* Capa superior */
  border-radius:20px;
}

/*-------------- TERMINAN ESTILOS GALERIA Y VISITAR Y SERVICIOS-------------------*/

/*--------------------------INICIAN ESTILOS PARA FECHAS------------------------*/
.cont-galleta {
  position: sticky;
  top: 110px;          /* se queda pegado 110px desde arriba */
  left: 10%;
  width: 80%;  
  display: flex;
  padding: 1rem;
  opacity: 0.95;
}

.BloqueFecha, .BloqueFechaBoton {
    display: flex;
    flex-direction: column;
	text-align: center;
	margin-left: 12px;
	float: left;
	text-transform: uppercase;
	min-width: 15%;
 	max-width: 100%;
}

.text-g {
    font-size: 17px;
  	font-weight: bold;
 	color: #000;
 	margin-bottom: 10px;
}

input[type="text"], select {
    padding: 12px 14px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.3s ease;
}

input[type="text"]:focus, select:focus {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.2);
}

/* Selects */
.ClaseSelect select {
  width: 100%;
  max-width: 160px;
  padding: 0.4rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
  transition: 0.3s;
}
.ClaseSelect select:hover {
  border-color: #4CAF50;
}

/* Botón */
.BotonContinuar {
  width: 100%;
  height: 50px;	
  background: #4CAF50;
  color: #fff;
  font-weight: bold;
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
  margin-top: 10px;
}
.BotonContinuar:hover {
  background: #43a047;
  transform: scale(1.05);
}

/* Móviles */
@media (max-width: 768px) {
  .cont-galleta {
    flex-direction: column;
    align-items: stretch;
  }
  .BloqueFecha,
  .BloqueFechaBoton {
    width: 100%;
  }
}
/*--------------------------TERMINAN ESTILOS PARA FECHAS------------------------*/


/*-------------- INICIAN ESTILOS CONTACTO-------------------*/
.contact-card {
    max-width: 800px;
    margin: 50px auto;
    padding: 2rem;
    background: linear-gradient(135deg, #ffffff, #f9f9f9);
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

/* Encabezado */
.contact-header h1 {
    font-size: clamp(1.8rem, 4vw, 2.3rem);
    margin-bottom: 0.3rem;
    color: #000;
}
.contact-header .slogan {
    font-size: clamp(1rem, 2vw, 1.2rem);
    color: #000;
}

/* Información */
.contact-info {
    margin-top: 1.5rem;
    font-size: 1.05rem;
    color: #008000;
}
.contact-info p {
    margin: 0.7rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.contact-info i {
    font-size: 1.3rem;
    color: #008000;
}
.contact-info a {
    color: #008000;
    text-decoration: none;
}

.contact-info h3 {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    color: #000; /* Negro para subtítulos */
}

.contact-group {
    background-color: #ffffff;
    border: 1px solid #a0dca0; /* borde verde suave */
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.contact-group p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0.5rem 0;
}

.contact-group i {
    color: #008000; /* íconos verdes */
    font-size: 1.2rem;
}

.contact-group a {
    color: #008000;
    text-decoration: none;
    font-weight: bold;
}

.contact-group a:hover {
    text-decoration: underline;
}

.contact-info a:hover {
    text-decoration: underline;
}

/* Redes sociales */
.social-links {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}
.social-links a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}
.social-links a.fb { background: #3b5998; }
.social-links a.ig { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.social-links a:hover {
    transform: scale(1.1);
}

.coordenadas {
    display: flex;
    flex-direction: column; /* Pone coordenadas y link en dos líneas */
    align-items: center; /* Centra el texto */
    gap: 4px; /* Espacio entre texto y enlace */
}

.coordenadas .coord-link a {
    color: #008000;
    text-decoration: none;
    font-weight: bold;
}

.coordenadas .coord-link a:hover {
    text-decoration: underline;
}

/* Animación */
.animate-card {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeSlideUp 0.8s ease forwards;
}
@keyframes fadeSlideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 500px) {
    .contact-card {
        padding: 1.5rem;
    }
    .contact-info {
        font-size: 0.95rem;
    }
}
/*-------------- TERMINAN ESTILOS CONTACTO-------------------*/

/*-------------- INICIAN ESTILOS APARTADO DE SERVICIOS GENERALES-------------------*/
.ServiciosGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 20px 20px;
}

.ServicioItem {
    display: flex;
    align-items: flex-start;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgb(0, 0, 0);
    transition: transform 0.2s;
}

.ServicioItem:hover {
    transform: translateY(-5px);
}

.IconoServicio {
    font-size: 40px;
    color: #4CAF50; /* verde */
}

.TextoServicio {
    font-size: 14px;
    line-height: 1.4;
}
/*-------------- TERMINAN ESTILOS APARTADO DE SERVICIOS GENERALES-------------------*/


/*----ESTILOS PARA BOTONES Y CAMPOS ESPECIALES RESERVA ONLINE-----------------*/
.cajainput, .form-hab input, .form-hab select
{
	width: 90%;
	height: 32px;
	color:#000000;
	font-size:16px;
	text-align: center;
	font-weight: bold;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	margin-top: 7px;
}

.ClaseSelect
{
	height:60px;
}

#id_list_hoteles
{
	margin-top: 5%;
  	z-index: 1;
  	position: sticky;
	background-color: #FFF;
}

.shopping-cart2
{
	float: right;
	margin-top: 15%;
	z-index: 1;
    position: sticky;
}
/*----ESTILOS PARA BOTONES Y CAMPOS ESPECIALES RESERVA ONLINE-----------------*/

/*---------------ESTILO HABITACIONES Y BUSCAR HABITACIONES-----------------*/
.HabGeneral
{
	width: 95%;
	border: 1px solid #ccc;
	margin: 20px 0px 0px 45px;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-color: #FFF;
}
	.HabContenedorImagen
	{
		width: 30%;
		float: left;
		padding-left: 4px;
		overflow: hidden;
	}
	.HabImagen
	{
		cursor: pointer;
		width: 90%;
	}
	.HabTextoDescriptivo
	{
		width: 70%;
		float: left;
		padding-right: 0px;
		padding-left: 4px;
		overflow: hidden;	  
	}
	
	.InformacionIzquierda
	{
		float:left;
		width:100%;
	}
	
	.InformacionIzquierda h3
	{
		font-size: 24px;
		color: #004C24;
		font-weight: bold;
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	}
	
	.InformacionDerecha
	{
		float:right;
		width:60px;
		min-width:60px;
		margin-top: -62px;
	}
	
	.InformacionDerecha:hover
	{
		background:#9F6;
	}
		
	.TextoDescriptivoPersonas
	{
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		font-size:22px;
		/*color:#979797;*/
		padding: 0px 15px;
		white-space:pre-wrap;
		font-weight: bold;
	}
		
	.TextoDescriptivo
	{
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		font-size:13px;
		/*color:#808080;*/
	}
	.confirmacion3
	{
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		height:20px;
		display:flex;
		align-items: center;
		font-weight:bold;
		padding:2px 5px;
		text-align:left;
		/*color:#979797;*/
		font-size: 14px;
		font-weight:bold;
	}
	
.DivDatosTotal
{
	width: 95%;
	max-height:60px;
	border: 1px solid #ccc;
	margin: 2px 0px 0px 45px;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-color: #FFF;
}
	.TextoDesgloseTotal
	{
		width:20%;
		height:100%;
		font-size: 14px;
		font-weight:bold;
		float:left;
		display: flex;
    	justify-content: center;		
	}
	.BotonDesgloseTotal
	{
		width:30%;
		height:100%;
		display:flex;
		justify-content: center;
	}
	.CajaTotal
	{		
		width: 100%;
		font-size: 25px;
		color: #004C24;
		font-weight: bold;
	}
	.button-carrito 
	{
		border: 1px solid #CCC;
		background: #004C24 url("../images/i-carro.png")no-repeat 2px 8px;
		text-align:right;
		width:90%;
		display:block;
		height:32px;
		cursor:pointer;
		transition: all 500ms ease; 
		padding: 5px ;
		text-transform:uppercase;
		font-weight: bold;
		color:#FFFFFF;
	}
	.button-carrito:hover
	{
		background: #a2b398 url("../images/i-carro.png")no-repeat 18px 8px;
		color:#088637;
		font-weight:bold;
	}
	.ContenedorBotonAgregar
	{
		width: 100%;
		text-align: -moz-center;
	}
	.CuantasHabDisponibles
	{
		font-weight:bold;
		color: #000000;
	}
	
.DivPasosReserva
{
	width: 95%;
	max-height:60px;
	border: 1px solid #ccc;
	margin: 2px 0px 0px 45px;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-color: #FFF;
	margin-top: 25px;
}
	#steps 
	{
		display: table;
		background-color: #f5f5f5;
		border: none;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	#steps li 
	{
		display: table-cell;
		list-style: none;
		width: 25%;
		background-color: #f5f5f5;
		vertical-align: middle;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
		color: #717171;
		position: relative;
	}
	#steps li.complete
	{
		color: #fff;
		background-color: #004C24;
		border-right: 1px solid #004C24;
	}
	#steps li em 
	{
		display: inline-block;
		width: 10%;
		font-style: normal;
		font-weight: 600;
		font-size: 1.8em;
		vertical-align: middle;
		margin-left: 5px;
	}
	#steps li span 
	{
		display: inline-block;
		position: relative;
		vertical-align: middle;
	}
		
	.DivFlecha
	{
		width: 0; 
		height: 0; 
		border-left: 25px solid #004C24;
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent; 
	}

.DivBotonContinuarPasos
{
	width: 95%;
	max-height:60px;
	margin: 2px 0px 0px 45px;
	overflow: hidden;
	display: flex;
	justify-content: right;
	margin-top: 25px;
}
	.BotonContinuarPasos
	{
		width: 40%;
		border: 0px;
		height: 32px;
		cursor: pointer;
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: white;
		text-transform: uppercase;
		background-color: #004C24;
		border-radius: 5px;
	}
	.BotonContinuarPasos:hover
	{
		border-color:#FFFFFF;
		border: 2px solid;
		border-style:outset;
		background-color: #000000;
	}
	
#ImagenServiciosGen 
{
	padding: 15px 20px;
	overflow: hidden;
	width: 100%;
}
#ImagenUbicacionRO
{
	padding: 15px 20px;
	overflow: hidden;
	width: 100%;
}
/*-------TERMINA ESTILO HABITACIONES Y BUSCAR HABITACIONES-----------------*/

/*-------------- ESTILO FORMULARIO DATOS PERSONALES-------------------------*/
.DivContenedorPasos
{
	width: 96%;
	margin-left: 45px;
}
.TDatosPersonales 
{
  border-collapse: collapse;  
  border-color: #CCC;
  font-size: 12px;
}
	.TDatosPersonales thead
	{
		background: #FFF;
		font-size: 20px;
		height: 40px;
	}
	.TipoSelect
	{
		width:40%; 
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;		
		font-size: 14px; 
		color: black;
		background-color: #FFF;
		text-align: center;
	}
/*------TERMINA ESTILO FORMULARIO DATOS PERSONALES-------------------------*/
/*---------------ESTILO PAGINA DE INICIO-----------------------------------*/
.TrFondoBlanco
{
	background-color:#FFF;
}
/*-------------TERMINAN ESTILO PAGINA DE INICIO----------------------------*/

/*------------------------TERMINAN ESTILOS PARA EL ENCABEZADO Y EL MENU DE LA PAGINA--------------------*/


.headerTop
{
  padding: 1px 10px;
  /*background: rgba(8,8,8,0.6);*/
  background-color: #004C24;
  color: #FFFFFF;
  width:100%;
  height:5px;
  position:fixed;
  top:0px;
  z-index:4;
}

.headerTop a
{
	color:#1C2300;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}


.headerMenu
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:18px;
	background:rgba(68,85,0,1);
	color: #FFFFFF;
	width:100%;
	position:fixed;
	top:88px;
	z-index:1;
}

.menuflotar
{
	float:left;
	margin-top:2px;
	margin-right:10px;
	margin-left:10px;
}

.menuflotar a
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:15px;
	color:#FFF;
}

.BotonControl
{
	width: 120px;
	height: 30px;
	background-color: #004C24;
	color:#FFFFFF;
	border-radius: 10px;
}

.BotonControl:hover
{
	background-color:#F7E1BC;
	color:#000000;
}

.ImagenDescriptiva
{
	width: 100%;
  	height: auto;
}

.ImagenPrincipalRO
{
	width: 40%;
	border-radius:10px;
	margin-left: 20px;
	margin-top: 15px;
}

	.ImagenPrincipalRO:hover
	{
		border-radius: 10px;
		cursor: pointer;
			
		-webkit-box-shadow: -5px 5px 5px 5px rgba(77,77,77,0.7);
		-moz-box-shadow: -5px 5px 5px 5px rgba(77,77,77,0.7);
		box-shadow: -5px 5px 5px 5px rgba(77,77,77,0.7);	
	}

.ImagenServiciosRO
{
	width: 50%;
  	height: 100%;
}
	
.ImagenUbicacionRO
{
	width: 800px;
  	height: 400px;
	border-radius:20px;
}

	.ImagenUbicacionRO:hover
	{
		border-radius: 20px;
		cursor: pointer;
			
		-webkit-box-shadow: -5px 5px 5px 5px rgba(77,77,77,0.7);
		-moz-box-shadow: -5px 5px 5px 5px rgba(77,77,77,0.7);
		box-shadow: -5px 5px 5px 5px rgba(77,77,77,0.7);	
	}

.map-responsive
{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

	.map-responsive iframe
	{
		left:0;	
		top:0;	
		height:100%;	
		width:100%;	
		position:absolute;	
	}

.ImgTitleTexto
{
	width: 50%;
	float: left;	
}

.ImgTitleImagen
{
	width: 50%;
	padding: 10px 20px;
	float: right;
}

.TitServicios-Llegar
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 20px;
	color: #000000;
	width: 100%;
	height: 30px;
	text-align: center;
	text-transform:uppercase;
	font-weight: bold;
}	
/*COMIENZAN ESTILOS PARA IMAGEN TITL*/

.image-3d-effect {
  position: relative;
}

.image-3d-effect .side {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.image-3d-effect .side.left {
  left: 0;
  width: 50%;
}

.image-3d-effect .side.left:hover~.images .front-image {
  -webkit-transform: matrix3d(0.94, 0, 0.34, -0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(-10px);
  transform: matrix3d(0.94, 0, 0.34, -0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(-10px);
}

.image-3d-effect .side.left:hover~.images .back-image {
  -webkit-transform: matrix3d(0.94, 0, 0.34, -0.00025, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);
  transform: matrix3d(0.94, 0, 0.34, -0.00025, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);
}

.image-3d-effect .side.right {
  right: 0;
  width: 50%;
}

.image-3d-effect .side.right:hover~.images .front-image {
  -webkit-transform: matrix3d(0.94, 0, 0.34, 0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);
  transform: matrix3d(0.94, 0, 0.34, 0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);
}

.image-3d-effect .side.right:hover~.images .back-image {
  -webkit-transform: matrix3d(0.94, 0, 0.34, 0.0005, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1.1) translateX(-100px);
  transform: matrix3d(0.94, 0, 0.34, 0.0005, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1.1) translateX(-100px);
}

.image-3d-effect .images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.image-3d-effect .front-image,
.image-3d-effect .back-image {
  -webkit-perspective: 200px;
  perspective: 200px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  height: 300px;
  width: 400px;
  margin-right: 30px;
  background-size: cover;
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, 0.15);
}

.image-3d-effect .front-image {
  margin-right: 50px;
  z-index: 1;
  border-radius: 4px;
}

.image-3d-effect .back-image {
  margin-left: 100px;
  margin-top: -200px;
  background-position: bottom;
  border-radius: 4px;
}
/*TERMINAN ESTILOS PARA IMAGEN TITL*/

.TextoPagIncioTitulo
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:24px;
	color:#714120;
}

.TextoPagIncioSubtitulo
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
	color:#714120;
}

.TextoPagIncioTexto
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
	color:#714120;
}
@supports(object-fit: cover)
{
    .ImagenDescriptiva
	{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}

.SinHabitaciones
{
	color:#697733; 
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.SinHabitacionesTexto
{
	text-align: center;
}
	.SinHabitacionesTexto h3
	{
		font-size:20px;
	}
	
	.InformacionDerecha h3
	{
		font-size: 14px;
		color: #979797;
		font-weight: bold;
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	}

.CajaBooking
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	color: #000;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}

	.CajaBookingTexto
	{
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		font-size: 20px;
		color: #004C24;
		width: 70%;
		text-align: center;
		float: left;
		height: 55px;
	}
	
	.CajaBookingCuadro
	{
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		font-size: 28px;
		background-color: #222B00;
		color: #FFF;
		width: 55px;
		float: left;
		height: 55px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 4px;
		border-radius:5px;
	}

.TextDatos
{
	background-color:#FFF;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	width:95%;
}

.TextDatos:focus
{
	background-color:#FF9;
}

.TextDatosChico
{
	background-color:#FFF;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	width:80px;
}

.TextDatosChico:focus
{
	background-color:#FF9;
}

.BotonPagar
{
	background-color:#004C24;
	color:#FFFFFF;
	width:120px;
	height:40px;
	cursor:pointer;
}

.BotonPagar:hover
{
	background-color:#E91820;
	color:#FFFFFF;
}

.TextPromocion
{
	width:25%;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:15px;
	padding:7px;
	border-bottom-style:outset;
	border-color:#0A4E8A;
}

.TextPromocion:focus
{
	background-color:#FDCF32;
	border-bottom-style:outset;
	border-color:#F00;
}

.BotonAplicar
{
	margin-left:10px;
	width:20%;
	height:34px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:15px;
	font-weight: bold;
	background-color: #686868;
	color: #FFFFFF;
	cursor: pointer;
}

.BotonAplicar:hover
{
	background-color:#0A4E8A;
	color:#FFFFFF;
}


body{ /*background:#ffffff url(../images/2013/fondo-web.jpg) repeat-x top left;*/ margin:0px; padding:0px; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;}
#madre{position:relative; width:100%;margin:auto;padding:0; background-color: #FFF;}
#infolegal{position:relative; width:90%;margin:auto;padding:0 8px;z-index:100; }
#caja-cab{
   /* background:#ffffff; width:1000px ; border:1px solid #A9B6C3;overflow: hidden;*/
}
#caja-cab-resumen{
    background:rgba(204,204,204,0.6);width:100%;margin:0; overflow: hidden;
}
#caja-list{
  width:987px ;overflow:visible;
}
.caja-oferta_copia{
    background:#ffffff; width:768px ; border-top:8px solid #E2E2E2;border-left:1px solid #E2E2E2;border-right:1px solid #E2E2E2;border-bottom:1px solid#E2E2E2;overflow: hidden;margin-top:10px}
.caja-oferta{
    background:#ffffff; width:768px ; border-top:1px solid #E2E2E2;overflow: hidden;margin-top:10px}


.ImgWhatsapp
{
	width:35px;
	height:30px;
}
.ImgDisponibilidad
{
	width:50px;
	height:230px;
	margin-top:8px;
}

.tableGridTitulo
{
	border-collapse: collapse;
	border:1px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight:bold;
}
.tableGridTitulo thead td
{
	background-color:#004C24;
	color:#FFFFFF;
	height: 50px;
	padding:10px;
	font-size:18px;
}

.tableGridTitulo tbody td
{
	background-color:#CCCCCC;
	color:#686868;
	font-size:14px;
	font-weight:normal;
}

.tableTarjeta
{
	background-color:#FFF;
	width:100%;
}

.tableRackHorizontal
{
	border-collapse: collapse;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-color: #ccc;
}
.tableRackHorizontal thead tr td
{
	border-collapse: collapse;
	background-color:#FFF;
	color:#000;
	border-color: #ccc;
}

.tableRackHorizontal tbody tr td
{
	border-color: #ccc;
}

.tableGridMapaDisp
{
	border-collapse: collapse;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.tableGridMapaDisp thead th
{
	background-color:#004C24;
	color:#FFFFFF;
	font-size:30px;
	border-collapse: collapse;
}

.tableGridMapaDisp tbody th
{
	font-size:20px;
	font-weight:bold;
	border-collapse: collapse;
	color:#686868;
}

.tableGridDatos
{
	border-collapse: collapse;
	border:1px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:18px;
}
.tableGridDatos thead td
{
	font-size:14px;
	font-weight:normal;
	background-color:#004C24;
	color:#FFFFFF;
	text-transform:capitalize;
	padding:5px;
}

.tableGridDatos tbody td
{
	font-size:14px;
	background-color:#FFFFFF;
	color:#686868;
	padding:5px;
}

.tableGridDatos2
{
	border-collapse: collapse;
	border:1px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:18px;
}
.tableGridDatos2 thead th
{
	font-size:18px;
	font-weight:bold;
	background-color:#004C24;
	color:#FFFFFF;
	text-transform:capitalize;
	padding:5px;
}

.tableGridDatos2 tbody td
{
	font-size:14px;
	background-color:#FFFFFF;
	color:#686868;
	padding:5px;
}

.tableMetodoPago
{
	border-collapse:collapse;
	border-spacing:0px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top: 30px;
}

.tableMetodoPago thead th
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
}
.tableMetodoPago tbody td
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.tableMetodoPago tfoot td a
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#F00;
}

.TextBox
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:98%;
	background-color:#FFF;
	resize:none;
}

.RadioButtonDomicilio
{
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  font-size: 22px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
}
	
	/* Hide the browser's default radio button */
	.RadioButtonDomicilio input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	}
	
	/* Create a custom radio button */
	.checkmark {
	  position: absolute;
	  top: -6px;
	  left: 35px;
	  height: 25px;
	  width: 25px;
	  background-color: #f7e1bc;
	  border-radius: 50%;
	}
	
	/* On mouse-over, add a grey background color */
	.RadioButtonDomicilio:hover input ~ .checkmark {
	  background-color: #004C24;
	}
	
	/* When the radio button is checked, add a blue background */
	.RadioButtonDomicilio input:checked ~ .checkmark {
	  background-color: #222B00;
	}
	
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}
	
	/* Show the indicator (dot/circle) when checked */
	.RadioButtonDomicilio input:checked ~ .checkmark:after {
	  display: block;
	}
	
	/* Style the indicator (dot/circle) */
	.RadioButtonDomicilio .checkmark:after {
		top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}

.RadioButtonTerminos
{
	  display: block;
	  position: relative;
	  padding-left: 80px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  font-size: 22px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
}
/* Hide the browser's default radio button */
	.RadioButtonTerminos input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	}
	
	/* Create a custom radio button */
	.checkmark3 {
	  position: absolute;
	  top: -6px;
	  left: 10px;
	  height: 25px;
	  width: 25px;
	  background-color: #f7e1bc;
	  border-radius: 50%;
	  margin-left: 40%;
	}
	
	/* On mouse-over, add a grey background color */
	.RadioButtonTerminos:hover input ~ .checkmark3 {
	  background-color: #004C24;
	}
	
	/* When the radio button is checked, add a blue background */
	.RadioButtonTerminos input:checked ~ .checkmark3 {
	  background-color: #222B00;
	}
	
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark3:after {
	  content: "";
	  position: absolute;
	  display: none;
	}
	
	/* Show the indicator (dot/circle) when checked */
	.RadioButtonTerminos input:checked ~ .checkmark3:after {
	  display: block;
	}
	
	/* Style the indicator (dot/circle) */
	.RadioButtonTerminos .checkmark3:after {
		top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}

.RadioButtonWeb
{
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  font-size: 22px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
}
	
	/* Hide the browser's default radio button */
	.RadioButtonWeb input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	}
	
	/* Create a custom radio button */
	.checkmark2 {
	  position: absolute;
	  top: -6px;
	  left: 10px;
	  height: 25px;
	  width: 25px;
	  background-color: #f7e1bc;
	  border-radius: 50%;
	  margin-left: 40%;
	}
	
	/* On mouse-over, add a grey background color */
	.RadioButtonWeb:hover input ~ .checkmark2 {
	  background-color: #004C24;
	}
	
	/* When the radio button is checked, add a blue background */
	.RadioButtonWeb input:checked ~ .checkmark2 {
	  background-color: #222B00;
	}
	
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark2:after {
	  content: "";
	  position: absolute;
	  display: none;
	}
	
	/* Show the indicator (dot/circle) when checked */
	.RadioButtonWeb input:checked ~ .checkmark2:after {
	  display: block;
	}
	
	/* Style the indicator (dot/circle) */
	.RadioButtonWeb .checkmark2:after {
		top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}

.DivContinuar
{
	width:100%;
	height:50px;
	margin-top:35px;
	text-align:right;
}

.DivTerminosCondiciones
{
	width:80%;
	height:30px;
	text-align:center;
}
.TerminosNoSelecionado
{
	border-width:3px;
	border-style:solid;
	border-color:#FF0000;
}

.DivImagenesMetodoPago
{
    height:69px;
    width:269px;
    margin:auto;
	background-color:transparent;
}

.DivImagenesMetodoPago img
{
	width: 100%;
  	height: auto;
}

@supports(object-fit: cover)
{
    .DivImagenesMetodoPago img
	{
      height: 100%;
      object-position: center center;
    }
}


#idiomas{ padding:8px}
.banderas{ float:left; }
/*.power{float:left ;width:15%; padding:0 10px 0 0}*/
----#logodatos{ width:220px; height:224px; background:#ffffff; float:left; }
#galeria{ /*width:460px; height:260px;*/ background:#ffffff; float:left;overflow:hidden}

/****************************textos***********************************/
 h1{ font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:1.8em}
 h2{ font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:1.4em}
 h3{ font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:1em}
 

.texto10 {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	line-height: 14px;
}
p, .texto {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	line-height: 18px;
}
.texto_azul {
	color: rgba(63,111,119,1);
	text-decoration: none;
	line-height: 14px;
	text-transform:uppercase;
}
.fondo_azul {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background: rgba(63,111,119,1);
	color: #fff;
	text-decoration: none;
	line-height: 14px;
}
.fondo_gris {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	background: #E2E2E2;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	line-height: 14px;
}
.franja-gris{ vertical-align:middle;background:rgba(153,153,153,0.2) ;padding:5px; margin-bottom:5px}
.texto_azul_grande {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: rgba(63,111,119,1);
	text-decoration: none;
	line-height: 22px;
}
.texto_azul_gigante {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: rgba(63,111,119,1);
	text-decoration: none;
	line-height: 22px;
}
.texto_amarillo {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #FFBF00;
	text-decoration: none;
	line-height: 14px;
}
.texto20 {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform:uppercase;
}
.texto25 {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform:uppercase;
}
.tit-reserva{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;text-transform:uppercase;
}

.boton-galleta
{
	width: 99%;
	border: 0px;
	display: block;
	height: 32px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	background-color: #000000;
	border-radius: 5px;
}

.boton-galleta:hover
{
	border-color:#FFFFFF;
	border: 2px solid;
	border-style:outset;
	background-color: #24A319;
}

.boton-galleta2{
   background:rgba(255,153,0,1); border:0;
	overflow: hidden;text-align:center;
	cursor: pointer;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;font-size: 20px;padding:11px 8px;font-weight: bold;color:#000; text-transform:uppercase;
}
.selector_calendario{
   background:#ffffff; 
	overflow: hidden;text-align:center;
	height:32px;border:1px solid #cccccc;float:right
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;font-size: 14px;font-weight: bold;color:#888; text-transform:uppercase;
}
.aviso{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;font-size:12px;color:red; text-align:center;margin:15px; padding:3px;}
#listado{ width:770px ; 
}
/*#col-mireserva{ float:left; width:200px;margin:0px; padding:0px; border:1px solid pink}*/
#col-hab{ font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:14px;/* width:770px;*/margin-right:10px; margin-top:90px;}
#cab-hab{ background:#BCC4CC url(../images/2013/fondo-cab-hab.jpg) repeat-x top left; font-size:12px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; padding:3px 0px}
#fila-hab{ display:table-row; background:#ffffff}
.tit-hab{font-weight:bold; text-transform:uppercase;margin-left:10px;size:16px;line-height:20px; cursor:pointer;}
.tit-hab-agrupada{ margin-left:10px;size:16px;line-height:20px; cursor:pointer;}
.tit-ofer{font-weight:bold;color:#3F6F8B; text-transform:uppercase;margin-left:10px;size:16px;line-height:20px; cursor:pointer;}
.tit-hotel{font-weight:bold; text-transform:uppercase;margin-left:10px;size:18px;line-height:35px; cursor:pointer; color:#3399CC}

.titulo_cancelado{font-weight:bold; text-transform:uppercase;margin-left:10px;size:18px;line-height:35px; cursor:pointer; color:#B40404}

.titulo_confirmacion{font-weight:bold; text-transform:uppercase;margin-left:10px;size:18px;line-height:35px; cursor:pointer; color:#B40404}

#nom-hab{ padding:3px 0; display:block;background:#E2E2E2; color:#000000;overflow:hidden  }
#cab-resumen-hab{ padding:3px 0; display:block; color:#fff;overflow:hidden  }
#nom-hab-agrupada{ height:25px; display:block; color:#000000;  }
#nom-ofer{   color:#000000;  }
.confirmacion{height:20px; display:block; color:#FF0000;padding:2px 15px; text-align:right}
.confirmacion2{height:20px; display:block;font-weight:bold; margin: 0 0 15px 0; padding:2px 15px; text-align:right;color:#000000;}
.textconfirmacion{  color:#FF0000; text-align:center}
#masmenos{
 width:135px; height:38px;padding:1px; text-align:center;  background:url(../images/fondo-selector.png) no-repeat top left;}
.flotarTelefono h3{color:#FFFFFF; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;font-size:20px;}
.flotarTelefono span{color:#FFFFFF; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;font-size:28px;}
.finfloat{clear:both}
#finfloat{clear:both}
.precio{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:15px; font-weight:bold; color:#3F6F8B;
}
.precionr{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; font-weight:bold; color:#3F6F8B;
}
.textonr{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:10px; font-weight:100; color:#000; line-height:-50px}
.textonegrito{font-weight:bold; }
.textolabel{font-weight:bold;color:#000; text-transform:capitalize}
.tachado{ text-decoration:line-through; font-size:11px; color:#000000}
.rojo{  font-size:11px; color:red}
.verde{  font-size:11px; color:green}

.boton{padding:2px;background:pink; display:inline; color:#FFFFFF;}
text-transform:uppercase; cursor:pointer}
.select{border:1px solid #cccccc; width:160px; padding:1px;overflow:hidden;margin-left:10px}
.texto-select{ font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:11px;color: #000; text-transform:uppercase;text-align:center; line-height:12px}
.franja{background-color:#e5e5e5}
#carrito-cab{width:100%; box-shadow: 0px 2px 3px #353333;background: #173B0B;text-align:center; height:60px;padding-top:10px; }
#carrito-total{margin-top:10px box-shadow: 0px 2px 3px #353333;background: #173B0B;padding:7px;}
#carrito-caja{width:100%;padding:10px ; overflow:auto; height:230px; border:1px solid rgba(63,111,119,1);}
.rot-carrito{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:18px; font-weight: bold;  color: #ffffff; text-transform:uppercase; letter-spacing:3px;
}
.carrito-tit-hab{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; font-weight:bold; color: #000000; text-transform:uppercase;
}
.carrito-tit-ofer{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; font-weight:bold; color:rgba(102,102,102,0.7); text-transform:uppercase;
}
.carrito-text{ color:#000;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; text-transform:capitalize;}
.carrito-importe{color:#000; font-weight:bold}
.carrito-nota{color:rgba(63,111,119,0.5); text-transform:none;}
.btn-eliminar{color:rgba(255,153,0,1);; text-decoration:none; font-weight:bold;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; text-transform:uppercase}
.text-total{color:#FFFFFF;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:14px;font-weight: bold;text-transform: uppercase;}
.importe-total{color:#FFFFFF;font-size:18px; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-weight:bold;margin-top: -10px;}
.importe-total-descuento{color:rgba(255,153,0,1);font-size:18px; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-weight:bold}


.dispo-dia { background:#B7B7B7;color:#fff;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:10px; text-align:center;}
.dispo-num {color:#000000;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:10px; text-align:center;}
.dispo-precio {color:#67A4DF;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:11px; text-align:center;}

.tit-datos{ color:#000000;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:15px; font-weight:bold ; text-transform:uppercase}
.tit-datos-min{ color:#000000;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; font-weight:bold ; text-transform:uppercase}
.numreserva{ color:#000000;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:20px;color: #67A4DF; font-weight:bold ; text-transform:uppercase}
.tit-datos-sub{ color:#000000;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; font-weight:bold ; text-transform:uppercase}
.tit-cab{ color:#fff;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; font-weight:bold ; text-transform:uppercase}
.nom-oferta{color:#555555;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; text-transform:uppercase}
.nom-hab{color:#000;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:14px;font-weight: bold; text-transform:uppercase}
.nom-hab-azul{color:rgba(63,111,119,0.7);font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:14px;font-weight: bold; text-transform:uppercase}

.preciodesde{color:#3F6F8B;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:12px; }
.precioofer{color:#3F6F8B;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:13px;  font-weight:bold}
.tit-masinfo { color:#06F}
.ofermasinfo{text-transform:lowercase; font-weight:bold;color:#F00;cursor:pointer; font-size:14px; float:right; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;}
.ofermasinfo2{text-transform:lowercase; font-weight:bold;color:#000;cursor:pointer; font-size:14px; float:right; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;}

#pie{background:#e5e5e5; text-align:center;position: relative; overflow:hidden;	}
.pie{margin:auto; padding:50px;width:100%;max-width:900px; text-align:center;	}

.selector_pulldown{

   border: 1px solid rgba(63,111,119,1);
   color: rgba(63,111,119,1);
   font-size: 12px ;
   margin: 2px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   width:100%;
   background-color: transparent;
}
.selector_pulldown30{

   border: 1px solid rgba(63,111,119,1);
   color: rgba(63,111,119,1);
   font-size: inherit ;
   margin: 2px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   width:30%;
   background-color: transparent;
}
.textinput{
	border: 1px solid rgba(63,111,119,1);
	color: rgba(63,111,119,1);
	font-size: inherit ;
	margin: 2px;
	overflow: hidden;
	padding: 5px 10px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	width:100%;
	background-color: transparent;
}

.checkinput{

  width: 20px;
  position: relative;
  margin: 20px auto;
  label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    &:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 4px;
      left: 4px;
      border: 3px solid #333;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg);
    }
    &:hover::after {
      opacity: 0.5;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label:after {
      opacity: 1;
    }
  }    

}
.texareainput{
	border: 1px solid rgba(63,111,119,1);
	color: rgba(63,111,119,1);
	font-size: inherit ;
	margin: 2px;
	overflow: hidden;
	padding: 5px 10px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	width:100%;
	background-color: transparent;
}
/* css de actividades */
.boton{ padding:10px 40px;background:#FC0; color:#fff;text-transform:uppercase;text-decoration:none;margin:20px 0;}
.nom-actv{font-size:14px}
.cat-actv{color:#9CF}
.prov-actv{color:#999}

.promogalleta{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:14px; color:#679FDB;text-transform:uppercase}
.negro{color:#fff}
.dispo{ width:100%; max-width:170px;padding:5px 10px; text-decoration:none;border:2px solid #000; background:rgba(204,204,204,1)url(../images/calendario.png) no-repeat top left; text-align:right; }

/*------------------------------DISEÑO 2017----------------------*/
/*---------------------------------------------------------------*/

.img-fondo-hotel
{
	width: 100%;
	background-color: #679FDB;
	background: url(../images/logo_hotel_grande.jpg) no-repeat top center;
	margin-top: 108px;
	z-index: 100;
	height:300px;
}

.franja_oferton{background:rgba(63,111,139,0.06); margin: 3px 0 0 0;padding: 5px; min-height:30px; overflow:hidden}
/*idiomas--------------*/
.capaidioma{position:absolute; top:32px; width:100%; background:rgba(51,51,51,0.8); padding:35px;}
/*---------*/
.promocion{width:100%;background:rgba(204,204,204,1)}
.calendario{background:url(../images/calendar.gif) no-repeat right center}
/*-----*/
.franja-destacada{
	background:rgba(63,111,119,1);color:#fff;text-align:right;padding:5px 10px;
	}

.aviso2{position:fixed;top:0; left:0;z-index:1000; width:100%; height: 100% ; background: rgba(23,15,16,0.7); padding:20%}

.fondo-amarillo{
	background:#FFBF00;
	}
.amarillo{
	color:#FFBF00;
	}
.naranja{
	color:#F98716;
	}
.azul{
	color: rgba(63,111,119,1);
}
/*-------bton carrito----*/
.boton-c{font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size:15px; color:#000; /*line-height:23px;*/}
.button-sincarrito {
 border: 1px solid #CCC;
 background: #e5e5e5;
 width:99%;
 display:block;
height:32px;
margin-bottom:10px;
 position: relative;
 transition: all 500ms ease; 
 padding: 5px;
 overflow:hidden;
 text-align:center;
}

.filatrasladoextras{
	border-bottom:2px solid rgba(63,111,119,1); 
	padding:4px; 
	
	}
.titulofotogaleriahab{
	color:#fff;
    text-align: center;
	font-size: 12px;
	font-weight: normal;
	vertical-align: text-top;
	padding: 5px;
}
.centrado-porcentual__ {
    position: fixed; 
    top:50%;
    z-index: 666;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    border: 1px solid #000;
    text-align: center;
}
.centrado-porcentual {
    position: fixed; 
    top:50%;
    z-index: 666;
    left: 50%;
	width: 75%;
	max-width: 680px;
    transform: translate(-50%, -50%);
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    border: 1px solid #E2E2E2;
    text-align: center;
}


/**********galleta comparador precios*************/

.comparadorprecios {
    position: fixed;
    bottom: 5px;
    right: 15px;
    width: 250px;
    border: 1px solid #333;
    border-radius: 10px 0 10px 10px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow: hidden
}
.comparadorprecioschico {
    position: fixed;
    bottom: 3px;
    right: 0;
    width: 100%;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow: hidden
}
.comparadorprecios h3 {
    color: #fff;
    margin: 3px
}
.comparadorprecioschico h3, .comparadorprecioschico p {
    display: inline;
}
.comparador-otrosprecios {
    padding: 5px;
    background: #fff;
    margin-top: 3px;
}
.mejorpreciocomparador {
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #fff
}
.textopeq {
    font-size: 15px
}
.capa-cerrar {
    position: absolute;
    top: 5px;
    right: 3px;
    width: 20px;
    text-align: right;
}
.cerrar {
    background: #fff;
    color: #333;
    padding: 2px 4px;
	text-decoration:none;
}

/*ESTILOS NUEVOS AGREGADOS RECIENTEMENTE*/

.tableDomicilioEnvio
{
	border-collapse:collapse;
	border-spacing:0px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#F7E1BC;
	width:100%;
}

.tableDomicilioEnvio td
{
	margin:2px;
	padding: 4px 25px 0px 16px;
}

.tableDomicilioEnvio th
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	background-color:#004C24;
	color:#000000;
	height:40px;
}

.tableDomicilioEnvio input[type=text]
{
	width:100%;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
	padding:4px;
	
	min-width:180px;
}

.tableDomicilioEnvio .TipoSelect
{
	font-size:12px;
	background-color:#FFFFFF;
}

.tableDomicilioEnvio .Requerido
{
	border: 1px solid rgb(255, 0, 0);
}

.tableDomicilioEnvio textarea
{
	width:100%;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	color:#000000;
	border:0;
	padding:6px;
}

.tableDomicilioEnvio textarea:focus
{
	border: 1px solid #004C24;
	border-radius: 4px;
	box-sizing: border-box;
}

.tableDomicilioEnvio tbody tr td a
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:10px;
}

.BotonDomicilioEnvio
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	width:130px;
	background-color: #004C24;
	color: #000000;
	padding: 6px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.BotonDomicilioEnvio:hover
{
	background-color: #F0E7D7;
	color: #000000;
}
/*TERMINAN ESTLILOS AGREGADOS RECIENTEMENTE*/

.centrado-porcentual
{
	width: 90%;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup,section {
	display: block;
}
body {
	margin: 0;
	padding: 0;
	
}
* {
	box-sizing: border-box
}
div {
	display: block
}
.contenedor {
	width: 90%;
	margin: 0 auto;
	background: none;
}
.ovfh {
	overflow: hidden;
}
.paddingpeq {
	padding: 10px
}
.paddingmd {
	padding: 20px
}
.paddingg {
	padding: 30px
}
.padding1peq {
	padding-top: 10px
}
.padding2peq {
	padding-right: 10px
}
.padding3peq {
	padding-bottom: 10px
}
.padding4peq {
	padding-left: 10px
}
.padding1md {
	padding-top: 20px
}
.padding2md {
	padding-right: 20px
}
.padding3md {
	padding-bottom: 20px
}
.padding4md {
	padding-left: 20px
}
.padding1g {
	padding-top: 30px
}
.padding2g {
	padding-right: 30px
}
.padding3g {
	padding-bottom: 30px
}
.padding4g {
	padding-left: 30px
}
/*separadores */

.separahorz {
	margin: 0 10px 0 10px
	background-color: #FFFFFF
}
.separaver {
	margin: 10px 0 10px 0
}
.separa-down {
	margin-bottom: 15px
}
.separa-up {
	margin-top: 15px
}
.separa-drch {
	margin: 0 10px 0 0
}
.separa-izq {
	margin: 0 0 0 10px
}
.separa-izq-25 {
	margin: 0 0 0 25px
}
/*alineamiento de texto*/
.text-drch {
	text-align: right
}
.text-izq {
	text-align: left
}
.text-centro {
	text-align: center
}
.vm {
	vertical-align: middle
}
/* flotar */
.flotar {
	float: left
	color:#FFFFFF
}
.flotar-drch {
	float: right
}
.fin-float {
	clear: both
}
.finfloat {
	clear: both
}
.posab {
	position: absolute
}
.posrel {
	position: relative
}
.bloque {
	display: block
}
.mostrar {
	display: none
}
.Pocultar-Mver {
	visibility: hidden;
}
.Pver-Mocultar {
	visibility: visible;
}
.Pcenter-Mleft {
	text-align: center;
}
.col2sp{
	width: 20%;
}
.col5sp{
	width: 50%;
	float: left;
}
.col7sp{
	width: 70%;
	float: left;
}
/*columnas con porcentajes*/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .colter, .col2ter, .colcuar {
	float: left;
	padding-right: 12px;
	padding-left: 12px
}
.col1 {
	width: 10%;
}
.col2 {
	width: 20%;
}
.col3 {
	width: 30%;
}
.col4 {
	width: 40%;
}
.col5 {
	width: 50%;
}
.col6 {
	width: 60%;
}
.col7 {
	width: 70%;
}
.col8 {
	width: 80%;
}
.col9 {
	width: 90%;
}
.col10 {
	width: 100%;
}
.colter {
	width: 33%;
}
.col2ter {
	width: 66%;
}
.colcuar {
	width: 25%;
}
.Pcenter_Mleft {
	text-align: center;
}
/************************************************************/

.btn {
	display: inline-block;
	padding: 5px 25px;
	font-size: 1.2em;
	letter-spacing: 3px;
	border: none;
	color: #FFF;
	background: #975B50;
	text-decoration: none;/*box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);*/
}
.btn2 {
	padding: 7px 15px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #222;
	background: #BF9958;
	margin: 5px;
}
.btn:hover {
	color: #222;
	background: #F0E7D7;
	text-decoration: none;
}
.enlace {
	text-decoration: none;
}
.img-responsive {
	width: 100%
}
/**********sybelio inputs***************/

.bordeabajo {
	margin: 18px 0;
	border-bottom: 2px solid #333;
	width: 100%
}
.calendario {
	background: #fff url(../../images/calendar-g.png) no-repeat right center
}
/**************************especificos-------------------------------------------*/
.contorno {
	border: 1px solid #ccc;
	border-radius: 20px;
}
.negrita {
	font-weight: bold;
}
.blanco {
	color: #fff;
}
.negro {
	color: #000;
}
.enlace {
	text-decoration: none;
}
.img-responsive, .img-resp {
	width: 100%
}

/*zoom*/
.zoom, .zoom img {
	/* Aumentamos la anchura y altura durante 2 segundos-con esto se consigue una transicion progresiva cuando se realiza el hover, si no, saldria del tiron mas grande */
	transition: width 2s, height 2s, transform 2s;
	-moz-transition: width 2s, height 2s, -moz-transform 2s;
	-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
	-o-transition: width 2s, height 2s, -o-transform 2s;
}
.zoom:hover, .zoom:hover img {
	/* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
	transform : scale(1.2);
	-moz-transform : scale(1.2);      /* Firefox */
	-webkit-transform : scale(1.2);   /* Chrome - Safari */
	-o-transform : scale(1.2);        /* Opera */
}
/***********************efecto zoom*****************************/
.img-zoom img {
	-webkit-transition: all .9s ease; /* Safari y Chrome */
	-moz-transition: all .9s ease; /* Firefox */
	-o-transition: all .9s ease; /* IE 9 */
	-ms-transition: all .9s ease; /* Opera */
	width: 100%;
}
.img-zoom:hover img {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
.img-zoom {/*Ancho y altura son modificables al requerimiento de cada uno*/
	width: 200px;
	height: 150px;
	overflow: hidden;
}


* { margin: 0; padding: 0; }
        /*body { font: 12px/1.2 Arial, sans-serif; line-height:150%}*/
        #page-wrap { width: 200px; margin: 10px auto; }
        p { margin: 15px 0; }
        #col-mireserva ul { background: #eee; padding: 10px; }
        /*li { margin: 0 0 0 0px; }*/
        #main { width: 200px; float: left; }
        #col-mireserva { width: 95%; float: right; }

.fixed{position:fixed; top:140px}

.DivVideo
{
	width: 100%;
	display: flex;
	border-radius: 50px;
}

#TextoVideoInicio
{
	display:block;
	width: 60%;
}
/*------------ESTILO PARA RESOLUCIONES MUY PEQUEÑAS 360px ----------------*/
@media only screen and (max-device-width: 360px)
{
		
	#textagregar 
	{
  		font-size: 9px;
	}
}

@media only screen and (min-device-width:1500px)
{
	#TextoVideoInicio
	{
		display:block;
		width: 60%;
	}
		
	.flotarCentro img 
	{
  		width: 60%;
	}
	
	h1 
	{
		font-size: 48px;
		line-height: 50px;
	}
	h1, h2, h3, h4, h5, h6 
	{
		font-size: 30px;
		font-weight: 500;
	}
}
/*------------------ESTILO PARA RESOLUCIONES MUY PEQUEÑAS ---------------------------*/


/*----------------------ESTILOS PARA RESOLUCIONES DE CELULARES O TABLETAS IPAD -----------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait)
{	
	h1 
	{
		font-size: 30px;
		line-height: 50px;
	}
	h1, h2, h3, h4, h5, h6 
	{
		font-size: 20px;
		font-weight: 500;
	}
		
	.flotarCentro 
	{
		display: flex;
		justify-content: center;
	}
	.flotarCentro img
	{
		width:50%;
	}
	
	.BloqueFecha 
	{
		text-align: center;
		width: 18%;
		float: left;
	}
	.text-galleta span.text-g 
	{
		font-size:12px;
	}
	.FechaInicio, .FechaTermino 
	{
		font-size: 14px;
		width: 70%;
		padding: 2px;
		text-align: center;
	}
	.ui-datepicker-trigger 
	{
		width: 25px;
	}
	#col-mireserva-resp
	{
		width:100%;
	}
	#carrito-total 
	{
		margin-top: 10px;
		background-color: #4E211F;
		padding: 2px;
	}
		.text-total 
		{
			font-size: 12px;
		}
		.importe-total 
		{
			font-size: 15px;
		}
				
	.ImagenPrincipalRO 
	{
		width: 80%;
		height: 40%;
		border-radius: 20px;
	}
	.caja-textbox 
	{
		width: 90%;
		height: 25px;
		font-size: 12px;
		margin-top: 5px;
	}
	.BotonContinuar 
	{
		height: 40px;
		font-size: 20px;
	}
	
	.ImgTitleTexto
	{
		width: 100%;
		float: left;	
	}
	
	.ImgTitleImagen
	{
		display: none;
	}
	
	.CapaLogin
	{
		width:50%;
		margin-top:0px;
	}
		
	.ImagenServiciosRO 
	{
		width: 60%;
	}
	
	.ImagenUbicacionRO 
	{
		width: 80%;
		height: 40%;
		border-radius: 20px;
	}
	
	.slide-contenedor 
	{
		max-width: 100%;
		max-height: 200px;
		width: 100%;
		position: relative;
		overflow: hidden;
		top: 18px;
		cursor: pointer;
	}
	#steps li 
	{
		font-size:12px;
	}
	#col-hab
	{
		margin-top: 45px;
	}
	.TextoDesgloseTotal
	{
		font-size: 11px;
	}
	.CajaTotal 
	{
  		font-size: 16px;
	}
	.TextoDescriptivo
	{
		font-size:10px;
	}
	.CuantasHabDisponibles
	{
		font-size:12px;
	}
	.carrito-text
	{
		font-size:10px;
	}
	.DivContenedorPasos 
	{
		margin-left: 18px;
	}
	.HabGeneral
	{
		width: 100%;
		margin: 20px 0px 0px 1px;
	}
	.DivDatosTotal
	{
		width: 100%;
		margin: 2px 0px 0px 1px;
	}
	.DivPasosReserva
	{
		width: 100%;
		margin: 25px 0px 0px 1px;
	}
	.BotonAplicar
	{
		width:40%;
	}
	.TextPromocion
	{
		width:40%;
	}
}
/*----------------------ESTILOS PARA RESOLUCIONES DE CELULARES O TABLETAS IPAD -----------------------------*/

/*ESTILO PARA RESOLUCIONES DE CELULARES O TABLETAS 900px*/
@media screen and (max-width: 900px)
{	
	#TextoVideoInicio
	{
		display:none;
	}
	h1 
	{
		font-size: 30px;
		line-height: 50px;
	}
	h1, h2, h3, h4, h5, h6 
	{
		font-size: 20px;
		font-weight: 500;
	}
		
	.flotarCentro 
	{
		display: flex;
		justify-content: center;
		width: 50%;
	}
	.flotarCentro img
	{
		width:100%;
	}
	
	
	/* ESTILOS AGREGADOS PARA EL CORRECTO FUNCIONAMIENTO DEL RESPONSIVO EN CELULARES */
			
	.ImagenPrincipalRO 
	{
		width: 80%;
		height: 40%;
		border-radius: 20px;
	}
	
	.ImgTitleTexto
	{
		width: 100%;
		float: left;	
	}
	
	.ImgTitleImagen
	{
		display: none;
	}
	
	.CapaLogin
	{
		width:50%;
		margin-top:0px;
	}
		
	.ImagenServiciosRO 
	{
		width: 60%;
	}
	
	.ImagenUbicacionRO 
	{
		width: 80%;
		height: 40%;
		border-radius: 20px;
	}
	
}
/* ESTILOS AGREGADOS PARA EL CORRECTO FUNCIONAMIENTO DEL RESPONSIVO EN CELULARES */


/*ESTILO PARA RESOLUCIONES DE CELULARES O TABLETAS 800px*/
@media screen and (max-device-width: 800px)
{
#ContenedorTelefonos
{
	width: 70%;
}
		
#shopping-cart2
{
	display: flex;
	justify-content: center;
	margin-top: 110px;
	z-index: 1;
    position: sticky;
}
	.col2sp
	{
		width: 100%;
	}
	/*#carrito-caja
	{
		display:none;
	}*/
	.mostrar 
	{
		display:block;
	}
	#carrito
	{
		width:100%;
	}
	#id_list_hoteles 
	{
		margin-top: 0px;
	}
		.col8 
		{
			width: 100%;
			float: left;
			padding-right: 0px;
			padding-left: 0px;
		}
		#col-hab 
		{
			margin-right: 0px;
			margin-top: 25px;
		}		

.CapaLogin
{
	width:50%;
	margin-top:0px;
}	
.BotonAplicar
{
	width:40%;
}
.TextPromocion
{
	width:40%;
}
.rot-carrito
{
	font-size: 14px;
}
	.text-total
	{
		font-size: 14px;
	}
	.importe-total
	{
		font-size: 16px;
	}

.DivPasosReserva
{
	width: 100%;
	max-height: 40px;
	margin: 0px 0px 0px 0px;
	margin-top: 10px;
}
	#steps li
	{
		padding-left: 4px;
		font-size: 8px;
	}
.HabGeneral
{
	width: 100%;
	margin: 0px 0px 0px 0px;
}
	.TextoDescriptivo
	{
		display:none;
	}
	.HabContenedorImagen
	{
  		width: 30%;
	}
	.HabTextoDescriptivo
	{
  		width: 70%;
	}
	.InformacionIzquierda h3
	{
		font-size: 18px;
		text-align:center;
	}
	.TextoDescriptivoPersonas
	{
		font-size: 16px;
	}
	.confirmacion3
	{
		font-size: 8px;
	}
	.DivDatosTotal
	{
		width: 100%;
		margin: 1px 0px 6px 0px;
	}
		.TextoDesgloseTotal
		{
			font-size: 10px;
		}
		.CajaTotal
		{
			font-size: 12px;
		}
		.boton-c
		{
			font-size: 8px;
		}
		.CuantasHabDisponibles
		{
			font-size: 9px;
		}
		.DivBotonContinuarPasos
		{
			margin: 2px 0px 0px 5px;
		}
		.BotonContinuarPasos
		{
			font-size:15px;
		}
		
.tableGridTitulo thead td
{
	font-size: 14px;
}
.tableGridDatos thead td
{
  font-size: 10px;
}
.tableGridDatos tbody td
{
  font-size: 8px;
}
.BotonAplicar 
{
  width: 45%;
}
	.BotonAplicar
	{
		height: 28px;
		font-size: 11px;
	}
.TextPromocion 
{
	width: 50%;
	font-size: 11px;
}
.tableGridDatos2 thead th
{
	font-size: 12px;
}
.tableGridDatos2 tbody td
{
  font-size: 12px;
}
	.checkmark2
	{
		left: 0px;
	}
	.RadioButtonDomicilio
	{
		margin: -5px 25px 0px -37px;
	}
	.DivImagenesMetodoPago
	{
		height: 65px;
		width: 200px;
	}
	.AceptarTerminos
	{
		width:65%;
		border:0px;
	}
	.BotonContinuarPasos
	{
		width:50%;
	}
.menu_bar
{
	display:block;
	margin: 210px 21px 14px 140px;
}
nav
{
	right: 200%;
	position: relative;
}
	.menu 
	{
		width: 50%;
		background-color: white;
	}
	.menu > li
	{
		margin-top: 2px;
		width: 180px;
	}
.DivContenedorPasos 
{
	width: 100%;
	margin-left: 0px;
}
#TablaCentro
{
	  font-size: 11px;
}
	.TextLogin
	{
		font-size: 11px;
	}
	
	#DivDisponibilidad
	{
		/*width:80%;
		margin-left:-300px;*/
	}
		
		.tableRackHorizontal
		{
			font-size:5px;
		}
		
		.ClaseDisponibilidad
		{
			 background-size:50px;
		}
		
.menusFooter li {
	  font-size: 12px;
	}
	.titleInfoFooterP {
		font-size:15px;
	}
	.infoFooterP {
		font-size:12px;
	}
	.FooterDerechos {
		font-size:14px;
	}
	.mxautoTexto {
		margin-left:0px;
	}
	.footer_menu {
		margin-left:0px;
	}
	.footer_col:not(:last-child) {
	  margin-bottom: 10px;
	}
	.iconosredesDesktop {
 		width: 25%;
	}
	
}
/* ESTILOS AGREGADOS PARA EL CORRECTO FUNCIONAMIENTO DEL RESPONSIVO EN CELULARES */

/*ESTILO PARA RESOLUCIONES DE CELULARES O TABLETAS 1100px--- Y ORIENTACION VERTICAL*/
@media screen and (max-width: 1100px) and (orientation: landscape)
{
	h1 
	{
		font-size: 30px;
		line-height: 50px;
	}
	h1, h2, h3, h4, h5, h6 
	{
		font-size: 20px;
		font-weight: 500;
	}
		
	.flotarCentro 
	{
		display: flex;
		justify-content: center;
	}
	.flotarCentro img
	{
		width:90%;
	}
				
	.ImagenPrincipalRO 
	{
		width: 80%;
		height: 40%;
		border-radius: 20px;
		margin-top: 15px;
	}
	
	.ImgTitleTexto
	{
		width: 100%;
		float: left;	
	}
	
	.ImgTitleImagen
	{
		display: none;
	}
	
	.CapaLogin
	{
		width:50%;
		margin-top:0px;
	}
		
	.ImagenServiciosRO 
	{
		width: 60%;
	}
	
	.ImagenUbicacionRO 
	{
		width: 80%;
		height: 40%;
		border-radius: 20px;
	}
	.BotonAplicar
	{
		width:40%;
	}
	.TextPromocion
	{
		width:40%;
	}	
	
	.menusFooter li {
	  font-size: 12px;
	}
	.titleInfoFooterP {
		font-size:15px;
	}
	.infoFooterP {
		font-size:12px;
	}
	.FooterDerechos {
		font-size:14px;
	}
	.mxautoTexto {
		margin-left:0px;
	}
	.footer_menu {
		margin-left:0px;
	}
	.footer_col:not(:last-child) {
	  margin-bottom: 10px;
	}
	.iconosredesDesktop {
 		width: 25%;
	}	
}
/* ESTILOS AGREGADOS PARA EL CORRECTO FUNCIONAMIENTO DEL RESPONSIVO EN CELULARES */

/*TERMINA ESTILO PARA RESOLUCIONES DE CELULARES*/