/* Hoja de estilos de paginas de Hotel Libretto */
a {TEXT-DECORATION: none}
 
 BODY {
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #949494;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #949494;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #949494;
      } 
  
  
  /* menu */
  
  .menu {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FF0000;}
  .menuenl {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;text-decoration: none;}
  .menuenl:hover {color: #FF0000;} 
  
  .contactoenl {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;text-decoration: none;}
  .contactoenl:hover {color: #FF0000;} 
    
  /* contenido */
    
  .titulo {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FFFFFF;}
  .titulo2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#333333;}
   
  .precio {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#61543A;}
  .ofertas {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;background-color: #BEB48B;text-decoration: none;}
  .ofertas:hover {background-color: #FFFFFF;}
  .consultar {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;background-color: #9D8F57;text-decoration: none;}
  .consultar:hover {background-color: #FFFFFF;}
   
   
  .texto1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;}
  .texto2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#333333;}
  .texto3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FFFFFF;}
  .textoenl {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;text-decoration: none;}
  .textoenl:hover {color: #63401D;}   
  
  .subapa {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FF0000;} 
  .subapaenl {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FF0000;} 
  .subapaenl:hover {color: #000000;}   
    
  .textarea {  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; font-weight: normal; color: #000000; border: 1px #FFFFFF solid; background-color: #FFFFFF}
  .formulario {  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; font-weight: normal; color: #000000; border: 1px #9E864E solid; background-color: #F2F0E8}  
  
  .enlaceenl {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FF0000;text-decoration: none;}
  .enlaceenl:hover {color: #FF0000;}   
  .texto2margen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin-left: 10px;
	margin-right: 10px;
}

  .forotit {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#000000;text-decoration: none;}
  .forotit:hover {color: #63401D;}	
  
  #framereservation{
	 	font-size: 13px;
	 	font-family:Lucida Sans Unicode,sans-serif;	
	}
  
  #framereservation a {
 		color:#333333;
 		padding: 0 17px;
 	}
 	#framereservation a:hover {
 		color:#333333;
 		text-decoration:underline;
 	}
  
/*************************COMUNES****************************/  
th{
	font-weight:normal;
}  
h2{
	font-family:AvantGarde-Book Bold,Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-transform:lowercase;
	color:#FFFFFF;
	display:inline;
}

input.boton{
	background:#6D5C36;
	border:0;
	color:#FFF;
	text-family:arial;
	text-size:0.5em;
}



/********************      PORTADA      *********************/
#portada{
	background: url("fotos/img/portada_vacia.jpg") no-repeat;
	overflow:hidden;
	height:26.25em;
	width:48.75em;
	padding:0;
}
html>body #portada{height:26.3em;}

#portada h1{
	display: none;
}

#portada #menu_idioma{
	position:relative;
	float:left;
	margin:5em 0 0 7em; 	
	clear:right;
	padding:0;
}


#portada #menu_idioma li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	display: inline;
	list-style-type: none;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 14em;
}

#portada #menu_idioma li a, #portada #menu_idioma li a:visited{
	color:#000000;	
	text-transform:lowercase;
}

#portada #menu_idioma li a:hover{
	color:#FFF;
}

#portada #menu_principal{
	position:relative;	
	float:left;
	margin:10.8em 0 0 5em;
	text-align:right;
	padding:0;
}

html>body #portada #menu_principal{
	margin:5em 0 0 40em;
}

#portada #menu_principal li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	list-style-type:none;
	margin:0 0 4em 0;	
}

#portada #menu_principal li a, #portada #menu_principal li a:visited{
	color:#000;
}

#portada #menu_principal li.primero{
	margin:0 0 3em 0;
}

#portada #menu_principal li.primero a, #portada #menu_principal li.primero a:visited{
	color:#FFF;
}
/********************    fin portada    *********************/
/********************      CABECERA     *********************/
#cabecera{
	background:#FFFFFF url(fotos/fondo_cabecera.jpg) no-repeat;
	width:48.75em;
	height:7.25em;
	overflow:hidden;
	padding:0;
	margin:0;
}


#cabecera h1{
	display:none;
}
#cabecera ul{
	padding:0;
}

#cabecera ul li{
	display: inline;
	list-style-type: none;
	float:left;
}

