@charset="utf-8";
/* CSS Document */


/*-------------------------------- WRAPPER ---------------------------------*/

#wrapper {
/* font-family: "Century Gothic", "Tahoma", "Arial", "Verdana";*/
 font-family: "Arial", "Verdana";
 font-size: 100%;
 background:#fff;
 color:#2b2b2b;
}

/* --------------------------------- H ----------------------------------- */

h1 {
	font-size:24px; /*30px;*/
/*	color:#6e8823;*/
	margin-bottom:10px;
	color:#6a4a39;
	border-bottom:#b6c391 6px solid;
	padding-bottom:5px;
}
h2 {
/*	font-size:24px;*/
/*	color:#6e8823; anterior color verde de los h2 */
	font-size:20px;
	color:#6a4a39;
	border-bottom:#b6c391 6px solid;
	padding-bottom:5px;
}

h3 {
/*	color:#6e8823;
	font-size:24px;*/
	font-size:20px;
	color:#6a4a39;
	border-bottom:#b6c391 6px solid;
	padding-bottom:5px;
}

p {
	font-size:14px;
	color:#2c2c2c;
	margin-bottom:10px; /* 20px; ojo */
	line-height:20px;
}


/* --------------------------------- HEADER --------------------------------- */

header {
	width:100%;
	height:64px;
	background-image:url(../imagenes/fondo-cabecera.gif);
	background-repeat:repeat-x;
}

#menu {
	float:right;
	width:660px;/*640px; /* 	width:670px; */
	height:50px;
/*	background-color:#6a4a39;
	margin-bottom:20px;*/
}

#cabecera{
	width:960px;
	height:64px;
	margin:auto;
	margin-top:0px;
}


#cabecera img{ /* el logotipo es la unica imagen */
	margin-top:3px;
	width:280px; height:45px; float:left; /* esto es por IE7. en el resto valia con poner en la imagen aling lieft */
	}

#menu nav {
/*	padding-top:2px; */
	float:right;
}
	#menu nav ul{
		list-style:none;
		}
		#menu nav li {
/*			display:inline; Uso en su lugar Float Left + Display Block*/
			display:block;
			float:left;
			color:#fff;
			border-right:1px solid #fff;
			line-height:52px; /* no funciona con el display inline */
			}	
			#menu nav li a {
				color:#fff;
				text-decoration:none;
			/*	line-height:50px; LO QUITO POR EL #menu nav li:hover */
/*				padding:7px; Ya no lo usamos */
				margin-left:8px;/*10px;*/
				margin-right:8px;/*10px;*/
				font-size:16px;
				display:block;
/*				font-weight:bold;*/
				}
				/*#menu nav li a:hover {  LO QUITO POR EL #menu nav li:hover
					color:#fecc00;
					cursor:pointer;
				}*/
				
			#menu nav li span {
				color:#fff;
				text-decoration:none;
				margin-left:8px;/*10px;*/
				margin-right:8px;/*10px;*/
				font-size:16px;
				display:block;
				padding-top: 0px;
				}
				
				
		#menu nav li:last-child{ /* Quitamos la última raya */
			border:0px;
		}
		
		#menu nav li:hover {
			background-color:#849a44;
			cursor:pointer;
			}
			
/* Los submenus*/
#menu nav ul ul
{
	display:none;
	z-index:1000;
	position:absolute;
	background:#6e8823;
	padding:0;
}

#menu nav ul ul li
{
	float:none;
	width:215px;
	text-align:left;
	margin:0;
	border-right:none;
	line-height:42px;
}

/*#escapadas li{ Mejor usar este selector y ahorro el id en el código*/
#menu nav ul li:nth-child(2) ul li{ /* Selecciono al segundo submenu, que cuelga del Segundo li */
	width:155px !important;
	}
	
#menu nav ul li:nth-child(3) ul li{ /* Selecciono al submenu, que cuelga del tercer li */
	width:200px !important;
	}

#menu nav ul ul li a
{
	background-color:#6e8823;
	color:#fff;

}

#menu nav ul ul li a:hover
{
	background-color:#849a44;
	color:#fff;

}

#menu nav ul ul a
{
/*	padding:15px 24px*/
}

#menu nav ul li:hover > ul
{
	display:block
}

		

/* --------------------------------- MENU SECUNDARIO DE PESTAÑAS -----------------------------------*/

