/* ------------------------------------------------ */
/*   Maquetacion de la pagina alhambraDeGranada 08  */
/* ------------------------------------------------ */


/* Engloba a todo */
#pagina{
/*	width: 62.7em;*/
   width: 62.4em;
	background-color: #FFFFFF;
	text-align: left;
	padding-bottom: 0.5em;
}

.noscript{
	padding-right:10em;
	padding-left:4em;
	padding-top:0.5em;
	padding-bottom: 0.5em;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight: bold;
   color: #000000;
	background-color: transparent;
	z-index: 5;
	position: relative;
}



/* ------------------------------------------------------------- */
/*                  Para la cabecera de la pagina                */
/* ------------------------------------------------------------- */

#cabecera{
	position: relative;
	z-index: 0;
	margin-top: 0em;
}

	/* Para la imagen de la cabecera */
	#fondoImagenCabecera {
/*		width: 62.7em;*/
      width: 62.4em;
		height: 12.207em;
		/*position: absolute;*/
		z-index: 1;
	}
	
		/*img.fondoImagenCab {*/
      #fondoImagenCabecera img{
/*			width: 62.7em;*/
         width: 62.4em;
			height: 12.207em;
		}
		

      
      
	/* Sobre la imagen de cabecera ponemos el enlace a la home */
	/*#imagenCabecera{
		width: 62.7em;
		height: 12.207em;
		background-color: transparent;
		clear: both;	
		position:relative;
		z-index: 2;
	}
	
		#enlaceHomeCabecera {
			margin-top: 1.7em;
			margin-left: 1em;
			float:left;
		}
	*/
	
	/* Para poner las banderas de los idiomas y los enlaces */
	#fondoMenuCabecera {
/*		width: 62.7em;*/
      width: 62.4em;
		height: 2.3162em;
		position: absolute;
		z-index: 1;
	}
	
		img.fondoImagenMenuCab {
/*			width: 62.7em;*/
         width: 62.4em;
			height: 2.3162em;
		}
		
	#menuCabecera {
/*		width: 62.7em;*/
      width: 62.4em;
		height: 2.3162em;
		background-color: transparent;
		clear: both;	
		position:relative;
		z-index: 2;
	}
	
		
		/*Para las banderas de los idiomas*/
		#banderasIdiomas {
			width: 11em;
			height: 1.6276em;
			float: left;
			padding-left: 1em;
		}
		
			img.banderaIdioma {
				width: 1.5024em;
				height: 1.4398em;
				margin-right: 0.3em;
				margin-top: 0.1em;
			}
			
		/*para los enlaces del menu superior*/
		#menuSuperior {
			height: 1.6276em;
			float: left;
		}
			
		
/* ------------------------------------------------------------- */
/*                     Para la parte central                     */
/* ------------------------------------------------------------- */

/*Contiene toda la parte central*/
#contenido {
/*	width: 62.7em;*/
   width: 62.4em;
	background-color: #FFFFFF;
	z-index: 1;
	min-height: 30em;
}

	/*Sombra para la parte superior del contenido, debajo de cabecera*/
	#sombraSup {
/*		width: 62.7em;*/
      width: 62.4em;
		height: 2.0658em;
		background-color: #FFFFFF;
	}
	
		img.sombraSupContenido {
/*			width: 62.7em;*/
         width: 62.4em;
			height: 2.0658em;
		}
		
	/*Contenedor de las tres columnas debajo de la sombra*/
	#contenidoColumnas {
