/* RESETEAMOS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
}

body {
     line-height: 1
}

ol, ul {
     list-style: none
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/* FIN RESET */

body{
	background:#f7f2e2;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	text-align:center;
	line-height:1em;
}
#container{
	margin:10px auto 0 auto;
	position:relative;
	text-align:left;
	width:800px;
}
#flash{float:left; margin:0 0 0 32px}
#header img {float:left;}
#menu, #submenu {float:right;}
#menu {margin:21px 0 10px 0; padding:3px 0 5px 0; border-bottom: 2px dotted black; border-top: 2px dotted black; width:550px;}
#submenu{width:796px; text-align:center; margin:10px 0 10px 0; background-color:#efe6c8; padding:5px 2px;}
#submenu{background-color:#BCBB8B;}
#menu li{
	display:inline;
	margin:0 0 0 13px;
}
#menu li:first-child{margin:0;}
#submenu li{
	display:inline;
	font-size:0.7em;
}

a{color:#000000; text-decoration:none}
a:hover{color:#793e09;}
#submenu li a{color:#7d695a; text-decoration:none}
#submenu li a:hover{color:#793e09; text-decoration:underline}
#left{
	position:relative;
	float:left;
	margin:0 5px 0 0;
	width:456px;
	height:300px;
	overflow:hidden;
}
#right{
	position:relative;
	float:right;
	width:335px;
	height:300px;
}
#content{
	background:#efe6c8 url(../images/cenefa.png) repeat-y 0 0;
	margin:20px 0 0 0;
	padding: 0 0 50px 40px;
	overflow:auto}
#content.gallery{
	padding: 0 0 50px 10px;
	position:relative}
#content.restaurante{background:#e6c799 url(../images/cenefa.png) repeat-y 0 0;
	}
#content.parque_natural{background:#BCBB8B url(../images/cenefa.png) repeat-y 0 0;
	}

