/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-attachment: scroll;
	scrollbar-3dlight-color: #886b2f; 
 scrollbar-darkshadow-color: #886b2f; 
 scrollbar-base-color: #002B63; 
 scrollbar-face-color: #886b2f; 
 scrollbar-arrow-color: #ffffff; 
 scrollbar-shadow-color: #ffffff; 
 scrollbar-highlight-color: #ffffff; 
 scrollbar-track-color: #ffffff; 
	}

a:link{
	color: #42340a;
	text-decoration: none;
	}
a:visited{
	color: #886b2f;
	text-decoration: none;
	}
a:hover{
	color: #42340a;
	text-decoration: underline;
	}


a:active{
	color: #886b2f;
	text-decoration: none;
	}

/* TODOS LOS NAVEGADORES MODERNOS*/
@font-face{
font-family:'Perpetua';
src: url('perpetua-b.ttf') format('truetype') /*u ('opentype') si lo fuera*/;
}
@font-face{
font-family:'Perpetua';
src: url('perpetua.ttf') format('truetype') /*u ('opentype') si lo fuera*/;
}

/* PARA INTERNET EXPLORER*/
[if IE]> 

  @font-face {
    font-family: 'Perpetua';
    font-style:  normal;
    font-weight: normal;
    src: url('perpetu0.eot');
  }
  @font-face {
    font-family: 'Perpetua';
    font-style:  normal;
    font-weight: 700;
    src: url('perpetu1.eot');
  }
  
<![endif] 

  

.nada {
	border: 1px solid #886b2f;
	
	}
.fotos {
	border: 1px solid #886b2f;
	}
	
	.titulo {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 22px;
	text-transform: uppercase;/*	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #9e7e3b;
	padding-left: 0px;
	font-weight: bold;
	letter-spacing: 0px;*/
	
	}

#fotos {
	position:absolute;
	width:377px;
	height:347px;
	z-index:7;
	rigth: 707px;
	top: 109px;
	left: 579px;
	}
	
	#fotos-villas {
	position:absolute;
	width:243px;
	height:347px;
	z-index:7;
	rigth: 707px;
	top: 102px;
	left: 261px;
	}
	
/*	fotos de los homes de cada sección*/
	#fotos-h {
	position:absolute;
	width:377px;
	height:255px;
	z-index:7;
	rigth: 707px;
	top: 184px;
	left: 309px;
	}
			#fotos-h-enru {
	position:absolute;
	width:377px;
	height:189px;
	z-index:7;
	rigth: 707px;
	top: 216px;
	left: 309px;
	}
#central{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:160px;
		left:50%;
		/*determinamos una anchura*/
		width:957px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-475px;
		/*determinamos una altura*/
		height:434px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		
		padding:0px;
	}
	
	#central-home{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:170px;
		left:50%;
		/*determinamos una anchura*/
		width:957px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-475px;
		/*determinamos una altura*/
		height:434px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		
		padding:0px;
	}
	
#minimenu{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:10px;
		left:50%;
		/*determinamos una anchura*/
		width:955px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-475px;
		/*determinamos una altura*/
		height:0px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:0px;
		padding:0px;
	}
	
			#menufix{


	}
	
#idiomas{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
		top:0px;
	left:588px;
	/*determinamos una anchura*/
		width:955px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-475px;
	/*determinamos una altura*/
		height:0px;
	/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:0px;
	padding:0px;

	}
	


	
/*.btn-big {
	font-family: "Perpetua", "Lucida Grande", sans-serif;
	font-size: 17px;
	font-style: normal;
	color: #42340a;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	padding-top: 7px;
	padding-right: 12px;
	}
		.btn-big  a:link{
	color: #42340a;
	text-decoration: none;
	}

	.btn-big  a:hover{
	color: #42340a;
	text-decoration: underline;
	}


	.btn-big  a:active{
	color: #42340a;
	text-decoration: none;
	}


	.btn-big  a:visited{
	color: #42340a;
	text-decoration: none;
	}
*/
		.minimenu {
	font-family: 'Perpetua', "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffbf;
	padding-left: 3px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 12px;
	text-align: center;

	}
	
	.minimenu a:link{
	color: #ffffbf;
	text-decoration: none;
	}

	.minimenu a:hover{
	color: #ffffff;
	text-decoration: underline;
	}


	.minimenu a:active{
	color: #ffffbf;
	text-decoration: none;
	}


	.minimenu a:visited{
	color: #ffffbf;
	text-decoration: none;
	}


#pie{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		bottom:0px;
		top:600px;
		left:50%;
		/*determinamos una anchura*/
		width:955px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-475px;
		/*determinamos una altura*/
		height:35px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:0px;
		padding:0px;
}
#pie-home{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		bottom:0px;
		top:600px;
		left:50%;
		/*determinamos una anchura*/
		width:955px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-475px;
		/*determinamos una altura*/
		height:35px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:0px;
		padding:0px;
}

#head{
position:scroll; 
top: 0px;  
width:100%; 
height:0px; 
z-index:2;  
text-align:center;
background:url(../images/bg-pie.jpg); 

}

.pie {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 12px;
	}
	
	.cuerpo {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 17px;
	text-align: left;
	}
	
	.villas {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 17px;
	text-align: left;
	}
	
		.cuerpo-bold {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #42340a;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 17px;
	text-align: justify;
	}
	

	
	.sub-menu {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 22px;
	text-align: left;
	text-transform: uppercase;
}
	.sub-menu   a:link{
	color: #886b2f;
	text-decoration: none;
	}

	.sub-menu  a:hover{
	color: #42340a;
	text-decoration: underline;
	}


	.sub-menu   a:active{
	color: #886b2f;
	text-decoration: none;
	}