#menupestanas nav {
	/*width:100%;*/
	background-color:#FFF;
	margin-bottom:20px;
}

#menupestanas nav {
/*	background-color:#F0C;*/
/*	position:absolute;
	width:980px;
	/*text-align:center;*/
	font-weight:bold;
	font-size:14px;
	margin-top:20px;

/*	margin-top:68px;	*/
}
	#menupestanas nav ul{
		list-style:none;
		border-bottom: 1px solid #6e8823;		
		
		height:26px; /* lo limito para poder destacar la pestaña activa y que funcionen los paddings de las pestañas ativas y no activas */
		/* background-color:#FF0; /* vale para ver el fondo del menu y hacerte una idea de como queda */
		
		}
		#menupestanas nav li {
			display:inline;
			line-height:22px;
			color:#a6b274;
		
			/*padding-top:12px; /* No usamos. Con esto hacemos que las pestañas no activas se bajen */
			
/*			border: 1px solid #6e8823;
			border-top-left-radius:6px;
			border-top-right-radius:6px;*/
			}	
			#menupestanas nav li a,
			#menupestanas nav li span {
				color:#fff;
				text-decoration:none;
				line-height:22px;
				padding:3px;
				/*marging-top:8px;*/
				margin-left:2px;
				margin-right:2px;
				
				background-color:#a6b274;
				border-top-left-radius:6px;
				border-top-right-radius:6px;
				
				}
				#menupestanas nav li a:hover {
					background-color:#6e8823;
					color:#fff;
					border-top-left-radius:6px;
					border-top-right-radius:6px;
				}
				#menupestanas nav li span:hover {
					background-color:#6e8823;
					color:#fff;
					border-top-left-radius:6px;
					border-top-right-radius:6px;
					cursor:pointer;
				}

/* Para las pestañas activas: */ /* FICHA */ /* PROVINCIAS */ /* ZONA DE PROPIETARIOS */ 
#detalle-ficha #menupestanas nav .detalle-ficha a,
#mapa-ficha #menupestanas nav .mapa-ficha a,
#calendario-ficha #menupestanas nav .calendario-ficha a,
#videos-ficha #menupestanas nav .videos-ficha a,
#contactar-ficha #menupestanas nav .contactar-ficha a,
#opiniones-ficha #menupestanas nav .opi-ficha a,
#fotos-ficha #menupestanas nav .fotos-ficha a,
#precios-ficha #menupestanas nav .precios-ficha a,
#ofertas-ficha #menupestanas nav .ofertas-ficha a,
#alojamientos-rurales #menupestanas nav .alojamientos-rurales a,
#mapa-situacion #menupestanas nav .mapa-situacion a,
#ofertas-descuentos #menupestanas nav .ofertas-descuentos a,
#turismo-rural #menupestanas nav .turismo-rural a,
#acceso-propietarios #menupestanas nav .acceso-propietarios a,
#anunciar-casa-rural #menupestanas nav .anunciar-casa-rural a,
#planes-contratacion #menupestanas nav .planes-contratacion a,
#opiniones-propietarios #menupestanas nav .opiniones-propietarios a,
#que-incluye #menupestanas nav .que-incluye a,
#sobre-tuscasasrurales #menupestanas nav .sobre-tuscasasrurales a {
	/* fondo verde y las letras blancas*/
	background-color:#6e8823;
	color:#fff;
	/* ahora por usabilidad ponemos el fondo blanco y las letras verdes, aunque hemos tenido que añadir un borde verde . Finalmente no lo usamos
	background-color:#fff;
	color:#6e8823;*/
	
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	cursor:default;
	/* esto es para el borde de la pestaña activa. Finalmente no lo usamos
	border: 1px solid #6e8823;
	border-bottom: 1px solid #FFF;
	**************/
	
	/* esto vale para que la pestaña activa sea más alta por debajo	*/
	padding-bottom:8px;
}


/* --------------------------------- CONTAINER --------------------------------- */

#container {
	width:960px;
	margin:auto;
	margin-top:10px; /*20px; /* para separar la nueva cabecera */
}

#content1 {
	float:right;
	width:700px;
/*	background-color:#6CF;*/
}
#content1 a{
	color:#6e8823;
/*	text-decoration:none; Lo quitamos para hacer más intuitivos los links */
	}
#content1 a:hover{
	color:#6a4a39;
	}
