html,body{
        margin:0px;
        padding:0px;
        min-height:100%;
}
body{
        background-image:url(gif/fondo_d3.gif);
        background-position:top left;
        background-repeat:repeat-x;
}

* html body{
        height:100%;
}
        .centro{
    position: absolute;
    width:740px;
    height:600px;
    z-index: 1;
    left: 10px;
    top: 90px;
	bottom: 10px;
    overflow: auto;
    border-top: 0px solid #f0f0f0;
    background-color: #FFFFFF;
    }
.logo{
    position: absolute; 
    width:740px;
    height:90px; 
    z-index: 10; 
    left: 15px; 
    top: 5px;
    overflow: visible;
    border : 0px solid #000000;
	background:url(gif/logo4.gif);
    background-repeat:no-repeat;
    }
    .menu{
    position: absolute; 
    width:170px;
    height:580px; 
    z-index: 5; 
    left: 570px; 
    top: 100px;
    overflow: visible;
	margin-bottom:10px;
	border-top: 0px solid #f0f0f0;
    background-color: #F1F6F8;
    }
    .foto{
    position:absolute; 
    width:540px; 
    height:580px; 
    left:20px; 
    top:100px; 
    z-index:6;
    border-right: 1px solid #DA2824;
}
    .encabezado{
    position:absolute; 
    width:105px; 
    height:580px; 
    left:445px; 
    top:100px; 
    z-index:5;
    font-family:arial;
	background-color:#DA2824;//*#FFAE5E*//
    color: #F6D58F;
    }	
.titulos{
    position:absolute; 
    width:540px; 
    height:500px; 
    left:25px; 
    top:100px; 
    z-index:5;
    font-family:arial;
	color:#DA2824;//*#FFAE5E*//
	text-align:left;
	font-size:10px;
	padding-left:5px;
	padding-top:10px;
    border-left: 0px solid #DA2824;
	}
    .texto{
    position:absolute; 
    width:405px; 
    height:170px; 
    left:25px; 
    top:506px; 
    z-index:15;
	text-align:left;
	padding:4px;
    font-family:arial;
	font-size:11px;
	color:#666666;
    border-top: 1px solid #ddd;
}
.texto_galeria{
    position:absolute; 
    width:405px; 
    height:120px; 
    left:25px; 
    top:550px; 
    z-index:15;
	text-align:left;
	padding:4px;
    font-family:arial;
	font-size:11px;
	color:#666666;
    border-top: 1px solid #ddd;
}
    .texto_home{
    position:absolute; 
    width:405px; 
    height:170px; 
    left:25px; 
    top:460px; 
    z-index:15;
	text-align:left;
	padding:4px;
    font-family:arial;
	font-style:normal;
	font-size:12px;
	color:#666666;
}
.caba{
	display:block;
	width:165px;
	height:16px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:0px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: normal;
	text-decoration:none;
	text-align:left;
	font-size:10px;
	color:#DA2824;
	background-color:#FFFFFF;

}	
ul#botonera{  
	list-style:none;
	margin:0;
	padding-left:0px;
	padding-top:30px;
	}
ul#botonera li {
	margin:1px;
	padding:0px;
		}
ul#botonera li a {
	display:block;
	width:165px;
	height:16px;
	padding-left:5px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: normal;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#DA2824;
	background-color:#F1F6F8;
	border-bottom:1px solid #f0f0f0;
		}
ul#botonera li a:hover {
	color:#A8A7A7;
	background-color:#FFFFFF;
	}
  .orden_foto {
    float: left;
	margin-top:30px;
    margin-left:5px; 
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
}	
.cada_seccion {
    font-family:arial;
	color:#999999;//*#FFAE5E*//
	text-align:left;
	font-size:10px;
	padding-top:10px;
}
/*2 PASAJEROS */
    .fotos_sec{
    position:absolute; 
    width:540px; 
    height:580px; 
    left:20px; 
    top:100px; 
    z-index:6;
    border-right: 1px solid #DA2824;
}
    .menu_fotos{
    position:absolute; 
    width:360px; 
    height:60px; 
    left:15px; 
    top:350px; 
    z-index:6;
    border: 0px solid #555555;
}
    .back_galeria{
    position:absolute; 
    width:450px; 
    height:300px; 
    left:25px; 
    top:130px; 
    z-index:6;
	background:#ffffff; padding:4px; border:1px solid #ddd;
    }
/*galeria*/
#gallery { 
    position:relative; 
    width:540px; 
    height:580px; 
    left:20px; 
    top:100px; 
    z-index:7;
    border-right: 1px solid #DA2824;
}

