/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

/* ESTILOS GENERALES */

htm, body {
	font-size: 70%;
	background-color: #949494;
	color:black;
	height: 100%; 
	min-height: 100%; 
	background-image:url(../images/fonfo_prueba.gif);
	background-position:top center;
	background-repeat:repeat-y;
}

/* Evita el scroll de Firefox */

html {
    overflow: -moz-scrollbars-vertical;
}

body, input, textarea, select, optgroup {
	font-family: Arial, Verdana, Geneva, Tahoma, Helvetica, sans-serif;
}

input, textarea, select, optgroup {
	font-size: 100%;
	width: 200px;
	margin-bottom: 5px;
}

a{
	color:black;
}

#pie ul li a:hover{
	text-decoration:none;
}
ul, li, dl {
	list-style-type:none;
}



img{
	border:none;
}

p{
	line-height:1.4em;
	margin:1em 2.5em 1em 0;
}

form{
	margin-top: 20px;
	margin-right: 30px;
}

label {
	vertical-align: top;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

*html h1.h_villas, h2.h_villas{
	margin-right:-20px;
}



.clearall {
	clear:both;
	}

	

/* ARMAZÓN DE LA PÁGINA__________________________________________________ */

/* Contenedor de toda la página */

#web{
	width:776px;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
}

*html #web{
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

/* Contenedores de contenidos */

	#izquierda{
		float:left;
		width:125px;
		min-height:100%;
		height:auto;
		background-image:url(../images/fondo_izq_1.gif);
		background-position:right top;
		background-repeat:repeat-y;	
	}
		*html #izquierda{
			float:left;
			width:125px;		
			background-image:url(../images/fondo_izq_1.gif);
			background-position:right top;
			background-repeat:repeat-y;
			height:100%;
		}

	#centro{
		float:left;
		width:535px;
		background-color:white;
	}

		*html #centro{
		float:left;
		width:535px;
		background-color:white;
		height:100%;
		overflow:visible;
		}

	#derecha{
		float:left;		
		width:93px;
		min-height:100%;
		height:auto;
		background-image:url(../images/fondo_dch_1.gif);
		background-position:left top;
		background-repeat:repeat-y;
	}

		*html #derecha{
			float:left;		
			width:93px;
			height:100%;
			background-image:url(../images/fondo_dch_1.gif);
			background-position:left top;
			background-repeat:repeat-y;	
		}

			*html #izquierda_botones img{
				margin-top:-2px;
			}	

	/*Columna izquierda - IDIOMAS*/

		#izquierda_fondo{
			width:125px;
			height:496px;
			background-image:url(../images/fondo_izq_2.jpg);
			background-position:right top;
			background-repeat:no-repeat;
		}

		#izquierda_botones{
			float:right;
			width:23px;
			height:212px;
		}

			

	/*Columna derecha - CAPITULOS*/

		#derecha_fondo{
			width:93px;
			height:385px;
			background-image:url(../images/fondo_dch_2.jpg);
			background-position:right top;
			background-repeat:no-repeat;
		}

	/*Columna centro - CONTENIDOS*/

		/*CABECERA*/

		*html #cabecera{
			margin-bottom: -5px;
		}
		#cabecera {
			height:243px;
			}
		*html #botones_fotos{
			margin-top: 5px;
		}

		#botones_fotos{
		margin-top: 0px;
		z-index: 2500;
		width: 20px;
		height: 243px;
		position:relative;
		top: 0px;
		left: 505px;
		float: right;
		}

		*html #botones_fotos img{
			margin: 0px;
		}

		#botones_fotos img{
			margin: 2px;
		}

		
			*html #botones_fotos2{
			margin-top: 5px;
		}

		#botones_fotos2{
		margin-top: 35px;
		z-index: 2500;
		width: 20px;
		/*height: 243px;*/
		position:absolute;
		top: 0px;
		left:68%;
		/*float: right;*/
		display:none;
		}

		*html #botones_fotos2 img{
			margin: 0px;
		}

		#botones_fotos2 img{
			margin-right: 20px;
		}



		/*MENU*/

		#menu{
			width:535px;
			background-color:#AB0029;
			background-image:url(../images/fondo_menu.gif);
			background-position:top left;
			background-repeat:repeat-x;
		}

		*html #menu ul{
			margin-left:1.4em;
		}

		#menu ul{
			margin-left:.5em;
		}

		#menu ul li{
			display:inline;
			margin-right:0.2em;		
			line-height:2.1em;
		}

		#menu ul li a {
			text-decoration:none;
			color:white;
			padding: 0.4em 0.6em;
		}

		#menu ul li a:hover{
			background-color:black;
		}

		#menu a.activo{
			background-color:black;
			cursor:default;
		}

		#menu a.activo_villas{
			background-color:black;
			cursor:hand;
		}

		/*CONTENIDO*/

		#contenido{		
		height:350px;
		}

		.fondo_ruta_sabor{
			background-image:url(../images/fondo_contenido_rutas_sabor.gif);
			background-position:left top;
			background-repeat:no-repeat;
		}

		.fondo_villas{
			background-image:url(../images/fondo_contenido_villas.gif);
			background-position:left top;
			background-repeat:no-repeat;

		}

	.fondo_villas_ficha{
			background-image:url(../images/fondo_contenido_villas.gif);
			background-position:left top;
			background-repeat:no-repeat;
		}

		.fondo_contacto{
			background-image:url(../images/fondo_contacto.gif);
			background-position:left top;
			background-repeat:no-repeat;
		}

		.fondo_accesibilidad{
			background-image:url(../images/fondo_accesibilidad.gif);
			background-position:left top;
			background-repeat:no-repeat;
		}

		.fondo_recursos{
			background-image:url(../images/fondo_contenido_villas.gif);
			background-position:left top;
			background-repeat:no-repeat;
		}

		.fondo_recturisticos{
			background-image:url(../images/fondo_recursos.gif);
			background-position:left top;
			background-repeat:no-repeat;
		}

		/*PIE*/

		#pie{
			clear:both;
			background-image:url(../images/fondo_pie.gif);
			background-position:right;
			background-repeat:no-repeat;
			height:50px;
		}

			#pie ul{
				padding-top:1.3em;
				padding-left:1.8em;

			}

			#pie ul li{
				display:inline;
			}

				#pie ul li a{
				color:black;
				}

				#pie ul li a:hover{
					text-decoration:none;
			}

