@charset "UTF-8";

.twoColLiqLtHdr #header {
	padding: 0;
	height: 169px;
	margin: 0;
	width: 714px;
} 

.twoColLiqLtHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}

.twoColLiqLtHdr #sidebar1 {
	width: 160px;
	padding: 20px 0px 0px 0px;
	height: auto;
	float: left;
	margin: 0;
}

.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

.twoColLiqLtHdr #titulo {
	padding: 0 20px 0 7px;
	height: 30px;
	margin: 0 20px 0 7px;
} 

.twoColLiqLtHdr #footer img{ 
	margin-top: 20px;
}

.twoColLiqLtHdr #footer a {
	margin: 0;
	padding: 10px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

.twoColLiqLtHdr #footer a:hover {
	margin: 0;
	padding: 10px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
	color:#FFF;
}

.twoColLiqLtHdr #titulo {
	padding: 10px 0 0 20px;
	height: 39px;
	margin: 0;
	width: auto;
} 

#subscripcion { 
	padding: 0 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
}

#subscripcion a{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	}
	
#subscripcion a:hover{
	font-size:11px;
	color: #FFF;
	text-decoration:underline;
	}	

#subscripcion input {
  	border: 1px solid #999;
	background: #f8f7ed;
	margin:0;
	height:16px;
}

#subscripcion input:focus {
  	border:1px solid #000;
}

/* Inicio menú reservas */

#reservas {
	width:140px;
	margin:0;
	height:145px;
	padding:14px 0px 0 9px;
	font-family: bold "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	position:relative;
	left:0;
	top:-10px;
	}
	
#reservas h2{
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
	color: #CF6;
	}
#reservas input{
	font-size:11px;
	text-align:right;
	right:auto;
	}	
#reservas hr { 
	width:100%;
	color:#4e8a25;
	height:1px;
}
#separadores {
	margin:5px 0 0 0;
	padding:0;
	width:auto;
}
/* Fin menú reservas */

#idiomas {
	width:160px;
	margin:0 0 0 0;
	height:21px;
	padding:1px 0px 0 0;
	position:relative;
	left:0;
	top:-5px;
	}

#menu {
	/*position: relative;*/
	width:160px;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	position:inherit;
	left:0px;
	top:0px;
	}

#menu li{
	padding:0px;
	margin:2px 0 1px 0;
	height:22px;
	width:160px;
	display:block;
	position: relative;
	left: -38px;
	top: -10px;
}

#menu li a{
	text-align:left;
	height:22px;
	padding:0px 15px;
	margin-top: 3px;
	display:block;
	background:url(../img/img_botones_fondo.jpg) 0px 0px no-repeat;
	text-decoration:none;
	color:#30541b;
	}

#menu li a:hover {
	background:url(../img/img_botones_fondo.jpg) 0px -44px no-repeat; 
	}

#menu li.activo {
	text-align:left;
	height:22px;
	padding:0;
	margin-top: 3px;
	display:block;
	background:url(../img/img_botones_fondo.jpg) 0px -44px no-repeat;
	width: 160px;
	text-indent: 15px;
}
#menu li.menusg {
	padding:0px;
	margin:0;
	height:40px;
	width:160px;
	display:block;
	position: relative;
	left: -38px;
	top: -10px;
}

#menu li.menusg a{
	text-align:left;
	height:40px;
	padding:0px 15px;
	margin-top: 3px;
	display:block;
	background:url(../img/img_botones_fondo_menusg.jpg) 0px 0px no-repeat;
	text-decoration:none;
	color:#30541b;
	line-height:normal;
	}

#menu li.menusg a:hover {
	background:url(../img/img_botones_fondo_menusg.jpg) 0px -40px no-repeat; 
	}

#menu li.menusg.select {
	text-align:left;
	height:40px;
	padding:0px 15px;
	margin-top: 3px;
	display:block;
	background:url(../img/img_botones_fondo_menusg.jpg) 0px -40px no-repeat;
	width: 130px;
	text-decoration:none;
	color:#30541b;
	line-height:normal;
}

ul {
	list-style-type:none;
}

#banner_navidad {
	margin: 20px 0 0 0;
	padding: 0;
	float:left;
	width:150px;
	height:150px;
	display:block;
	border:none;
}


/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

hr { 
	width:100%;
	color:#4e8a25;
	height:1px;
}
.parrafo_validar {
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}


/* Oferta promoción */
.oferta {
	width:440px;
	height:auto;
	position:absolute;
	margin:510px 10px 0 230px;
	background:#e99702;
	padding:10px;
	font-size:12px;
	-moz-box-shadow:0px 0px 2px #000 inset;
	text-align:center;
}
.oferta h1 {
	font-family:'Lobster', Arial, Helvetica, sans-serif;
	font-size:30px; font-weight:normal; 
	color:#85250d; 
	margin:5px 0 5px 0; 
	text-shadow: 0px 1px 1px #eee;
}
	
.oferta h2 { font-size:12px; color:#85250d; margin:10px 0 5px 0;}
.oferta h3 {font-size:12px; color:#85250d; margin:10px 0 5px 0;}
.oferta p {font-size:11px; font-style:italic; color:#333; margin:0; padding:0; text-align:center;}

	
.oferta-banner {
	height:130px;
	width:130px;
	position:absolute;
	z-index:999;
	margin:470px 10px 0 160px;
	}
	
hr.ofert-line {
	width:100%;
	height: 1px;
	border: 0;
	color: #cc0000;
	background-color: #85250d;
	margin:10px 0 5px 0;
	}
	
.offert-content { width: auto; height:auto; margin:40px 5px 5px 5px; background:#e99702; padding:10px; -moz-box-shadow:0px 0px 2px #000 inset;}
.offert-banner {
	height:130px;
	width:130px;
	position:absolute;
	z-index:9999;
	margin:-50px 0 0 -10px;
}
.offert-content h1 {font-family:'Lobster', Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; color:#85250d; margin:10px 0 10px 0; text-shadow: 0px 1px 1px #eee; text-align:center;}
.offert-content h2 {font-size:12px; font-weight:normal; color:#85250d; margin:10px 0 5px 0; text-align:center;}
.offert-content h3 {font-size:14px; font-weight:bold; color:#85250d; margin:10px 0 10px 0; text-align:center; font-style:italic;}
.offert-content p {font-size:11px; font-style:italic; color:#333; margin:10px 0 5px 0; padding:0; text-align:center;}

/* 2ª Oferta promo */

.segunda_oferta {
	width:460px;
	height:394px;
	position:absolute;
	margin:870px 10px 0 230px;
	background: url(../img/Carnaval_2012.jpg) no-repeat center top;
	-moz-box-shadow:0px 0px 2px #000 inset;
	text-align:center;
}
.segunda_oferta h1 {
	font-family:'Lobster', Arial, Helvetica, sans-serif;
	font-size:30px; font-weight:normal; 
	color:#4d0205; 
	margin:5px 0 5px 0; 
	text-shadow: 0px 1px 1px #fff;
}
	
.segunda_oferta h2 { font-size:12px; color:#4d0205; margin:10px 0 5px 0;}
.segunda_oferta h3 {font-size:12px; color:#4d0205; margin:10px 0 5px 0;}
.segunda_oferta p {font-size:11px; font-style:italic; color:#fff; margin:0; padding:0; text-align:center; line-height:1.5em;}

hr.ofert-line {
	width:100%;
	height: 1px;
	border: 0;
	color: #cc0000;
	background-color: #72080b;
	margin:10px 0 5px 0;
	}

div.clear {clear: both;}