/************************************Configuraciones iniciales*******************************************/

html, body
{
  	height: 100%;
}

body
{
  	font: 14px 'roboto_slabregular';
  	color: #ffffff;
	position: relative;
	/*overflow: hidden;*/
}

strong
{
  	font-family: 'roboto_slabbold';
}

h1,h2,h3,h4,h5,h6
{
	color: #705907;
 	font: 18px 'roboto_slabbold';
}

a, a:before, a:after
{
	color: #ffffff;
 	text-decoration: none;
	cursor: pointer;
 	-webkit-transition: all 300ms ease-out;
 	-moz-transition: all 300ms ease-out;
 	-ms-transition: all 300ms ease-out;
 	-o-transition: all 300ms ease-out;
 	transition: all 300ms ease-out;
}

a:hover, a:hover:before, a:hover:after
{
	cursor: pointer;
 	-webkit-transition: all 300ms ease-out;
 	-moz-transition: all 300ms ease-out;
 	-ms-transition: all 300ms ease-out;
 	-o-transition: all 300ms ease-out;
 	transition: all 300ms ease-out;
}

span, span:before, span:after
{
 	-webkit-transition: all 300ms ease-out;
 	-moz-transition: all 300ms ease-out;
 	-ms-transition: all 300ms ease-out;
 	-o-transition: all 300ms ease-out;
 	transition: all 300ms ease-out;
}

span:hover, span:hover:before, span:hover:after
{
	cursor: pointer;
 	-webkit-transition: all 300ms ease-out;
 	-moz-transition: all 300ms ease-out;
 	-ms-transition: all 300ms ease-out;
 	-o-transition: all 300ms ease-out;
 	transition: all 300ms ease-out;
}

input, textarea
{
	width: 323px;
    height: 36px;
	font: 14px 'roboto_slabregular';
	color: #a58200;
	background-color: #fff;
	border: 2px solid #a48119;
	margin: 0px;
	padding: 0px;
	padding-left: 17px;
	margin-bottom: 13px;
}

textarea
{
	height: 137px;
	padding-top: 6px;
	margin-bottom: 2px;
	resize: none;
}

input[type="number"]
{
    width: 35px;
    height: 24px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    border: 2px solid #A6244A;
}

input:focus, textarea:focus, .inputSeleccionado
{
	outline: 0;
	border-color: #9c1006;
}

input[type="checkbox"]
{
	width: auto;
	height: auto;
	margin: 0px;
	margin-right: 9px;
	vertical-align: middle;
}

input[type="radio"]
{
	width: 8px;
    height: 8px;
    margin-bottom: 0px;
}

/******************************************************Placeholder******************************************************/

::-webkit-input-placeholder
{
 	color: #a58200;
}

::-o-input-placeholder
{
 	color: #a58200;
}

::-ms-input-placeholder
{
 	color: #a58200;
}

:-moz-input-placeholder
{
 	color: #a58200;
}

::-moz-input-placeholder
{
 	color: #a58200;
}

/*****************************************Header*******************************************/

.Header
{
	/*display: none;*/
    display: contents;
	border-bottom: 7px solid #f9f8f3;
	position: fixed;
	z-index: 1;
}

.Heaaer-Top
{
	font-size: 12.5px;
	background-color: #6f5813;
	padding: 12px 0px;
}

.Heaaer-ItemDireccionContacto
{
	background: url(../images/header/icoDireccion.png) no-repeat;
	padding-left: 25px;
    color: #fff;
}

.Heaaer-ItemMapaContacto
{
	text-decoration: underline;
    background: url(../images/header/icoMapa.png) right no-repeat;
    padding-right: 19px;
    margin-left: 27px;
    margin-right: 50px;
	color: #fff;
}

.Heaaer-ItemTelContacto
{
	background: url(../images/header/icoTelefono.png) 0px 1px no-repeat;
	padding-left: 30px;
	margin-right: 48px;
}

.Heaaer-ItemCorreoContacto
{
	background: url(../images/header/icoCorreo.png) 0px 5px no-repeat;
	padding-left: 23px;
}

.Heaaer-ListContacto a:hover
{
    color: #ecb920;
	text-decoration: underline;
}

