@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO 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 márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Tahoma;} /* nada tendrá padding ni margen, y las fuentes serán 11px */
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: #6142bc;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
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 rápido para destacar los bordes de un bloque*/

/*
 * cómo hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

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

body {text-align: center; color: #5d6c74; background: url(../imagenes/comunes/bg.png) no-repeat #eef1f2 0 35px;}
#pagina {margin: 0 auto; width: 1004px; text-align: left; background: url(../imagenes/comunes/pagina-bg.gif) no-repeat #fff;}

#cabecera {position: relative; height: 372px; background: url(../imagenes/comunes/cabecera.png) no-repeat 18px 0;}
	h1 {position: absolute; height: 196px; width: 186px; top: 0; left: 56px; background: url(../imagenes/comunes/h1-bg.png) no-repeat; behavior: url(ie6pngfix/iepngfix.htc); text-indent: -9999px; cursor: pointer;}
	#flash {position: absolute; top: 48px; left: 32px;}

	#nav_util {position: absolute; top: 7px; right: 25px;} 
		#nav_util li {float: left; display: inline; border-right: 1px solid #979797;}
		li.ultimo {border-right: none !important;}
		#nav_util li a {padding: 5px 7px 3px 7px; color: #979797; font-size: 11px;}

	#menu {position: absolute; top: 331px; left: 18px;}
		#menu li {float: left;}
			#menu li a {height: 41px; display: block; text-indent: -9999px;}
			#hotel-on, #hotel-off:hover {width: 131px; background: url(../imagenes/comunes/hotel-on.gif) no-repeat;}
			#hotel-off {width: 131px; background: url(../imagenes/comunes/hotel-off.gif) no-repeat;}
			#situacion-on, #situacion-off:hover {width: 119px; background: url(../imagenes/comunes/situacion-on.gif) no-repeat;}
			#situacion-off {width: 119px; background: url(../imagenes/comunes/situacion-off.gif) no-repeat;}
			#actividades-on, #actividades-off:hover {width: 118px; background: url(../imagenes/comunes/actividades-on.gif) no-repeat;}
			#actividades-off {width: 118px; background: url(../imagenes/comunes/actividades-off.gif) no-repeat;}
			#entorno-on, #entorno-off:hover {width: 119px; background: url(../imagenes/comunes/entorno-on.gif) no-repeat;}
			#entorno-off {width: 119px; background: url(../imagenes/comunes/entorno-off.gif) no-repeat;}
			#habitaciones-on, #habitaciones-off:hover {width: 119px; background: url(../imagenes/comunes/habitaciones-on.gif) no-repeat;}
			#habitaciones-off {width: 119px; background: url(../imagenes/comunes/habitaciones-off.gif) no-repeat;}
			#restaurante-on, #restaurante-off:hover {width: 118px; background: url(../imagenes/comunes/restaurante-on.gif) no-repeat;}
			#restaurante-off {width: 118px; background: url(../imagenes/comunes/restaurante-off.gif) no-repeat;}
			#tarifas-on, #tarifas-off:hover {width: 119px; background: url(../imagenes/comunes/tarifas-on.gif) no-repeat;}
			#tarifas-off {width: 119px; background: url(../imagenes/comunes/tarifas-off.gif) no-repeat;}
			#contacto-on, #contacto-off:hover {width: 122px; background: url(../imagenes/comunes/contacto-on.gif) no-repeat;}
			#contacto-off {width: 122px; background: url(../imagenes/comunes/contacto-off.gif) no-repeat;}

#migas{margin: 3px 0 3px; height: 45px; border-top: 12px solid #b1b3b4;}
	#migas ul {float: left; margin-top: 10px;}
		#migas ul li {float: left; color: #6d6d6d;}
	#migas div{float: right; margin: 6px 15px 0 0; padding: 10px 0 0 40px; display: inline; height: 30px; background: url(../imagenes/comunes/cesta.html) no-repeat 2px 7px;}
		#migas div span{font: bold 12px Arial; color: #828283;}
		#migas div a{font: bold 12px Arial; color: #aa4e0e;}
	
#contenido {}

#colder {float: left; margin: 12px 0 0 10px; width: 200px; display: inline;}
	#colder dl {height: 194px;}
	#disca {margin-top: 6px; width: 196px; background: url(../imagenes/index/disca.gif) no-repeat; text-indent: -9999px;}
	#llama {margin-top: 6px; width: 200px; background: url(../imagenes/index/llama.gif) no-repeat; text-indent: -9999px;}
		

#pie {padding: 10px 35px 0 0; height: 50px; font-size: 11px; text-align: right; background: url(../imagenes/comunes/pie-bg.gif) no-repeat; color: #d0c7eb;}

#pagina #llama a
{
	display:block;
	height:161px;
	margin:16px;
	width:166px;
}