/*		width: 62.7em;*/
      width: 62.4em;
		background-color: #FFFFFF;
		z-index: 1;
		min-height: 30em;
	}
	
		#unico{
			padding:1em;
		}
	
		/*Columna izquierda con el menu y ...*/
		#columnaIzquierda {
			width: 11.894em;
			background-color: #FFFFFF;
			z-index: 2;
			float:left;
		}
		
			/*Para meter el menu de la columnaIzquierda*/
			#menuIzquierda {
				width: 11.894em;
				background-color: #FFFFFF;
				z-index: 3;
			}
			
				/*Contiene un titulo no pinchable*/
				.itemTituloIzquierda {
					height: 2.2em;
					padding-left: 1em;
					line-height: 2.2em; /*Para que se quede centrado el texto*/
					z-index: 4;
				}
				
				/*Contiene un enlace*/
				.itemEnlaceIzquierda {
					height: 1.7528em;
					/*padding-left: 1em;*/
					line-height: 1.7em; /*Para que se quede centrado el texto*/
					z-index: 4;
				}
				
					/*Para hacer el resaltado del menu al pasar el raton*/
					.fondoItemIzquierda {
						height: 1.7528em;
						width: 11.894em;
						z-index: 5;
						position:absolute;
						display:none;
					}
					
						img.imgFondoIzquierda {
							height: 1.7528em;
							width: 11.894em;
						}
						
					.sobreItemIzquierda {
						padding-left: 1em;
						height: 1.7528em;
						width: 10.894em;
						z-index: 6;
						position:relative;
					}
				
				/*Separador del menu de la izquierda*/
				.lineaMenu {
					height: 0.1252em;
					width: 11.894em;
					z-index: 5;
				}
				
					/*Para que la imagen crezca*/
					img.linea {
						height: 0.1252em;
						width: 11.894em;
					}
		
		
		/*Div para contener la columnaCentral y la columnaDerecha*/
		/*Es lo que cambia en la pagina; es el contenido de las paginas*/	
		#contenedor {
			margin: 0em;
			margin-left: 11.894em;  
			padding: 0em;
			padding-left: 2em;
			padding-right: 0.5em;
			padding-top: 0.5em;
			z-index: 1;
			background-image: url(../imagenes/fondoContenedor.jpg);
			background-position: top left;
			background-repeat: repeat-y;
			min-height: 57em;
		}
		
			/*Para la columnaCentral donde se pinta el contenido de la pagina*/
			#columnaCentral {
				margin: 0em;
				padding: 0em;
				z-index: 2;  
				float: left;
				width: 36em; 
			}
			
			/*Donde se colocara la publicidad*/
			#columnaDerecha {
				margin: 0em;
/*				margin-left: 37.56em;  */  /* con este valor se jode AdecuarAlturas  */
				margin-left: 37.46em;  
				padding: 0em;
				z-index: 2;
			}
			
/* -- Para la columnaCentral que es donde va el contenido -- */

#noticiaYfoto {
	overflow: auto;
	margin-bottom: 0.5em;
}

	#noticiaPortada {
		margin: 0em;
		padding: 0em;
		padding-bottom: 0.5em;
		width: 17.5em;
	}

	#fotoDiaPortada {
		margin: 0em;
		padding: 0em;
		padding-bottom: 0.5em;
		width: 18em;
	}

	/* Para ponerle el marquito a las fotos */
	.fondoMarcoFoto{
		position: absolute;
		z-index: 6;
	}

	.sobreMarcoFoto {
		position: relative;
		z-index: 7;
	}

	.pieFoto {
		text-align: center;
	}
	/* ------------------------------------ */

/* Para meter las cajitas de la parte central de la portada */

#destacados {
	clear: both; 
	float: left;
}

	/*Contenedor de las pestaņas de las cajitas*/
	#cabecerasDestacadas {
		margin:0em; 
		padding: 0em;
		height: 1.565em;
	}

		/*Pestaņa individual*/
		.cabeceraDestacada {
			width: 11.6em;
			height: 1.565em;
			float:left;
		}
		
			/*Fondo rojo de la pestaņa*/
			.fondoCabeceraDestacada {
				width: 11.6em;
				height: 1.565em;
				position:absolute;
				z-index: 4;
			}
			
				/*Para que la imagen crezca*/
				.pestanaRoja {
					width: 11.6em;
					height: 1.565em;
				}
			
			/*Capa para colocar el enlace sobre el fondo de la pestaņa*/
			.sobreCabeceraDestacada {
				width: 11.6em;
				height: 1.565em;
				position:relative;
				z-index: 5;
				text-align:center;
			}
		
	/* Fondo gris con compartimentos */
	#fondoCajaDestacados {
		width: 35.25em;
		height: 9.5152em;
		position: absolute;
		z-index: 4;
	}
	
		img.fondoCajaDestacadosGris {
			width: 35.25em;
			height: 9.5152em;
		}
		
	#sobreCajaDestacados {
		width: 35.25em;
		height: 9.5152em;
		position: relative;
		z-index: 5;
	}
	
		.compartimento {
			width: 11.6em;
			float:left;
		}
	
		.compartimento3 {
			width: 10.6em;
			float:left;
		}

			.imagenCompartimento {
				margin-top: 0.1em;
				margin-left: 2.5em;
            cursor: pointer;
			}
			
				img.imgCompartimento {
					/*width: 6.1974em;
					height: 6.1974em;*/
					width: 6.0625em;
					height: 5.9375em;
				}
				img.imgCompartimento2{
					width: 7.6875em;
					height: 4.1875em;
					margin-top: 0.625em;
					margin-bottom: 1.25em;
				}
				img.imgCompartimento3{
					width: 5.6875em;
					height: 5.625em;
					/*margin-bottom: 0.5em;*/
				}
			
			.textoCompartimento {
				margin-left: 1em;
            cursor: pointer;
			}
	
/* Para meter el buscador y enlaces a info en la parte inferior de la pagina */

