@font-face{
	font-family:"Century";
	src: url("../font/GOTHIC.woff");
	font-weight:normal;
}

@font-face{
	font-family:"Century";
	src: url("../font/GOTHICB.woff");
	font-weight:bold;
}

html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Century;
	font-size:9.75pt;
}

.allpage{
	width:100%;
	height:100%;
	position:fixed;
	background-position:center;
	background-size:cover;	
	background-image:url("../img/portadav2.jpg");
}

#restaurantefondo, #salareufondo{
	cursor:pointer;
}

#loading_page{
	width:100%;
	height:100%;
	position:fixed;
	background-position:center;
	background-size:cover;	
	background-image:url("../img/portada_loadingv2.jpg");
	display:block;
}

#loading_page .cargando{
	width:200px;
	height:200px;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	border-radius:100px;
	background-position:center;
	background-image:url("../img/cacique_hotel_gif2.gif");
	background-repeat:no-repeat;
}


#reservas{
	
}

#header{
	position:absolute;
	top:0px;
	width:100%;
	height:129px;
	background-repeat:repeat-x;
	background-image:url("../img/header_back.png");
}

#logo{	
	margin:16px 20px;
	width:265px;
	height:70px;
	background-image:url("../img/logo.png");
}

nav{
	display: inline-block;
	position: absolute;
	top: 33px;
	left: 300px;
	/* background-color: rgba(3,130,212,0.70); */
	background-color: #874179cf;
	border-radius: 5px;
}

ul{
	margin:0px;
	padding:0px;
	
}

nav li{
	float:left;
	list-style:none;
	margin:0px 12px;
}

nav li a,
#selector_habitaciones a{
	color: #FFF;
	font-family: "Century";
	font-size: 15pt;
	text-decoration: none;
	padding: 0px 5px 5px 5px;
	border-bottom: 0;
	padding: 10px 0;
	margin: 0 15px 0 15px;
	display: inline-block;
	background-image: url(../img/plumas_nav.png);
	background-repeat:no-repeat;
	background-position: -100px center;
	transition:0.3s all;
}

nav li a:hover{
	background-position: 0px center;
}

.descr_ubicanos{
	width:200px;
}

#selector_habitaciones{
	border:solid 1px #FFF;
	display:inline-block;
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	position:absolute;
    top: 78px;
    left: 312px;
	background-color:rgba(0,0,0,0.3);
	display:none;
	z-index:999;
	border-radius: 0px 0px 10px 10px;
}

#selector_habitaciones li{
	margin:0px;
	padding:0px;
	display:block;
	width:100%;
	box-sizing:border-box;
}

#selector_habitaciones li a{
	display:inline-block;
	width:100%;
	padding:5px 10px;
	margin:0px;
	box-sizing:border-box;
	text-shadow: -1px 2px 2px rgba(150, 150, 150, 0.51);
}

#selector_habitaciones li a:hover{
	background-color:rgba(255,255,255,0.9);
	color:#292929;
	text-shadow:none;
	
}

#habitacion-simple{
	background-image:url("../img/simplev2.jpg");;
}

#simple-estandar{
	background-image:url("../img/simple-estandarv2.jpg");;
}

#simple-ejecutiva{
	background-image:url("../img/simple-ejecutiva.jpg");;
}


#matrimonial-estandar{
	background-image:url("../img/matrimonial-estandar.jpg");;
}

#matrimonial-ejecutiva{
	background-image:url("../img/matrimonial-ejecutiva.jpg");;
}

#familiar{
	background-image:url("../img/familiar.jpg");;
}

#doble{
	background-image:url("../img/doble.jpg");;
}

#triple{
	background-image:url("../img/triple.jpg");;
}

#suit-matrimonial{
	background-image:url("../img/suit-matrimonialv2.jpg");;
}

#simple-suit{
	background-image:url("../img/simple-suitv2.jpg");;
}

.card{
	width:460px;
	height:auto;
	background-color:rgba(255,255,255,0.90);
	color:#333333;
	padding:40px 45px 0px 45px;
	position:absolute;
	bottom:0px;
	left:54px;
}

.room .card:hover {
    
    height: auto;
    background-color:rgba(255,255,255,0);
    color: #FFF;
    padding: 40px 45px;
    position: absolute;
	border:dotted 1px rgba(255,255,255,0.5);
}

.servicios .card{
	width: 460px;
	padding-bottom: 20px;
}

.card ul{
	margin:10px 0px 0px 80px;
}

