/* CSS Document */
/*colores
azules FF9900
rojos CC0033
*/
body {
	background:#CCC url(../images/fnd_body.jpg) left top repeat-x;
	font: 12px/140% Tahoma, Arial, Verdana;
	color: #666;
	margin:0;
	padding:0 0 20px 0;
}
.pagina {
	width:800px;
	padding: 0 25px 15px 25px;
	margin: 0 auto 0 auto;
	background:#FFF url(../images/fnd_page.gif) center bottom no-repeat;
}
.contenidos {
	margin:0;
	padding: 20px 0 40px 0;
}
/*cabecera*/
.cabecera {
	width: 800px;
}
.cabecera h1.es, .cabecera h1.en {
	width: 244px;
	height: 140px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.cabecera h1.es {
	background: url(../images/fnd_h1.jpg) right top no-repeat;
	}
.cabecera h1.en {
	background: url(../images/fnd_h1_en.jpg) right top no-repeat;
	}
.cabecera h1 span {
	display:none;
}
.cabecera img {
	float:right;
	display:block;
	margin:0;
}
/*Menú especial*/
.secciones_es, .secciones_en {
	clear:both;
	height:30px;
	background: url(../images/fnd_secciones.jpg) left top no-repeat;
	padding-left:240px;
}
.secciones_es ul, .secciones_en ul {
	background: url(../images/fnd_ul.jpg) right top no-repeat;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
}
.secciones_es ul {
	padding-right:10px;
}
.secciones_en ul {
	padding-right:66px;
}
.secciones_es ul li, .secciones_en ul li {
	display:block;
	float:left;
	height:30px;
	position:relative;
	top:0;
}
.secciones_es ul li a:link, .secciones_es ul li a:visited, .secciones_en ul li a:link, .secciones_en ul li a:visited {
	display: block;
	position:absolute;
	background-position: left top;
	background-repeat:no-repeat;
	height:30px;
	margin:0;
	padding:0;
	z-index:0;
	float:left;
}
.secciones_es ul li a:hover, .secciones_es ul li a:active, .secciones_en ul li a:hover, .secciones_en ul li a:active {
	background-position: left bottom;
	display: block;
	position:absolute;
	background-repeat:no-repeat;
	height:30px;
	margin:0;
	padding:0;
	z-index:200;
	float:left;
}
.secciones_es a span, .secciones_en a span {
	display:none;
}
.m_inicio {
	background-image: url(../images/m_inicio_es.jpg);
	width:88px;	
}
.m_quienes {
	background-image: url(../images/m_quienes_es.jpg);
	width:154px;	
}
.m_alojamientos {
	background-image: url(../images/m_alojamientos_es.jpg);
	width:143px;	
}
.m_reservas {
	background-image: url(../images/m_reservas_es.jpg);
	width:180px;
}

.m_inicio_en {
	background-image: url(../images/m_inicio_en.jpg);
	width:88px;	
}
.m_quienes_en {
	background-image: url(../images/m_quienes_en.jpg);
	width:120px;	
}
.m_alojamientos_en {
	background-image: url(../images/m_alojamientos_en.jpg);
	width:163px;	
}
.m_reservas_en {
	background-image: url(../images/m_reservas_en.jpg);
	width:180px;
}
/*class que añade el javascript a los li en :hover par IE*/
.over {
	z-index: 2000;
}
.secciones_es li ul {
	display:none;
}
li > ul {
	top: auto;
	left: auto;
	}
#nav li:hover ul, #nav li.over ul { 
	width: 140px;
	z-index:5000;
	background: #FFC875;
	border: 1px solid #FF9900;
	border-top:none;
	margin: 0px;
	padding: 0px;
	top:29px;
	left:0;
	display: block;
	position: absolute;
	list-style-type: none;
	height: auto;
	overflow: visible;
	font: bold 11px Tahoma;
}
#nav li ul li, #nav li ul li { 
	width:140px;
	display:block;
	border-top: none;
	text-align:left;
	padding:0;
	height:20px;
	border-top:1px solid #FF9900;
}
#nav ul li a:link, #nav ul li a:visited {
	text-decoration: none;
	color: #333;
	display:block;
	width:137px;
	padding:0 0 0 3px;
	vertical-align:middle;
	height:20px;
	line-height:20px;
}
#nav ul li a:hover, #nav ul li a:active {
	background: #FF9900;
	color: #FFF;
}
/*FIN menú especial*/

.idiomas {
	background: url(../images/fnd_idiomas.jpg) left top no-repeat;
	clear:both;
	height:44px;
	line-height:44px;
	vertical-align:middle;
	color:#CC0033;
	font-size:11px;
	padding-left:250px;
}
/* Menú desplegable idiomas*/
#select {
	z-index:1;
	width: 100px;
	border:1px solid #CC0033;
	margin:14px 0 0 5px;
	padding:0;
	list-style:none;
	font-size:11px;
	background: #FFF url(../images/arrow_down2.gif) right center no-repeat;
	font: 11px /140% Tahoma, Arial, Verdana;
	font-weight: normal;
	color: #666;
}
#select li {
	width:98px;
	height:16px;
 	margin:0;
	padding:0 0 0 2px;
	display:block;
	position: relative;
	vertical-align:middle;
 }
#select li ul {
	display:none;
}
li > ul {
	top: auto;
	left: auto;
	}