#buscadorEnlaces {
	margin-top: 1em;
	overflow: auto;
	clear: both;
}
	
	#inferiorIzquierda {
		float:left;
		width: 17.528em;
	}
	
		/*Para meter el buscador*/
		#buscadorHoteles {
			width: 16.9646em;
			padding: 0em;
			margin-bottom: 0.5em;
		}
		
			#fondoBuscadorHoteles {
				width: 16.9646em;
				height: 12.0818em;
				position:absolute;
				z-index: 4;
			}
			
				img.imgFondoBuscadorHoteles {
					width: 16.9646em;
					height: 12.0818em;
				}
			
			#sobreBuscadorHoteles {
				width: 16.9646em;
				height: 12.0818em;
				position:relative;
				z-index: 5;
			}
	
	/*Para la info con los enlaces*/
	#inferiorDerecha {
		margin-left: 18.5em;
		width: 16.9646em;
	}
	
		/*Cajita de cada uno de los enlaces con foto y texto*/
		.cajita {
			margin-bottom: 0.3em;
			height: 6.26em;
			width: 16.9646em;
		}
		
			.imagenCajita {
				width: 6.3226em;
				float:left;
			} 
			
				img.imgImagenCajita {
					width: 6.3226em;
					height: 4.1942em;
				}
			
			.textoCajita {
				margin-left: 7em;
			}
	
/* ------------------------------------------------------------- */
/*                  Para el pie de la pagina                     */
/* ------------------------------------------------------------- */

#pie{
/*	width: 62.7em;*/
   width: em;
	background-color: #FFFFFF;
	z-index: 1;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	clear:both;
	height: 2em;
	padding-top: 1em;
}

	/* Para meter el menu */
	.menuPie {
		padding-top: 0.6em;
		margin-top: 0em;
	}
	
/*************************************************************************/
/*                 Para los establecimientos                             */		
/************************************************************************/

.seccionEstabl{
	margin-bottom: 1em;
}
/************************************************************************/

/* BUSCADOR DE PAGINA INICIAL*/

.avanzadasPpal{
   width: 16.5625em; /* 265px*/
	border: 0.0625em solid #C6C6C6;
	background-color: #F9F9F9;
	padding-right: 0em;
	z-index: 1;
}
/* PAGINA DE ALOJAMIENTOS */

.alojamientos{
	width: 95%;
}
.colAlojamiento{
	width: 45%;
	padding: 0.3125em; /*5px*/
}
.cuadroResalt{
	background-color: #FBF8F3;
	padding: 0.625em; /*10px*/
	width: 100%;
}
img.fotoAloj{
	width: 8.6em; /*110px;*/
	height: 5.7em; /*73px;*/
}
img.noFotoG{
  width: 9.1875em; /*147px*/
  height: 7.0625em; /*113px*/
}
/*#idMarcoFoto{
  position: absolute;
  z-index: 1
}*/
/*#idFotoEst{
	position: absolute;
	z-index: 2;
/*	padding-left: 0.125em; /* 2px*/
/*}*/

/*#fotoSombraEstabl{ 
   color: inherit; 
   margin-left: 4px; 
   margin-top: 4px; 
} */

/*#sombraFoto, #fotoEstabl{ 
   position: relative; 
   bottom: 2px; 
   right: 2px; 
} */

#fotoTxtEstabl{
	padding-top: 0.5em;
}
#fotoEstabl{
   padding-left: 0.625em; /* 10px*/
	padding-top: 0.625em; /* 10px*/
	padding-right: 0.625em; /* 10px*/
	padding-bottom: 1.875em; /*30px*/
	border-left: 0.0625em solid Silver;
	border-top:  0.0625em solid Silver;
	border-bottom: 0.0625em outset Silver;
	border-right: 0.0625em outset Silver;
	margin-right: 1em;
	margin-bottom: 1em;
	
}
#txtEstabl{
  padding-left: 0.5em; /* 8px*/
}
#masInfo{
	margin-bottom: 2em;
}
a.enlaceInfoEstabl{
	font-family: Tahoma;
	font-size: 0.75em;
	color: #B33A01;
	text-decoration: none;
}
a.enlaceInfoEstabl:hover{
  text-decoration: underline;
}

a.enlaceInfoEstablResalt{
	font-family: Tahoma;
	font-size: 0.75em;
	font-weight: bold;
	color: #B33A01;
	text-decoration: none;
}
a.enlaceInfoEstablResalt:hover{
  text-decoration: underline;
}

object.flashCabecera{
	width: 62.4em;
	height: 12.1875em;
}


/* NUEVA MAQUETACION DEL NUEVO DISEŅO */
#contenedorPpal{
	float: right;
	width: 48.75em;
}