.Heaaer-RedesSociales
{
	margin-left: 50px;
}

.Heaaer-RedesSociales a
{
	width: 19px;
	height: 19px;
	background-position: left;
	background-repeat: no-repeat;
}

.Heaaer-ItemFacebook
{
	background-image: url(../images/header/icoFacebook.png);
	margin-right: 24px;
    margin-right: 19px
}

.Heaaer-ItemTwitter
{
	background-image: url(../images/header/icoTwitter.png);
    width: 24px !important;
}

.Heaaer-ItemInstagram
{
	background-image: url(../images/header/icoInstagram.jpg);
    margin-right: 24px;
}

.Heaaer-RedesSociales a:hover
{
	background-position: right;
}

.Heaaer-IngresaDatos
{
	/*background-color: rgba(249,248,243,0.88);*/
	padding-top: 10px;
	padding-bottom: 8px;
}

.Heaaer-CenterIngresaDatos
{
	/*width: 1150px;
	height: 107px;
	padding-left: 11px;
    display: contents;*/
    justify-content: center;
    align-items: center;
    display: grid;
    height: calc(100vh - 35px);
}

.Heaaer-Logo
{
	width: 100%;
	height: 100%;
	/*background: url(../images/header/logo.png) no-repeat;*/
	border-bottom: 3px solid #c1b48c;
	/*padding-bottom: 39px;*/
    margin: auto;
	/*margin-top: 60px;*/
}

.Heaaer-Logo--Gracias
{
	border-right: 0px;
	padding-right: 0px;
}

.Header-FormReservacion
{
	/*padding-top: 20px;
	padding-left: 24px;*/
}

.Header-TitleIngresa
{
	color: #6f5813;
	margin-bottom: 13px;
    margin-top: 20px;
    text-align: center;
}

.Header-FormReservacion input
{
	width: 100%;
    height: 38px;
    background-position: 93%;
    padding-left: 12px;
    margin-right: 17px;
    margin-left: 15px;
    display: block;
	margin: 0 0 calc(50% - 15px) 0;
    color: #ab8b13;
}

/*.Header-FormReservacion div.fancy-select div.trigger
{
	width: 66px;
    padding-left: 5px;
    padding-right: 17px;
    margin-top: 0px;
}

.Header-FormReservacion div.fancy-select div.trigger:after
{
	right: 7px;
}*/

input[type="button"],button{
    all: unset;
}
.Header-BtnDisponibilidad
{
	/*width: 187px;*/
    width: 100%;
    height: 20px;
    font: 14px 'roboto_slabbold';
    background-color: #9c1006;
    padding-top: 10px;
    padding-bottom: 32px;
    /*padding-left: 20px;
    margin-left: 15px;*/
	position: relative;
    /*margin: 0px 0 0px 17px;*/
    text-align: center;
}

.Header-BtnDisponibilidad:before
{
	content: "";
	width: 17px;
	height: 16px;
	background: url(../images/header/icoBuscar.png) left no-repeat;
	position: absolute;
	top: 10px;
	right: 5px;
}

.Header-BtnDisponibilidad--Buscando:before
{
	background-image: url(../images/loading.gif);
    background-size: 100%;
}

.Header-BtnDisponibilidad:hover
{
	background-color: #a58200;
    color: #fff;
}

.Header-BtnDisponibilidad:hover:before
{
	background-position: right;
}


/*.Header-VerMireservacion
{
	width: 172px;
	color: #333333;
	font-size: 12px;
	background-color: #f9f8f3;
	border: 6px solid #ffffff;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-right: 5px;
	margin-left: 21px;
}

.Header-TotalResevacion
{
	color: #9c1006;
	font: 18px 'roboto_slabbold';
	margin-bottom: 8px;
}

.Header-BtnVerMiServacion
{
	width: 143px;
    font: 12px 'roboto_slabbold';
    background: #a48119 url(../images/header/icoVerReservacion.png) 137px center no-repeat;
    padding: 5px 0px;
    padding-left: 19px;
    position: relative;
    right: -21px;
}

.Header-BtnVerMiServacion:before
{
	content: "";
    width: 0;
    height: 0;
    border-bottom: 11px solid #705907;
    border-left: 5px solid transparent;
    -webkit-transform: rotate(87deg);
    -o-transform: rotate(87deg);
    -moz-transform: rotate(87deg);
    -ms-transform: rotate(87deg);
    transform: rotate(87deg);
    position: absolute;
    right: 2px;
    bottom: 24px;
}

.Header-BtnVerMiServacion:hover
{
	background-color: #9c1006;
}

.Header-BtnVerMiServacion:hover:before
{
	border-bottom: 11px solid #9c1006;
}*/