#select li:hover ul, #select li.over ul { 
	width: 100px;
	background: #FFF;
	border: 1px solid #CC0033;
	margin: 0px;
	padding: 0px;
	top:16px;
	left:0;
	display: block;
	position: absolute;
	list-style-type: none;
	height: auto;
	overflow: visible;
}
#select li ul li, #select li ul li { 
	width:100px;
	display:block;
	border-top: none;
	text-align:left;
	padding:0;
	background-position: left center;
	background-repeat: no-repeat !important;
	}
#select ul li a:link, #select ul li a:visited {
	text-decoration: none;
	color: #333;
	display:block;
	width:97px;
	padding:0 0 0 3px;
	background-position: 1px center;
	background-repeat: no-repeat !important;
}
#select ul li a:hover, #select ul li a:active {
	background-color: #EEE;
	color: #900;
}
#select span {
	background-position: left center;
	background-repeat: no-repeat !important;
}
/*FIN desplegable*/

/*FIN cabecera*/
/*pie*/
.pie {
	clear:both;
	font-size: 11px;
	text-align:center;
}
/*FIN pie*/
/*links*/
a img {
	border: none;
}
a {
	color: #666;
}
.azul {
color:#FF9900;
font-weight:bold;
}
.rojo {
color:#CC0033;
}
/*FIN links*/
/*tipos*/
h2 {
	color: #CC0033;
	margin: 0 0 25px 0;
	padding:0;
	font-size:20px;
	line-height:140%;
}
h2 a {
	color: #CC0033 !important;
}
h3 {
	color: #FF9900;
	margin: 0 0 15px 0;
	padding:0;
	font-size:18px;
	line-height:140%;
}
h3 a {
	color: #FF9900;
}
small {
	font-size:11px;
}
/*botones*/
.boton {
	background: url(../images/fnd_boton.gif) left top repeat-x;
	border-left: 1px solid #B61030;
	border-right: 1px solid #B61030;
	text-decoration:none;
	font: bold 11px Tahoma, Arial, Verdana;
	color:#FFFFFF;
	padding:3px 0 3px 0;
}
.boton_gris {
	background: #EEE;
	border: 1px solid #999;
	text-decoration:none;
	font: bold 11px Tahoma, Arial, Verdana;
	color:#666;
	padding:2px 0 2px 0;
}
.boton_no {
	background: url(../images/fnd_boton_no.gif) left top repeat-x;
	border-left: 1px solid #CC0033;
	border-right: 1px solid #CC0033;
	text-decoration:none;
	font: bold 11px Tahoma, Arial, Verdana;
	color:#610A18;
	padding:3px 0 3px 0;
}
.boton span, .boton_no span, .boton_gris span {
	padding: 0 4px 0 5px;
}
/*publi*/
.contiene_publi {
	background: url(../images/fnd_publi.gif) left top no-repeat;
	width: 200px;
		height:213px;
}
.contiene_publi small {
	font-size: 11px;
	text-transform:uppercase;
	margin-left:10px;
	display:block;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}
.contiene_publi div {
	margin-left: 10px;
}
/*estructura contenidos pagina*/
.column_left {
	width: 200px;
	float:left;
}
.content_right {
	width:570px;
	float: right;
}
.column_right{
	width: 200px;
	float:right;
	padding-top: 40px;
}
.content_left{
	width:570px;
	float: left;
}
form {
	margin:0;
	padding:0;
}
.campo, .formulario {
	border: 1px solid #CCC;
	font: 12px Tahoma;
	vertical-align:middle;
}
.btn_form {
	background: url(../images/fnd_boton.gif) left bottom repeat-x;
	border: 1px solid #CC0033;
	text-decoration:none;
	font: bold 11px Tahoma, Arial, Verdana;
	color:#FFFFFF;
}
.paginacion {
	text-align:center;
	clear:both;
}
.volver {
	clear: both;
	font-weight:bold;
	vertical-align:middle;
}
.volver img {
	vertical-align: middle;
	margin-right: 10px;
}
/* fotografias*/
.foto_izq {
	float: left;
	padding: 1px;
	border: 1px solid #CCC;
	margin: 0px 10px 10px 0px;
}
.foto_sombra_izq {
	float: left;
	background: url(../images/fnd_images.gif) right bottom no-repeat;
	padding: 0px 6px 6px 0px;
	margin: 0px 10px 10px 0px;
}
.foto_sombra_der {
	float: right;
	background: url(../images/fnd_images.gif) right bottom no-repeat;
	padding: 0px 6px 6px 0px;
	margin: 0px 0px 10px 10px;
}
.foto_sombra {
	background: url(../images/fnd_images_pano.gif) right bottom no-repeat;
	padding: 0px 6px 6px 0px;
	margin: 0px 0px 10px 10px;
}
.foto_sombra_izq img, .foto_sombra_der img {
	border: 1px solid #999;
}
/* FIN fotografias*/
.utilidades {
	width:180px;
	text-align: left;
	background: #EEE;
	padding:10px;	
}
h4 {
	font: bold 14px/140% Tahoma;
	margin: 0 0 10px 0;
	padding:0;
	background: url(../images/fnd_h4.gif) right bottom no-repeat;
}
.cajita {
	padding:10px 10px 60px 10px;
	margin-bottom: 40px;
	border:1px solid #CCC;
	text-align:left;
	font-size:11px;
	background:#EEE url(../images/fnd_cajita.gif) center bottom no-repeat;
}
.cajita_sin {
	padding:10px;
	margin-bottom: 40px;
	border:1px solid #CCC;
	text-align:left;
	font-size:11px;
	background: #EEE;
}
.submenu {
	margin: 0;
	padding:0;
	list-style-type:square;
	list-style-position: inside;
}