/* Float the ul to the right with a width to give 3 thumbnail images per row */
#gallery ul {list-style:none; padding:0; margin:350px 0 0 0; width:360px; float:left;}

/* Place the list items inline using display:inline for IE and float:left */
#gallery ul li {
display:inline; 
width:60px; 
height:40px; 
float:left; 
margin:0 0 10px 5px; 
border:1px solid #ddd;
cursor:pointer;}

/* FORMATO DE LOS THUMBNAILS*/
/*4 pasajeros*/
#gallery ul li.c41 {background:url(img/estar_4px_eclipse_th.jpg) 0px 0px;}
#gallery ul li.c42 {background:url(img/comedor_4px_eclipse_th.jpg) 0px 0px;}
#gallery ul li.c43 {background:url(img/exterior_4px_eclipse_th.jpg) 0px 0px;}
#gallery ul li.c44 {background:url(img/hidromasaje_4px_eclipse_th.jpg) 0px 0px;}
#gallery ul li.c45 {background:url(img/dormitorio_4px_eclipse_th.jpg) 0px 0px;}

/*4 pasajeros en duplex*/
#gallery ul li.d41 {background:url(img/exterior_duplex_th.jpg) 0px 0px;}
#gallery ul li.d42 {background:url(img/living_duplex_4_personas_th.jpg) 0px 0px;}
#gallery ul li.d43 {background:url(img/cocina_duplex_4_personas_th.jpg) 0px 0px;}
#gallery ul li.d44 {background:url(img/deck_duplex_4_personas_th.jpg) 0px 0px;}
#gallery ul li.d45 {background:url(img/dormitorio_duplex_4_personas_th.jpg) 0px 0px;}

/*2 pasajeros*/
#gallery ul li.c21 {background:url(img/deck_con_parrilla_th.jpg) 0px 0px;}
#gallery ul li.c22 {background:url(img/dormitorio_th.jpg) 0px 0px;}
#gallery ul li.c23 {background:url(img/barra_desayuno_suite_th.jpg) 0px 0px;}

/*galeria de fotos*/
#gallery ul li.g1 {background:url(img/bar_tropical_complejo_eclipse_th.jpg) 0px 0px;}
#gallery ul li.g2 {background:url(img/tarde_de_sol_en_complejo_eclipse_th.jpg) 0px 0px;}
#gallery ul li.g3 {background:url(img/solarium_complejo_eclipse_th.jpg) 0px 0px;}
#gallery ul li.g4 {background:url(img/sol_sombra_th.jpg) 0px 0px;}
#gallery ul li.g5 {background:url(img/nadando_th.jpg) 0px 0px;}
#gallery ul li.g6 {background:url(img/desayuno_en_complejo_eclipse_th.jpg) 0px 0px;}
#gallery ul li.g7 {background:url(img/vista_nocturna_th.jpg) 0px 0px;}
#gallery ul li.g8 {background:url(img/piscina_al_anochecer_th.jpg) 0px 0px;}
#gallery ul li.g9 {background:url(img/jacuzzi_th.jpg) 0px 0px;}
#gallery ul li.g10 {background:url(img/champagne_en_el_jacuzzi_th.jpg) 0px 0px;}

/*5 pasajeros en una planta*/
#gallery ul li.c51a {background:url(img/exterior_cabanias_hasta_5_personas_th.jpg) 0px 0px;}
#gallery ul li.c52a {background:url(img/living_comedor_cabanias_hasta_5_personas_th.jpg) 0px 0px;}
#gallery ul li.c53a {background:url(img/living_cabanias_5_personas_th.jpg) 0px 0px;}
#gallery ul li.c54a {background:url(img/deck_cabanias_5_personas_th.jpg) 0px 0px;}
#gallery ul li.c55a {background:url(img/dormitorio_cabanias_5_personas_th.jpg) 0px 0px;}

/*5 pasajeros PLUS*/
#gallery ul li.c51p {background:url(img/living_cabania_plus_th.jpg) 0px 0px;}
#gallery ul li.c52p {background:url(img/hogar_a_lenia_cabania_plus_th.jpg) 0px 0px;}
#gallery ul li.c53p {background:url(img/cocina_comedor_cabania_plus_th.jpg) 0px 0px;}
#gallery ul li.c54p {background:url(img/dormitorio_cabania_plus_th.jpg) 0px 0px;}
#gallery ul li.c55p {background:url(img/deck_con_parrilla_cabania_plus_th.jpg) 0px 0px;}

/* Hide the full size images */
#gallery ul li span i img {display:none;}

/* set up the .click style which will be added using javascript */

