@charset "utf-8";
/*   
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/** HACKS PARA IE ***/
/* IE6 --->     * html	  IE7 ---> 	*:first-child+html		Opera 9 y anteriores:	html:first-child	*/

/***** COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS  ****/
* {	margin: 0;	padding: 0; }
sup { font-size:0.8em;} sub {  font-size:0.8em; } ul {list-style-type:none;}
a img { 	border: none; 	text-decoration: none; }
a:link, a:visited, a:active { outline:none;}
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }
.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
/*** igualar las fuentes a todos los elementos ***/
h1, h2 , h3, h4, h5{ font-size:100%; font-weight:bold;}
/***  TABLAS ***/
table { width:100%; border-collapse:collapse; border-spacing:0;}
/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;} .clearfix {display:block;} * html .clearfix {height:1px;}
.float-left { display:inline;	float: left; } .float-right { display:inline;	float: right; } 
.clear{clear:both;margin:0;padding:0; } .clear_2{clear:both;margin:0;padding:0;height:0;} .clear_position{position:relative;}
acronym {border:0} .manolink{cursor:pointer;} .ocultar {display:none} .bloque {height:1em; display:block; margin:4px 0; } 
.fuerte{font-weight:bold; color:#181d6a} #pagina .noBorder {border:0;}
/*LISTA ESTRUCTURAL DE COLUMNAS */
#content { display:block; position:relative;z-index:100;  overflow:hidden; width:100%; }
#content img { border:none; padding:0; }
#content div.videoMedia { border:none; padding:4px 5px; }
#pagina .center {text-align:center}
/*** igualar las columas ***/
#pagina #column_1, #pagina #column_2, #pagina #column_3  {margin-bottom:-20000px; padding-bottom:20000px; }
/* solo queda maquetar el ancho de cada columna dentrode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
#pagina #column_1 { float:left; width:200px; }
#pagina #column_2 { float:right; width:709px; }
/***** FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS  ****/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background:#3b5728;text-align:center; font-size:100%;}
h1 { position:absolute; left:0; top:0; width:360px; height:102px;  text-indent:-9999px;  background:url(/imagenes/interface/cabecera/logo.png) no-repeat; cursor:pointer; }
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{position:relative; margin:0 auto; width:1002px;text-align:left; background-color:#fff; border-left:1px solid #cdc7af; border-right:1px solid #cdc7af;}
#pagina p {line-height:16px; margin-bottom:8px;}
#header{position:relative; height:114px; background:url(/imagenes/comunes/fondos/fnd-cabecera.png) repeat-x; }
#subHeader .flash-header { float:left; height:248px;}
#subHeader .flash-header img { margin:0; padding:0;}
#subHeader .media { position:relative; top:0; float:right; padding-left:13px; }
#content { padding-top:4px; padding-bottom:20px; background:url(/imagenes/comunes/fondos/fnd-sup-content.png) repeat-x 0% 0%;}
* html #content { margin-top:-3px;}

#footer{height:49px; background:#ebe8df;  }
#footer p { position:relative; top:8px; left:15px; color:#4e4a35; font-size:0.91em;   }

/*** TEXTOS  *****/
#pagina{ font: normal 0.69em Georgia, "Times New Roman", Times, serif; color:#4e4a35; }
#pagina .subtitular {}
#pagina .titular {}
#pagina .verde { color:#4f6939;}

/*****	LISTAS MENUS   ****/
/* Lista para el migas */
ul#migas {height:15px; margin-bottom:40px; padding:1px 0 0 0; font-size:0.91em; }
ul#migas span { float:left; padding-right:5px; color:#fff;}
#migas li { float:left; padding-left:5px; color:#375424; }
#migas #estas_en{ padding-left:0; color:#4e4a35; }
#migas li.inicio { display:none;}
	/*enlaces para el camino de migas */
	#migas li a:link, #migas li a:visited{ color:#375424; text-decoration:none; }
	#migas li a:hover { color:#375424; text-decoration:underline;}

/* Lista menu utilidades */
#nav_utilidades{ float:right; height:16px; padding:5px 10px; list-style-type:none; text-align:right;   }
#nav_utilidades li{display:block;  float:left; height:16px; margin:0;padding:0; }
#nav_utilidades li a img{padding-top:5px; margin:2px 0 0 0 ; border:1px solid #9d8100; padding:1px; background:#2b5fb0;}
#nav_utilidades li a:link, #nav_utilidades li a:visited { font-size:0.92em; color:#4e4a35; text-decoration:none;}
#nav_utilidades li a:hover { font-size:0.92em; color:#4e4a35; text-decoration:underline}
#nav_utilidades li span { text-indent:-99999px; padding:0 5px 0 3px; color:#fff;}
#nav_utilidades li span.none {padding:0; background:none;}

/*  menu principal */
#nav_principal { float:left; width:223px; height:248px; background:#fff url(/imagenes/comunes/fondos/fnd-menu-principal.jpg) repeat-x;} 
#nav_principal li { display:block;}
#nav_principal li a {text-indent:-99999px;}

#menuPosada{display:block; width:223px;height:33px;background:url(/imagenes/interface/menu/btn-posada-off.png);}
#menuPosada:hover, #menuPosadaOff{display:block; width:223px;height:33px; background:url(/imagenes/interface/menu/btn-posada-on.png);}
#menuRestaurante{display:block; width:223px;height:34px;background:url(/imagenes/interface/menu/btn-restaurante-off.png);}
#menuRestaurante:hover, #menuRestauranteOff{display:block; width:223px;height:34px; background:url(/imagenes/interface/menu/btn-restaurante-on.png);}
#menuActividades{display:block; width:223px;height:34px;background:url(/imagenes/interface/menu/btn-actividades-off.png);}
#menuActividades:hover, #menuActividadesOff{display:block; width:223px;height:34px; background:url(/imagenes/interface/menu/btn-actividades-on.png);}
#menuEntorno{display:block; width:223px;height:35px;background:url(/imagenes/interface/menu/btn-entorno-off.png);}
#menuEntorno:hover, #menuEntornoOff{display:block; width:223px;height:35px; background:url(/imagenes/interface/menu/btn-entorno-on.png);}
#menuSituacion{display:block; width:223px;height:32px;background:url(/imagenes/interface/menu/btn-situacion-off.png);}
#menuSituacion:hover, #menuSituacionOff{display:block; width:223px;height:32px; background:url(/imagenes/interface/menu/btn-situacion-on.png);}
#menuTarifas{display:block; width:223px; height:36px; background:url(/imagenes/interface/menu/btn-tarifas-off.png);}
#menuTarifas:hover, #menuTarifasOff{display:block; width:223px; height:36px; background:url(/imagenes/interface/menu/btn-tarifas-on.png);}
#menuContacto{display:block; width:223px; height:34px; background:url(/imagenes/interface/menu/btn-contacto-off.png);}
#menuContacto:hover, #menuContactoOff{display:block; width:223px; height:34px; background:url(/imagenes/interface/menu/btn-contacto-on.png);}


/*** Submenu interior***/
ul.menuLateral li {display:inline; float:none; font-size:0.92em; }
ul.menuLateral li a:link,  ul.menuLateral li a:visited { display:block; border-bottom:1px solid #d7d7d7; line-height:28px; text-indent:18px; text-decoration:none; font-weight:bold; color:#363636; background:#c1c1c1; }
ul.menuLateral li a:hover, ul.menuLateral li a.select { display:block; border-bottom:1px solid #c1c1c1; line-height:28px; text-indent:18px; text-decoration:none; font-weight:bold; color:#004fb3; background:url(/imagenes/comunes/fondos/fnd-submenu-lateral.png) repeat-y ; }

/*** Lista interiores ***/
ul.lista-interior {text-align:justify;}
ul.lista-interior {width:80%; margin-bottom:10px; padding:15px 0 10px 27px;  color:#928c81;}
#pagina ul.lista-interior li { float:none;  padding-left:15px; background:url(/imagenes/comunes/iconos/ico-lista-cuadrado.png) no-repeat 0 5px; }

/*** lista interior en forma de DT ***/
dl.lista-interior {text-align:justify;}
dl.lista-interior ul.lista-interior { padding-top:0; padding-bottom:0}
dl.lista-interior dt { margin-bottom:5px; font-weight:bold; color:#660066;}
dl.lista-interior dt.ultimo {margin-top:20px;}

dl.lista-interior-cuadro dt { margin-top:5px; margin-bottom:8px; padding-left:12px;  font-weight:normal;   color:#938d81; background:url(/imagenes/comunes/iconos/ico-lista-cuadrado.png) no-repeat 0 5px;}
dl.lista-interior-cuadro dd {  padding-left:34px; color:#6a645a; font-size:1em;  background:url(/imagenes/comunes/iconos/ico-guion-parrafo.png) no-repeat 25px 8px;}
#pagina dl.lista-interior dd  p {  margin-bottom:0; padding-left:10px;  background:url(/imagenes/comunes/iconos/ico-guion-parrafo.png) no-repeat 0 8px;}

/*** columnas interior ***/
.columnas-interior {margin-bottom:8%;}
.columnas-interior li {width:46%; margin-right:7.5%;}
.columnas-interior li.ultimo {margin-right:0}
.columnas-interior li h4, .columnas-interior li dt {margin-bottom:4px;}
.columnas-interior li dd { margin-bottom:10px;}
#pagina .columnas-interior li dd p {  margin-bottom:0; padding-left:10px;  background:url(/imagenes/comunes/iconos/ico-guion-parrafo.png) no-repeat 0 8px;}
.columnas-interior li h4 {font-weight:bold; font-size:1.09em; color:#660066;}
.columnas-interior li dt {font-weight:bold;  color:#a064a0;}


/*** Galeria ***/
p.galeria   {  margin-bottom:20px;  }
p.galeria  a { float:left; width:150px; margin-right:10px; font-size:0.9em; text-decoration:none; color:#5c676e;  }
p.galeria  a img { display:block; margin-bottom:7px; }
p.galeria  a.ultimo { margin-right:0 }
/*** ***/
dl.textoDescripcion dt {  margin-bottom:5px; font-weight:bold; color:#0e2c6b;}

/*** Estructuras Comunes ***/
	/** dl.fotoDescripcion {} **/
	dl.fotoDescripcion {  width:95%;}
	dl.fotoDescripcion dt { float:left; width:30%;}
	dl.fotoDescripcion dd { float:right; width:65%; }
	dl.fotoDescripcion dd h3 { margin:0 0 8px 0; font-weight:bold; font-size:1.18em; color:#620f6e;}
	dl.fotoDescripcion dd dl.linea dt {display:inline; float:none; font-weight:bold; color:#6a645a;}
	dl.fotoDescripcion dd dl.linea dd {display:inline; float:none; padding:0; background:none;}
	dl.fotoDescripcion dd dl.linea2 dt {display:inline; float:none; font-weight:normal; color:#660066;}
	dl.fotoDescripcion dd dl.linea2 dd {display:inline; float:none; padding:0; background:none;}

/*** paginaciones ***/
	p.paginacion { width:100%; height:1.5em;  position:relative; left:0; top:0;   padding:3px 6px;  font-weight:normal; color:#fff; background-color:#c7b76e;  text-align:center;}
	p.paginacion  strong{ color:#9d8100;}
	p.paginacion  strong span{ color:#fff;}
	p.paginacion  a{ color:#fff;}
	p.paginacion .separator { color:#9d8100;}
	p.paginacion .paginacion {position:absolute; right:2%;width:35%;}
	p.paginacion strong.total {left:0pt; position:absolute;width:10%;}
	#pagina a.anterior:link, #pagina a.anterior:visited { position:absolute; left:15px; font-weight:normal; }
	#pagina a.anterior:hover { position:absolute; left:15px; font-weight:normal; }
	.paginacion a.siguiente:link, .paginacion a.siguiente:visited { position:absolute; right:6px; font-weight:normal; }
	.paginacion a.siguiente:hover { position:absolute; right:6px; font-weight:normal; }

	

/*** estructuras columas como un periodico de texto ***/
dl.columnasPeriodico { width:95%; text-align:justify;}
dl.columnasPeriodico dd { width:46%; float:left;}
dl.columnasPeriodico dd.ultimo { width:48%; float:right;}

/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font-weight:inherit; font-family:inherit; font-size:inherit;   color:#0e2c6b; }
a:hover{ text-decoration:none;}
/* menu pricipal */
a.descargar:link ,a.descargar:visited{background:url(/estilos/imagenes/ico_pdf.gif) no-repeat; font-size:1em; display:block; padding:2px 4px 4px 25px; font-size:0.9em }
a.verMas {padding-left:20px; background:url(/imagenes/comunes/iconos/ico-todas.gif) no-repeat 0 4px;}
a.pdf {padding-left:23px; background:url(/imagenes/comunes/iconos/ico-pdf.png) no-repeat 0 4px;}
a.volver {position:absolute; top:0; right:3.5%; padding:3px; background-color:#e7e0d6;}
a.vistaAerea {display:block; width:5.5em; height:18px; padding:3px 1px 0px 25px; background:#cac2b3 url(/imagenes/comunes/iconos/ico-vista-aerea.png) no-repeat 0 2px;}

/***** reglas css particulares a cada proyecto ***/

/*** mini-contacto **/
.mini-contacto { float:left; width:244px; height:248px; background:#fff url(/imagenes/comunes/fondos/fnd-menu-principal.jpg) repeat-x;}

.mini-contacto h2.estamos-en { height:21px; margin:10px 0 10px 7px; text-indent:-9999px; background:url(/imagenes/comunes/titulos/tit-estamos-en.png) no-repeat; behavior: url(/estilos/imagenes/iepngfix.php);}
.mini-contacto p.contacto { height:170px; margin-left:15px; padding-bottom:10px; background:url(/imagenes/comunes/fondos/fnd-mini-contacto-interiores.jpg) no-repeat 0% 100%; }
.mini-contacto p.contacto span { display:block;}
.mini-contacto p.contacto a:link, .mini-contacto p.contacto a:visited { font-weight:bold; color:#436030;}
.mini-contacto p.contacto a:hover { text-decoration:underline;}


/*** menu lateral ***/
#column_1 { padding:60px 8px 0 20px; background:#fff url(/imagenes/comunes/fondos/fnd-menu-lateral.png) no-repeat;}
#column_2 { padding:0 20px 0 45px; background:#fff url(/imagenes/comunes/fondos/fnd-migas.jpg) no-repeat;}


/*** menu pestañas ***/
ul#menu-pestanas { height:26px; margin:20px 0; background:#fff url(/imagenes/comunes/fondos/fnd-menu-pestanas.png) no-repeat;}
ul#menu-pestanas li { display:inline; float:left;}
ul#menu-pestanas li a { display:block; text-indent:-99999px; }