/*****************************************Inicio*******************************************/

.Inicio
{
	height: 800px;
	/*min-height: 843px;*/
    background: url(../images/fondos/bgInicio.jpg) no-repeat;
	/*position: fixed; //el bueno*/
	position: relative;
    z-index: 0;
    top: 0px;
}

.Inicio:before
{
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.30);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

/*.Inicio-Video
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}*/

.Inicio-Center
{
	width: 1152px;
    padding-top: 360px;
    position: relative;
    z-index: 1;
}


.Inicio-Title
{
	width: 570px;
    color: #ffffff;
    font: 33.02px 'roboto_slabregular';
    margin: 0px auto;
    margin-bottom: 95px;
}

/*.Inicio-FormReservacion
{
	width: 100%;
	height: 196px;
	background-color: rgba(249,248,243,0.95);
	border: 8px solid #e1dcce;
	margin-bottom: 17px;
	padding-top: 9px;
    padding-bottom: 6px;
}

.Inicio-Logo
{
	width: 215px;
	height: 158px;
	background: url(../images/logo.png) no-repeat;
	margin-left: 26px;
	margin-right: 29px;
}

.Inicio-Reservacion
{
	width: 845px;
	height: 165px;
	border-left: 3px solid #c1b48c;
	padding-top: 17px;
    padding-left: 10px;
	position: relative;
}


.Inicio-FlechaIngresa
{
	width: 214px;
    height: 32px;
    font-size: 14px;
    background: url(../images/inicio/flechaIngresaHeader.png) no-repeat;
    margin-left: -30px;
    padding-top: 24px;
	margin-right: 16px;
}

.Inicio-FlechaIngresa:hover
{
	cursor: default;
}

.Inicio-Reservacion input
{
	width: 142px;
    height: 35px;
	margin-top: 14px;
	margin-bottom: 11px;
	margin-right: 11px;
}

.Inicio-BtnDisponibilidad
{
	width: 203px;
    height: 32px;
    font: 14px 'roboto_slabbold';
    background-color: #9c1006;
    padding-top: 12px;
    padding-left: 32px;
    margin-left: 4px;
    position: absolute;
    top: 120px;
    right: -35px;
}

.Inicio-BtnDisponibilidad:before
{
	content: "";
	width: 22px;
	height: 21px;
	background: url(../images/icoBuscar.png) left no-repeat;
	position: absolute;
	top: 11px;
	right: 25px;
}
.Inicio-BtnDisponibilidad:after
{
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    margin: -23px 0 0 40px;
    border-bottom: 22px solid #6a0900;
    border-right: 12px solid transparent;
    border-left: 11px solid transparent;
    -webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
    z-index: -1;
}

.Inicio-BtnDisponibilidad:hover
{
	background-color: #a58200;
}

.Inicio-BtnDisponibilidad:hover:before
{
	background-position: right;
}

.Inicio-BtnDisponibilidad:hover:after
{
	border-bottom: 22px solid #a58200;
}*/

.Inicio-List
{
    margin-bottom: 110px;
    justify-content: center;
    display: flex;

}
@media only screen and (max-width: 960px){
    .Inicio-List
    {
        display: grid;
        align-content: center;
    }
}

.Inicio-ItemList
{
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
	background-size: cover;
	border: 6px solid #e1dcce;
	margin-right: 35px;
	position: relative;
    margin: calc(2.6vw + 0px) auto;
}

.Inicio-ItemList:before
{
	content: "";
	width: 100%;
	height: 100px;
	background: url(../images/inicio/bgItemList.png) no-repeat;
	position: absolute;
	bottom: 0px;
}

.Inicio-ItemList div
{
	width: 190px;
    padding-left: 14px;
    position: absolute;
    bottom: 18px;
}

