/* 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;
}

/* 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:12px;
	color:#000000;
	background-color:#2e1e11;
}

/* ELIMINA BORDE AZUL ENLACES ACTIVOS */ 

*:focus { 
	outline: none; 
	}
	


/* GENERALES */ 

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: -280px; /* La mitad del alto del contenedo */                                                   
	float: left;
 }
 
#contenedor {
	width:960px;
	height:560px;
	/* background-color:#000; */
	border:1px solid #7a5442;
	clear: both;
	margin:0 auto 0 auto; /* Centrado horizontal */
	position: relative;
    top: -280px; /* La mitad del alto del contenedor */
	/* IE4ever Hack: Hide from IE4 **/
		position: static;
	/** end hack */
}

#interior {
	width:960px; height:540px;	
}

#pie {
	width:960px; height:20px; background-color:#7a5442;
}

.bienvenidos {
	background-image:url(../img/1-bienvenidos.jpg);
	background-repeat:no-repeat;
}

.habitaciones {
	background-image:url(../img/2-habitaciones.jpg);
	background-repeat:no-repeat;
}

.ofertas {
	background-image:url(../img/4-ofertas.jpg);
	background-repeat:no-repeat;
}

.localizacion {
	background-image:url(../img/5-localizacion.jpg);
	background-repeat:no-repeat;
}

.contacto {
	background-image:url(../img/6-contacto.jpg);
	background-repeat:no-repeat;
}

.avisolegal {
	background-image:url(../img/7-infolegal.jpg);
	background-repeat:no-repeat;
}

/* FONDOS DE SECCIÓN */

.fondo01 { /* El fondo de toda la web */
	background: #2e1e11 url('/img/fondo01.jpg') repeat-x center center;
}

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

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

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

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


#bajomenu {
	width:960px;
	height:322px; 
}

#bajomenu_localizacion {
	width:960px;
	height:270px; 
}

#menu {
	padding-top:30px;
	height:188px;
}

#menu li a {
	display:block;
	font-size:15px;
	width:180px;
	padding-right:6px;
	padding-top:4px; 
	padding-bottom:4px;
	padding-left:30px;
	color:#FFF;
	margin-bottom:3px;
	
	text-decoration:none;
}
#menu li a:hover, #menu li a.seleccionado  {
	
	width:180px;
	padding-left:30px;
	color:#7a5442;
	font-size:15px;
	background-color:#dfccc3;
}

/* BOTONERA VARIA */


#boton .seccion{
	color:#FFF;
	position:relative;
	float:left;
	display:inline;
	background-color:#7a5442;
	margin-right:5px;
}

#boton .seccion a{
	padding-left:12px;
	padding-right:12px;
	padding-top:6px;
	height:18px; /* alto - padding = 28 - 6 */
	color:#FFF;
	text-decoration:none;
	display:block;
}


#boton .seccion a:hover{
	color:#d6beb2;
}

#boton .seccion .seleccionado{
	color:#d6beb2;
}

#boton .seccion .seleccionado:hover{
	color:#d6beb2;
}



.instalaciones a {
	
	color:#FFF;
	clear:both;
	text-decoration:none;
	font-size:13px;
}

.instalaciones a:hover{
	
	color:#7a5342;
}


/* SISTEMA DE PAGINACIÓN */

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

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	/* border: 1px solid #ddd; */
	text-decoration: none; 
	color: #aaa;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	/* border: 1px solid #a0a0a0; */
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	/* border: 1px solid #e0e0e0; */
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	/* border: 1px solid #f3f3f3; */
	color: #ccc;
}


/* BARRA DE SCROLL */

 
.flexcroll { color :#FFF; }

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


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

.vscrollerbase {
	width: 10px;
	background-color: white;
}

.vscrollerbar {
	width: 10px;
	background-color: #3c2f29;
}

.hscrollerbase {
	height: 10px;
	background-color: white;
}

.hscrollerbar {
	height: 10px;
	background-color: #3c2f29;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}

#textoNoticia a {
	color:#000000;
	text-decoration: none;
}