/* CSS RESET - http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

textarea { font-family: inherit; font-size: inherit; }

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* *** FIN DEL RESET ******************************************** */



html, body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial,Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#CCCCCC;
	background: #e9dccc url(../img/fondo.jpg) no-repeat 50% 0%;
	
}

/* Quita el maldito borde azul de los enlaces al estar activos */ 

*:focus { 
	outline: none; 
	}
	
*::-moz-focus-inner { 
	border: none; 
	}

div#freno {
	/* Permite que si el tamaño de la ventana del navegador es inferior al alto de la web se fije arriba */
	visibility: hidden;
	width: 100%;
	height: 50%;                                                                     
	margin-top: -282px; /* La mitad del alto del contenedo */                                                   
	float: left;
 }
 
#contenedor {
	width:960px;
	height:564px;
	background-color:#FFF;
	clear: both;
	margin:0 auto 0 auto; /* Centrado horizontal */
	position: relative;
	top: -282; /* La mitad del alto del contenedor */
	/* IE4ever Hack: Hide from IE4 **/
		position: static;
	/** end hack */
}

#franja { width:960px; height:20px; background-color:#000000; background-image:url(../img/banner_franja.jpg); }

#pie {width:960px; height:20px; background-color:#4a190b;  background-image:url(../img/pie.jpg); text-align:center; }

/* MENU */

#menu_superior { margin-left:374px; }
#menu {	width: 530px; list-style: none;	margin: 0 auto;	}
#menu li { display: inline; }
#menu li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu.jpg); text-indent: -9999px; }
#menu li a.hotel { width: 47px; background-position: 0 0; padding-right:13px; /* SEPARADOR */ }
#menu li a.hotel:hover, #menu li a.hotel.seleccionado { background-position: 0 -20px; }
#menu li a.celebraciones { width: 95px; background-position: -60px 0; padding-right:13px; /* SEPARADOR */ }
#menu li a.celebraciones:hover, #menu li a.celebraciones.seleccionado { background-position: -60px -20px; }
#menu li a.arquitectura { width: 96px; background-position: -169px 0; padding-right:13px; /* SEPARADOR */ }
#menu li a.arquitectura:hover, #menu li a.arquitectura.seleccionado { background-position: -169px -20px; }
#menu li a.entorno { width: 66px; background-position: -277px 0; padding-right:13px; /* SEPARADOR */ }
#menu li a.entorno:hover, #menu li a.entorno.seleccionado { background-position: -277px -20px; }
#menu li a.noticias { width: 64px; background-position: -355px 0; padding-right:13px; /* SEPARADOR */ }
#menu li a.noticias:hover, #menu li a.noticias.seleccionado { background-position: -355px -20px; }
#menu li a.localizacion { width: 96px; background-position: -431px 0; }
#menu li a.localizacion:hover, #menu li a.localizacion.seleccionado { background-position: -431px -20px; }


/* MENU INGLÉS */

#menu_superior { margin-left:374px; }
#menu_en {	width: 427px; list-style: none;	margin: 0 auto;	}
#menu_en li { display: inline; }
#menu_en li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu_en.jpg); text-indent: -9999px; }

#menu_en li a.hotel { width: 46px; background-position: 0 0; padding-right:13px; /* SEPARADOR */ }
#menu_en li a.hotel:hover, #menu_en li a.hotel.seleccionado { background-position: 0 -20px; }

#menu_en li a.celebraciones { width: 50px; background-position: -59px 0; padding-right:15px; /* SEPARADOR */ }
#menu_en li a.celebraciones:hover, #menu_en li a.celebraciones.seleccionado { background-position: -59px -20px; }

#menu_en li a.arquitectura { width: 95px; background-position: -124px 0; padding-right:14px; /* SEPARADOR */ }
#menu_en li a.arquitectura:hover, #menu_en li a.arquitectura.seleccionado { background-position: -124px -20px; }

#menu_en li a.entorno { width: 56px; background-position: -233px 0; padding-right:13px; /* SEPARADOR */ }
#menu_en li a.entorno:hover, #menu_en li a.entorno.seleccionado { background-position: -233px -20px; }

#menu_en li a.noticias { width: 44px; background-position: -302px 0; padding-right:13px; /* SEPARADOR */ }
#menu_en li a.noticias:hover, #menu_en li a.noticias.seleccionado { background-position: -302px -20px; }