#content1 section{
	margin-bottom:20px;
	}

#content2 {
	float:left;
	width:960px;
}
#content3 {
	float:right;
	width:700px;
}
#content3 a {
    color: #6e8823;
}


/* ------------------------------------- PAGINACION -------------------------------------- */
.paginador{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
	}

.paginador a{
	background: #e9edde;
    border: 1px solid #d2c9c4;
    color: #6e8823;
	font-size:18px;
	padding:5px;
	border-radius: 4px;
	text-decoration:none;
	}
#BotonVerTodos{
	background: #e9edde;
    border: 1px solid #d2c9c4;
    color: #6e8823;
	font-size:18px;
	padding:5px;
	border-radius: 4px;
	text-decoration:none;
	margin-left:240px;
	}	

.paginador a:hover{
    border: 1px solid #6a4a39;
	}
.paginador .activo{
	background: #6e8823;
    border: 1px solid #6e8823;
	color:#FFF;		
	font-size:18px;
	padding:5px;
	border-radius: 4px;
	display:inline-block;
	margin-bottom:3px;
	}
	
.numtotalalojamientos{
	text-align:center;
	font-weight:bold;
    color: #6a4a39;
	font-size:16px;
/*	margin-bottom:-10px;	*/
	margin-bottom:10px;
	}
.numtotalalojamientos b{
    color: #6e8823;
	}

	

/* ------------------------------------- FOOTER -------------------------------------- */

footer {
	width:100%;
	background-color:#e9edde;
}

#pie{
	width:960px;
	height:420px;/*350px;*/
	margin:auto;
	margin-top:30px;
}
#pie2{
	width:960px;
	height:90px;
	margin:auto;
	margin-top:30px;
}

#pie nav{
	margin-left:40px;
	}
.columna_destinos{
	float:left;
	width:130px;
	}
.columna_destinos ul{
	list-style:none;
	font-size:14px;
}
.columna_destinos ul{
	margin-bottom:10px;
	}
.columna_destinos ul li:first-child{
	font-size:16px;
	font-weight:bold;
	color:#6a4a39;
}
.columna_destinos ul li:first-child a{
	font-size:16px;
	font-weight:bold;
	color:#6a4a39;
}
.columna_destinos ul li:first-child a:hover{
	color:#6a4a39;
	cursor:auto;
}
.columna_destinos ul li a{
	text-decoration:none;
	color:#000;
	margin-left:5px;
	}
.columna_destinos ul .comunidad a{
	margin-left:0px;
/*	cursor:default;*/
}
.columna_destinos ul li a:hover{
	color:#6E8823;
}

#datos{
	margin-top:10px;
	}
#datos img{
	float:left;
	}
#datos #sobretus{
	color:#6a4a39;
	float:left;
	font-weight:bold;
	margin-top:34px;
	margin-left:25px;
}

#datos #sobretus a,#datos #sobretus .ira{
	text-decoration:none;
	color:#6e8823;
	font-size:12px;
	font-weight:normal;
}
#datos #sobretus a:hover,#datos #sobretus .ira:hover{
	color:#a6b274;
	cursor:pointer;
}
#datos #sobretus .tel{
	line-height:25px;
	}
	
#datos #aviso{
	color:#6a4a39;
	float:right;
	font-weight:bold;
	margin-top:32px;
	text-align:right;
	font-size:12px;
}

#datos #aviso a{
	text-decoration:none;
	color:#6e8823;
	font-size:12px;
}
#datos #aviso a:hover{
	color:#a6b274;
}

/* para el envio de forms*/
#noenviado{
	color:#F00;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	}
#enviadocorrectamente{
	color:#6e8823;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	}
#graciasporcontactar,#intentalomastarde{
	font-size:18px;
	text-align:center;
	font-weight:bold;
	}

/*Para los banners de anunciar casa rural */
#publicatualojamiento:hover{
	opacity:0.5;
	filter:alpha(opacity=50); /* Para IE8 y anteriores */
	}

/*********** COOKIES ***********/
#leydecookies {
	position:fixed;
	bottom:0px;
	width:100%;
	height:auto;
	margin:auto;
/*	background-color:#dedede;*/
	background-color:#f0f3e9;
	padding:0;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	border-top: 1px solid #6E8823;
}
#leydecookies p{
	color:#333;
/*	font-size:0.7em;*/
	font-size:1em;
	padding:5px;
	margin-bottom:0;
}

