@charset "utf-8";

/* CMO HACER APLICAR UN CAMBIO SLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin mrgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 100% Arial;}
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border:none;text-decoration:none;color:#565656;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rpido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}

img, .png {
	position: relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "/imagenes/comunes/transparente.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/

body{ color:#817f7d; margin:0;padding:0;font-size:100%; background:url(/imagenes/comunes/fondo.jpg) repeat-x;} 

#colizq{display:inline; float:left; background:url(/imagenes/comunes/fondo_izq.jpg) no-repeat; width:9px;}
#colcentro{float:left; width:1010px;}
#colder{float:left; background:url(/imagenes/comunes/fondo_der.jpg) no-repeat; width:9px;}

#flash {margin-left:7px;}

/**********************************************
				CABECERA
***********************************************/

#cabecera{width:967px;height:291px;background:url(/imagenes/comunes/fondo_cabecera.png) top no-repeat;margin:auto;padding-top:0px;}
	#cabecera h1{float:left;margin-left:3px;display:inline;}
		#cabecera h1 a{float:left;width:207px;height:96px;display:inline;background:url(/imagenes/comunes/logo.jpg) no-repeat;text-indent:-9999px;overflow:hidden;}	
		
		#cabecera .menu_superior{float:right;margin-top:10px;margin-right:5px;display:inline;height:20px;}

			/*reservas*/
			#cabecera #reservas{float:left;display:inline;padding-right:264px;}
				#cabecera #reservas span{color:#cc8147;font-size:12px;font-family:Tahoma;}
				#cabecera #reservas a{margin-left:5px;color:#cc8147;font-size:12px;font-family:Tahoma;}

			/*compartir*/
			#cabecera #compartir{ float:right; padding-right:10px; margin-top:5px;}
				#cabecera #compartir span{color:#a3a3a3;font-size:10px;font-family:Tahoma;}
				#cabecera #compartir a{margin-left:5px;}

			/*nav util*/		
			#cabecera .menu_superior .nav_util{float:left;}
				#cabecera .menu_superior .nav_util ul.navegacion{float:left; list-style:none;}
					#cabecera .menu_superior .nav_util ul.navegacion li{float:left;margin-right:10px;display:inline;}
						#cabecera .menu_superior .nav_util ul.navegacion li a{float:left; font-family:Tahoma; font-size:10px; color:#CCC;}
							#cabecera .menu_superior .nav_util ul.navegacion li a.inicio{padding-left:18px; background:url(/imagenes/comunes/home.gif) left center no-repeat;}
							#cabecera .menu_superior .nav_util ul.navegacion li a.mapa{padding-left:21px; background:url(/imagenes/comunes/site-map.gif) left center no-repeat;}
							#cabecera .menu_superior .nav_util ul.navegacion li a.contacto{padding-left:17px; background:url(/imagenes/comunes/contact.gif) left center no-repeat;}

	/*menu*/
	#cabecera .menu{float:left;display:inline;margin-top:-30px;margin-left:209px;}
		#cabecera .menu ul{}
			#cabecera .menu ul li{float:left;display:inline;}
				#cabecera .menu ul li a{display:block;text-indent:-9999px;height:34px;} /*imagen 960x100, -206-> 92-114-94-69-69-121-117-84*/
					#menuES{width:775px;}
						
					#menuES .conocenos{background: url(/imagenes/comunes/menuES.png) no-repeat -206px 0;width:92px;}
					#menuES .conocenos:hover, #menuES .conocenos-selec{background: url(/imagenes/comunes/menuES.png) no-repeat -206px -48px; width:92px;}
					
					#menuES .apartamentos{background: url(/imagenes/comunes/menuES.png) no-repeat -298px 0;width:114px;}
					#menuES .apartamentos:hover, #menuES .apartamentos-selec{background: url(/imagenes/comunes/menuES.png) no-repeat -298px -48px; width:114px;}
					
					#menuES .fotografias{background: url(/imagenes/comunes/menuES.png) no-repeat -412px 0;width:92px;}
					#menuES .fotografias:hover, #menuES .fotografias-selec{background: url(/imagenes/comunes/menuES.png) no-repeat -412px -48px; width:92px;}
					
					#menuES .tarifas{background: url(/imagenes/comunes/menuES.png) no-repeat -506px 0;width:69px;}
					#menuES .tarifas:hover, #menuES .tarifas-selec{background: url(/imagenes/comunes/menuES.png) no-repeat -506px -48px; width:69px;}
			
					#menuES .ofertas{background: url(/imagenes/comunes/menuES.png) no-repeat -575px 0;width:69px;}
					#menuES .ofertas:hover, #menuES .ofertas-selec{background: url(/imagenes/comunes/menuES.png) no-repeat -575px -48px; width:69px;}
			
					#menuES .como-reservar{background: url(/imagenes/comunes/menuES.png) no-repeat -644px 0;width:121px;}
					#menuES .como-reservar:hover, #menuES .como-reservar-selec{background: url(/imagenes/comunes/menuES.png) no-repeat -644px -48px; width:121px;}
					
					#menuES .turismo-ocio{background: url(/imagenes/comunes/menuES.png) no-repeat -765px 0;width:117px;}
					#menuES .turismo-ocio:hover, #menuES .turismo-ocio-selec{background: url(/imagenes/comunes/menuES.png) no-repeat -765px -48px; width:117px;}

					#menuES .contacto{background: url(/imagenes/comunes/menuES.png) no-repeat -882px 0;width:84px;}
					#menuES .contacto:hover, #menuES .contacto-selec{background: url(/imagenes/comunes/menuES.png) no-repeat -882px -48px; width:84px;}
			

