/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* ^^^^^^^^^^^^^^^^^^^^^^^ reset.css ^^^^^^^^^^^^^^^^^^^^^^^ */

/*
--- body ----------------------------------------------------------------------------------	body
*/

body {
font: 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Lucida, Helvetica, Arial, sans-serif;
color: #000;
margin: 0px;
padding: 0px;
text-align: center;
background-color: #d0d0d0;
background-image: url(../img/fondo_body.png);
background-repeat: repeat-y;
background-position: center;
}

/*
--- Elementos comunes --------------------------------------------------------------------	Elementos comunes
*/


div {
position: relative;
}

strong {
font-weight: bold;
}

ol {
list-style: decimal;
}

abbr,
acronym {
cursor: help;
}

.fin {
clear: both;
}

iframe {
border: 0;
margin: 0;
padding: 0;
}

a {
color: #4b4838;
}

a:hover {
color: #bca614;
}

/* 
--- layout -------------------------------------------------------------------------------	div layout
*/

div#layout {
width: 750px;
position: relative;
margin: 0px auto 0px auto;
background-color: #fff;
text-align: left;
border-left: 1px solid #a09c77;
border-right: 1px solid #a09c77;
margin-bottom: 1em
}

/*
--- cabecera -----------------------------------------------------------------------------	div cabecera
*/

#cabecera {
background-color: #f0ede1;
background-image: url(../img/fondo_cabecera.png);
background-repeat: repeat-x;
background-position: top;
height: 119px;
}


#cabecera h1 {
background-image: url(../img/logo_parque_del_sol.gif);
width: 326px;
height: 65px;
position: absolute;
top: 25px;
left: 27px;
overflow: hidden;
}

#cabecera h1 a {
display: block;
padding: 32px 163px;
}

#cabecera h1 span {
display: none;
}

#menu-cabecera {
position: absolute;
bottom: 10px;
right: 0;
line-height: 25px;
}

#menu-cabecera ul,
#menu-cabecera li {
text-align: right;
display: inline;
}

#menu-cabecera li {
margin-right: 10px;
padding-right: 10px;
border-right: 2px solid #928B6E;
}

#menu-cabecera li.ultimo {
border-right: none;
margin-right: 5px;
}

#menu-cabecera a {
color: #4B4838;
text-decoration: none;
font-weight: bold;
}

#menu-cabecera a:hover {
color: #bca614;
}

#seleccion-idiomas {
position: absolute;
right: 10px;
top: 10px;
line-height: 90%;
}

#seleccion-idiomas li {
margin-right: 5px;
padding-right: 5px;
display: inline;
border-right: 1px dotted #928B6E;
}

#seleccion-idiomas li.ultimo {
border-right: none;
margin-right: 0;
}


#seleccion-idiomas a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

/*
--- menu ----------------------------------------------------------------------------------	
*/

#menu {
background-color: #e9e6d4;
background-image: url(../img/fondo_menu.png);
background-repeat: repeat-y;
background-position: left;
width: 195px;
height: 291px;
overflow: hidden;

}

#menu ul {
width: 158px;
margin-top: 30px;
margin-left: 19px;
}

#menu li {
width: 158px;
height: 33px;
margin-bottom: 7px;
}

#menu li span {
line-height:33px;
padding-top: 6px;
padding-bottom: 6px;
}

#menu li span a {
color: #484848;
font-size: 14px;
font-weight: bold;
display: block;
overflow: hidden;
text-decoration: none;
color: #5d5a3b;
background-image: url(../img/fondo_opcion_menu.png);
background-color: #F1EEE2;
text-align: center;
letter-spacing: 1px;
}

#menu li span a:hover {
color: #BCA614;
background-color: #FCFCF9;
background-image: url(../img/fondo_opcion_menu_seleccionado.png);
}

#menu li.seleccionado span a {
color: #484848;

background-color: #F1EEE2;
background-image: url(../img/fondo_opcion_menu_seleccionado.png);
background-repeat: repeat-x;
background-position: top left;
}

/*
--- contenido ----------------------------------------------------------------------------------	
*/

#contenido {
background-color: #E8E5D2;
}

.bienvenida #contenido {
position: absolute;
left: 195px;
top: 0;
width: 555px;
}

#slide-show {
background-color: #fff;
width: 375px;
height: 281px;
padding: 5px;
overflow: hidden;
z-index: 20;
}

#slide-show object {
z-index: 21;
}

#reservas {
width: 158px;

position: absolute;
left: 395px;
top: 20px;
}

/*
--- bloque-bienvenida ----------------------------------------------------------------------------------	
*/

#bloque-bienvenida {
background-color: #fff;
background-image: url(../img/fondo_bloque_bienvenida.png);
background-repeat: repeat-x;
background-position: top;

padding-top: 23px;
padding-bottom: 15px;
}

#bloque-bienvenida h3 {
font-size: 17px;
color: #68664d;
letter-spacing: 1px;
font-weight: normal;
margin-bottom: 5px;
}

#bloque-bienvenida #noticias,
#bloque-bienvenida #ofertas {
width: 155px;
padding-left: 15px;
padding-right: 15px;
border-right: 2px solid #928b6e;
}

#bloque-bienvenida #ofertas {
position: absolute;
left: 187px;
top: 23px;
}

#bloque-bienvenida #galeria {
position: absolute;
left: 374px;
top: 23px;
padding-left: 15px;
padding-right: 15px;
}

#bloque-bienvenida div div {
height: 110px; /* 110 - 5 -5 */
padding: 5px;
}