.Inicio-TitleItemList
{
	color: #ffffff;
}

.Inicio-ItemList span
{
	font-size: 24px;
	background-color: #a48119;
	padding: 11px 25px 14px 18px;
	position: absolute;
	right: 14px;
    bottom: -24px;
}

.Inicio-ItemList span:before
{
	content: "";
    width: 0;
    height: 0;
    border-bottom: 17px solid #705907;
    border-right: 9px solid transparent;
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(180deg);
    position: absolute;
    bottom: 1px;
    left: -9px;
}

.Inicio-ItemList:hover
{
	border-color: #d8b94a;
	color: #fff;
}

.Inicio-ItemList:hover span
{
	background-color: #9c1006;
}

.Inicio-ItemList:hover .Inicio-TitleItemList
{
	color: #ffdb72;
}



.Inicio-Nav
{
	width: 32px;
	height: 53px;
	position: absolute;
	top: 45%;
    z-index: 2;
}

.Inicio-Nav--Prev
{
	background: url(../images/icoPrevHeader.png) no-repeat;
	left: 14px;
}

.Inicio-Nav--Next
{
	background: url(../images/icoNextHeader.png) no-repeat;
	right: 14px;
}

.Inicio-Nav--Prev:hover
{
	left: 10px;
}


.Inicio-Nav--Next:hover
{
	right: 10px;
}

/***************************************Personaliza tu habitación*********************************************/

.PersonalizaTuHabitacion
{
	/*display: none;
	height: 916px;*/
	color: #333333;
	font-size: 12px;
	background: #f5f4ed;
	padding-top: 56px;
	position: relative;
}

.PersonalizaTuHabitacion-Center
{
	width: 1307px;
	position: relative;
}

.hidden{
	display: none;
}
#cierre{
	height: 100px;
}

.PersonalizaTuHabitacion-Title
{
    margin-bottom: 25px;
    color: #705907;
 	font: 18px 'roboto_slabbold';
}

.PersonalizaTuHabitacion-ColConfiguracion
{
	width: 966px;
}

.PersonalizaTuHabitacion-Configuracion
{
	width: 100%;
	background-color: #f9f8f3;
	border: 6px solid #edeae0;
	padding: 2px 2px 6px 2px;
	position: relative;
	margin-bottom: 32px;
}

.PersonalizaTuHabitacion-Disponibilidad
{
	color: #766016;
	position: absolute;
	top: 15px;
	right: 25px;
}

.PersonalizaTuHabitacion-Disponibilidad span
{
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    background-color: #a58200;
    padding: 3px 7px;
    margin-top: -4px;
    margin-left: 6px;
}

.PersonalizaTuHabitacion-Slider
{
	width: 300px;
	min-height: 310px;
	margin-right: 24px;
}

.PersonalizaTuHabitacion-Datos
{
	padding-bottom: 11px;
}

.PersonalizaTuHabitacion-TipoHabitacion
{
	color: #6f5813;
	margin-top: 20px;
}

.PersonalizaTuHabitacion-Texto
{
	 max-width: 805px;
	 margin-top: 11px;
	 margin-bottom:22px;
}

.PersonalizaTuHabitacion-Texto a
{
	color: #9c1006;
	text-decoration: underline;
}

.PersonalizaTuHabitacion-Texto a:hover
{
	color: #a48119;
}


.PersonalizaTuHabitacion-ColFacilidades
{
	width: 164px;
	min-height: 169px;
	border-right: 2px solid #b6b5b4;
}

.PersonalizaTuHabitacion-TitleFacilidades
{
	color: #6f5813;
	font-size: 14px;
	margin-bottom: 12px;
}

.PersonalizaTuHabitacion-ListFacilidades li
{
	line-height: 24px;
	padding-left: 26px;
	position: relative;
}

.PersonalizaTuHabitacion-ListFacilidades li span
{
	display: inline-block;
	width: 26px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
	position: absolute;
    left: 0px;
}

.PersonalizaTuHabitacion-ColDesayuno
{
	width: 220px;
	min-height: 169px;
    border-right: 2px solid #b7b7b5;
    padding-left: 18px;
}

