/* 2008 Copyright Wenaewe para la web EL OTERO*/
/******************************   GENERAL  ***********************************************************/
body {
	padding:0;
	background: url(imagenes/fondo.gif) #fff repeat;
	font:0.70em Verdana, Arial, Helvetica, sans-serif;
	
	color:#000; 
	text-align:justify;
	}
	
a{color:#4f4a22; text-decoration:none;}
a:hover{text-decoration:none; color:#999933;}
a:visited{text-decoration:none; color:#4f4a22;}
img {
	border:0;
	border-collapse:collapse;
	margin-right:2px;
	}

.fondoweb {
	position: relative;
	margin:auto;
  	width: 755px;   
	height: 535px; 
    background-color:#fff;
	color:#000;
	border-left:1px solid #4f4a21;
	border-top:1px solid #4f4a21;
	border-right:1px solid #4f4a21;
	border-bottom:10px solid #4f4a21;
  	}
	


div.pastillaverde {
	position:absolute;
	top:0;
	left:0;
	width:755px;
	height:15px;	
	background-color:#4f4a21;
	
	}

	
div.pastillacrema {
	position:absolute;
	width:755px;
	height:55px;
	margin:0;
	padding:0;
	background-color:#d8d4ba;
	top:15px;
	left:0;
	}
	
.logo{
	position:absolute;
	width:195px;
	height:46px;
	margin:0;
	padding:0;
	top:8px;
	left:558px;
}

/* circle */

#navCircle {
	margin: 0;
	padding: 25px 0 20px 10px;
	border-bottom: 1px solid #999933;
	}

#navCircle li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navCircle a:link, #navCircle a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 1px 12px 2px 12px;
	text-decoration: none;
	color: #4f4a22;
	}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
	padding-bottom: 6px;
	color: #999933;
	background: url(imagenes/menu.gif) no-repeat bottom center;
	}
	
	

	
#titulo
	{
	position:absolute;
	width:358px;
	height:60px;
	left:0px;
	top:107px;
	}
	
#texto{ 
	position:absolute;
	width:366px;
	height:134px;
	top:186px;
	left:54px;
	text-align:justify;
	}	
		
#copy
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	width:110px;
	height:20px;
	left:625px;
	top:518px;
	text-align:right;
	font-size:9px;
	z-index:1;
	}
#copy a
	{
	color:#ccc;
	text-decoration:none;}
#copy a:hover
	{
	color:#999;
	}

.negrita{
color:#4f4a22;
font-weight:bold;
}
.negritaverde{
color:#4f4a22;
font-weight:bold;
font-style:italic;}
.email{
font-size:0.9em;
font-weight:600;
color:#666633;}
.cursiva{
font-style:italic;}
h1{margin:0;
padding:0;}
/*******************************************************BIENVENIDA*****************************/
#descuento{
	position:absolute;
	width:301px;
	height:35px;
	top:96px;
	left:444px;
	text-align:right;
	color:#4f4a21;
}
#textobienvenida{ 
	position:absolute;
	width:393px;
	height:63px;
	top:436px;
	left:190px;
	text-align:center;
	color:#999;
	}	
#peliculaflash {
	border:1px solid #d8d4ba;
	position:absolute;
	width:420px;
	height:230px;
	top:180px;
	left:173px;}
#descargarflashintro{
	position:absolute;
	width:290px;
	height:231px;
	top:195px;
	left:10px;
	}
#textopluginintro{
	position:absolute;
	width:200px;
	height:35px;
	top:0px;
	left:95px;
	color:#ccc;
	text-align:left;
	font-size:0.9em;
	}
/**************************APARTAMENTOS y ACTIVIDADES**********************************************************/
#fotoizquierda {
	border:1px solid #d8d4ba;
	position:absolute;
	width:300px;
	height:365px;
	top:119px;
	left:446px;}
#foto1{
	border:1px solid #d8d4ba;
	position:absolute;
	width:200px;
	height:150px;
	top:332px;
	left:22px;}
#foto2{
	border:1px solid #d8d4ba;
	position:absolute;
	width:200px;
	height:150px;
	top:332px;
	left:234px;}
#descargarflashhab{
	position:absolute;
	width:290px;
	height:231px;
	top:328px;
	left:10px;
	}
#textopluginhab{
	position:absolute;
	width:200px;
	height:35px;
	top:0px;
	left:95px;
	color:#ccc;
	text-align:left;
	font-size:0.9em;
	}
	
	#tituloapartamentos
	{
	position:absolute;
	width:364px;
	height:60px;
	left:0px;
	top:107px;
	}
	#textoapartamentos{
	position:absolute;
	width:300px;
	height:172px;
	top:186px;
	left:54px;
	text-align:justify;
	}
	
	#fotoizquierdaaptos {
	text-align:left;
	position:absolute;
	width:350px;
	height:350px;
	top:132px;
	left:392px;
}
#foto1aptos{
	border:1px solid #d8d4ba;
	position:absolute;
	width:170px;
	height:130;
	top:377px;
	left:20px;
}
#foto2aptos{
	border:1px solid #d8d4ba;
	position:absolute;
	width:170px;
	height:130;
	top:377px;
	left:205px;
}
/*************************COMO LLEGAR*******************************************************/
#textomapa{ 
	position:absolute;
	width:350px;
	height:234px;
	top:186px;
	left:54px;
	border-bottom:4px solid #d8d4ba;
	}	

#mapa {
	border:1px solid #d8d4ba;
	position:absolute;
	width:310px;
	height:230px;
	top:190px;
	left:425px;}

/*********************************** CONTACTO **********************************/
#textocontacto1{ 
	position:absolute;
	width:335px;
	height:29px;
	top:186px;
	left:55px;
	text-align:left;
	}
#tarifas{
	position:absolute;
	width:367px;
	height:29px;
	top:428px;
	left:55px;
	text-align:left;
	}

#textocontacto{ 
	position:absolute;
	width:221px;
	height:125px;
	top:254px;
	left:125px;
	text-align:left;
	border-bottom:4px solid #d8d4ba;
	}
#fotocontacto {
	border:1px solid #d8d4ba;
	position:absolute;
	width:335px;
	height:230px;
	top:179px;
	left:399px;}