/* 

Cambios en estructura visual 

*/

#menu {
float: left;
z-index: 80;
background-image: none;
background-color: transparent;
}

#cuerpo {
background-color: #fff;
background-image: url(../img/fondo_menu.png);
background-repeat: repeat-y;
background-position: left;
}

#contenido {
background-color: #fff;
float: left;
width: 520px; /* 580 - 15 - 15 */
padding: 10px 15px;
font-size: 14px;
line-height: 180%;
}

/* 

Añadidos de estilos 

*/

/* Submenú */

#submenu {
margin-bottom: 5px;
}

#submenu ul {

}

#submenu li {
display: inline;
height: 33px;
margin-bottom: 7px;
margin-right: 2px;
}

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

#submenu li span a {

font-size: 13px;
font-weight: bold;
padding: 3px 8px;
text-decoration: none;
color: #5d5a3b;
background-image: url(../img/fondo_opcion_submenu.png);
background-color: #F1EEE2;
text-align: center;
letter-spacing: 1px;

border: 1px solid #928B6E;
}

#submenu li span a:hover {
color: #BCA614;
background-color: #FCFCF9;

padding: 3px 7px;
border: 2px solid #E9CF1B;
}

#submenu li.seleccionado span a {
color: #484848;
padding: 3px 8px;
border: 2px solid #E9CF1B;
background-color: #F1EEE2;

background-repeat: repeat-x;
background-position: top left;
}

/* Contenido */

#contenido p {
margin-bottom: 1em;
}

#contenido h2 {
color: #68664D;
font-size: 22px;
line-height: 45px;
font-style: italic;
margin-bottom: 1em;
border-bottom: 10px solid #ECE7C8;
}

#contenido h3 {
color: #68664D;
font-size: 17px;
font-weight: normal;
line-height: 38px;
margin-bottom: 0.6em;
border-bottom: 2px dotted #ECE7C8;
}

/* Galería */

#contenido div.galeria {
float: right;
width: 317px;
z-index: 9;
margin-left: 15px;
}

#contenido img.foto {
margin-bottom: 5px;
padding: 8px;
padding-bottom: 12px;
background-color: #F4F1E8;
background-image: url(../img/sombra_foto.png);
background-repeat: repeat-x;
background-position: bottom;
border-left: 1px solid #A09C77;
border-right: 1px solid #A09C77;
}

#contenido div.mini {
padding: 8px 0 8px 11px;
padding-bottom: 0px;
background-color: #F4F1E8;
border: 1px solid #ECE7C8;
z-index: 10;
}


#contenido div.mini a {
display: block;
width: 91px; /* 75 + 3 + 3 */
height: 70px; /* 56 + 3 + 3 */
overflow: hidden;
float: left;
margin: 0;
padding: 0;
margin-right: 7.5px;
margin-bottom: 8px;
position: relative;
z-index: 12;

}

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

/* Como llegar */


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

#contenido ol.ruta {
font-size: 13px;
line-height: 24px;
margin-left: 3em;
margin-bottom: 1em;
}

#contenido ol.ruta li {
list-style-position: outside;
padding-left: 0.5em;
font-weight: bold;
}

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

/* vcard */

#contenido div.vcard {
width: 350px;
height: 180px;
background-image: url(../img/fondo_vcard.png);
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;
}

/* Reservas al pie */

#reservas-pie {
font-weight: bold;

padding-top: 8px;
padding-bottom: 8px;
border-top: 1px solid #a6a27f;
border-bottom: 1px solid #a6a27f;
background-color: #dedbbc;

text-align: center;
}

#reservas-pie fieldset {
display: inline;
}

#reservas-pie .salida,
#reservas-pie .personas,
#reservas-pie .envio {
margin-left: 0.5em;
}

/* Formularios (contacto) */

#contenido form {

}

#contenido form p {
line-height: 80%;
}

#contenido form span.asterisco {
color: #D3BE2F;
font-size: 23px;
}


#contenido form input.text {
width: 50%;
}

#contenido form input.submit {
padding: 2px 0.5em;
color: #5D5A3B;
font-weight: bold;
}


#contenido form textarea {
width: 90%;
}

#contenido form input.text,
#contenido form textarea {
border: 1px solid #928B6E;
background-color: #F5F4EC;
}