/*
 * 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 Tahoma,Geneva,Arial,Verdana;color:#666666;}
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: #666666;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}
p{line-height:18px;padding:0 10px;}

/* 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-color:#e1e1e1;
    overflow:hidden;
    height:100%;   
    
    }
#cabecera{height:140px;background:url(../imagenes/comunes/cabecera-bg.gif) no-repeat 0 0;}
.cabecera{background:url(../imagenes/comunes/contenedor-cabecera-bg.gif) repeat-x left bottom #B14B1E;}
h1{float:left;width:383px;height:57px;margin: 0 0 0 8px;}
h1 a{float:left;width:100%;height:100%;text-indent:-9999px;}

#nav-util{float:right;}
#nav-util {margin:17px 10px 0 0;}
#nav-util *{color:#fff;text-decoration:none;}
#nav-util  li{float:left;padding:0 0 0 30px;}
#nav-util  li {}

	

/* MENU CABECERA */
#menu{width:960px;height:60px;position:relative;background:url('../imagenes/comunes/menu.gif') no-repeat 0 0;padding:0;margin:auto;}
.menu{background:url('../imagenes/comunes/contenedor-menu-bg.gif') repeat-x 0 0;}
	#menu *{border-collapse:collapse;}
	#menu li{float:left;height:60px;text-align:center;margin-left:2px;}
	#menu li a {float:left;height:100%;width:100%;text-indent:-9999px;background:url(../imagenes/comunes/menu.gif) no-repeat 1000px 1000px;}	
	
	#menu #laposada{width:125px;margin-left:0;}
	#menu #laposada a:hover,#menu  #laposada .active{background-position:0 -60px;}
	
	#menu #galeria{width:111px;}
	#menu #galeria a:hover,#menu  #galeria .active{background-position:-127px -60px;}
	
	#menu #entorno{width:109px;}
	#menu #entorno a:hover,#menu  #entorno .active{background-position:-240px -60px;}
	
	#menu #noticias{width:113px;}
	#menu #noticias a:hover,#menu #noticias .active{background-position:-351px -60px;}
	
	#menu #comentarios{width:157px;}
	#menu #comentarios a:hover,#menu  #comentarios .active{background-position:-466px -60px;}
			
	#menu #tarifas{width:102px;}
	#menu #tarifas a:hover,#menu #tarifas .active{background-position:-625px -60px;}
	
	#menu #reservas{width:117px;}
	#menu #reservas:hover,#menu #reservas .active{background-position:-729px -60px;}
		
	#menu #contacto{width:112px;}
	#menu #contacto a:hover,#menu  #contacto .active{background-position:-848px -60px;}
		

		
/* CONTENIDO */
#contenido{background:url('../imagenes/comunes/body-bg.jpg') no-repeat 10px bottom;padding:0 0 18px;}
.contenido{background:url('../imagenes/comunes/contenedor-contenido-bg.gif') repeat-x 0 0;}
#flash{margin:0 10px;}
#pagina{background:url(../imagenes/comunes/contenido-bg.jpg) no-repeat 0 0;padding:37px 0 0;margin:0 10px;}
#izquierda{float:left;display:inline;width:560px;}
	#izquierda h2{text-indent:-9999px;height:44px;width:100%;margin:0 0 20px;}
	#izquierda p,#izquierda ul{margin:0 0 18px;color:#363636;}
	#izquierda p *,#izquierda ul *{color:#363636;}
	#izquierda ul{padding:0 10px;}
	#izquierda li{line-height:18px;}
.entorno{background:url(../imagenes/comunes/h2.gif) no-repeat 0 -176px;}
	
#derecha{float:left;display:inline;width:320px;margin:0 0 0 60px;}
	#reserva{height:105px;background:url(../imagenes/comunes/reserva.gif) no-repeat 0 0;margin:0 0 20px 0;}
	#reserva *{color:#e1e1e1;text-decoration:none;}
	#reserva h2{text-indent:-9999px;height:38px;}
	#reserva p{margin:0 0 0 20px;width:165px;padding:0;}
	#reserva a{line-height:18px;}
	
	#ofertas{margin:0 0 20px 0;}
	#ofertas *{text-decoration:none;}
	#ofertas h2{background:url(../imagenes/comunes/h2.gif) no-repeat 0 -88px;text-indent:-9999px;height:44px;margin:0 0 11px;}
	#ofertas .oferta{margin:0 10px;padding:11px 0;}
	#ofertas .padding{padding:11px 0 0;}
	#ofertas .separador{margin:0 20px;height:0px;border:1px solid #363636;border-width:0 0 1px 0}
	#ofertas p{padding:0;color:#363636;}
	#ofertas p *{padding:0;color:#363636;}
	
	#newsletter{height:129px;background:url(../imagenes/comunes/newsletter.gif) no-repeat 0 0;margin:0 0 20px 0;}
	#newsletter *{color:#e1e1e1;text-decoration:none;}
	#newsletter h2{text-indent:-9999px;height:38px;}
	#newsletter p{margin:0 20px;padding:0;}
	#newsletter #email{margin:18px 0 0 23px;width:185px;border:none;color:#363636;}
	#newsletter #suscribirme{background:none repeat scroll 0 0 transparent;border:0 none;cursor:pointer;margin:auto auto 0 14px;padding:4px 0;width:75px;}
	
	#derecha .contacto{height:160px;background:url(../imagenes/comunes/contacto.gif) no-repeat 0 0;margin:0 0 20px;} 
	#derecha .contacto h2{text-indent:-9999px;height:47px;background:none;margin:0;} 
	#derecha .contacto *{font-size:14px;}
	#derecha .contacto p{color:#fff;margin:0 0 12px;line-height:16px;}
	#derecha .contacto strong{color:#fff;}
	#derecha .contacto span{color:#b14b1e;font-weight:bold;}

/* PIE */
.pie
{
    background: url(../imagenes/comunes/pie-bg.jpg) repeat-x 0 0;
    height: 50px;
    padding: 11px 0 0px 0;
}	
#pie {}	
#pie *{color:#fff;text-align:center;}	
.marron{color:#b14b1e;}
.contenedor{width:100%;}
._960{width:960px;margin:auto;}
.br{clear:both;font-size:0;height:0;}			
.oculto{display:none;}	


/**********************************************
				post flotante
***********************************************/
#contenedor
{
    
    overflow:auto;position:absolute;top:0px;left:0px;height:100%;width:100%;
}
#post
{
    position:absolute;
    
}