/* Guía colores 
verde pistacho: #9c0;
*/

/* La web se divide en 3 bloques: header, contenido y footer*/
html { background:#000 url(/img/fondo.gif); }
body { 
	width: 1000px; height:585px; margin: 0 auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif; }
p { color:#fff; line-height: 20px; text-align:justify; margin-right:10px; }
a:hover, a.Sel {color:#9c0 !important /*para que se imponga sobre el resto de normas de enlaces */ ; }
strong { color:#9c0;}
.print { display: none; } /* Objetos que han de aparecer por print, no por screen */

/* ----- CABECERA ----- */
#header { position: relative; width:100%; height:105px; background-color:#000;  }
	#header h1 { position:absolute; left:45px; top:9px; }
		#header h1 a { 
			display: block; width:139px; height:90px; text-indent:-9999px; /*para ocultar el texto*/
			background: url(/img/gif/logo.gif) no-repeat;}	
	/* Menú principal */
	#header ul#menu { position: absolute; left:222px; top:73px;}
		#header ul#menu li { float: left; }
			#header ul#menu li a {
				font-size: 14px; 
				color: #fff; text-decoration:none; text-transform:lowercase;
				padding-left:10px; margin-right: 12px;
				background:url(/img/gif/flecha_menu.gif) no-repeat left 6px; }
	/* Menú de idiomas */
	#header ul#idiomas { position: absolute; top:6px; right:6px; }
	#header ul#idiomas li { float: left; }
		#header ul#idiomas li a { font-size: 9px; color: #fff; text-decoration: none;  margin-right: 5px; }
			#header ul#idiomas li a img { margin-right:4px; vertical-align:bottom; border:none; }

/* ----- CONTENIDO ----- */
#flash, #contenido { position: relative; width: 100%; height:417px; background-color:#000; }
/* Se divide en dos bloques, #izda y #dcha */
	#contenido div#izda { position: absolute; width: 476px; height:390px; left:15px; top:22px; }
	#contenido div#dcha { position: absolute; width: /*465px*/ 446px; height:375px; right:15px; top:26px; }
	#contenido div.dcha2 { position: absolute; width: 410px; right:45px; top:26px; background-color:#000; }
		#contenido div.dcha2 h1 { white-space:nowrap; }

		#contenido h1 {
			margin-bottom: 30px; color: #9c0; font-size:17px; text-align:center;
			text-transform:uppercase; font-weight:bold;}
		#contenido h2 { 
			height:11px; display: block; /*para ajustar la altura del enlace*/
			color: #9c0; font-weight:normal; text-transform:uppercase;
			padding-left: 27px; background:url(/img/gif/ul_bullet.gif) no-repeat 0 0;
			margin-bottom: 30px; margin-top: 15px;  }
		
/* --- TEXTO PRINCIPAL ---*/
/* Los párrafos están contenidos en #contenido > .holder > #scroll
Los enlaces de imprimir y volver están en #contenido */
#contenido a { color: #9c0; text-decoration: none; }
#contenido br {margin-bottom:15px;}

/* La capa holder es la capa que contiene texto. Si ha de tener scroll, se le ha de meter dentro la capa #scroll */
div#holder { position: relative; width:476px; height:305px; margin-bottom: 15px; }	

/* --- SCROLL --- */
div.scroll_on { height:305px; width:445px; overflow:hidden; }
div.scroll_off { width:476px; }

/* flechas scroll */
#fArriba { 
	position: absolute; top:0; right:0; width: 19px; height:33px; display:block;
	background:url(/img/gif/scroll_arrow.gif) no-repeat left 0; }
	#fArriba:hover { background-position: left -33px; }
#fAbajo { 
	position: absolute; bottom:0; right:0; width: 19px; height:33px; display:block;
	background:url(/img/gif/scroll_arrow.gif) no-repeat right 0;} 
	#fAbajo:hover { background-position: right -33px; }
			