#menu_en li a.localizacion { width: 68px; background-position: -359px 0; }
#menu_en li a.localizacion:hover, #menu_en li a.localizacion.seleccionado { background-position: -359px -20px; }
			
/* SUBMENU 1 */

#menu_submenu1 { margin-left:406px; background-color:#4a190b; height:20px; width:458px;}
#submenu1 {	width: 458px; list-style: none; margin: 0 auto; }
#submenu1 li { display: inline; }
#submenu1 li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu2.jpg); text-indent: -9999px; }
#submenu1 li a.habitaciones { width: 97px; background-position: 0 0; padding-right:13px; /* SEPARADOR */ }
#submenu1 li a.habitaciones:hover, #submenu1 li a.habitaciones.seleccionado { background-position: 0 -20px; }
#submenu1 li a.espacios { width: 122px; background-position: -112px 0; padding-right:13px; /* SEPARADOR */ }
#submenu1 li a.espacios:hover, #submenu1 li a.espacios.seleccionado { background-position: -112px -20px; }
#submenu1 li a.reservas { width: 114px; background-position: -248px 0; padding-right:13px; /* SEPARADOR */ }
#submenu1 li a.reservas:hover, #submenu1 li a.reservas.seleccionado { background-position: -248px -20px; }
#submenu1 li a.contacto { width: 74px; background-position: -374px 0; }
#submenu1 li a.contacto:hover, #submenu1 li a.contacto.seleccionado { background-position: -374px -20px; }


/* SUBMENU 1 INGLÉS */

#menu_submenu1 { margin-left:406px; background-color:#4a190b; height:20px; width:458px;}
#submenu1_en {	width: 458px; list-style: none; margin: 0 auto; }
#submenu1_en li { display: inline; }
#submenu1_en li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu2_en.jpg); text-indent: -9999px; }
#submenu1_en li a.habitaciones { width: 97px; background-position: 0 0; padding-right:13px; /* SEPARADOR */ }
#submenu1_en li a.habitaciones:hover, #submenu1_en li a.habitaciones.seleccionado { background-position: 0 -20px; }
#submenu1_en li a.espacios { width: 122px; background-position: -112px 0; padding-right:13px; /* SEPARADOR */ }
#submenu1_en li a.espacios:hover, #submenu1_en li a.espacios.seleccionado { background-position: -112px -20px; }
#submenu1_en li a.reservas { width: 114px; background-position: -248px 0; padding-right:13px; /* SEPARADOR */ }
#submenu1_en li a.reservas:hover, #submenu1_en li a.reservas.seleccionado { background-position: -248px -20px; }
#submenu1_en li a.contacto { width: 74px; background-position: -374px 0; }
#submenu1_en li a.contacto:hover, #submenu1_en li a.contacto.seleccionado { background-position: -374px -20px; }



/* SUBMENU 2 */

#menu_submenu2 { margin-left:464px; background-color:#4a190b; height:20px; width:346px;}
#submenu2 {	width: 346px; list-style: none; margin: 0 auto; }
#submenu2 li { display: inline; }
#submenu2 li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu3.jpg); text-indent: -9999px; }

#submenu2 li a.galeria { width: 62px; background-position: 0 0; padding-right:13px; /* SEPARADOR */ }
#submenu2 li a.galeria:hover, #submenu2 li a.galeria.seleccionado { background-position: 0 -20px; }

#submenu2 li a.colaboradores { width: 170px; background-position: -75px 0; padding-right:13px; /* SEPARADOR */ }
#submenu2 li a.colaboradores:hover, #submenu2 li a.colaboradores.seleccionado { background-position: -75px -20px; }

#submenu2 li a.contacto { width: 74px; background-position: -257px 0; padding-right:13px; /* SEPARADOR */ }
#submenu2 li a.contacto:hover, #submenu2 li a.contacto.seleccionado { background-position: -257px -20px; }


/* SUBMENU 2  INGLÉS */

#menu_submenu2 { margin-left:464px; background-color:#4a190b; height:20px; width:346px;}
#submenu2_en {	width: 346px; list-style: none; margin: 0 auto; }
#submenu2_en li { display: inline; }
#submenu2_en li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu3_en.jpg); text-indent: -9999px; }