#cabecera ul li a img{
	border:0;
}

#cabecera ul.top{
	/*margin:4em 0 0 35.6em;*/
	margin:4em 0 0 32.6em;
	
}

#cabecera ul.presentation{
	position:relative;
	float:left;
	margin:0 0 0 12em;
}

#cabecera ul.presentation a img.hover{display:none;}
#cabecera ul.presentation a img.normal{display:block;}
#cabecera ul.presentation a:hover img.hover{display:block;}
#cabecera ul.presentation a:hover img.normal{display:none;}


#cabecera ul.main{
	position:relative;
	float:left;
	margin:0 0 0 2em;
	padding:0;
}


/********************    fin cabecera   *********************/
/********************** PRESENTACION ************************/
#presentacion{
	background:transparent url(fotos/fondo_presentacion.jpg) no-repeat;
	width:48.75em;
	height:29.625em;
	overflow:hidden;
	margin:0;
	padding:0;
}

#presentacion h2{
	margin:0 0 0 27em;
}

#presentacion p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;	
}

#presentacion p#parrafo1{
	height:3.75em;
	width:25em;
	margin:4em 0 0 12em;
}

#presentacion p#parrafo2{
	height:7em;
	width:34.8em;
	margin:6em 0 0 2.7em;
}

#presentacion p#parrafo3{
	font-family:AvantGarde-Book Bold,Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#FFFFFF;
	height:2.8em;
	width:30em;
	text-align:right;	
	margin:3.3em 0 0 6em;
}

#presentacion p#parrafo4{
	height:3.75em;
	width:34.8em;
	margin:2em 0 0 11em;
}
/********************* fin presentacion *********************/
/***********************SERVICIOS****************************/
#servicios{
	background:transparent url(fotos/fondo_servicios.jpg) no-repeat;
	width:48.75em;
	height:25.3125em;
	overflow:hidden;
	margin:0;
	padding:0;
}

#servicios h2{
	margin:0 0 0 49em;
}
#servicios h3{
	font-family:AvantGarde-Book Bold,Arial, Helvetica, sans-serif;
	font-size:1em;
	text-transform:lowercase;
	color:#FFFFFF;
}

#servicios ul{
	margin:0;
	padding:0;
	display:inline;
	float:left;	
}

#servicios ul li{
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6875em;
	color:#000000;
}
#servicios h3.servicios_spa{
	position:absolute;
	top:19em;
	left:1em;
}
html>body #servicios h3.servicios_spa{top:24.8em;left:13em;}

#servicios ul.servicios_spa{
	margin:4.9em 0 0 0;
	width:14em; 
}
#servicios ul.servicios_spa li{
	padding:0;
	height:1.77em;
	display:block;
}
html>body #servicios ul.servicios_spa li{
	margin:0 0 0 1em;
	height:1.92em;
}

#servicios h3.servicios_hotel{
	margin:4.3em 0 0 38em;
}

#servicios ul.servicios_hotel{
	margin:1.1em 0 0 8em;
	width:17em; 
}

#servicios ul.servicios_hotel li{
	padding:0;
	height:1.77em;
	display:block;
}

html>body #servicios ul.servicios_hotel li{
	margin:0 0 0 1em;
	height:1.92em;
}

#servicios ul.servicios_hotel_a {
	margin:1.1em 0 0 8.5em;
	width:6em; 
}
#servicios ul.servicios_hotel_a  li {
	height: 1.92 em;
	display:block;
	padding: .35em 0;
}
#servicios ul.servicios_hotel_b{
	margin:6.2em 0 0 0;
	width:9.5em; 
	text-align:right;
}
#servicios ul.servicios_hotel_b li {
	height: 1.92 em;
	display:block;
	padding: .35em 0;
}

#servicios ul.servicios_hotel_c{
	margin:0em 0 0 21.5em;
	width:16.5em; 
	text-align:right;
}
#servicios ul.servicios_hotel_c li {
	height: 1.93 em;
	display:block;
	padding: .35em 0;
}



/*********************fin servicios**************************/

/************************TARIFAS*****************************/

/********************* fin tarifas***************************/

