/*
 * 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, Georgia, "Times New Roman";color:#402a01;}
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: #402a01;}
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:#F1AB40;}

/* CABECERA */
h1{float:left;width:230px;height:125px;margin: 33px 0 0 150px;}
h1 a{float:left;width:100%;height:100%;text-indent:-9999px;}
#pagina{margin:0 auto;}
.header{background:url(/imagenes/comunes/cabecera-bg.gif) repeat-x 0 0;}
.body{background:url(/imagenes/comunes/contenido-bg.gif) repeat-x 0 0 #6F2A03;}
.menu{background:url(/imagenes/comunes/menu-bg.gif) repeat-x 0 0 #6F2A03;}
.footer{background:url(/imagenes/comunes/pie-bg.gif) repeat-x 0 0 #F1AB40;}
#cabecera{position:relative;height:172px;background:url(/imagenes/comunes/cabecera.jpg) no-repeat 0 0;}
#nav-util{float:right;}
#nav-util {margin:9px 0 0 0;}
	#nav-util  li{float:left;padding:0;}

/* MENU CABECERA */
#menu{height:51px;position:relative;background:url(/imagenes/comunes/menu-bg.gif) repeat-x 0 0;padding:0;}
	#menu *{border-collapse:collapse;font-family:Georgia;}
	#menu li{float:left;height:44px;text-align:center;margin-left:15px;}
	#menu td{text-align:center;}
	#menu td a {float:left;height:100%;width:100%;font-size:18px;}	
	#menu td a:hover {text-decoration:underline;}	
	#menu td .active {text-decoration:underline;font-weight:bold;}	
	#menu #la-posada{/*width:125px;*/margin-left:4px;}
	#menu #entorno{/*width:113px;*/}
	#menu #tarifas{/*width:98px;*/}
	#menu #ofertas{/*width:99px;*/}
	#menu #servicios{/*width:113px;*/}	
	#menu #opiniones{/*width:126px;*/}
	#menu #blog{/*width:68px;*/}
	#menu #contacto{/*width:106px;*/}

/* BANNER */
/***** SLIDESHOW *****/	
#slideshow {
position:relative;
height:162px;
margin:0;
float:left;
padding:0;
width:663px;
text-align:center;
overflow:hidden;
}

#slideshow img {
    visibility:hidden;
	padding:0px 0 0;
	border:0;
	margin:0;
	z-index:0;
	position:absolute;top:0;left:0;
}

#slideshow img.active {
    visibility:inherit;
}

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

/* CONTENIDO */
#contenido{padding:40px 0;}	
#izqda{width:256px;margin:0;background:url(/imagenes/comunes/izqda-bg.gif) repeat-y 0 0;}
	 #izqda-borde-sup{background:url(/imagenes/comunes/izqda-borde-sup.gif) no-repeat 0 0;height:10px;}
	 #izqda-borde-inf{background:url(/imagenes/comunes/izqda-borde-inf.gif) no-repeat 0 0;height:10px;}
	#izqda h2{font-size:24px;font-style:italic;text-align:center;line-height:24px;margin:0 0 10px 0;}
	#izqda .oferta{margin:0 0 28px;min-height:55px;height:55px !important;height:55px;}
	#izqda .oferta h3{text-transform:uppercase;color:#732c03;margin:0 15px 8px;}
	#izqda .oferta p{margin:0 15px;}
	#izqda .oferta p a{font-weight:bold;}
	#izqda #reserva{background:url(/imagenes/comunes/reserva.jpg) no-repeat 0 0;height:185px;margin:0 0 28px;}
	#izqda #reserva *{font-family:Georgia;}
	#izqda #reserva p *{font-size:14px;}
	#izqda #reserva p{font-size:14px;margin:0 0 0 15px;}
	#izqda #reserva h2{text-align:left;padding:34px 0 10px 114px;margin:0;}
	#izqda #reserva .EN{font-size:19px}
	#izqda #reserva h2 a{font-size:24px;font-style:italic;font-weight:bold;}
	#izqda #reserva span{color:#732c03;font-weight:bold;}
	#izqda #ultimas-entradas{min-height:187px;height:auto !important;height:187px;}
	#izqda .entrada{margin:0 0 25px;}
	#izqda .entrada .fecha{margin:0 15px 4px;color:#77a144;}
	#izqda .entrada p{margin:0 15px;}
	#izqda .contacto{background:url(/imagenes/comunes/contacto-bg.jpg) no-repeat top center;padding:0 20px;font-size:19px;height:170px;}
	#izqda .contacto *,	#izqda .contacto{font-style:italic;}
	#izqda .contacto *,	#izqda .contacto{font-style:italic;}
	#izqda .contacto span,#izqda .contacto span *{font-size:14px;font-style:normal;}
	#izqda .h2contacto{background:url(/imagenes/comunes/h2-izqda.gif) no-repeat top center;padding:8px 0 20px;}
