body{ width:100%; height:100%; margin:0; padding:0; font-size:16px; font-family:"Century Gothic"; color:#464637}

img{ width:100%; max-width:100%; display:block;}

a{ text-decoration:none; cursor:pointer; color:#676759;}

a:hover{ color:#ba0c2f;}

hr{ border:1px solid #ba0c2f;}

h1,h2,h3,h4{ margin-top:0;}

input[type="checkbox"]{ position:absolute !important; left:0 !important; top:0 !important; width:20px !important;}

/****************************
		ID
*****************************/

#header_menu{ background-color:#FFFFFF; height:200px; position:relative;}

#logo{ width:94px; position:absolute; left:20px; top:10px;}

#logo_ico{ width:212px; position:absolute; right:20px; top:10px;}

#menu_principal ul{ margin-top:85px; position:relative; z-index:2;}

#contenido{ margin-top:50px; margin-bottom:50px; position:relative;}

#contenido_left{ background-color:rgba(255,255,255,0.8);}

#img_fondo{ width:230px; position:absolute; top:50%; left:50%; margin-left:-100px; margin-top:-190px; z-index:-1;}

#fondo_logo{ background:url(images/logo_fondo.png) right top no-repeat; background-size:600px;}

#cont_galeria,#cont_habitacion{ min-height:800px;}

#caracteristicas_habitacion li{padding-left:20px;line-height: 2;margin-bottom: 10px;}

#reservacion{ width:60%; background-color:rgba(255,255,255,0.8); z-index:2; min-height:900px;}

#contacto{ width:40%; background-color:rgba(255,255,255,1); min-height:900px;}

#subtitulo_contacto{ color:#CB0639;}

#espere{ width:16px;}

#form_contacto{ width:90%; margin:10px auto;}

#saintel{ width:150px; margin-top:20px; margin-bottom:20px;}

#mercadopago{ width:70%;}

#logo_tarjeta{ width:29px; position:absolute; top:5px; right:0;}

/****************************
		CLASES
*****************************/

.right{ float:right;}

.left{ float:left;}

.col-half{ width:48%; padding:0 1%;}

.text-center{ text-align:center;}

.text-justify{ text-align:justify;}

.completo{ width:100% !important; display:block;}

.lista{ padding:0; list-style:none;}

.contenido_principal{ width:1100px; margin:0 auto;}

.firsts{ margin-left:0 !important ;}

.last{ margin-right:0 !important ;}

.relativa{ position:relative;}

.ico_redes{ width:32px; margin-left:5px;}

.contenedor{ overflow:hidden;}

.clear{ clear:both;}

.error{ color:#FF0000 !important;}

.verde{ color:#060;}

.oculto{ display:none;}

.centrado{ margin-left:auto; margin-right:auto;}

.opc_menu{ display:inline-block; padding:0 5px;}

.opc_menu a{ font-weight:bold; color:#676759;}

.opc_menu a:hover,.galeria a:hover,.habitacion a:hover,.opc_menu.activo a,.rojo{color:#ba0c2f;}

.transicion{transition:All 1s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.efecto_giratorio:hover{transform: rotate(360deg) ;-webkit-transform: rotate(360deg) ;-moz-transform: rotate(360deg) -o-transform: rotate(360deg) ;-ms-transform: rotate(360deg) ;}

.efecto_escala:hover{transform: scale(0.95);-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);}

.pagination {padding-top:8px;margin:0px;}

.pagination ul {margin-bottom: 0;margin-left:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;*zoom: 1;list-style: none;} 

.pagination li {display: inline;}

.pagination a {display:inline-block;padding:5px 10px;text-decoration: none;text-transform:uppercase;background: #B2B4B3; border: 1px solid #B2B4B3;color:#fff;font-size:0.875em;font-weight:bold;text-shadow:0px -1px 0px rgba(255, 255, 255, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);margin-right:3px;}

.pagination a:hover, .pagination .active a {background: #ba0c2f; /* Old browsers */}

.pagination .active a,.pagination a:hover {color: #fff;cursor: pointer;}

.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {color: #999999;cursor: default;background-color: transparent;}

.pagination li a {border-left-width: 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

.pagination li:first-child a, .pagination li:first-child span {border-left-width: 1px;-webkit-border-radius: 3px;-moz-border-radius: 3px ;border-radius: 3px ;}

.pagination li:last-child a, .pagination li:last-child span {-webkit-border-radius: 3px ;-moz-border-radius:  3px ;border-radius: 3px ;}

.info{ width:50%; background-color:#FFFFFF; position:relative; z-index:1;}

.info p{ padding:2%;}

.titulo{ color:#FFFFFF; background:url(images/franja_titulos.png) left top no-repeat; min-height:79px; }

.subtitulo{ margin-top:20px; margin-bottom:10px;}

.titulo h1{ margin-top:25px; margin-bottom:0; width:85%; max-width:500px;}

.img_quienes_somos{ width:70%; margin:20px auto;}

.galeria{ width:22.5%; margin-left:2%; background-color:#8A8A7B; margin-bottom:20px;}

.galeria a{color:#FFF;}

.habitacion{ width:45%; margin-left:3%; background-color:#8A8A7B; margin-bottom:20px; color:#F0F0DF;}

.informacion{ padding:2%;}

.informacion_habitacion{ padding:5%;}

.habitacion a{ color:#F0F0DF;}

.efecto_sombra{ position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; background-color:#000; background-image:url(images/hover_pic.png); background-position:center center; background-repeat:no-repeat;}

.efecto_sombra:hover{ opacity:0.6;}

.boton{ width:200px; margin-bottom:10px;}

.precio {font-size: 1.625em;padding-bottom: 20px;}

.precio h3 {display: inline-block;font-size: 1.150em; margin: 0;padding: 0;}

.precio span {font-size: 1em;}

.galeria_habitacion{ width:90%; margin:30px auto;}

.cont_input{ margin-bottom:10px;}

.media{ width:44%; margin-right:10%;}

.cont_input select, .cont_input input{padding: 15px 2%; border: 0;background-color: #8A8A7B;
color: #fff;font-weight: bold; margin-top: 5px; width:98%;}

.cont_input textarea{ padding: 15px 2%; border: 0;background-color: #8A8A7B;
color: #fff;font-weight: bold; margin-top: 5px; width:95%;}

.cont_input label{ padding-left:30px; color:#666659;}

label.ico_habitacion{ background:url(images/ico_reserva1.png) 0 center no-repeat;}

label.ico_fecha{ background:url(images/ico_reserva2.png) 0 center no-repeat;}

label.ico_nombre{ background:url(images/ico_reserva3.png) 0 center no-repeat;}

label.ico_persona{ background:url(images/ico_reserva4.png) 0 center no-repeat;}

label.ico_comentario{ background:url(images/ico_reserva7.png) 0 center no-repeat;}

label.ico_email{ background:url(images/ico_reserva5.png) 0 center no-repeat;}

label.ico_telefono{ background:url(images/ico_reserva6.png) 0 center no-repeat;}

label.ico_otro{ background:url(images/otro.png) 0 center no-repeat;}

label.ico_pago{ background:url(images/ico_pago1.png) 0 center no-repeat;}

select#docType{width:15%;}

input#docNumber{ width:79%; margin-left:2%;}

.cont_checkbox{ margin-top:10px; padding-left:20px; color:#666659;}

.error{ color:#F00;}

.google-maps {position: relative;padding-bottom: 40%;height: 0;overflow: hidden; min-height:250px;}

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

.input-small{ width:80px !important;}

.table {width: 100%; max-width: 100%;margin-bottom: 20px; background-color: transparent;border-spacing: 0; border-collapse: collapse;}

.table-bordered { border: 1px solid #000;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #000;}

.table th{text-align: left;}

.no_padding_left{ padding-left:0 !important;}

/****************************
		MEDIA
*****************************/

@media only screen and (max-width: 1100px) {
	.contenido_principal{ width:800px;}
	#menu_principal{ width:700px; float:right;}
	.opc_menu{ padding:0 5px;}
	.media{ width:100%; margin:0 auto;}
	.cont_input{ margin-bottom:20px;}
	.cont_input input{ width:98%;}
	.col-half{ width:98%;}
}

@media only screen and (max-width: 800px) {
	.contenido_principal{ width:98%; padding:0 1%;}
	#menu_principal{ width:80%;}
	.info,#reservacion,#contacto{ width:100%; float:none;}
	.galeria{ width:45%;}
	
}

@media only screen and (max-width: 500px) {
	#menu_principal{ width:70%;}
	#menu_principal ul{ margin-top:65px;}
	.habitacion{ width:90%; margin:10px auto; float:none;}
}