@charset "UTF-8";
/* CSS Document */

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

body {  FONT-SIZE: 11px; COLOR: #666; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; text-align:center;}

HTML{padding:0px; margin:0px; width:100%; HEIGHT: 100%; overflow:hidden;}

HTML.ventanaF { overflow:auto; }

div.contenidoF{text-align:left; line-height:18px; margin:30px;}

#background { position:absolute; left:0px; top:0px; width:100%; z-index:1;}



a { font-family: Arial, Verdana; Helvetica, sans-serif;	font-size: 11px; color:#3399cc; text-decoration:underline;}
a:hover { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #006699; text-decoration:none;}

h1{ text-align:left; margin:5px 0px; font-size:15px; color:#FF3300;}
h2{ font: bold 11px Arial, Helvetica, sans-serif;  color: #FFCC00}

p{ color:#333; margin-bottom:8px; text-align:left;}

ul{ padding-left:12px; text-align:left;}
li{ color:#666666; list-style-image:url(../imagenes/li.gif); margin:0 0 6px 0; }
li{ color:#666666; list-style-image:url(../imagenes/li.gif); margin:0 0 1px 0; }
dl{ margin:3px 0 0 10px; font-size:10px;}

strong{}

img{ border:none;}

img.fotoDcha{ float:left; padding:0px 35px 0px 0px;}
img.fotoCentro{ padding:10px 0px 10px 0px;}
img.fotoIzda{ float: right; padding:0px 0px 0px 35px;}



/* --------------------------------------------------------- estructura general -----------------------------------------------------------------*/

#contenedor { width:100%; height:340px; margin-top:-170px; position:absolute; top:50%; left:0px; z-index:10;}

div.idiomas { margin:0 auto 0 auto; overflow: hidden; padding:0; width: 850px; height:20px; text-align: right;}

div.fondoBlanco { width:100%; height:320px; background:#fff;}
div.contenidoCentral { margin:0 auto 0 auto; overflow: hidden; padding:0; width: 850px; height:320px; }

div.lateralComun { float:left; width: 129px; height:100%;}

div.lateralComun div.logo { width:129px; height:85%;}
div.lateralComun div.email { width:129px; height:auto;/* background:url(../imagenes/info_y_reservas.gif) no-repeat 0% 110%; */}


div.informacion { float:right; width:650px; height:auto; text-align:left; padding:30px 0 0 0;}

div.menu { float:right; width:650px; height:30px; padding-top:30px; border-bottom:3px solid #dcdcd0}


/* HOME */
#contenedorHome { width:100%; height:340px; margin-top:-170px; position:absolute; top:50%; z-index:10;}

div.fondoBlancoHome { width:100%; height:250px; background:#fff;}
div.contenidoCentralHome { margin:0 auto 0 auto; overflow: hidden; padding:0; width: 850px; height:250px; }
	/* posicionamiento*/
	div.linksPosicion{width:850px; height:auto; padding:0; margin:0px auto 0 auto; border-top:1px solid #ccc; font: 10px Arial, Helvetica, sans-serif;}
	div.linksPosicion ul{ margin:0 auto; padding:0; overflow:hidden; text-align:center;} 
	div.linksPosicion li{width:auto; height:auto; display:inline; padding:0; list-style:none;} 
	div.linksPosicion li a{ display:block; width:auto; height:auto; display:inline; background:url(../imagenes/li.gif) no-repeat 0% 50%; padding:0 8px; margin:0 5px 0 0; color:#c3c3c3; font:10px Arial,  Verdana, Helvetica, sans-serif; white-space:nowrap;} 
	div.linksPosicion li a:hover{ color:#c3c3c3;} 
	div.linksPosicion p{ color:#666; } 
	
	div.infoPosicion{ overflow:auto; margin:10px 0;}
	div.infoPosicion h1,div.infoPosicion h2,div.infoPosicion p{ margin:0 0 15px 0; padding:0; line-height:17px;}


/* ---------------------------------------------------------MENUs-------------------------------------------------------------*/


ul#idiomas { margin:0px; padding:0px; z-index:1000; float:right;}
ul#idiomas li{margin:0px;padding:0; float:left; list-style:none;}
ul#idiomas li a{ display:block; overflow:hidden; }

ul#idiomas li a.espanol{ width:58px; height:20px; background: url(../imagenes/idioma_espanol.gif) no-repeat top left;}
ul#idiomas li a.espanol:hover{  background: url(../imagenes/idioma_espanol.gif) no-repeat bottom left;}
ul#idiomas li div.espanolSelect{ display:block; overflow:hidden; width:58px; height:20px; background: url(../imagenes/idioma_espanol.gif) no-repeat bottom left;}

ul#idiomas li a.ingles{ width:53px; height:20px; background: url(../imagenes/idioma_ingles.gif) no-repeat top left;}
ul#idiomas li a.ingles:hover{  background: url(../imagenes/idioma_ingles.gif) no-repeat bottom left;}
ul#idiomas li div.inglesSelect{ display:block; overflow:hidden; width:53px; height:20px; background: url(../imagenes/idioma_ingles.gif) no-repeat bottom left;}

ul#idiomas li a.aleman{ width:52px; height:20px; background: url(../imagenes/idioma_aleman.gif) no-repeat top left;}
ul#idiomas li a.aleman:hover{  background: url(../imagenes/idioma_aleman.gif) no-repeat bottom left;}
ul#idiomas li a.alemanSelect{ width:52px; height:20px; background: url(../imagenes/idioma_aleman.gif) no-repeat bottom left;}




ul#menuPrincipal { margin:0px; padding:0px; z-index:1000; float:right;}
ul#menuPrincipal li{margin:0px;padding:0; float:left; list-style:none;}
ul#menuPrincipal li a{ display:block; overflow:hidden; margin-left:20px}

/*español*/

ul#menuPrincipal li a.apartamentos{ width:88px; height:18px; margin-left:0px; background: url(../imagenes/menu_apartamentos.gif) no-repeat top left;}
ul#menuPrincipal li a.apartamentos:hover{ background: url(../imagenes/menu_apartamentos.gif) no-repeat center left;}
ul#menuPrincipal div.apartamentosOn{ width:88px; height:18px; margin-left:0px; background: url(../imagenes/menu_apartamentos.gif) no-repeat bottom left;}

ul#menuPrincipal li a.servicios{ width:56px; height:18px; background: url(../imagenes/menu_servicios.gif) no-repeat top left;}
ul#menuPrincipal li a.servicios:hover{  background: url(../imagenes/menu_servicios.gif) no-repeat center left;}
ul#menuPrincipal div.serviciosOn{ width:56px; height:18px; margin-left:20px; background: url(../imagenes/menu_servicios.gif) no-repeat bottom left;}

ul#menuPrincipal li a.instalaciones{ width:84px; height:18px; background: url(../imagenes/menu_instalaciones.gif) no-repeat top left;}
ul#menuPrincipal li a.instalaciones:hover{  background: url(../imagenes/menu_instalaciones.gif) no-repeat center left;}
ul#menuPrincipal div.instalacionesOn{ width:84px; height:18px; margin-left:20px; background: url(../imagenes/menu_instalaciones.gif) no-repeat bottom left;}

ul#menuPrincipal li a.galeria{ width:105px; height:18px; background: url(../imagenes/menu_galeria.gif) no-repeat top left;}
ul#menuPrincipal li a.galeria:hover{  background: url(../imagenes/menu_galeria.gif) no-repeat center left;}
ul#menuPrincipal div.galeriaOn{ width:105px; height:18px; margin-left:20px; background: url(../imagenes/menu_galeria.gif) no-repeat bottom left;}

ul#menuPrincipal li a.actividades{ width:72px; height:18px; background: url(../imagenes/menu_actividades.gif) no-repeat top left;}
ul#menuPrincipal li a.actividades:hover{  background: url(../imagenes/menu_actividades.gif) no-repeat center left;}
ul#menuPrincipal div.actividadesOn{ width:72px; height:18px; margin-left:20px; background: url(../imagenes/menu_actividades.gif) no-repeat bottom left;}

ul#menuPrincipal li a.ubicacion{ width:62px; height:18px; background: url(../imagenes/menu_ubicacion.gif) no-repeat top left;}
ul#menuPrincipal li a.ubicacion:hover{  background: url(../imagenes/menu_ubicacion.gif) no-repeat center left;}
ul#menuPrincipal div.ubicacionOn{ width:62px; height:18px; margin-left:20px; background: url(../imagenes/menu_ubicacion.gif) no-repeat bottom left;}


ul#menuPrincipal li a.contacto{ width:62px; height:18px; background: url(../imagenes/menu_contacto.gif) no-repeat top left;}
ul#menuPrincipal li a.contacto:hover{  background: url(../imagenes/menu_contacto.gif) no-repeat center left;}
ul#menuPrincipal div.contactoOn{ width:62px; height:18px; margin-left:20px; background: url(../imagenes/menu_contacto.gif) no-repeat bottom left;}

/*ingles*/

ul#menuPrincipal li a.apartamentosEn{ width:88px; height:18px; margin-left:0px; background: url(../imagenes/menu_apartamentos_en.gif) no-repeat top left;}
ul#menuPrincipal li a.apartamentosEn:hover{ background: url(../imagenes/menu_apartamentos_en.gif) no-repeat center left;}
ul#menuPrincipal div.apartamentosOnEn{ width:88px; height:18px; margin-left:0px; background: url(../imagenes/menu_apartamentos_en.gif) no-repeat bottom left;}

ul#menuPrincipal li a.serviciosEn{ width:56px; height:18px; background: url(../imagenes/menu_servicios_en.gif) no-repeat top left;}
ul#menuPrincipal li a.serviciosEn:hover{  background: url(../imagenes/menu_servicios_en.gif) no-repeat center left;}
ul#menuPrincipal div.serviciosOnEn{ width:56px; height:18px; margin-left:20px; background: url(../imagenes/menu_servicios_en.gif) no-repeat bottom left;}

ul#menuPrincipal li a.instalacionesEn{ width:84px; height:18px; background: url(../imagenes/menu_instalaciones_en.gif) no-repeat top left;}
ul#menuPrincipal li a.instalacionesEn:hover{  background: url(../imagenes/menu_instalaciones_en.gif) no-repeat center left;}
ul#menuPrincipal div.instalacionesOnEn{ width:84px; height:18px; margin-left:20px; background: url(../imagenes/menu_instalaciones_en.gif) no-repeat bottom left;}

ul#menuPrincipal li a.galeriaEn{ width:105px; height:18px; background: url(../imagenes/menu_galeria_en.gif) no-repeat top left;}
ul#menuPrincipal li a.galeriaEn:hover{  background: url(../imagenes/menu_galeria_en.gif) no-repeat center left;}
ul#menuPrincipal div.galeriaOnEn{ width:105px; height:18px; margin-left:20px; background: url(../imagenes/menu_galeria_en.gif) no-repeat bottom left;}

ul#menuPrincipal li a.actividadesEn{ width:72px; height:18px; background: url(../imagenes/menu_actividades_en.gif) no-repeat top left;}
ul#menuPrincipal li a.actividadesEn:hover{  background: url(../imagenes/menu_actividades_en.gif) no-repeat center left;}
ul#menuPrincipal div.actividadesOnEn{ width:72px; height:18px; margin-left:20px; background: url(../imagenes/menu_actividades_en.gif) no-repeat bottom left;}

ul#menuPrincipal li a.ubicacionEn{ width:62px; height:18px; background: url(../imagenes/menu_ubicacion_en.gif) no-repeat top left;}
ul#menuPrincipal li a.ubicacionEn:hover{  background: url(../imagenes/menu_ubicacion_en.gif) no-repeat center left;}
ul#menuPrincipal div.ubicacionOnEn{ width:62px; height:18px; margin-left:20px; background: url(../imagenes/menu_ubicacion_en.gif) no-repeat bottom left;}

ul#menuPrincipal li a.contactoEn{ width:62px; height:18px; background: url(../imagenes/menu_contacto_en.gif) no-repeat top left;}
ul#menuPrincipal li a.contactoEn:hover{  background: url(../imagenes/menu_contacto_en.gif) no-repeat center left;}
ul#menuPrincipal div.contactoOnEn{ width:62px; height:18px; margin-left:20px; background: url(../imagenes/menu_contacto_en.gif) no-repeat bottom left;}





/* ---------------------------------------------------------FIN MENU-------------------------------------------------------------*/


/* APARTAMENTOS */

div.seccion1Col1{ float:left; width:160px;}
div.seccion1Col2{ float:right; width:450px;}


/* SERVICIOS */

div.seccion2Col1{ float:left; width:230px;}
div.seccion2Col2{ float:right; width:390px;}


/* INSTALACIONES */

div.seccion3Col1{ float:left; width:220px;}
div.seccion3Col2{ float:left; width:190px;}
div.seccion3Col3{ float:right; width:190px;}


/* GALERIA FOTOS */

ul#galeriaFotos { margin:0px; padding:0px; }
ul#galeriaFotos li{margin:0px;padding:0; float:left; list-style:none; padding:0 5px 5px 0;}
ul#galeriaFotos li img{ width:60px;}


/* ACTIVIDADES */

div.seccion4Col1{ float:left; width:420px;}
div.seccion4Col2{ float:right; width:200px;}


/* UBICACION */

div.seccion5Col1{ float:left; width:180px;}
div.seccion5Col2{ float:right; width:452px;}

#map_canvas{width: 450px; height: 200px; border:1px solid #999999; font:11px Arial, Helvetica, sans-serif; color:#003366}
#directions{width: 450px; height: auto;font:11px Arial, Helvetica, sans-serif; color:#003366;}



/* CONTACTO */

div.seccionCol{ float:left; margin-left:20px; padding:0px; width:260px; background:#fff}

form p{ text-align:right; background:#dcdcd0; padding:3px; margin:2px}

input, select{ width:120px; height:16px; border:1px solid #999;} 
textarea{ width:100%; height:60px; border:1px solid #999; margin: 3px 0;} 
input.boton{ width:120px; height:auto; background: #CC3300; border:1px solid #FF9900; color:#FFFFFF; padding:5px; text-align:center;}