#submenu2_en li a.galeria { width: 62px; background-position: 0 0; padding-right:13px; /* SEPARADOR */ }
#submenu2_en li a.galeria:hover, #submenu2_en li a.galeria.seleccionado { background-position: 0 -20px; }

#submenu2_en li a.colaboradores { width: 170px; background-position: -75px 0; padding-right:13px; /* SEPARADOR */ }
#submenu2_en li a.colaboradores:hover, #submenu2_en li a.colaboradores.seleccionado { background-position: -75px -20px; }

#submenu2_en li a.contacto { width: 74px; background-position: -257px 0; padding-right:13px; /* SEPARADOR */ }
#submenu2_en li a.contacto:hover, #submenu2_en li a.contacto.seleccionado { background-position: -257px -20px; }





/* SUBMENU 3 */

#menu_submenu3 { margin-left:574px; background-color:#4a190b; height:20px; width:68px;}
#submenu3 {	width: 68px; list-style: none; margin: 0 auto; }
#submenu3 li { display: inline; }
#submenu3 li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu4.jpg); text-indent: -9999px; }

#submenu3 li a.galeria { width: 68px; background-position: 0 0; }
#submenu3 li a.galeria:hover, #submenu3 li a.galeria.seleccionado { background-position: 0 -20px; }

/* SUBMENU 3 INGLÉS */

#menu_submenu3 { margin-left:574px; background-color:#4a190b; height:20px; width:68px;}
#submenu3_en {	width: 68px; list-style: none; margin: 0 auto; }
#submenu3_en li { display: inline; }
#submenu3_en li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu4_en.jpg); text-indent: -9999px; }

#submenu3_en li a.galeria { width: 68px; background-position: 0 0; }
#submenu3_en li a.galeria:hover, #submenu3_en li a.galeria.seleccionado { background-position: 0 -20px; }



/* SUBMENU 4 */

#menu_submenu4 { margin-left:682px; background-color:#4a190b; height:20px; width:68px;}
#submenu4 {	width: 68px; list-style: none; margin: 0 auto; }
#submenu4 li { display: inline; }
#submenu4 li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu4.jpg); text-indent: -9999px; }

#submenu4 li a.galeria { width: 68px; background-position: 0 0; }
#submenu4 li a.galeria:hover, #submenu4 li a.galeria.seleccionado { background-position: 0 -20px; }


/* SUBMENU 4 INGLÉS */

#menu_submenu4 { margin-left:682px; background-color:#4a190b; height:20px; width:68px;}
#submenu4_en {	width: 68px; list-style: none; margin: 0 auto; }
#submenu4_en li { display: inline; }
#submenu4_en li a { display: block; float: left; height: 20px; background-image: url(../img/sprites_menu4_en.jpg); text-indent: -9999px; }

#submenu4_en li a.galeria { width: 68px; background-position: 0 0; }
#submenu4_en li a.galeria:hover, #submenu4_en li a.galeria.seleccionado { background-position: 0 -20px; }


.thumb { padding-right:32px; padding-bottom:18px; }
	
#tabla_tarifas {
	color:#efefef;
	margin-left:20px; 
	margin-top:20px;
}

#tabla_tarifas .cabecera {
	background-color:#363636;
}


#tabla_tarifas td { padding:4px; }

/* PAGINACIÓN */

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	
	
	text-decoration: none; 
	color: #a16826;
}
div.pagination a:hover, div.pagination a:active {
	
	color: #000;
	background-color: #a16826;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	
	font-weight: bold;
	background-color: #a16826;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	
	color: #ccc;
}

/* FIN PAGINACIÓN */


/* ZONA DE SCROLL */

/* Scroll Bar */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width:10px;
	background-image:url(../img/fondo_scroll.gif);
}
.vscrollerbar {
	background-image: url(../img/bola_scroll.png);
	width: 10px;
	height: 10px !important;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 17px;}
.hscrollerbar {height: 17px; background-color:#090;}


.vscrollerbar, .hscrollerbar {
	padding: 0px;
	padding-top:0px; /*La distancia a la que frena el scroll arriba */
	z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
	width: 27px;
	height: 17px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background: #698AAA;
}

/* Scroll Bar - Fin */

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

.tabla_calendario td { 

	padding:3px;

}

.tabla_reservas td { 

	padding-right:20px;
	padding-left:10px;

}