/* Change the li border to white */
#gallery ul li.click {border-color:#ddd; cursor:default;}

/* Position the span using an absolute position and specify the width and height */
#gallery ul li.click span {position:absolute; left:5px; top:30px; width:450px; height:300px;}

/* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */
#gallery ul li.click span i {width:450px; height:300px; display:table-cell; vertical-align:top; text-align:left;} 

/* Make the image actual size using auto width and height */
#gallery ul li.click span i img {display:block; width:450px; height:300px; background:#ffffff; padding:4px; border:1px solid #ddd; margin:0 auto;}

/* set up the default image */
#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default span {position:absolute; left:0; top:0; width:450px; height:300px;}
#gallery ul li.default span i {width:450px; height:300px; display:table-cell; vertical-align:top; text-align:center;} 
/* specify the image width and height for IE6 */
#gallery ul li.default span i img {display:block; width:10px; height:30px; border:1px solid #fff; margin:0 auto;}
#gallery ul li.off {display:none;}

/*SERVICIOS*/
.img_servicios{
position:absolute; 
width:175px; 
height:580px; 
left:300px; 
top:130px; 
z-index:6;
    }
.ima_gen {
 	list-style:none;
	margin:0;
    display:block;
	padding-bottom:4px;}
.f1 {width:175px;height:116px;background:#ffffff; padding:4px; border:1px solid #ddd;}
.listado_servicios{
position:absolute; 
width:535px; 
height:580px; 
left:25px; 
top:100px; 
z-index:6;
background:padding:4px; border-right:1px solid #DA2824;
    }
.lista {
	list-style-type:square;
	margin:0;
    display:block;
	width:220px;
	padding-left:15px;
	padding-top:35px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: normal;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#666666;
		}
.l {color:#DA2824; font-size:11px;FONT-FAMILY: arial;}
.l2 {color:#DA2824; font-size:15px;FONT-FAMILY: arial; font-weight:normal;}
/* CONSULTAS */
.formularios{
position:absolute; 
width:535px;/*260px;*/ 
height:580px; 
left:25px; 
top:100px; 
z-index:6;
background:padding:4px; border-right:1px solid #DA2824;
    }
.form{
position:absolute; 
width:260px;/*260px;*/ 
height:550px; 
left:25px; 
top:130px; 
z-index:6;
background:padding:4px;
font-family:arial;
font-size:11px;
font-weight: normal;
color:#DA2824;
padding:2px;    }
/* ESTILOS DE FORMULARIO */
.formobligatorio {
    COLOR: #666666; 
	FONT-FAMILY: arial;
	FONT-SIZE: 11px;  
	FONT-STYLE: normal; 
	FONT-WEIGHT: normal; 
    TEXT-DECORATION: none;
	background: #F1F6F8;
	border: 1px solid #999999;
	margin-bottom:4px;
}
.formopcional{
    COLOR: #666666; 
	FONT-FAMILY: arial;
	FONT-SIZE: 11px;  
	FONT-STYLE: normal; 
	FONT-WEIGHT: normal; 
    TEXT-DECORATION: none;
	background: #FFFFFF;
	border: 1px solid #999999;
	margin-bottom:4px;
}
.boton_form{
    font-family: arial;
	font-size: 11px;
	color: #DA2824;
	border: 1px solid #999999;
	margin-top:4px;
	background: #F1F6F8;
	padding:2px 0 0 2px;
	text-align:center;
	margin-right:5px;}
.aviso{	display:block;
	width:400px;
	padding:5px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: normal;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#DA2824;
	background-color:#F1F6F8;
}
 .datos{
    position: absolute; 
    width:700px;
    height:40px; 
    z-index:56;
    left: 10px;
	top: 350px; 
	text-align:left;
	padding:4px;
    font-family:arial;
	font-size:11px;
	color:#DA2824;
}
/* UBICACION */
    .ubicacion{
    position:absolute; 
    width:450px; 
    height:230px; 
    left:25px; 
    top:130px; 
    z-index:8;
	background:#ffffff; padding:4px; border:1px solid #ddd;
    }
    .texto_ubicacion{
    position:absolute; 
    width:405px; 
    height:170px; 
    left:25px; 
    top:380px; 
    z-index:15;
	text-align:left;
	padding:4px;
    font-family:arial;
	font-size:11px;
	color:#666666;
    border-top: 1px solid #ddd;
}
.lista_ciudades {
	list-style-type:square;
	margin:0;
    display:block;
	width:390px;
	padding-left:15px;
	padding-top:5px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: normal;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#666666;
		}
.mail{color:#DA2824; text-decoration:underline}
.mail:hover{text-decoration:none}