/*
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-size: 13px;
font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
color: #343434;
margin: 0px;
padding: 0px;
background-color: #78842D;
background-image: url(../img/fondos/body.gif);
background-repeat: repeat-x;
text-align: center;
}

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


div,
li {
}

strong {
font-weight: bold;
}

ol {
list-style: decimal;
}

abbr,
acronym {
cursor: help;
}

.fin {
clear: both;
}

a {
color: #46852C;
text-decoration: none;
}

a:hover {
color: #50BA26;
text-decoration: underline;
}

a:visited {
color: #50BA26;
}

input.text,
textarea {
padding: 1px 2px;
}

input.text,
input.file,
textarea,
select {
border: 1px solid gray;
}

textarea {
overflow: auto;
}

p {
margin-bottom:  0.75em;
}

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

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

div#layout {
width: 980px;
text-align: left;
margin: 0 auto;
position: relative;
}

#cabecera {
position: relative;
background-image: url(../img/fondos/cabecera.gif);
background-repeat: no-repeat;
background-position: top left;
margin-top: 70px;
height: 136px;
}

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

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

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

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

#seleccion-idiomas a:hover {
color: #50BA26;
}

#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 #96A62A;
}

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

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

#menu-cabecera a:hover {
color: #50BA26;
}


#navegacion {
margin-left: 5px;
margin-right: 5px;
background-color: #EAEBDF;
border-left: 2px solid #46852C;
border-right: 2px solid #46852C;
height: 60px; /* 73 - 13 */
padding-top: 13px;
}

#area-imagenes {
background-color: #F4F9F4;
height: 250px;
border: 2px solid #46852C;
overflow: hidden;
}

#contenido {
margin-left: 5px;
margin-right: 5px;
background-color: #fff;
border-left: 2px solid #46852C;
border-right: 2px solid #46852C;
padding: 20px 30px;
}

div.bienvenida #contenido {
padding-right: 0;
}

#pie {
background-image: url(../img/fondos/pie.gif);
background-repeat: no-repeat;
background-position: bottom left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 80px;
clear: both;
text-align: right;
font-size: 12px;
min-height: 40px;
}

#pie ul {
margin-right: 20px;
}

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

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

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

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

#pie a:hover {
color: #50BA26;
}









h1 {
position: relative;
top: -15px;
left: 15px;
background-image: url(../img/logo.png);
background-repeat: no-repeat;
width: 162px;
height: 140px;
}

h1 span {
display: none;
}


#navegacion ul {
margin-left: 10px;
margin-right: 0;
}

#navegacion li {
display: block;
height: 37px;
line-height: 37px;
width: 150px;
margin-top: 5px;
margin-right: 9px;
float: left;
text-align: center;
}

#navegacion li.seleccionado {
margin-top: 0;
height: 48px;
line-height: 48px;
}

#navegacion li a {
display: block;
color: #555;
background-color: #D6D9BF;
font-size: 15px;
letter-spacing: 1px;
background-image: url(../img/fondos/menu_li.gif);
text-decoration: none;
}

#navegacion li a:hover {
text-decoration: none;
color: #fff;
background-image: url(../img/fondos/menu_li_over.gif);
}

#navegacion li.seleccionado a {
color: #fff;
background-color: #63984D;
letter-spacing: 2px;
background-image: url(../img/fondos/menu_li_seleccionado.gif);
}

#navegacion li.seleccionado a:hover {
margin-top: 0;
height: 48px;
line-height: 48px;
color: #fff;
background-color: #63984D;
letter-spacing: 2px;
background-image: url(../img/fondos/menu_li_seleccionado.gif);
}

/* -- Bienvenida ------------------------------------------------------------------------------------------------- */

.bienvenida p.tel {
visibility: hidden;
}

#texto-bienvenida {
width: 270px;
text-align: justify;
float: left;
line-height: 140%;
}


#texto-bienvenida h2 {
color: #568E14;
font-size: 21px;
font-weight: normal;
letter-spacing: 2px;
line-height: 30px;
margin-bottom: 0.25em;
}

#texto-bienvenida h2 span.organization-name {
display: block;
font-weight: bold;
letter-spacing: 0;
}

#texto-bienvenida p.adr {
color: #aaa;
font-weight: bold;
font-style: italic;
}

#areas-bienvenida {
width: 636px;
margin-top: 8px;
margin-left: 30px;
height: 420px;
float: left;
}

#areas-bienvenida div.area-bienvenida {
width: 293px;
height: 200px;
background-color: #EAEBDF;
float: left;
margin-right: 20px;
margin-bottom: 20px;
background-image: url(../img/fondos/area_bienvenida.gif);
}

#areas-bienvenida div.area-bienvenida h2 {
line-height: 43px;
font-size: 18px;
font-weight: normal;
letter-spacing: 2px;
margin-left: 1em;
color: #4A4A4A;
font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#areas-bienvenida #area-reservas {
background-image: url(../img/fondos/area_bienvenida_destacada.gif);
position: relative
}

#areas-bienvenida #area-reservas h2 {
color: #282A1A;
}