.room .card:hover h3,
.room .card:hover h2{
	color: #FFF;
} 

#matrimonial-standart .card{
	left:auto;
	right:54px;
}

.card h2{
	font-size:19.5pt;
	font-weight:normal;
	color:#333333;
	margin:0px;
	padding:0px;
    text-transform: uppercase;	
}


.card h3{
	margin:0px 0px 0px 50px;
	
	padding:0px;
	font-size:15pt;
	font-weight:normal;
	color:#696868;
}

.card h4 {
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 4px 0px;
	font-size: 13pt;
	font-weight: normal;
	color: #a1a1a1;
	text-align: center;
	border-bottom: solid 1px #a1a1a1;
}

.room .card:hover h4{

    color: #FFF;
	border-bottom: solid 1px #FFF;
}


.card .lista_items{
	margin:20px 0px 10px 0px;
}

.card .lista_items p{
	margin:4px 0px;
}

#ubicacion .card{
	width: 1150px;
	height: 480px;
	border-radius: 20px;
	margin: auto auto 20px auto;
	left:0px;
	right:0px;
}

#map_canvas{
	border:solid 1px gray;
	width:930px;
	height:490px;
	position:absolute;
	top:15px;
	right:15px;
}

#servicios .card h3,
#reservas .card h3,
#contactenos .card h3

{
	margin:20px 0px 0px 0px;
	color:#333;
}

#reservas .card{
	height: 500px;
	width: 1000px;
	margin-bottom: 20px;
	left: 0px;
	right: 0px;
	margin: auto auto 20px auto;
	border-radius:10px;
}

#contactenos .card{
	height:470px;
}


#servicios .card p,
#reservas .tab p
{
	margin:10px 0px 0px 30px;
	color:#333;
}

#reservas .tab p
{
	text-align: right;
}


.allpage {
    width: 100%;
    height: 100%;
    position: fixed;
    background-position: center;
    background-size: cover;
    background-image: url(../img/portadav2.jpg);
}

.allpage.servicios{
    background-image: url(../img/servicios.jpg);
}

.allpage.home{
    background-image:none;
}

.allpage.reuniones{
    background-image: url(../img/sala_reuniones.jpg);
}

#footer {
    position: absolute;
    bottom: 0px;
    color: #FFF;
    width: 100%;
    text-align: right;
    padding: 0px 20px;
    box-sizing: border-box;
}

#footer a{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}

.radio_habitacion{
	display:inline-block;
	width:100%;
	margin:10px 0px 0px 0px;
}

.radio_habitacion>div{
	float:left;
	width:49%;
}


.radio_habitacion p{
	margin:7px!important;
}


.button,
input[type='submit'],
input[type='reset']{
	background-color:rgba(3,130,212,0.8);
	border-radius:4px;
	padding:10px 20px;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	border:none;
	font-family:Century;
}

input[type='reset']{
	background-color:rgba(135,168,64,0.8);
	margin-right:20px;
}

input[type='submit']:hover{
	background-color:#0382d4;
}

input[type='reset']:hover{
	background-color:#87a840;
}

#reservas input[type="date"]{
	width:148px!important;
}


p.botonera{
	text-align:right;
	padding-right:10px;
}

input[type='email'],
input[type='tel'],
input[type='text'],
input[type='date'],
select{
	border-radius:4px;
	padding:5px 15px;
	border:solid 1px gray;
	font-family:Century;
}

#reservas input[type='email'],
#reservas input[type='tel'],
#reservas input[type='text'],
#reservas input[type='date'],
#reservas select{
	width:230px;
}

#reservas select.hora{
	width:auto;
}

#reservas label{
	margin-right:20px;
}

.datos_contacto  input[type='text']{
	width: 50px;
	margin-right:10px;
}

.dato_personal label{
	width:140px;
	display:inline-block;
}
.dato_personal input[type='text'],
.dato_personal input[type='email'],
.dato_personal input[type='tel']{
	width:250px;
	margin-right:0px;
}

input[type='date'] {
    width: 130px;
    padding: 5px 0px 5px 5px;
	
}

select.hora{
	padding-left:2px;
	padding-right:2px;
	margin:0px;
	border-radius:0px;
}

select.hora[name="h_hora"]{
	border-radius:4px 0px 0px 4px;
}

select.hora[name="meridiano"]{
	border-radius:0px 4px 4px 0px;
}


#reservas p input {
    float: right;
}


