@charset "utf-8";
/* inicializar elementos */ 
:link,:visited { text-decoration:underline; font-style:normal }
ul,ol { list-style:none }
h1,h4,h5,h6,pre,code { font-size:1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
*{ margin:0; padding:0;}
.clearfloat{ clear:both; }

#contenedor, #pie, #gurenet{
	width:61.88em;	
}
#pie{
	background-color:#333333;
}
#contenedor, #pie, #cabecera, #gurenet{
	margin:auto;
	/*background:url(comun/imagenes/fondo-cuerpo.jpg) top left repeat-y;*/
}
#cabecera{
	height:11.88em;
	background-color:#999999;
	background-image:url(comun/imagenes/cabecera.jpg);
	position:relative;
}
#idiomas{
	position:absolute;
	top:1em;
	right:0.5em;
	width:10em;
}
#menu{
	height:2.50em;
	margin:0;
	padding:0;
}
#cuerpo{
	background:url(comun/imagenes/fondo-cuerpo.gif) top left repeat-y;
}
#cuerpo-blanco{
	background-color:#FFF;
	margin-right:0.80em;
	height:100%;
	min-height:100%;
	width:39em;
}
.izq, #brujas, #columna-izq, #sep-cuerpo-izq, #sep-menu-vert, .imagen-izq, .fotos-galerias, .lista-galeria li{
	float:left;
}
.dch, #contenido-cuerpo, .imagen-dch, #cuerpo-blanco{
	float:right;
}
#calendario{
	position:absolute;
	right:0.6em;
	top:0.6em;
}
#parrafo-calendario{ position:relative; }
#columna-izq{
	position:relative;
	background-image:url(comun/imagenes/gota-roja.jpg);
	height:33.13em;
	width:17.50em;
	background-color:#999999;
}
#sep-cuerpo-izq{
	background-image:url(comun/imagenes/sep-cuerpo-izq.jpg);
	height:27.50em;
	background-color:#999999;
	width:2.50em;
}
#sep-menu-vert{
	background-image:url(comun/imagenes/sep-menu-vert.jpg);
	background-repeat:no-repeat;
	width:41.38em;
	height:3.31em;
}
#contenido-cuerpo{
	padding-right:1em;
	width:39em;
}
#reserva-ya{
	position:absolute;
	top:0;
	left:6.25em;
}
#libro-visitas{
	position:absolute;
	top:18.5em;
	/*left:4.95em;*/
	left:5em;
}
#rutas-medida{
	position:absolute;
	top:15em;
	/*left:4.95em;*/
	left:5em;
}
#telefonos{
	position:absolute;
	left:4.50em;
	top:1.88em;
}
#map{width:34.38em; height:25em; overflow:hidden; border:0.02em solid #000;}
#mapa-ubicacion{ width:34.38em; height:20.31em;}
#pie{
	height:4.75em;
	/*hay que poner background-image por que el  dichoso explorer no reconoce bacground solo*/
	background-image:url(comun/imagenes/fondo-pie.jpg);
	position:relative;
}
.texto-pie{
	position:absolute;
	top:2.5em;
	left:6em;
}
.mapa-web{
	position:absolute;
	top:3.5em;
	right:2em;
}
.imagen-izq, .imagen-dch, .fotos-galerias, .lista-galeria li{
	margin:0.32em 0.32em 0.32em 0.32em;
}
img a{
	border:0.02em solid #C00;
}
.relleno{
	height:5em;
}
.margen-izq{ margin-left:1em; }
/*----------------listas-----------------------------*/
ul, dd{
	margin-bottom:1em;
}

.lista-menu li{
	float:left;
	display:block;
	height:2.50em;
}
/*#prensa{
	width:6.25em;
}
#albergue{
	width:5.31em;
}
#ubicacion{
	width:5.62em;
}
#habitaciones{
	width:6.56em;
}
#servicios{
	width:5.00em;
}
#contactar, #galeria{
	width:7.50em;
}*/
.lista-servicios li{
	display:block;
	padding-left:2em;	
}
.paginacion li{
	float:left;
	margin-left:0.6em;
}
/*----------------------------------- formularios -------------------------------*/
.formulario fieldset{
	width:80%;
	margin:auto;
	padding:0.32em 0.32em 0.32em 0.32em;
	border:0;
}
.formulario p{
	width:90%;
	clear:both;
	margin-top:0.63em;
}
.formulario label, #form-reservar label{
	float:left;
}
.formulario label{
	width:35%;
}
.separador{
	width:100%;
	border-bottom:0.02em dotted #999;
	margin-top:0.2em;
	margin-bottom:0.2em;
}
.camas-disponibles{
	width:8em;
}
.disponibilidad-llegada{
	width:5em;
}
#form-reservar{
	position:absolute;
	top:1em;
	left:5em;
	width:10em;
}
#form-reservar label{
	width:35%;
}
#form-reservar p{
	clear:both;
}
.boton-recordar-clave{ padding-left:55%; }
.boton-continuar{ padding-left:30em; }
.label-acepto{ width:34em; }
/*-------------tablas-------------------*/
.tabla-habitaciones{
	width:30em;	
}
.tabla-librovisitas{
	width:55em;	
}
.tabla-habitaciones td, .tabla-librovisitas td{
	border-bottom:0.02em #333333 dotted;
	border-right:0.02em #333333 dotted;
	padding-top:0.1em;
	padding-bottom:0.1em;
}
#habitacion, #precio{
	background-color:#333333;
	color:#FFFFFF;
	text-align:center;
}
.centrado{
	text-align:center;
}
.cien-por-cien{
	width:100%;
}
.diez-por-cien{
	width:10%;
}
.veinte-por-cien{
	width:20%;
}
.veinticinco-por-cien{
	width:25%;
}
.cincuenta-por-cien{
	width:50%
}
.sesenta-por-cien{
	width:60%;
}
th{
	text-align:left;
		font-weight:normal;
}
/*.ocultar-tabla{
	visibility:hidden;
	height:0.05em;
	font-size:xx-small;
}*/
.off-left, .ocultar-tabla, #libro-visitas-escribir dt{
	position: absolute;
	left: -70em;
	width: 70em;
}

/*-------------estilos reservas tablas-------------------*/
table, select { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.80em;
}
.tabla-reservas {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	background-color:#FFFFCC;
	border-color:#FFCC00;
	border-style:dotted;
	border-width: 0.02em;
	width:100%;
}
.tabla-autentificacion { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.90em;
background-color:#EFEFEF;
border-color:#CCCCCC;
border-style:dotted;
border-width: 0.02em;
}