/**********************************************
				PIE
***********************************************/

#pie{width:967px;background:url(/imagenes/comunes/fondo_pie.png) top no-repeat;margin:auto;}
	#pie #fondopie{background-color:#FFF;margin-left:9px;margin-right:9px;height:99px;}
	#pie #fondopie p.pieContacto		{color:#999; font-size:10px; margin-top:2px;}	
	#pie #fondopie p.pieContacto a		{ margin-left:5px;}
	#pie #fondopie p.pieContacto span	{color:#cc8147;font-weight:bold; margin-right:40px;}
	#pie #fondopie a.logo{width:967px;height:64px;display:block;background:url(/imagenes/comunes/logo_pie.jpg) no-repeat;text-indent:-9999px;overflow:hidden;margin-top:0px; margin-left:-10px;}


/**********************************************
				CONTENIDO
***********************************************/

#contenido{background-color:#FFF;width:967px;margin:auto;background:url(/imagenes/comunes/fondo_contenido.png) repeat-y;}
	#contenido #interior{float:left; width:940px; padding-left:20px; display:block; overflow:hidden;}


/**********************************************
				ATT. CLIENTE
***********************************************/

#atencion-al-cliente{float:left;width:255px;height:169px;background:url(/imagenes/comunes/fnd-atencion-al-cliente.png) no-repeat;padding:15px 0 0 20px;}

#atencion-al-cliente p{float:left;line-height:10px;}
	#atencion-al-cliente p span{font-family:Tahoma;color:#565656;font-size:10px;}
		#atencion-al-cliente p span.tit_banner_atencion_negro{float:left;overflow:hidden;display:inline;height:25px;}
		#atencion-al-cliente p span.tit_banner_atencion_rojo{float:left;overflow:hidden;display:inline;height:25px;}
		
	#atencion-al-cliente p.att_cliente_horario{font-family:Tahoma;color:#565656;font-size:10px;text-align:right;}
		#atencion-al-cliente p.att_cliente_horario strong{font-weight:bold;}

	#atencion-al-cliente p.att_telefono{margin-top:8px;}
		#atencion-al-cliente p.att_telefono img{margin-right:5px;}
		
			#atencion-al-cliente p a#btn_form_contactoES {background:url("/imagenes/comunes/btn_formulario_contactoES.gif") no-repeat scroll 0 0 transparent;display:block;height:32px;width:144px;text-indent:-9999px; margin:5px 0 0 85px;}

/**********************************************
				MIGAS
***********************************************/

#migas{float:left; width:940px; display:inline; margin-left:35px; margin-top:10px; margin-bottom:10px;}
	#migas span.estas_en{float:left; font-family:Tahoma; font-weight:bold; font-size:10px; color:#000;}
	#migas a{float:left; font-family:Tahoma; font-size:10px; color:#414143; margin-left:5px;}
	#migas a.actual{float:left; font-family:Tahoma; font-size:10px; color:#414143; margin-left:5px;}
	#migas span.flecha{float:left; font-family:Tahoma; font-size:10px; color:#414143; margin-left:5px;}

/*********************************************
	PAGINADOR
***********************************************/
#paginadorSuperior, #paginadorInferior{float:right; font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; width:600px; display:block;}
	#paginador h3{float:left;}
	.paginacion_simple span{background-color:#FFF; border:1px solid #3E3D40; color:#504F52; display:block; float:left; margin:3px; padding:1px 4px; text-align:center;}
	.paginacion_simple li{display:inline; list-style-type:none;}
	.paginacion_simple a:link, .paginacion_simple a:visited{background-color:#3E3D40; border:1px solid #3E3D40; color:#FFF; padding:1px 4px;}
	.paginacion_simple a{display:block; float:left; margin:3px; text-align:center; font-weight:bold; text-decoration:none;}


/*********************************************
	RESERVAS
***********************************************/

#reservasdrcha p { font-family:Tahoma; font-size:70%; margin-top:10px;}
#reservasdrcha a { color:#870202; text-decoration:underline;}
#reservasdrcha span { color:#870202; font-size:110%; font-weight:bold; font-family:Tahoma;}
#reservasdrcha img { vertical-align:middle; margin-left:7px;}
#reservasdrcha #importe { font-size:170%; color:#e19152; margin-left:15px; font-family:Tahoma;}
#reservasdrcha #importe span { font-size:160%; color:#e19152; margin-left:5px;}
#reservasdrcha #ofertaespecial { background:url(/imagenes/comunes/oferta_especial.jpg) no-repeat; height:315px; width:212px; margin-top:10px;}
#reservasdrcha #ofertaespecial h2 { padding-top:150px; padding-left:18px;}
#reservasdrcha #ofertaespecial p { padding-left:18px; padding-right:5px;}
#reservasdrcha #ofertaespecial #ofertabottom { margin-top:10px; }
#reservasdrcha #ofertaespecial #ofertabottom a{ font-size:70%; padding-left:18px; color:#e19152;}
#reservasdrcha #ofertaespecial #ofertabottom img { vertical-align:middle;}

/**************** SEM *******************/

#textosem {text-indent:-99999px;overflow:hidden;}