/* CONTENIDOS DE LA PÁGINA______________________________________________________________ */

#contenido_izq{
	float:left;
	width:164px;	
	text-align:right;
}

	/*Submenu Villas*/
	#contenido_izq ul{
	padding-top:0;
	margin: 0px;
	}

	#contenido_izq ul li{
	display:block;
	background-image:url(../images/fondo_menu_villas.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:2em;
	line-height:1.7em;
	padding-top:1.3em;
	}

	#contenido_izq ul li a{
		text-decoration:none;
		color:#AB0029;
	}

	#contenido_izq ul li a:hover{
		color:black;
	}

	#contenido_izq ul li a.activo{
	color:black;
	font-size:120%;
	}

#contenido_dch{
	float:right;
	width:330px;
	text-align:right;
}

#contenido_dch_accesibilidad{
	float:right;
	width:405px;
	text-align:right;
}

	/* Mapa villas */

	#mapa{
	float:right;	
	margin: 0;
	}

	/* Enlace villas */
	a.enlace_villas{
		color:#AB0029;
	}
	a:hover.enlace_villas{
		text-decoration:none;
		}

	#enlace_recursos{
	float:right;
	}	

	.enlace_recursos{
	margin-right:25px;
	text-decoration:none;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	}	

	

	.enlace_recursos a{
		padding:0px 15px 0px 3px;
		background-color: #ab0029;
		background-repeat: no-repeat;
		background-position: right;
		background-image: url(../images/flechaDcha.gif) ;
		text-decoration:none;
		color:#FFFFFF;
		}

		
	.enlace_recursos a:hover{
		text-decoration:none;
		color:#000000;
		background-color: #ab0029;
		background-image: url(../images/flechaDcha2.gif) ;
		background-repeat: no-repeat;
		background-position: right;
		}

		

		

		

		/* RECURSOS_______________________________________________________________*/

#contenidoRec{		
	height: 100%;
	margin: 0px;
}
#una_columna {
	margin:0px 0px 20px 0px;
	padding-left:20px;
	float: right;
	width:auto;
		}

#una_columna a {
		text-decoration:none;
		}

#una_columna a:hover {
		text-decoration:none;
		}



#titulo {
	width:360px;
	float: left;
	margin-left:0px;
	margin-bottom:5px;
		}

#titulo h1{
	font-size:1.4em;
	padding-left:20px;
	padding-top:20px;
	background-image: url(../images/circ_ciudades.gif);
	background-position:left 1.4em;
	background-repeat:no-repeat;
	font-weight: bold;

}		