#reservas p {

    border: dotted 1 red;
    display: inline-block;
    width: 90%;
    margin: 2px 20px;

}


#reservas_form{
	position:relative;
	height: auto;
	display: inline-block;
}
.sending{
	/*background-color:rgba(255,255,255,0.8);*/
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url("../img/icon_loading_email.gif");
	background-repeat:no-repeat;
	background-position:center;
	display:none;
}


.resultado{
	/*background-color:rgba(255,255,255,0.8);*/
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


.alert{
	border:solid 1px red;
}

.jumbotron,
.carrousel,
.cycle-slide{
	width:100%;
	height:100%;
	z-index: -99;
}




.room .card {
	padding: 40px 45px 40px 45px;
	border-radius: 20px 0px 0px 20px;
	width: 200px;
	background-color: rgba(255,255,255,0.7);
	left: auto;
	right: 0px;
	top: 150px;
	bottom: auto
}

#contactenos .card p label {
    width: 150px;
    display: inline-block;
}

textarea {
    padding: 4px;
    border-radius: 4px;
    border: solid 1px gray;
    width: 292px!important;
    height: 40px;
}

#contactenos .card p input[type='text'],
#contactenos .card p input[type='email'],
#contactenos .card p input[type='tel'],
#contactenos .card p textarea{
    width: 270px;
}

#social_menu{
    height: 48px;
    position: absolute;
    top: 20px;
    right: 54px;
}

#social_menu a {
    height: 48px;
    width: 48px;
    display: inline-block;
    overflow: hidden;
    text-indent: 48px;
}

nav a.facebook{
	background-image:url("../img/fb_icon.png");
	background-position:center center;
	width:21px;
	text-indent: 30px;
	overflow:hidden;
}

#button_menu {
	display:none;
}

#reservas .block_reservas {

    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;

}

#txt_vuelo{
	opacity:0;
	display:none;
}

input[name="total_noches"],
input[name="monto_generado"]{
	width:50px !important;
	text-align: center;
	float: none !important;
}

input[name="total_noches"]{
	margin-right:10px;
	
}


#contactenos .tab.resultado{
	background-color: rgba(255,255,255,0.8);
	padding: 200px 40px;
	box-sizing: border-box;
}