#bloque-bienvenida #noticias div,
#bloque-bienvenida #ofertas div {
background-image: url(../img/fondo_area_bloque.png);
}

#bloque-bienvenida #galeria div {

}

/* Galería de bienvenida 

Pendiente de independizar en bienvenida.css para no colisionar con las galerías internas.

*/


		#bloque-bienvenida div#galeria div.galeria {
		background-color: #DFDCBE;
		width: 345px; /* 345 - 0 -0 */
		height: 118px;
		padding: 0;
		overflow: hidden;
		z-index: 9;

		}

		#bloque-bienvenida img.foto {
		margin-bottom: 5px;
		padding: 5px;
		padding-bottom: 8px;

		border-left: 1px solid #A09C77;
		border-right: 1px solid #A09C77;
		}

		#bloque-bienvenida div#galeria div div {
		height: auto;
		width: auto;
		}



		#bloque-bienvenida div div.mini {
		z-index: 10;
		padding: 0;
		margin: 0;
		}


		#bloque-bienvenida div div.mini a {
		display: block;
		width: 65px; /* 61 + 2 + 2 */
		height: 50px; /* 46 + 2 + 2 */
		overflow: hidden;
		float: left;
		margin: 0;
		padding: 0;
		margin-right: 10px;
		margin-bottom: 3px;
		position: relative;
		z-index: 12;

		}

		#bloque-bienvenida div div.mini img {
		padding: 2px;
		background-color: #fff;
		margin: 0;
		z-index: 13;
		}

		#bloque-bienvenida div div.mini img {
		padding: 2px;
		background-color: #fff;
		margin: 0;
		z-index: 13;
		}


/* Módulo de tiempo */

#bloque-bienvenida div.yahoo-weather {
text-align: center;
}

#bloque-bienvenida div.yahoo-weather span.temperatura {
font-weight: bold; 
font-size: 36px; 
line-height: 95%;
color: #EEAD7E;
}







/* 
--- Reservas -----------------------------------------------------------------------------------------
*/

#reservas {

border: 1px solid #A09C77;
width: 154px;
overflow: hidden;

z-index: 1;
}

#reservas h2 {
background-color: #928B6E;
color: #fff;
border-bottom: 1px solid #9C9774;
font-size: 15px;
letter-spacing: 2px;
padding: 2px 10px;
}

#reservas form {
background-image: url(../img/fondo_area_reserva.png);
background-repeat: no-repeat;
background-position: top left;
background-color: #D9D0AB;
padding: 3px 5px;

z-index: 2;
}

#reservas form p {
line-height: 20px;

position: relative;

z-index: 3;
}

#reservas form p.titulo {
margin-top: 2px;

}

#reservas form p.personas {
margin-top: 6px;
}


#reservas form input.fecha {
width: 100px;
}

#reservas form p.campo input {
width: 112px;
border: 1px solid #a09c77;
}

#reservas form p.submit {
margin-top: 5px;
line-height: 28px;
text-align: center;
}

#reservas form p.submit input {
padding: 2px 3px;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
background-color: #E5DB97;
color: #4B4838;
border-width: 1px;
}

#reservas form a {
background-color: #FBA952;
text-decoration: none;
}

#reservas form p #enlace-fecha-llegada,
#reservas form p #enlace-fecha-salida {
display: block;
width: 23px;
height: 23px;
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
}

#enlace-fecha-salida img {

}

/* Calendario */

div#envoltorio-calendario {
position: absolute;
left:590px;
top: 186px;
z-index: 99;
}

div#calendario {
background-color: #F3F0E6;
border: 2px solid #A09C77;
z-index: 100;
}

div#calendario table.calendario {
text-align: center;
}

div#calendario table.calendario td {
width: 1.5em;
}

div#calendario table.calendario th {
font-size: 12px;
color: #fff;
background-color: #928B6E;
font-weight: bold;
text-align: center;
line-height: 25px;
}

div#calendario table.calendario th a {
padding: 2px 3px;
background-color: #F58139;
text-decoration: none;
color: #fff;
font-weight: bold;
}

div#calendario table.calendario td.dias_semana {
font-weight: bold;
color:  #F58139;
}

div#calendario table.calendario tbody.fechas a {
padding: 0px 2px;
background-color: #F1EAB9;
text-decoration: none;
color: #000;
}

div#calendario table.calendario tbody.fechas a:hover {
color: #fff;
background-color: #F58139;
}

/*
--- Visita Virtual -----------------------------------------------------------------------------------
*/

#fotos-inmersivas {
width: 158px;

position: absolute;
left: 395px;
top: 20px;
}

#fotos-inmersivas li {
line-height: 180%;
}

#fotos-inmersivas li a {
text-decoration: none;
font-weight: bold;
}

#fotos-inmersivas li a:hover {
text-decoration: underline;
}

/*
--- Pie ----------------------------------------------------------------------------------------------
*/

#pie {
clear: both;
background-color: #d8d6c1;
background-image: url(../img/fondo_pie.png);
background-repeat: repeat-x;
background-position: top;
height: 41px;
text-align: right;
padding-top: 20px;
}




#pie ul,
#pie li {
text-align: right;
display: inline;
}


#pie li {
margin-right: 10px;
padding-right: 10px;
border-right: 2px solid #928B6E;
}

#pie li.ultimo {
border-right: none;
margin-right: 5px;
}


#pie a {
color: #4B4838;
text-decoration: none;
font-weight: bold;
}

#pie a:hover {
color: #bca614;
}