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

* {margin: 0; padding: 0; font: 11px Arial;color:#3d3d3d;}
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: #752637;}
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 rápido para destacar los bordes de un bloque*/

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

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{background: url(/imagenes/comunes/body-bg.gif) repeat-x 0 0 #ECECEC;margin:0;}

/* CABECERA */
h1{float:left;width:251px;height:329px;margin:0;position:absolute;z-index:999;top:0;}
h1 a{float:left;width:100%;height:100%;text-indent:-9999px;background:url(/imagenes/comunes/logo.png) no-repeat 0 0;display:inline;}
#pagina{width:957px;margin:0 auto;position:relative;}
#cabecera{position:relative;height:339px;}
#flash{text-align:right;margin:25px 0 0;float:right;}
	#flash img{padding:1px 0 0;border:1px solid #b69f97;border-width:1px 0;}
#nav-util{float:right;}
#nav-util {margin:9px 0 0 0;}
	#nav-util a{color:#ececec;}
	#nav-util *{text-decoration:none;color:#ececec;font-weight:bold;}
	#nav-util  li{float:left;padding:0;}

/***** SLIDESHOW *****/	
	#slideshow {
    position:relative;
    height:270px;
	margin:50px 0 0 9px;
	float:left;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	padding:1px 0 0;
	border:1px solid #b69f97;
	border-width:1px 0;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}	
	
/* MENU CABECERA */
#menu{width:100%;height:44px;position:relative;background:url(/imagenes/comunes/menu.jpg) no-repeat 0 0;padding:0;margin:0;}
	#menu *{border-collapse:collapse;}
	#menu li{float:left;height:44px;text-align:center;margin-left:15px;display:inline;}
	#menu li a {float:left;height:100%;width:100%;text-indent:-9999px;background:url(/imagenes/comunes/menu.jpg) no-repeat 1000px 1000px;}	
	
	#menu #la-posada{width:125px;margin-left:4px;}
	#menu #la-posada a:hover,#menu  #la-posada .active{background-position:-4px -44px;}
	
	#menu #entorno{width:113px;}
	#menu #entorno a:hover,#menu  #entorno .active{background-position:-144px -44px;}
	
	#menu #tarifas{width:98px;}
	#menu #tarifas a:hover,#menu  #tarifas .active{background-position:-272px -44px;}
	
	#menu #ofertas{width:99px;}
	#menu #ofertas a:hover,#menu #ofertas .active{background-position:-385px -44px;}
	
	#menu #servicios{width:113px;}
	#menu #servicios a:hover,#menu  #servicios .active{background-position:-499px -44px;}
			
	#menu #opiniones{width:126px;}
	#menu #opiniones a:hover,#menu #opiniones .active{background-position:-627px -44px;}
	
	#menu #blog{width:68px;}
	#menu #blog a:hover,#menu #blog .active{background-position:-768px -44px;}
		
	#menu #contacto{width:106px;}
	#menu #contacto a:hover,#menu  #contacto .active{background-position:-851px -44px;}

/* CONTENIDO */
#contenido{padding:0 24px;}	

/* BARRA LATERAL */
#ultimas-ofertas{margin:0 0 15px;}
	#ultimas-ofertas h2{background:url(/imagenes/index/ultimas-ofertas.gif) no-repeat top center;text-indent:-9999px;height:45px;}
	#ultimas-ofertas img{margin:0 0 4px;}
	#ultimas-ofertas ul{padding:0 0 0 4px;}
	#ultimas-ofertas li{background:url(/imagenes/comunes/bullet.gif) no-repeat 0 4px;padding-left:12px;margin:0 0 15px;}
		#ultimas-ofertas li a{color:#752637;font-weight:bold;}
	#disponibilidad{background:url(/imagenes/index/disponibilidad.jpg) no-repeat top center;height:162px;position:relative;}
		#disponibilidad h2{height:79px;text-indent:-9999px;}
		#disponibilidad p{color:#ececec;margin:0 10px 0 138px;text-align:justify;}
		#disponibilidad a{position:absolute;color:#ececec;font-weight:bold;bottom:10px;right:10px;}

/* PIE */
#pie{background:url(/imagenes/comunes/pie.jpg) no-repeat 0 0;height:179px;}
	#pie div{height:151px;}
	#pie h2{display:none;}
	#pie #redes{width:308px;margin-left:55px;}
		#pie #redes a{width:42px;height:42px;float:left;display:inline;margin:85px 17px 0 0;text-indent:-9999px;}
	#pie #newsletter{width:200px;}
		#pie #newsletter form{margin:85px 0 0;width:170px;}
		#pie #newsletter input{width:160px;border:0;background:none;}
		#pie #newsletter p{margin:0 0 20px}
		#pie #newsletter #suscribirse{width:auto;background:none;border:0;font-size:12px;color:#fff;padding:0 10px 0 0;cursor:pointer;}
	#pie #calidad{width:290px;}
	#pie #calidad p{margin:85px 0 0;}
	#pie #calidad a{}
	#pie #datos-contacto{width:304px;}
	#pie #datos-contacto *{color:#fefefe;font-size:14px;}
	#pie #datos-contacto p{margin:85px 0 0;}
	#pie #copy{height:auto;color:#ececec;padding:8px 0 0;text-align:center;}

.right{text-align:right;}
.borde{padding:5px;border:1px solid #cfcfcf;}
.float{float:left;display:inline;}
.float-right{float:right;display:inline;}
.br{clear:both;height:0;font-size:0;display:block;}