#leydecookies a{
	color:#6e8823;
	text-decoration:underline;
}

#leydecookies a:hover{
	color:#6a4a39;
	text-decoration:underline;
}

#leydecookies #frmcookies input[type="submit"], a.btnCookies {
    border: 1px solid #e5e5e5;
    padding: 8px 20px;
    border-radius: 2px;
/*    font-weight: bold;*/
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    background: #6E8823;
    margin: 10px 0;
    display: inline-block;
    text-decoration: none;
    line-height: 26px;
    vertical-align: middle;
}

/* bloques de enlaces*/
.bloque2colum{
	color:#6c4b3a;
	margin-top:10px;
	}
	
.bloque2colum li{
	margin-left:10px;
	width:340px;
	float:left;
	margin-bottom:6px;
	}
	
.bloque2colum li a{
	color:#6c4b3a;
}

.bloque2colum li a:hover{
	color:#bd9005;
}



.bloque3colum{
	color:#6c4b3a;
	margin-top:10px;
	}
	
.bloque3colum li{
	margin-left:20px;
	width:210px;
	float:left;
	margin-bottom:6px;
	}
	
.bloque3colum li a{
	color:#6c4b3a;
}

.bloque3colum li a:hover{
	color:#bd9005;
}

.bloque5colum{
	color:#6c4b3a;
	margin-top:10px;
	}
	
.bloque5colum li{
	margin-left:20px;
	width:120px; /* 120+20=140x5=700 (ancho disponible)*/
	float:left;
	margin-bottom:6px;
	}
	
.bloque5colum li a{
	color:#6c4b3a;
}

.bloque5colum li a:hover{
	color:#bd9005;
}

.bloque6colum{
	color:#6c4b3a;
	margin-top:10px;
	}
	
.bloque6colum li{
	margin-left:13px;
	width:103px; /* 103+13=116x6=696 (ancho disponible 700)*/
	float:left;
	margin-bottom:6px;
	}
	
.bloque6colum li a{
	color:#6c4b3a;
	font-size:14px;
}

.bloque6colum li a:hover{
	color:#bd9005;
}

/*bloques de enlaces desplegables: + */
.grupo-bloque-links-desplegable{
	margin-top:50px;
	}
.bloque-links-desplegable{
	background: #e9edde;
    border: 1px solid #d2c9c4;
    border-radius: 4px;
    color: #6e8823;
    font-size: 16px;
    padding: 5px;
    text-decoration: none;
	margin-bottom:20px;
	}
.bloque-links-desplegable h3{
	color: #6e8823;
	border-bottom:none;
	font-weight:normal;
	font-size:18px;
	cursor:pointer;
	}
.bloque-links-desplegable ul{
	display:none;
	padding-left:40px;
	}
.bloque-links-desplegable ul li{
	margin-bottom:5px;
	display:inline;
	}
.bloque-links-desplegable ul li a{
	text-decoration:none;
	color: #6e8823;
}
.bloque-links-desplegable ul li a:hover{
	color: #96a462;
}
.bloque-links-desplegable ul li:after {
    content: ", ";
} 
.bloque-links-desplegable ul li:last-child:after{
    content: ".";
	}
	
/* MIGAS DE PAN estan en todo el site*/
/* Ojo son de widht distinto en en listados (700) que en fichas y zona propietarios (960)*/
.migasdepan960{ /* para corregir el ancho de las migas de pan en las fichas*/
	width:960px !important;
	}
#migasdepan{
	width:700px;
	margin:auto;
	font-size:12px;
	margin-bottom:15px; /*25px;*/
	margin-top:5px; /*15px; /* añadido nueva version */
	vertical-align:baseline; /* corrige un vertical aling del reset */
	}
#migasdepan a,a:visited{
	color:#6e8823;
	vertical-align:baseline;
	}
#migasdepan a:hover{
	color:#a6b274;
	}	
#migasdepan span{
	vertical-align:baseline; /* corrige un vertical aling del reset */
	}
#migasdepan strong{
	vertical-align:baseline; /* corrige un vertical aling del reset */
	}
#migasdepan div{
	display:inline;
	vertical-align:baseline; /* corrige un vertical aling del reset */
	}
	
/* para los ban */
.promocion-turismo{
	margin-bottom:20px;
	}
	
.promocion-turismo:hover{
	cursor:pointer;
	}