#contSupPpal{
	clear: both;
	float: right;
	width: 48.75em;
	//width: 48.3pem;
}
#contInfPpal{
	clear: both;
	float: right;
	width: 46.7em;
	margin-right: 0.8em;
	//margin-right: 0.5em;
	//width: 46.5em;
}
#contSupIzda{
	margin-right: 1em;
	float: left;
}
#contSupDcha{
	width: 19.5em;
	float: right;
}

div.destacadoPortada{
   background-color: #FBFBFB;
	border-top: 0.0625em solid #EEEEEE;
	border-bottom: 0.0625em solid #EEEEEE;
	border-right: 0.0625em solid #EEEEEE;
	border-left: 0.25em solid #B33A01;
	padding: 0.3125em;
	width: 26.85em;
	margin-bottom: 0.3125em;
	float: left;
	clear: both;
}
div.destacadoPortada img{
	margin-top: 0.5em;
	width: 8.0625em;
	height: 5.4375em;
}
#contInfPpal img{
	width: 7.8125em;
	height: 5.4375em;
	border: none;
   padding-top: 0.5em;
	padding-bottom: 0.5em;
}
div.textoDestacado{
	width: 18em;
	float: left;
	margin-left: 0.625em;
	padding-top: 0.5em;
}
div.enlaceDestacado{
	width: 20em;
	float: left;
	margin-left: 0.625em;
	padding-top: 1em;
}

/* buscador de portada*/
div.cuadroPagInicial{
	border-top: 0.25em solid #B33A01;
	margin-top: 0.3125em;
	margin-bottom: 1em;
	width: 18.5em;
}
/* buscador de paginas interiores */
div.cuadroPagInicial2{
	border-top: 0.25em solid #B33A01;
	margin-top: 0.3125em;
	margin-bottom: 1em;
	width: 10em;
}

div.fotoDestacada{
   border-top: 0.25em solid #B33A01;
	border-bottom: 0.25em solid #B33A01;
	padding: 0em;
	float: left;
	margin-bottom: 1em;
}
#noticiasPortada{
	width: 18.5em;
}
div.bloqueNotPpal{
	padding-bottom: 0.8em;
}
div.bordeBloquePpal{
	border-top: 0.0625em solid #C9C9C9;
}
div.destacadoGuia{
	clear: both;
	background-color: #F0F0F0;
	padding: 0.3125em;
	margin-top: 1em;
}
div.casillaGuia{
	float: left;
	width: 8.9em;
	text-align: center;
	padding: 0em 0.2em 0em 0.2em;
}
div.casillaTextoGuia{
	float: left;
	width: 12.7em;
/*	text-align: center;*/
	padding: 0em 0.25em 0em 0.25em;
	margin: 0em 0.26em 0em 0em;
/*	border: 1px solid red;*/
}

#bHotelesPortada{
	background-color: #F4F4F4;
}

#bHotelesPortada2{
	background-color: #F4F4F4;
	float: right;
	width: 10em;
	margin-bottom: 0.5em;
}
#sobreBuscadorHotelesPortada{
	height: 11.5em;
	width: 18em;
	clear: both;
}
#sobreBuscadorHotelesPortada2{
	height: 16.5em;
	clear: both;
}

.hotelesBuscador{
   white-space: nowrap;
	clear: both;
	margin-top: 4.5em;
	//margin-top: 1.5em;
}
.hotelesBuscador2{
   white-space: nowrap;
	clear: both;
	margin-top: 0.8em;
	//margin-top: 1.5em;
}

#avanzadas2{
	width: 8.5em;
}

.avanzadasPpal2{
   width: 18.05em;
	border: 0.0625em solid #C6C6C6;
	background-color: #F9F9F9;
	padding-right: 0em;
	z-index: 1;
	margin-top: 0.0625em;
	margin-bottom: 0.3125em;
}
.avanzadasPpal2Int{
   width: 9.5em;
	border: 0.0625em solid #C6C6C6;
	background-color: #F9F9F9;
	padding-right: 0em;
	z-index: 1;
	margin-top: 0.0625em;
}

/*#buscadorBooking{
	float: right;
	margin-right: 0.625em;
}*/

#fotoDelDia{
	margin-top: 0.625em;
	float: left;
	clear: both;
}

img.bannerDestacado{
	margin-left: 0.7em;
	margin-right: 0.8em;
}

/* div boton compartir*/
div.botonCompartir{
	float: right;
	clear: both;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 0em;
}

/**/

div.notasBuscBooking{
	clear: both;
	padding-top: 0.625em;
	padding-bottom: 0.3125em;
	color: #B33A01;
}

#botonMeGusta{
	float: left;
	clear: both;
}