/*.PersonalizaTuHabitacion-BtnAgregarDesayuno
{
	width: 15px;
	height: 15px;
	background-color: #b9a15a;
	position: relative;
}

.PersonalizaTuHabitacion-BtnAgregarDesayuno:before
{
	content: "+";
	position: absolute;
	top: -1px;
    left: 4px;
}

.PersonalizaTuHabitacion-BtnAgregarDesayuno:hover
{
    background-color: #9c1006;
}*/

.PersonalizaTuHabitacion-ColDesayuno td
{
    padding-bottom: 9px;
	position: relative;
}

.PersonalizaTuHabitacion-ColDesayuno td.personas
{
    padding-bottom: 0px;
}

.PersonalizaTuHabitacion-ColDesayuno td a
{
	color: #9e0d00;
	text-decoration: underline;
}

.PersonalizaTuHabitacion-ColDesayuno td a:hover
{
	color: #b9a15a;
}

.PersonalizaTuHabitacion-TipoPersona
{
	display: none;
	width: 115px;
	font-size: 12.7px;
    background-color: #edeae0;
    border: 1px solid #d6d2c3;
    position: absolute;
    padding: 7px 0px;
    padding-left: 11px;
    top: -45px;
    left: -55px;
}

.PersonalizaTuHabitacion-TipoPersona:before
{
	content: "";
    width: 20px;
    height: 12px;
    background: url(../images/personaliza/bocadilloTipoPersona.png) no-repeat;
    position: absolute;
    bottom: -12px;
    left: 50px;
}

.PersonalizaTuHabitacion-TipoPersona input[type="radio"]
{
	display: none;
}

.PersonalizaTuHabitacion-TipoPersona span
{
	width: 2px;
	height: 15px;
	background-color: #cac5b5;
	margin-left: 4px;
    margin-right: 5px;
}

.PersonalizaTuHabitacion-TipoPersona a.activo
{
	color: #b9a15a;
}


.PersonalizaTuHabitacion-TipoDesayuno
{
	display: none;
	width: 78px;
    font: 12.7px 'roboto_slabbold';
    background-color: #edeae0;
    border: 1px solid #d6d2c3;
    position: absolute;
    padding: 5px 0px;
    top: -41px;
    left: -6px;
}

.PersonalizaTuHabitacion-TipoDesayuno:before
{
	content: "";
    width: 20px;
    height: 12px;
    background: url(../images/personaliza/bocadilloTipoPersona.png) no-repeat;
    position: absolute;
    bottom: -12px;
    left: 30px;
}

.PersonalizaTuHabitacion-ColDesayuno td.tipoDesayuno:hover .PersonalizaTuHabitacion-TipoDesayuno
{
	display: block !important;
}

.PersonalizaTuHabitacion-ColResumen
{
	width: 180px;
    margin-left: 18px;
}

.PersonalizaTuHabitacion-TitleFacilidades.Resumen
{
	margin-bottom: 12px;
}

.PersonalizaTuHabitacion-TotalCamaExtraR, .PersonalizaTuHabitacion-TotalPersonasExtras
{
	color: #a58200;
    margin-top: 2px;
    margin-bottom: 6px;
    margin-left: 10px;
	position: relative;
}

.PersonalizaTuHabitacion-TotalCamaExtraR span
{
	width: 20px;
    height: 20px;
    background-color: #a58200;
    position: absolute;
    top: 0px;
    margin-left: 10px;
}

.PersonalizaTuHabitacion-TotalCamaExtraR span:hover
{
	background-color: #9c1006;
}