@media only screen and (max-width: 768px){
	
	html, body {
		height: auto;
		font-size: 11pt;
	}
	.card {
		width: 100%;
		height: auto;
		background-color: rgba(255,255,255,0.90);
		color: #333333;
		padding: 20px;
		bottom: auto;
		left: auto;
		box-sizing: border-box;
		top: 100px;
		padding-bottom: 40px;
	}
	
	#reservas .card {
		height: auto;
	}
	
	.radio_habitacion>div {
		float: none;
		width: 100%;
	}
	
	.allpage {
		width: 100%;
		height: 100%;
		position: fixed;
		overflow-x: scroll;
	}
	
		.room{
		background-size: contain;
		background-repeat: no-repeat;
		background-position-y: 90px;		
	}			   
	#footer {
		position: absolute;
		bottom: 0px;
		padding: 0px 20px;
		box-sizing: border-box;
		text-align:center;
	}
	
	p.botonera {
		text-align: center;
		padding: 0px;
		margin: 20px!important;
	}
	
	#servicios .card p, #reservas .tab p {
		margin: 10px 0px 0px 0px;
		color: #333;
		width: 100%;
	}
	
	.dato_personal input[type='text'], .dato_personal input[type='email'], .dato_personal input[type='tel'] {
		width: 100%;
		margin-right: 0px;
		box-sizing: border-box;
	}
	
	.dato_personal label {
		width: 100%;
	}
	
	.label_movil label{
		display:block;
		margin: 10px;
	}
	
	#logo {
		margin: 10px 0px;
		width: 100%;
		height: 70px;
		background-image: url(../img/logo.png);
		background-repeat: no-repeat;
		background-position: 20px center;
		background-size: contain;
	}
	
	nav {
		display: none;
		position: absolute;
		top: 90px;
		left: 0px;
		width: 100%;
		z-index: 998;
		    background-color: rgba(0,0,0,0.7);
		padding: 10px 0px;
	}
	
	nav li {
		float: none;
		list-style: none;
		margin: 0px 12px;
		border: solid 1px #FFF;
	}
	
	nav li a, #selector_habitaciones a {
		color: #FFF;
		font-family: "Century";
		font-size: 15pt;
		text-decoration: none;
		padding: 15px 10px;
		border-bottom: 0;
		display: inline-block;
		width: 100%;
	}
	
	#selector_habitaciones {
		border: solid 1px #FFF;
		display: inline-block;
		padding: 0px 0px 50px 0px;
		margin: 0px;
		box-sizing: border-box;
		position: absolute;
		top: 160px;
		left: 0;
		background-color: rgba(0,0,0,0.9);
		display: none;
		z-index: 999;
		width: 100%;
	}
	
	#selector_habitaciones li {
		margin: 0px;
		padding: 0px;
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #FFF;
	}
	
	#selector_habitaciones li a {
		display: inline-block;
		width: 100%;
		padding: 10px 25px;
		margin: 0px;
		box-sizing: border-box;
		text-shadow: -1px 2px 2px rgba(150, 150, 150, 0.51);
	}
	
	#matrimonial-standart .card {
		left: auto;
		right: 0px;
	}
	
	.room .card {
		bottom: 0px;
		top: auto;
		width: 100%;
		border-radius: 0px;
		padding: 20px 20px 50px 20px;
	}
	
	.room .card:hover{
		height: auto;
		background-color:rgba(255,255,255,0);
		color: #FFF;
		padding: 20px 20px 50px 20px;
		border:dotted 1px rgba(255,255,255,0.5);
	}
	
	#contactenos .card {
		height: auto;
	}
	
	textarea {
		padding: 4px;
		border-radius: 4px;
		border: solid 1px gray;
		margin: 0px;
		width: 100%!important;
		height: 90px;
	}
	
	#loading_page {
		width: 100%;
		height: 100%;
		position: fixed;
		background-position: center;
		background-size: cover;
	}
	
	form[name="contactenos"]{
		box-sizing:border-box;
	}
	
	#contactenos .card p input[type='text'], 
	#contactenos .card p input[type='email'], 
	#contactenos .card p input[type='tel'], 
	#contactenos .card p textarea {
		width: 100%;
		box-sizing: border-box;
	}
	
	#social_menu {
		height: 48px;
		position: absolute;
		top: 20px;
		right: auto;
		left: 20px;
	}
	
	#button_menu {
		background-image: url(../img/menu_mobile.png);
		display: block;
		width: 48px;
		height: 48px;
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 999;
	}
	
	#map_canvas {
		border: solid 1px gray;
		width: 100%;
		height: 400px;
		position: relative;
		top: auto;
		right: auto;
		overflow: hidden;
	}
	
	#ubicacion .card {
		width: 100%;
		height: auto;
		border-radius: 0px;
	}
	
	.servicios .card {
		width: 100%;
		padding-bottom: 20px;

	}
	
	.card ul {

		margin: 10px 0px 0px 40px;

	}
		
	nav ul li:last-child{
		display:none;
	}
	
	#reservas .card {
		width: 100%;
		border-radius: 0px;
	}
	
	#reservas .block_reservas{
		float:none;
		width:100%;
		display:block;
	}
	
	#reservas input[type="date"] {
		width: 110px !important;
	}
	
	#reservas label {
		margin-right: 0px;
	}
	
	
	input[name="total_noches"] {
		width: 30px !important;
		padding-right: 2px;
		padding-left: 2px;
		margin-right: 5px;
	}
	input[name="monto_generado"] {
		width: 70px !important;
		padding-right: 2px;
		padding-left: 2px;		
	}
	
	#reservas .tab p {
		text-align: left;
	}
	
	#reservas select {
		width: 180px;
		float: right;
	}
	
	#reservas select.hora {
		float: none;
	}
	
	input[type="checkbox"]{
		float: left !important;
		margin-right: 10px;
	}
	
	#reservas input[type="email"], 
	#reservas input[type="tel"], 
	#reservas input[type="text"], 
	#reservas input[type="date"]{
		width: 100%;
		box-sizing: border-box;
	}
	
	textarea {
		box-sizing: border-box;
	}
	
	.sending {
		position: fixed;
	}
	
	.resultado {
		position: fixed;
		padding: 30px;
		box-sizing: border-box;
	}
	
	.jumbotron, .carrousel, .cycle-slide {
		background-size: cover;
		background-position:center;
	}
	
	
	
	#footer {
		position: fixed;
		bottom: 0px;
		background-color: rgba(0,0,0,0.5);
		font-size: 10pt;
	}
	
	#contactenos .tab.resultado {
		background-color: rgba(255,255,255,0.95);
		padding: 120px 40px;
		box-sizing: border-box;
	}
}