#areas-bienvenida #area-reservas p.agencias {
color:#282A1A;
font-size:10px;
position:absolute;
right:10px;
top:7px;
}

#areas-bienvenida #area-reservas p.agencias a {
color:#282A1A;
text-decoration:underline;
}

#areas-bienvenida #area-reservas form {
position: relative;
padding-top: 14px;
}

#areas-bienvenida #area-reservas p.titulo {
	position: relative;
	margin-bottom: 7px;
	margin-left: 15px;
}
/*
#areas-bienvenida #area-reservas p.titulo {
position: absolute;
left: 15px;
color: #333;
}

#areas-bienvenida #area-reservas p.fecha-llegada {
top: 15px;
}

#areas-bienvenida #area-reservas p.fecha-salida {
top: 50px;
}
*/
#areas-bienvenida #area-reservas p.fecha-llegada input,
#areas-bienvenida #area-reservas p.fecha-salida input {
cursor: hand;
text-align: center;
}


#areas-bienvenida #area-reservas p.personas {
position: absolute;
right: 15px;
top: 14px;
width: 120px;
}

#areas-bienvenida #area-reservas p.personas span.adultos {
position: absolute;
left: 0;
top: 0;
}

#areas-bienvenida #area-reservas p.personas span.ninos {
position: absolute;
left: 0;
top: 38px;
width: 50px; 
line-height: 100%;
}


#areas-bienvenida #area-reservas p.personas span.bebes {
position: absolute;
left: 0;
top: 76px;
}


#areas-bienvenida #area-reservas p.personas span.adultos select,
#areas-bienvenida #area-reservas p.personas span.ninos select,
#areas-bienvenida #area-reservas p.personas span.bebes select {
left: 78px;
top: 0px;
width: 42px;
}

#areas-bienvenida #area-reservas p.personas span.rango {
font-size: 11px;
color: #62683A;
display: block;
}



#areas-bienvenida #area-reservas p.submit {
position: absolute;
top: 121px;
left: 15px;
}

#areas-bienvenida #area-reservas p.submit input {
width: 131px;
}

#areas-bienvenida #area-reservas p.campo {
position: relative;
height: 20px;
margin-left: 15px;
}

#areas-bienvenida #area-reservas select {
position: absolute;
left: 115px;
}

#areas-bienvenida #area-reservas input.fecha {
width: 90px;
border: 1px solid gray;
float: left;
}

#areas-bienvenida #area-reservas input.fecha:hover {
cursor: hand;
}

#areas-bienvenida #area-visita-virtual div.galeria {
padding-left: 13px;
padding-top: 9px;
}

#areas-bienvenida #area-visita-virtual p {
width: 83px;
height: 63px;
border: 1px solid gray;
float: left;
margin-bottom: 6px;
margin-right: 6px;
}

#areas-bienvenida #ofertas ul,
#areas-bienvenida #noticias ul {
padding: 10px 15px;
}

#areas-bienvenida #ofertas h4,
#areas-bienvenida #noticias h4 {
color: #568E14;
margin-bottom: 0.5em;
width: 195px;
}

#areas-bienvenida #ofertas li,
#areas-bienvenida #noticias li {
position: relative;
}

#areas-bienvenida #ofertas li p,
#areas-bienvenida #noticias li p {
margin-bottom: 0.3em;
}

#areas-bienvenida #ofertas li p {
width: 195px;
}

#areas-bienvenida #ofertas li p.precio {
width: auto;
position: absolute;
top: 0;
right: 0;
background-color: #F0F0DA;
color: #4A760C;
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
padding: 5px 3px;
}

#seleccionar-fecha-llegada {
display: block;
width: 28px;
height: 28px;
background-image: url(../img/icono_calendario.png);

position: absolute;
left: 103px;
bottom: 0px;
}


#seleccionar-fecha-llegada span {
display: none;
}

#seleccionar-fecha-salida {
display: block;
width: 28px;
height: 28px;
background-image: url(../img/icono_calendario.png);

position: absolute;
left: 103px;
bottom: 0px;

}


#seleccionar-fecha-salida span {
display: none;
}


/* Calendario */

div#envoltorio-calendario {
position: absolute;
left:153px;
top: 30px;
width: 163px;
z-index: 900;
font-family: "trebuchet ms", verdana, sans-serif;
}

iframe.bajo-calendario {
position: absolute;
left: 153px;
top: 50px;
width: 163px;
height: 130px;
border: none;
z-index: 899;
display: none;
}


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

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

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

div#calendario table.calendario th {
font-size: 13px;
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: #C7CAAA;
text-decoration: none;
color: #000;
display: block;
}

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


/* -- Apartados interiores ------------------------------------------------------------------------------------------------- */

#menu-nivel-1 {
height: 35px;
border: 2px solid #46852C;
border-bottom: none;
background-color: #9BBD8C;
margin-left: 0;
margin-right: 0;
}

#menu-nivel-1 li {
display: block;
height: 35px;
line-height: 35px;

margin-top: 0;

float: left;
text-align: center;
border-right: 1px solid #85B371;
}

#menu-nivel-1 li.seleccionado {

}