.PersonalizaTuHabitacion-TotalCamaExtraR span:before
{
	content: "";
    width: 10px;
    height: 10px;
    background: url(../images/carrito/icoBtnRemove.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 5px;
    right: 5px;
}

.PersonalizaTuHabitacion-Total
{
	color: #9c1006;
	font: 14px 'roboto_slabbold';
	letter-spacing: 0.4px;
}


.PersonalizaTuHabitacion-BtnAgregarReserva
{
	width: 179px;
    height: 26px;
    font-size: 12px;
    padding-top: 6px;
    margin-top: 41px;
    margin-bottom: 35px;
    position: relative;
}

.PersonalizaTuHabitacion-BtnAgregarReserva span
{
	display: none;
    color: #6f5813;
    font-size: 11px;
    font-style: italic;
    text-transform: none;
    position: absolute;
    top: 34px;
    left: 63px;
}

.PersonalizaTuHabitacion-BtnAgregarReserva.Inactivo
{
    background-color: rgba(165,130,0,0.30);
}

.PersonalizaTuHabitacion-BtnAgregarReserva.Inactivo span
{
	display: inline-block;
}

.PersonalizaTuHabitacion-AgregarHabitacion
{
	color: #9e0d00;
    font-size: 12px;
    text-decoration: underline;
    padding-top: 8px;
    position: absolute;
    bottom: 10px;
    right: 18px;
}

.PersonalizaTuHabitacion-AgregarHabitacion span
{
	width: 33px;
    height: 33px;
    color: #fff;
    background-color: #9e0d00;
    position: absolute;
    top: 20px;
    right: -37px;
}

.PersonalizaTuHabitacion-AgregarHabitacion span:before
{
	content: "+";
    font-size: 34px;
    position: absolute;
    top: -12px;
    left: 8px;
}

.PersonalizaTuHabitacion-AgregarHabitacion:hover
{
    color: #a48119;
}

.PersonalizaTuHabitacion-AgregarHabitacion:hover span
{
	background-color: #a48119;
}

.PersonalizaTuHabitacion-AgregarCamaExtra
{
	color: #9e0d00;
    font-size: 12px;
	margin-left: 9px;
}

.PersonalizaTuHabitacion-AgregarCamaExtra span
{
	font-size: 14px;
}

.PersonalizaTuHabitacion-AgregarCamaExtra:hover
{
	color: #a48119;
}

/*.PersonalizaTuHabitacion-BtnVerMiReserva
{
	width: 242px;
    height: 30px;
	letter-spacing: 0.4px;
    margin: 0px auto;
    margin-top: 25px;
    padding-top: 12px;
    padding-left: 31px;
	position: relative;
}

.PersonalizaTuHabitacion-BtnVerMiReserva:before
{
	content: "";
	width: 27px;
	height: 22px;
	background: url(../images/personaliza/icoVerReserva.png) left no-repeat;
	position: absolute;
	top: 9px;
	right: 24px;
}

.PersonalizaTuHabitacion-BtnVerMiReserva:hover:before
{
	background-position: right;
}*/

.MiReserva
{
	width: 281px;
	font-size: 12px;
	background-color: #f9f8f3;
	border: 6px solid #edeae0;
	padding: 45px 10px 10px 11px;
	margin-left: 20px;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(99,99,75,0.68);
	-o-box-shadow: 0px 0px 14px 0px rgba(99,99,75,0.68);
	-moz-box-shadow: 0px 0px 14px 0px rgba(99,99,75,0.68);
	-ms-box-shadow: 0px 0px 14px 0px rgba(99,99,75,0.68);
	box-shadow: 0px 0px 14px 0px rgba(99,99,75,0.68);
	position: relative;

}

.MiReserva.Scroll
{
    position: fixed;
    top: 180px;
}

.MiReserva-Title
{
	width: 282px;
	height: 42px;
	color: #fff;
	background-color: #a58200;
	padding-top: 9px;
	padding-left: 18px;
	position: absolute;
	top: -6px;
    left: -6px;
}

.MiReserva-Periodo
{
	margin-bottom: 10px;
}

.MiReserva strong
{
	color: #705907;
	font-size: 14px;
}

.MiReserva table
{
	margin-bottom: 3px;
}

.MiReserva tr
{
	border-bottom: 2px solid #dcccb3;
	position: relative;
}

.MiReserva-BtnRemover
{
	width: 20px;
    height: 20px;
    background-color: #a58200;
    position: absolute;
    top: 1px;
    right: 0px;
}

.MiReserva-BtnRemover:before
{
	content: "";
    width: 10px;
    height: 10px;
    background: url(../images/carrito/icoBtnRemove.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 5px;
    right: 5px;
}

.MiReserva-BtnRemover:hover
{
	background-color: #9c1006;
}


.MiReserva tr td
{
	padding-top: 21px;
    padding-bottom: 12px;
	position: relative;
}

.MiReserva-CargoExtra, .CarritoReservacion-CargoExtra
{
    color: #a58200;
	margin-left: 10px;
}

.MiReserva-Total
{
	font-size: 18px;
}

.MiReserva-Btn
{
    height: 37px;
	padding-top: 10px;
    margin-top: 30px;
}

/***************************************Carrito de reservación*********************************************/

.CarritoReservacion
{
	display: none;
	color: #333333;
	background-color: #f9f8f3;
	padding-top: 100px;
	padding-bottom: 114px;
	position: relative;
	z-index: 0;
}

.CarritoReservacion-Center
{
	width: 731px;
}

.CarritoReservacion-Title
{
	margin-bottom: 58px;
}

.CarritoReservacion-TitleIngresa
{
	color: #6f5813;
	font-size: 18px;
	background: url(../images/carrito/icoIngresaDatos.png) 21px 0px no-repeat;
	padding-left: 58px;
	margin-top: 100px;
	margin-bottom: 25px;
}

.CarritoReservacion-FechaDias
{
	margin-top: 21px;
    padding-left: 20px;
}

.CarritoReservacion-Table
{
	margin-bottom: 29px;
}

.CarritoReservacion-Fila
{
	color: #333333;
	border-bottom: 2px solid #e1dcce;
	padding-top: 17px;
    padding-bottom: 15px;
	position: relative;
}

.CarritoReservacion-Col
{
	width: 351px;
    padding-left: 21px;
    margin-right: 105px;
    letter-spacing: 0.4px;
}

.CarritoReservacion-Col2
{
	width: 200px;
	font-size: 18px;
}

.CarritoReservacion-BtnRemove
{
	width: 26px;
	height: 26px;
	background-color: rgba(164,129,25,0.40);
	position: relative;
}

.CarritoReservacion-BtnRemove:before
{
	content: "";
	width: 16px;
	height: 16px;
	background: url(../images/carrito/icoBtnRemove.png) no-repeat;
	position: absolute;
	top: 5px;
    left: 5px;
}

.CarritoReservacion-Fila:hover
{
	background-color: #f1f0ed;
}

.CarritoReservacion-BtnRemove:hover
{
	background-color: #9c1006;
}

.CarritoReservacion-ColConfirmo
{
	width: 315px;
    font-size: 12px;
    letter-spacing: 0.4px;
	padding-left: 21px;
	margin-right: 70px;
}

.CarritoReservacion-ColConfirmo label
{
	width: 293px;
}

.CarritoReservacion-ColConfirmo a
{
	color: #990000;
}

.CarritoReservacion-ColConfirmo a:hover
{
	color: #a58200;
	text-decoration: underline;
}

.CarritoReservacion-ColConfirmo input
{
    margin-top: 2px;
}

.CarritoReservacion-ColTotal
{
	width: 311px;
	width: 320px;
}

.CarritoReservacion-ColTotal strong
{
	font-size: 15px;
}

.CarritoReservacion-TextCantidad
{
    width: 102px;
}

.CarritoReservacion-Cantidad
{
    width: 235px;
    width: 200px;
    font-size: 11px;
	margin-left: 9px;
	text-align: right;
}

.CarritoReservacion-Cantidad strong
{
	color: #9c1006;
}

.CarritoReservacion-Cantidad.Impuesto p
{
    padding-top: 20px;
}

.CarritoReservacion-ColDatos
{
	width: 344px;
	margin-right: 17px;
	padding-left: 21px;
}

.CarritoReservacion-BtnReservacion
{
	width: 237px;
    height: 33px;
    font: 20px 'roboto_slabbold';
    background-color: #9c1006;
    padding-top: 5px;
    margin: 0px auto;
    margin-top: 35px;
}

.CarritoReservacion-BtnReservacion:hover
{
	background-color: #a48119;
}

.CarritoReservacion-Cargando
{
	display: none;
	padding-top: 20px;
}

.CarritoReservacion-Alerta
{
	display: none;
	color: #9c1006;
    font-size: 16px;
    border: 2px dashed #a9861c;
    padding: 7px;
    margin-top: 20px;
}

.CarritoReservacion-Recaptcha
{
	color: #735d3d;
    font-size: 16px;
	padding-top: 10px;
    padding-left: 22px;
}

.CarritoReservacion-Recaptcha .u-inline-block
{
    vertical-align: sub;
}

.CarritoReservacion-TxtRecaptcha
{
	width: 45px;
    height: 34px;
    padding: 0px;
    margin-left: 9px;
}


/***************************************Footer*********************************************/

.Footer
{
	font-size: 12px;
	line-height: 16px;
	background-color: #6f5813;
	padding: 12px 0px;
    color: #fff;
}

.Footer a:hover
{
	text-decoration: underline;
}


/***************************************Promociones*********************************************/

.Promociones
{
	max-width: 700px;
	color: #333;
	background-color: #fff;
    padding: 15px;
}

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

.Promociones-Nota
{
	font-size: 12px;
	padding: 5px 0px;
}

.Promociones a
{
	width: 100%;
	height: 28px;
	color: #fff;
	background-color: #a48119;
	padding-top: 12px;
	margin-bottom: 10px;
}

.Promociones a:hover
{
	background-color: #9c1006;
}

/***************************************Promociones*********************************************/

.Agradecimiento-BtnRegresar
{
	width: 160px;
    padding: 10px;
    margin: 0px auto;
    margin-top: 40px;
}

/***************************************Scroll de carrito*********************************************/

.habitacionesParaReservar
{
    max-height: 218px;
    overflow-y: scroll;
}

/***************************************Letrero de 12 años*********************************************/

.textoNInos
{
	display: none;
	font-family: 'roboto_slabbold';
	color: #9c1006;
	font: 14px 'roboto_slabbold';
}

.textoNInos.activo{
	display: block;
}

.oculto{
	display: none !important;
}

.disponibilidadVerde{
	color: #61b706;
}




.carousel-inner.vertical {
    height: calc(100vh - 38px); /*Note: set specific height here if not, there will be some issues with IE browser*/
  }
  .carousel-inner.vertical > .item {
    -webkit-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top;
  }

  @media all and (transform-3d),
  (-webkit-transform-3d) {
    .carousel-inner.vertical > .item {
      -webkit-transition: -webkit-transform .6s ease-in-out;
      -o-transition: -o-transform .6s ease-in-out;
      transition: transform .6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000;
      perspective: 1000;
    }
    .carousel-inner.vertical > .item.next,
    .carousel-inner.vertical > .item.active.right {
      -webkit-transform: translate3d(0, 33.33%, 0);
      transform: translate3d(0, 33.33%, 0);
      top: 0;
    }
    .carousel-inner.vertical > .item.prev,
    .carousel-inner.vertical > .item.active.left {
      -webkit-transform: translate3d(0, -33.33%, 0);
      transform: translate3d(0, -33.33%, 0);
      top: 0;
    }
    .carousel-inner.vertical > .item.next.left,
    .carousel-inner.vertical > .item.prev.right,
    .carousel-inner.vertical > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      top: 0;
    }
  }

  .carousel-inner.vertical > .active {
    top: 0;
  }
  .carousel-inner.vertical > .next,
  .carousel-inner.vertical > .prev {
    top: 0;
    height: 100%;
    width: auto;
  }
  .carousel-inner.vertical > .next {
    left: 0;
    top: 33.33%;
    right:0;
  }
  .carousel-inner.vertical > .prev {
    left: 0;
    top: -33.33%;
    right:0;
  }
  .carousel-inner.vertical > .next.left,
  .carousel-inner.vertical > .prev.right {
    top: 0;
  }
  .carousel-inner.vertical > .active.left {
    left: 0;
    top: -33.33%;
    right:0;
  }
  .carousel-inner.vertical > .active.right {
    left: 0;
    top: 33.33%;
    right:0;
  }

  #carousel-pager .carousel-control.left {
      bottom: initial;
      width: 100%;
  }
  #carousel-pager .carousel-control.right {
      top: initial;
      width: 100%;
  }

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    /*margin: 20px 0 20px 0;*/
	/*margin: calc(2% - 5px) 0;*/
}

.contenedor-carausel{
    display: inline-block;
    box-sizing: border-box;
    float:left;
    height: calc(100vh - 205px);
    border: 6px solid #e1dcce;
}

.contenedor-carausel img{
    object-fit: cover;
    width:100%;
    height:100%;
}