#dcha{width:675px;margin:0 0 0 29px;}
	#seccion{background:url(/imagenes/comunes/dcha-bg.gif) repeat-y 0 0;padding:0 23px;position:relative;min-height:524px;height:auto !important;height:524px;}
		#seccion h2{background:url(/imagenes/comunes/h2.gif) no-repeat 0 0;margin:0 0 12px -20px;padding:10px 0 18px;text-indent:20px;font-size:24px;font-style:italic;line-height:24px;width:667px;}
		#seccion *{/*font-size:14px;*/}
		#seccion p{padding:0 0 12px;text-align:justify;}
		
	#flash{margin:0 0 26px;}
	 #dcha-borde-sup{background:url(/imagenes/comunes/dcha-borde-sup2.gif) no-repeat 0 0;height:6px;}
	 #dcha-borde-inf{background:url(/imagenes/comunes/dcha-borde-inf.gif) no-repeat 0 0;height:6px;}
	#dcha .separador2{height:21px;border:1px solid #732c03;border-width:1px 0 0;margin:0 0 20px;background:url(/imagenes/comunes/separador2.gif) no-repeat top center;}
	#dcha th{font-size:16px;font-weight:bold;text-align:left;color:#732c03;}
	#dcha td{padding:8px;color:#402a01;}
/* CONTACTO */
#formulario{width:510px;}
	#formulario form{position:relative;}
	#formulario label{font-weight:bold;}
	#formulario form input, #como-llegar input{width:228px;border: 1px solid #452f04;padding: 3px 2px;}
	#formulario form textarea{height:88px;border: 1px solid #452f04;width:228px;padding:4px 2px;margin:0 0 4px;}
	#formulario form .enviar {text-align:right;width:auto;}
	#formulario form #enviar, #como-llegar #enviar-ruta {width:91px;text-align:center;background:url(/imagenes/comunes/enviar.gif) no-repeat 0 0;border:0;padding:3px 0 4px;cursor:pointer;}
	#formulario .izqda{width:275px;margin:0;}
	#formulario .dcha{width:235px;float:right;}
	#formulario #obligatorios{font-size:9px;}
	#localizacion{padding:0 0 1px;}	
	#localizacion h2{background:none;padding: 0;}	
	#mask{height:200px;overflow:hidden;position:relative;margin:0 0 20px;}
	#google-maps{height:255px;}
/* PIE */
#pie{background:url(/imagenes/comunes/pie.jpg) no-repeat 0 0;height:165px;}
#pie *{font-family:Georgia;}
#pie .EN{font-size:11px;}
	#pie div{height:151px;}
	#pie p{font-size:14px;}
	#pie h2{font-size:24px;font-style:italic;line-height:24px;padding: 15px 0 0 12px;}
	#pie #enlaces{width:320px;}
		#pie #enlaces a,#pie #enlaces span{width:42px;height:42px;float:left;display:inline;margin:20px 0 0 12px;text-indent:-9999px;}
		#pie #enlaces #club-calidad{width:112px;height:42px;}
		#pie #enlaces #camping-arija{margin-left:22px;}
	#pie #localizacion{width:380px;}
	#pie #localizacion a{width:380px;float:left;width:100%;height:100px;text-indent:-9999px;}
	#pie #datos-contacto{position:relative;}
	#pie #datos-contacto *{}
	#pie #datos-contacto p{margin:15px 0 0 12px;}
	#pie #datos-contacto a{width:100%;height:100%;position:absolute;top:0;}

/* GALERIA */
#imagen{margin:0;position:relative;width:620px;height:340px;}
.imagen{display:none;position:relative;top:0;left:0;position:absolute;padding:6px;border:1px solid #aa905a;background:#fff;}
.imagen img{}
#galeria-seccion{padding:10px 0 20px;position:relative;width:596px;margin:0 0 0 12px;}
#galeria-seccion a{cursor:pointer;}
.navegacion{float:left;padding:24px 7px 20px 4px;display:inline;} 
.derecha{float:right;} 
#mascara-galeria{height:90px;overflow:hidden;position:relative;} 
#mascara-galeria #galeria-imagenes{width:9999px;position:absolute;left:0;} 
	#galeria-imagenes a{float:left;cursor:pointer;} 
	#galeria-imagenes img{padding:0;margin:0 22px 0 0;border:1px solid #aa874f;} 
	
/* MAPA WEB */
#mapa{margin:20px 10px;}	
#mapa li{background: url(/imagenes/comunes/separador.gif) no-repeat 0 5px;padding:0 10px 10px 15px;font-size:14px;}	
#mapa li a{font-size:14px;}	
	
	
h2{font-family:Georgia;}
p{line-height:16px;}
.even{background:#ffc874;}
._960{width:960px;margin:auto;}
.contenedor{width:100%;}
.right{text-align:right;}
.center,#seccion .center{text-align:center;}
.borde{padding:5px;border:1px solid #cfcfcf;}
.float{float:left;display:inline;}
.br{clear:both;height:0;font-size:0;display:block;}
.visible{display:block;}
.oculto{display:none;}
.invertir{direction:rtl; unicode-bidi:bidi-override;}