/***************************PIE*************************************/
#pie{
	background:transparent url('fotos/pie_vacio.jpg') no-repeat;
	width:780px;
	height:44px;
	overflow:hidden;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size:0.7em;
	float:left;

}
#pie #direccion{
	color:#000;
	margin:0.3em 0 0 1em;
}
#pie #direccion span{
	margin-right:1em;
}

#pie #direccion a,
#pie #direccion a:hover,
#pie #direccion a:visited{
	text-decoration:none;
	color:#000;
}


#pie #contacto{
	float:left;
	color:#FFF;
	margin:0.9em 0 0 1em;
}
#pie #contacto a,
#pie #contacto a:hover,
#pie #contacto a:visited{
	text-decoration:none;
	color:#FFF;
}
#pie #contacto img{
	float:right;
	border:0;
	margin:-1.3em 2em 0 0;
}
#pie #contacto span{
	margin-left:5em;
}
/************************fin  PIE*************************************/
/********************GALERIA DE IMAGENES******************************/
#galeria{
	background:#FFFFFF url('fotos/fondo_galeria.jpg') no-repeat top;
	width:48.6875em;
	height:19.875em;
	padding:0;
	margin:0;
	overflow:hidden;
}

#galeria h2{
	float:right;
	margin:0 1em 0 0;
	display:inline;
	clear:both;
	position:relative;
	display:block;
	width:8em;
}

#galeria #menu{
	width:22.5em;
	float:right;
	margin:0.2em 0 0 0;
	position:relative;
	clear:right;
	padding:0;
}

#galeria #menu li{
	list-style-type:none;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6875em;
	color:#000000;
	height:1.8em;
	margin:0;
	padding:0 0 0 0.6em;
}

html>body #galeria #menu li{
	height:2em;
}

#galeria #menu li a,
#galeria #menu li a:visited,
#galeria #menu li a:hover{
	color:#000000;
	margin:0 8em 0 0;
}

#galeria #submenu{
	background: transparent;
	width:1.2em/*25px*/;
	height:14.6875em/*235px*/;
	margin:0 15.8em 0 0;
	padding:1.21em 0 0 0;
	position:relative;
	float:right;
}

html>body #galeria #submenu{
	margin:0 1.35em 0 0;
	padding:0;
	height:13.5em;
}

#galeria #submenu li{
	list-style-type:none;
	
}

#galeria #submenu li img{
	border:0;
}

#galeria #visor{
	margin:0 0 0 0.28em; 

}

#galeria h3{
	position:relative;
	float:right;
	font-family:AvantGarde-Book Bold,Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-transform:lowercase;
	color:#FFF;
	display:inline;
	margin:-4.5em 13em 0 0;
}


#galeria #panos1{
	poosition:relative;
	float:right;
	margin:-2.4em 0.3em 0 0;
	padding:0;
}
html>body #galeria #panos1{
	margin:-2.1em 0.3em 0 0;
}

#galeria #panos1 li{
	list-style-type:none;	
	display:inline;
	height:3.5em;
}

#galeria #panos1 li img{
	border:0;

}
#galeria #panos2{
	poosition:relative;
	float:left;
	margin:0 0 0 2.9em;
	width:45.625em;
	padding:0;
}

#galeria #panos2 li{
	list-style-type:none;	
	display:inline;
}

#galeria #panos2 li img{
	border:0;
}

/********************fin galerķa******/******************************/
/***********************   Localizacion   **************************/
#menu_localizacion{
	padding:0;
}
#menu_localizacion ul{
	margin:0;	
	padding:0;
}

#menu_localizacion ul li{
	list-style-type:none;
	display:inline;
	float:left;
	margin:0 0 -0.3em 0;	
	/**/	
}

#menu_localizacion ul li img{
	border:0;
}
#botonera_plano{
	background:transparent url("fotos/fondo_lista_localizacion.gif") repeat-x;	
	margin:0;
	padding:0;
}

#botonera_plano li{
	list-style-type:none;
	display:inline;
	vertical-align:top;
}
#botonera_plano li a{
	font-family:Verdana;
	font-size:11px;
	text-decoration:none;
	color:#000;
	padding:2.5em 0 0 0;
}
#botonera_plano li img{
	margin-bottom:-.4em;
}

/***********************  fin Localizacion  ************************/