img#bottom{position:absolute; bottom:0; left:1px}
#footer{
	position:relative;
	bottom:-50px;
	left:-40px;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding:5px 0 5px 150px;
}
#footer a{color:#FFFFFF; text-decoration:underline}
.clear{clear:both;}
h1{font-weight:bold; font-size:1em;}
h2{font-weight:bold; font-size:1.2em;}
h2#descripcion_transparencia, h2#descripcion_transparencia i{
	padding:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.95em;
	font-weight:bold;
	color:#2f3215;
	text-align:right;
	background:url(../images/transparencia_left.png) repeat 0 0;
	position:absolute;
	top:173px;
	right:0;
	width:400px;
	height:77px;
}
#titulo_left{
	position:absolute;
	top:155px;
	right:0;
	padding:0 15px 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#f7f2e2;
	font-style:italic;	
}
.menu_secundario{
	position:absolute;
	left:0;
	text-align:right;
	font-size:0.7em;
	width:142px;
}
.menu_secundario li{
	background:url(../images/transparencia_right.png) repeat 0 0;
	margin:1px 0;
	padding:2px 15px 2px 0;
}
#hotel{top:80px;}
#entorno{top:217px;}
.titulo_seccion{
	position:absolute;
	right:0;
	width:101px;
	text-align:center;
	text-transform:uppercase;
	font-weight:lighter;
}
#titulo_hotel{
	background-color:#ff9327;
	color:#f7f2e2;
	padding:130px 0 0 0;
	height:20px;
	top:0;
}
#titulo_entorno{
	background-color:#238985;
	color:#1e4445;
	padding:3px 0 0 0;
	height:147px;
	bottom:0;
}
.left_content a#zoom{
	color:#7c330e;
	font-size:0.8em;
	text-decoration:none;
	margin:5px 0 0 0;
	width:382px;
}
.left_content table{
	margin:0 0 20px 0;
	font-size:0.9em;
	width:400px;
	line-height:25px
}
.left_content table td+td{text-align:right; font-weight:bold}
.left_content{float:left; width:415px; margin:0 0 0 0;}
.right_content{float:right; width:335px; margin:0 0 0 0;}
#content p{
	text-align:justify;
	margin:0 15px 0 0;
	font-size:0.8em;
}
#content h3, #carta h3{
	margin:0 15px 20px 0;
	padding:20px 0 0 0;
	border-bottom:1px solid black;
	clear:both;
	font-weight:bold;
	font-style:italic;
}
#content.gallery h3{
	margin:0 25px 20px 30px;
}
.shadow{
	text-shadow: #000000 0.1em 0.1em 0.2em;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120);
}
p.texto_peq{font-size:0.7em}
strong.indent{margin:0 0 0 60px}
ul.list{
	margin:15px;
	font-size:0.7em;
	list-style-type:square;
	color:#793e09;
	font-weight:bold;
}
ul.list li{margin:0 0 10px 0;}
.right_content img#imagen{
	float:left;
}
.right_content h4{
	height:148px;
	padding:100px 0 0 0;
	width:101px;
	text-align:center;
	background:#c1b89b;
	float:left;
	font-weight:bold;
	color:#f7f2e2;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
}
.right_content h4#restaurante{background:#b99663;}
.icono {float:left; margin:0 10px 10px 0;}
strong{font-weight:bold;}
i{font-style:italic;}
iframe{border:1px solid #b99663}
p#contacto{float:right; font-size:0.9em; text-align:right; color:#666666;}
p#contacto strong{font-size:1.2em; text-align:justify; margin:0; padding:0;}
form{ padding:0 15px 0 0;}
form label{float:left; clear:left; margin:0 0 11px 0; font-size:0.8em}
form input[type=text], form textarea{width:272px; float:right; margin:0 0 5px 0; border:1px solid #c1b89b;background:#f7f2e2;}
form input{height:20px}
form input[type=button]{width:274px; float:right;background-color:#ff9327; border:1px solid #f7f2e2; cursor:pointer}
form input[type=button]:hover{background-color:#f0a348;}
form textarea{height:110px;}
h4.confirmacion{font-size:1em; color:#238985}
.reservas{font-size:1.4em}

/**************************************************************************************************************/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	color: #333333;
}

#TB_secondLine {
	font: 10px;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/*
 * Smoothbox v20070814 by Boris Popoff (http://gueschla.com)
 *
 * Based on Cody Lindley's Thickbox, MIT License
 *
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */


html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}
.carta ul.list{margin:0 0 0 15px; float:left; width:23%}
.carta h5{font-size:1.4em; color:#000000; margin:10px 0 10px 0}

/*********************** MICROSITE VINO Y ACEITE *********************************/

#aceite, #vino { width:318px; position:relative; padding:0 40px;}
#aceite{
	float:right;
	background:#948100 url(../images/fondo_aceite.jpg) repeat-x 0 0;
	color:#3b3700;
	overflow:hidden;
}
#container.microsite{
	background:#948100 url(../images/fondo_aceite.jpg) repeat-x 0 0;
}
#aceite img:first-child{position:absolute; top:0; left:0;}
#vino{
	float:left;
	background:#8a182b url(../images/fondo_vino.jpg) repeat-x 0 0;
	border-right:3px solid #f7f2e2;
	border-bottom:3px solid #f7f2e2;
	border-top:3px solid #f7f2e2;
	text-align:right;
}
#aceite h2, #vino h2 { padding:0 0 8px 0; margin:0 0 30px 0}
#aceite h2, #aceite p, #vino h2, #vino p{width:320px;}
#aceite p, #vino p{font-size:0.8em; padding:0 0 10px; margin:0 0 30px 0; text-align:justify;}
#aceite p{ border-bottom:1px solid #5f5800}
#vino p{ border-bottom:1px solid #9f0038}
#aceite h2{
	border-bottom:1px solid #5f5800;
}
#vino h2{
	text-align:left;
	color:#f7f2e2;
	border-bottom:1px solid #9f0038;
}
.microsite ul#menu{
	width:800px;
	border:none;
	margin:0;
	padding:15px 0 35px 0;
}
.microsite ul#menu li{margin:0 5px 0 5px;}