/* --- ENLACE IMPRIMIR ---*/
#enlacesbody {width: 100%; position: relative; }
.imprimir { 
	position: absolute; top: 0; right: 0;/*margin-right:33px;*/ padding-left: 17px; background:url(/img/gif/icono-imprimir.gif) no-repeat left 2px;
	font-size:10px; color: #fff !important; text-decoration:none; }					
.volver { position: absolute; top: 0; left: 0;}

/* --- LISTAS UL --- */
#contenido div#izda ul { list-style: none; margin-left: 7px;}
	#contenido div#izda ul li { margin: 23px 0; }
	#contenido div#izda ul li a {
		height:11px; display: block; /*para ajustar la altura del enlace*/
		color:#fff; text-transform:uppercase; text-decoration: none;
		padding-left: 27px; background:url(/img/gif/ul_bullet.gif) no-repeat 0 0;}
		#contenido div#izda ul li a:hover {background-position: 0 bottom; }						
	
/* --- FORMULARIO --- */
#contenido label, #contenido .label_ancho {
	position: relative; display:block!important; width: 120px;
	text-align:left; padding: 0 0 20px 0; line-height: 20px;
	color: #999; text-transform:uppercase; font-size: 10px; }
	
#contenido .label_ancho { width: 400px; }
#contenido form span { font-size:8px; }

label.error { color: red; }

#contenido input.formInput, #contenido input.formInputsmall {
	position: relative; float:right; margin-top: -43px; padding: 5px;
	width: 315px; height: 15px; background-color: #1c1c1c; border:1px solid #333;
	color: #fff; text-transform: uppercase; font-size:12px; text-align:center;} 
#contenido input.formInputsmall { width: 240px; }

#contenido textarea {
	position: relative; float: right; margin-top: -15px; padding: 5px;
	width: 395px; height: 102px; background-color: #1c1c1c; border:1px solid #333;
	color: #fff; }
.formArea { font: 14px Arial, Helvetica, sans-serif; letter-spacing: 1px;}

#contenido .boton {
	position: relative; float: right; width: 55px; height: 25px; margin: 5px 0; padding-left: 17px;
	background: #9c0 url(/img/gif/submit.gif) no-repeat 5px center; color: #000; border:none;
	font: 12px Arial, Helvetica, sans-serif; }

#contenido p.libro-nombre { float: left; }
#contenido p.libro-estrellas {
	width:87px; height: 14px; line-height: 0; display: block; float: left; position: relative;
	background:url(/img/gif/estrellas_minis.gif) no-repeat left top; text-indent: -9999px; }
#contenido p.libro-comentario { margin-bottom: 20px; clear:both; }

#contenido ul#puntuacion_estrellas { 
	position: relative; float: left; margin-top:-40px; margin-left: 90px; height: 20px;
	background:url(/img/gif/estrellas.gif) no-repeat 0 -100px; }
#contenido ul#puntuacion_estrellas li { float: left; width: 26px; height: 20px; display: block; text-indent:-9999px;}

/* --- GALERIA IMAGENES DCHA --- */
/*#contenido div#dcha ul#portfolio,*/
#imagenes, ul#slide_control { width:446px; }
#imagenes { height: 335px; overflow:hidden; border-top:15px solid #333; }
	#imagenes img { display: none; }
	#imagenes img.active { display: inline; }
ul#slide_control { position:absolute; bottom:0; z-index:5000; height: 25px; background-color:#333; }
/* más css acerca del slider en slider.css */

/* --- MAPA GOOGLE --- */
#mapa {width: 465px; height:375px; overflow:hidden;}

/* --- CALENDARIO RESERVAS --- */
#calendario { 
	position: absolute; left: 100px; top:20px; width: 280px; height:280px;
	border:1px solid #333; background-color:#000; overflow:hidden;}

/* ----- FOOTER ----- */
#footer { position: relative; height:63px; width: 100%; background-color:#000; margin-bottom:20px; padding-bottom: 10px; }
	#footer ul { position: absolute; left: 67px; top: 24px;}
		#footer ul li { float: left; margin: 0 35px; }
			#footer ul li a img { vertical-align:middle; }
			#footer ul li a {
				text-decoration:none;
				text-transform: uppercase; font-size:10px; color: #9c0;}
			#footer ul li a:hover span, #footer ul li a.Sel span { color:#fff;}