#titulo  h1 span{
	color:#AB0029;
	font-weight: bold;
		}

.imgTitulo {
	float: right;
	margin-top:5px;
	margin-bottom:0px;
	}	



#una_columna h2{
	float: right;
}

#enlaces_recur {
	float: right;
	width: 450px;
	padding-top: 20px;	
	margin-right: 30px;
}

#mostrartodas {
	display: none;
}

#ocultartodas {
	display: none;
}

.enlaces_recur ul{
	float: right;
	margin-bottom:15px;
	}

.enlaces_recur ul li{
	background:#949494 url(../images/flechaAbajo.gif) right no-repeat ;
	color:#fff;
	display:inline;
	margin-right:0.4em;
	padding:1px 14px 1px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

.enlaces_recur ul li a{
	text-decoration:none;
	color:#fff;
	font-weight: bold;	
}

.enlaces_recur ul li a:hover{
	text-decoration:none;
	color:#000;
}

h3.desplegable  {
	clear: both;
	padding: 5px 0 1px 0;
	margin: 0 20px 0 0;
	border-bottom: 1px solid #AB0029;
	text-align: right;
	font-size: 1.3em;
	color: #AB0029;
}

h3.desplegable a {
	display: none;
}

.contenido_desplegable  {
	float: right;
	display: block;
	width: 475px;
	padding-right:25px;
	margin-top:15px;
	text-align: left;
}

.contenido_desplegable a {
	text-decoration: underline !important;
}
.contenido_desplegable a:hover {
	text-decoration: none !important;
}

.contenido_desplegable p {
	margin-right:0px;
	text-align: left;
}





.contenido_desplegable h4{
	font-size: 1.3em;
	text-align: left;
	}

 .contenido_desplegable h5{
	font-size: 1.2em;
	text-align: left;
	color:#949494;
	padding-top:8px;
	font-weight: bold;
	}

 table.contenido_desplegable {
	margin:20px 0;
	padding-top:20px;
	border:0;
	float: left;
}

 table.contenido_desplegable  th{
	color:#AB0029;
	font-size:1.0em;
	border-bottom:1px solid #949494;
	font-weight: bold;
	text-align:left;
	padding:2px;	
}

 table.contenido_desplegable  td{
	text-align:left;
	padding:3px;
	border-bottom:1px solid #949494;
	font-size:0.9em;
}



/* RECURSOS TURISTICOS_____________________________________________________________________ */

#contenidoRecursos{		
	height: 40em;
	margin: 0px;
}



#der{
float:right;
margin-right: 0px;
}

#der h1{
	text-align:right;
	margin-right: 0px;
}

 #der h2{
	margin:10px 25px 10px 25px;
}

#der .menuRec{
	margin-top:15px;
	margin-right:25px;
	text-align:right;
}


#der .menuRec ul{
	margin-right:0px;
	margin-top:15px;
	margin-bottom:25px;
}

#der .menuRec ul li{
	display:block;
	color:#AB0029;
	font-weight: bold;
	font-size:1.2em;
	background:url(../images/circ_ciudades.gif) right 1.2em no-repeat ;
	padding-right:20px;
	padding-top:15px;
}

#der .menuRec ul li a{ 
text-decoration:none;
color:#AB0029;
}

#der .menuRec ul li a:hover{ 
text-decoration:none;
color:#000;
}



/* CLASES_______________________________________________________________________ */

.ocultar{
	display:none;
}

.rojo{
	color:#AB0029;
} 

.botonform {
	width: 59px;
	margin-bottom: -5px;
}

.arriba {
	position:absolute;
	top: 0px;
	float: left;
}

.der10{
	margin-right: 1em;
}

.trojo{
	color:#AB0029;
	margin-right: 0px;
}

.error{
	background-color: #FF9999;
}

.lista{
	background: url(../images/pitilista.gif) no-repeat left 0.3em;
	margin-right: 30px;
	padding-left: 15px;
	text-align: justify;
}

.accesibilidad{
	margin-right: 30px;
	text-align: justify;
}

.accesibilidad img {
	float: right;
	margin-left: 15px;
	}
	

#enconstruccion {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 25px;
	}


#enconstruccion a {
	font-weight: bold;
	color: #FFF;
	background-color: #AB002A;
	padding: 1px 10px;
	text-decoration: none;
	}

#enconstruccion a:hover {
	background-color: #5C1023;
	}