/*	.sub-menu   a:visited{
	color: #886bf;
	text-decoration: none;
	}*/

#apDiv8 {
	position:absolute;
	width:955px;
	height:115px;
	z-index:7;
	top: 110px;
}

#apDiv2 {
	position:absolute;
	width:118px;
	height:27px;
	z-index:2;
	left: 793px;

	background-position: center center;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 20px;
	top: 0px;
}
#apDiv3 {
	position:absolute;
	width:915px;
	height:4px;
	z-index:3;
	left: 2px;
	top: 55px;
}
#apDiv4 {
	position:absolute;
	width:258px;
	height:115px;
	z-index:4;
	top: 105px;
}

/*texto*/
#apDiv5 {
	position:absolute;
	width:241px;
	height:347px;
	z-index:5;
	left: 310px;
	top: 91px;
}

/*texto de los home de cada seccion*/
#apDiv5-h {
	position:absolute;
	width:651px;
	height:112px;
	z-index:5;
	left: 310px;
	top: 91px;
}

#apDiv9 {
	position:absolute;
	width:468px;
	height:115px;
	z-index:5;
	left: 425px;
	top: 82px;
}


#apDiv1 {
	position:absolute;
	width:785px;
	height:36px;
	z-index:6;
	top: 19px;
	}
	
	#apDiv6 {
	position:absolute;
	width:283px;
	height:115px;
	z-index:7;
	top: 220px;
}
#apDiv7 {
	position:absolute;
	width:955px;
	height:115px;
	z-index:7;
	top: 87px;
}
#apDiv7-scroll {
	position:absolute;
	width:945px;
	height:320px;
	z-index:7;
	top: 87px;
	overflow : hidden;
	overflow-y : scroll;
	padding-right: 10px;
	
}

#apDiv8-scroll {
	position:absolute;
	width:403px;
	height:320px;
	z-index:7;
	top: 87px;
	overflow : hidden;
	overflow-y : scroll;
	padding-right: 10px;
	left: 520px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 17px;
	text-align: left;
}

#apDiv9-scroll {
	position:absolute;
	width:380px;
	height:320px;
	z-index:7;
	top: 87px;
	overflow : hidden;
	overflow-y : auto;
	padding-right: 10px;
	left: 540px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 17px;
	text-align: left;
}

#apDiv10-scroll {
	
	position:absolute;
	width:655px;
	height:347px;
	z-index:5;
	left: 310px;
	top: 91px;
	overflow : hidden;
	overflow-y : scroll;

}



#apDiv11-scroll {
		position:absolute;
	width:655px;
	height:347px;
	z-index:5;
	left: 310px;
	top: 91px;
	overflow : hidden;
	overflow-y : scroll;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 17px;
	text-align: left;
}
  

   #bot1 {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    }

   #bot1 a{
	background-image:url(images/btn-reservas.jpg);
	background-position: center top;
	height:34px;
	width:139px;
	display: block;
	text-decoration: none;
	padding-top: 5px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-family: 'Perpetua', "Times New Roman", sans-serif;
	font-size: 17px;
	font-style: normal;
	color: #42340a;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	padding-top: 7px;
	padding-right: 12px;
    }
#bot1 a:hover{
	background-image:url(images/btn-reservas-over.jpg);
    }
#bot1 a:focus{
background-image:url(images/btn-reservas-over.jpg);
    }
	
	#menu {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    }

   #menu a{
background-image:url(images/menu.jpg);
	/*background: #FFFFFF;*/
	background-position: center top;
	height:50px;
	width:159px;
	display: block;
	text-decoration: none;
	padding-top: 0px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-family: 'Perpetua', "Times New Roman", sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #42340a;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	padding-top: 16px;
	padding-right: 0px;
    }
#menu a:hover{
	background-image:url(images/menu_over.jpg);
    }
#menu a:focus{
background-image:url(images/menu_over.jpg);
    }

/*.intranet {



	font-size: 10px;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-weight: bold;



	color: #FFFFFF;



}







a:link, a:visited {
color: #000000;
text-decoration:none;
}


a:hover {
color: #000000;
text-decoration:underline;
}




.enlacesweb {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #fa7c0c;
	text-decoration:underline;

}

.enlacesweb a {	
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #fa7c0c;
	text-decoration:underline; }
	
.enlacesweb a:hover {	
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #fa7c0c;
	text-decoration:underline;}

normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 18px;
	}



.detalles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
}





.pendiente {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



	font-style: italic;



	color: red;



	padding-left: 0px;



	font-weight: bold;



	letter-spacing: 0px;

	}



.submenu {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 13px;



	color: #004236;



	font-style: normal;



	padding-left: 0px;



	font-weight: normal;



	letter-spacing: 0px;



	text-align: left;

	text-decoration: none;



	



}







.submenu a:link{



	color: #004236;

	text-decoration: none;



}



.submenu a:hover{



	text-decoration: underline;



}







.submenu a:active{



	text-decoration: none;



	color: #004236;

	text-decoration: none;



}



.submenu a:visited{



	color: #004236;

	



}


   */
.contacto {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 19px;
	text-align: right;
}

.contacto-s {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 19px;
	text-align: right;
}
#reservascroll {

	width:208px;
	height:125px;
	z-index:2;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;

	overflow: auto;
}

.reserva-s {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #886b2f;
	padding-left: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 19px;
	text-align: left;
}
#filtro{
	font-size:11px;
	position:absolute;
	
	z-index:5;
	right: 70px;
	top: 69px;
}