#menu-nivel-1 li a {
display: block;
color: #f9f9f9;
font-size: 15px;
letter-spacing: 2px;
text-decoration: none;
padding-left: 20px;
padding-right: 20px;
}

#menu-nivel-1 li a:hover {
text-decoration: none;
color: #fff;
background-color: #63984D;
}

#menu-nivel-1 li.seleccionado a {
color: #fff;
background-color: #63984D;
letter-spacing: 2px;

}

#area-imagenes {
position: relative;
height: 250px;
}


#area-imagenes h2.migas-de-pan {
position: absolute;
top: 0px;
left: 0px;
padding: 10px 30px 10px 20px;
color: #fff;
font-size: 20px;
letter-spacing: 1px;
background-image: url(../img/fondos/h2.png);
background-position: bottom right;
z-index: 100;
}

#area-imagenes h2.migas-de-pan span.raquo {
color: #46852C;
}

#area-imagenes object {
position: absolute;
top: 0px;
left: 0px;
z-index: 99;
}

#area-imagenes img {
z-index: 1;
}

/* Interior - contenidos */

.interior #contenido,
.interior-sin-area-imagenes #contenido {
line-height: 160%;
}

.interior #contenido h2,
.interior-sin-area-imagenes #contenido h2 {
color: #568E14;
font-size: 21px;
font-weight: normal;
letter-spacing: 1px;
line-height: 30px;
margin-bottom: 0.5em;
font-weight: bold;
}

.interior #contenido h3,
.interior-sin-area-imagenes #contenido h3 {
color: #568E14;
font-size: 17px;
font-weight: normal;
letter-spacing: 1px;
line-height: 30px;
margin-bottom: 0.25em;
}

.interior #contenido ul,
.interior #contenido ol,
.interior-sin-area-imagenes #contenido ul,
.interior-sin-area-imagenes #contenido ol {
margin-bottom: 1em;
}

.interior #contenido ul li,
.interior-sin-area-imagenes #contenido ul li {
list-style-type: square;
list-style-position: inside;
}

.interior #contenido ol li,
.interior-sin-area-imagenes #contenido ol li {
list-style-type: decimal;
list-style-position: inside;
}

/* Como llegar */

#contenido div.como-llegar {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 3px solid #76AF5F;
}

#contenido ol.ruta {
font-size: 13px;
line-height: 24px;
padding: 0.5em 0;
margin-bottom: 2em;
background-color: #F0F0EA;
}

#contenido ol.ruta li {
list-style-position: inside;
margin-left: 1em;
margin-right: 1em;
font-weight: bold;
}

#contenido ol.ruta li span {
font-weight: normal;
}

#contenido ol.ruta li span.distancia {
margin-left: 1em;
font-weight: bold;
}

/* vcard */

#contenido div.vcard {
width: 350px;
height: 200px;
background-image: url(../img/fondos/vcard.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0.5em 1.5em;

}

#contenido div.vcard h3 {
font-size: 19px;
border-bottom: none;
margin-bottom: 5px;;
}

#contenido div.vcard p {
line-height: 80%;
color: #4B4838;
}

/* Formularios (contacto) */

.interior-sin-area-imagenes #contenido form {

}

.interior-sin-area-imagenes #contenido form dt {
/*line-height: 80%;*/
font-weight: bold;
color: #444;
}

.interior-sin-area-imagenes #contenido form input.text {
width: 35%;
}

.interior-sin-area-imagenes #contenido form input.submit {
padding: 2px 0.5em;
color: #222;
font-weight: bold;
}


.interior-sin-area-imagenes #contenido form textarea {
width: 50%;
height: 6em;
}

.interior-sin-area-imagenes #contenido form input.text,
.interior-sin-area-imagenes #contenido form textarea {
border: 1px solid #46852C;
background-color: #F5F4EC;
}

/* -- Interior sin área de imágenes ------------------------------------------------------------------------------------------------- */

.interior-sin-area-imagenes #menu-nivel-1 {
border-bottom: 2px solid #46852C;
}

div.mapa-google {
float: right;
width: 500px;

height: 300px;

margin-left: 30px;

border: 1px solid #6D6B70;

}



/* -- Lightbox ------------------------------------------------------------------------------------------------- */

.leightbox {
display: none;
position: fixed;
top: 20%;
left: 30%;
width: 40%;
height: 308px;
padding: 0;
background-color: transparent;
text-align: left;
z-index:1001;
background-color: #E5E5E5;
overflow: hidden;
}

#overlay{
display:none;
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}



.leightbox p.cerrar {
	background-color: #63984D;
padding-right: 1em;
padding-left: 1em;
text-align: right;
margin-bottom: 0;
}

.leightbox p.cerrar span {
display: block;
height: 28px;
line-height: 28px;
padding-right: 1em;
}

.leightbox p.cerrar a,
.leightbox p.cerrar a:hover {
color: #fff;
}

.leightbox div.foto-inmersiva {
text-align: center;
overflow: hidden;
}

.leightbox div.foto-inmersiva iframe {
overflow: hidden;
}


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

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