body {
    margin-bottom:20px;
    margin-top:20px;
    min-height:100%;
    height:100%;
    height:auto;
	font-size: 7.5pt;
	font-family:helvetica;
	text-align:center;
	background:#2F000C;
	color:#555555;
}

#contenido {
	width: 780px;
	height:100%;
	text-align:left;
    margin-left: auto; 
    margin-right: auto;
	padding:0px;
	background:#680026;
    }
#home {	
    float: left;
	width: 780px;
	height: 310px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:5px;
	padding-right: 0px;
	background-color:#FFFFFF;
	border-bottom:0px solid #F1584F;
 }
#abajo {
    float:left;
	height:30px;
	width: 780px;
	margin-left: 0px;
	padding-top: 20px;
	clear: both;
	color:#ffffff;
	font-size:7pt;
	text-align:center;
	vertical-align:text-top;
}
#top {	
    float: left;
	width: 780px;
	font-style:normal;
	height: 200px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right: 0px;
 }
#deco {	
    float:left;
	position:absolute;
	width: 780px;
	height: 200px;
	margin:0px;
	padding:0px;
	z-index:10;
 }
.der{
	float: right;
	margin-right: 0px;
	padding:0px;
	border:0px;
}
.t{
	margin-right:25px;
}

#centro {	
    float: left;
	width: 780px;
	height: 20px;
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right: 0px;
	background-color:#00969C;
}
#menu {
	float:right;
	margin:0px;
	padding:0px;
	height:20px;
	background-color:#00969C;
	font-size:9.2pt;
}
#menu ul {width:300px; margin-left:-40px; height:20px; margin-top:0px; margin-right:306px; margin-bottom:0px;padding:0px;
 }
#menu li {
	float:right;
	width:auto;
	height:20px;
	margin-left:0px;
	padding:0px;
	display:inline;
	line-height:20px;
}
#menu a {
	color:#E7E1C8;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}
#menu a:hover {
	background-color:#00808F;
	color:#ffffff;
}
#menu .activo{
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
	background:#00808F;
	color:#ffffff;}
#texto_home{
	float:left;
	position:absolute;
	width:370px;
	margin-left:370px;
	margin-top:20px;
	height:120px;
	/*height:auto;*/
	text-align:left;
	z-index:4;
    }
#texto_pres{
	float:left;
	position:absolute;
	width:370px;
	margin-left:370px;
	margin-top:15px;
	height:120px;
	/*height:auto;*/
	text-align:left;
	z-index:14;
    }
#descripcion{
	float:left;
	position:absolute;
	margin-left:370px;
	margin-top:20px;
	height:160px;
	/*height:auto;*/
	text-align:left;
	z-index:4;
    }
#textos {
      float:left;
	  position:relative;
	  right:0em;
	  bottom:0em;
      line-height:normal;
	  margin-bottom:0px;
	  margin-top:0px;
	  margin-left:1px;
    }
    #textos ul {
      width:130px;
	  margin-right:0px;
	  margin-top:4px;
	  margin-bottom:1px;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #textos li {
      display:inline;
	  width:130px;
      margin-left:0px;
	  margin-top:4px;
	  margin-bottom:1px;
      padding:0px;
      }	
	    h1 {
    font-size:14px;
	font-weight:normal;
	color: #03838B;
	text-align:right;
	text-decoration:none;
	width:96%;
	margin-left:0px;
	margin-bottom:2px;
	padding:0px;
	padding-right:0;
	margin-top:0;
}
h2 {
    font-size:14px;
	font-weight:normal;
	color: #03838B;
	text-align:left;
	text-decoration:none;
	width:96%;
	margin-left:0px;
	margin-bottom:0px;
	padding:0px;
	padding-right:0;
	margin-top:0;
}
.al_der {text-align:justify;font-weight:700;}
#aviso_click{	float:left;
	position:absolute;
	margin-left:365px;
	margin-top:270px;
	height:auto;
	/*height:auto;*/
	text-align:left;
	z-index:5;
}
#gallery { 
    position:relative; 
    width:775px; 
    height:300px; 
    left: 0;
	margin-left:0px;
    top:20px;
	rigth:5px;
	background-position:top left;
    background-repeat:no-repeat;
	z-index:12;
}
#gallery ul {list-style:none; padding:0; margin:140px 20px 15px 0px; width:390px; float:right;}

/* Place the list items inline using display:inline for IE and float:left */
#gallery ul li {
display:block; 
width:70px; 
height:53px; 
float:left; 
margin-right:4px; 
margin-bottom:4px;
border:0px solid #680026;
cursor:pointer;}

/* FORMATO DE LOS THUMBNAILS*/
/* 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:#000; cursor:pointer;}

/* Position the span using an absolute position and specify the width and height */
#gallery ul li.click span {position:absolute; left:0px; top:0px; width:350px; height:263px;}/* CAMBIAR EL VALOR DE TOP*/

/* 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:350px; height:263px; 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:350px; height:263px; background:#ffffff; padding:0px; border:0px 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:350px; height:263px;}
#gallery ul li.default span i {width:350px; height:263px; 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:0px solid #fff; margin:0 auto;}
#gallery ul li.off {display:none;}
/*img_*/
#gallery ul li.img_ {background:url(imagenes/posta_cangrejo_el_complejo_th.jpg) 0px 0px;}
#gallery ul li.img_2 {background:url(imagenes/posta_cangrejo_el_complejo_parque_th.jpg) 0px 0px;}
#gallery ul li.img_3 {background:url(imagenes/posta_cangrejo_el_complejo_balcones_th.jpg) 0px 0px;}
#gallery ul li.img_4 {background:url(imagenes/posta_cangrejo_el_complejo_parrilla_th.jpg) 0px 0px;}
#gallery ul li.img_5 {background:url(imagenes/posta_cangrejo_el_complejo_frente_th.jpg) 0px 0px;}
#gallery ul li.img_6 {background:url(imagenes/posta_cangrejo_el_complejo_cocheras_th.jpg) 0px 0px;}
#gallery ul li.img_7 {background:url(imagenes/posta_cangrejo_el_complejo_terraza_th.jpg) 0px 0px;}
#gallery ul li.img_8 {background:url(imagenes/posta_cangrejo_el_complejo_deck_th.jpg) 0px 0px;}
#gallery ul li.img_9 {background:url(imagenes/posta_cangrejo_el_complejo_entrada_th.jpg) 0px 0px;}
#gallery ul li.img_10 {background:url(imagenes/posta_cangrejo_el_complejo_pasillo_th.jpg) 0px 0px;}
#gallery ul li.img_11 {background:url(imagenes/posta_cangrejo_departamentos_th.jpg) 0px 0px;}
#gallery ul li.img_12 {background:url(imagenes/posta_cangrejo_departamentos_living_th.jpg) 0px 0px;}
#gallery ul li.img_13 {background:url(imagenes/posta_cangrejo_departamentos_dormitorio_th.jpg) 0px 0px;}
#gallery ul li.img_14 {background:url(imagenes/posta_cangrejo_departamentos_comedor_th.jpg) 0px 0px;}
#gallery ul li.img_15 {background:url(imagenes/posta_cangrejo_departamentos_bano_th.jpg) 0px 0px;}
#gallery ul li.img_16 {background:url(imagenes/posta_cangrejo_departamentos_living_sofa_cama_th.jpg) 0px 0px;}
#gallery ul li.img_17 {background:url(imagenes/posta_cangrejo_departamentos_dormitorio_blanco_th.jpg) 0px 0px;}
#gallery ul li.img_18 {background:url(imagenes/posta_cangrejo_departamentos_barra_th.jpg) 0px 0px;}
#gallery ul li.img_19 {background:url(imagenes/posta_cangrejo_departamentos_cocina_th.jpg) 0px 0px;}
#gallery ul li.img_20 {background:url(imagenes/posta_cangrejo_departamentos_decocina_th.jpg) 0px 0px;}
#formulario {	
    float: left;
	width: 760px;
	height: 350px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	padding-top:10px;
	padding-right: 0px;
	padding-left:240px;
 }
 
.campos_form {
background-color:#ffffff;
border:1px solid #03838B;
color:#585858;
font-family: helvetica;
padding:2px;
font-size:9.2pt;
margin-left:5px;}
.bt-form{
	font-family:helvetica;
	font-size:9.2pt;
	color: #585858;
	border:1px solid #03838B;
	margin-top: 5px;
	padding:2px;
	background-color:#ffffff;
	margin-left:5px;
}
.bt-form:hover {
color:#03838B;}
#botabajo {	
    float: left;
	width: 780px;
	height: 20px;
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right: 0px;
	background-color:#F1584F;
}
#menu2 {
	float:right;
	margin:0px;
	padding:0px;
	height:20px;
	background-color:#F1584F;
	font-size:8.5pt;
}
#menu2 ul {width:300px; margin-left:-40px; height:20px; margin-top:0px; margin-right:106px; margin-bottom:0px;padding:0px;
 }
#menu2 li {
	float:right;
	width:auto;
	height:20px;
	margin-left:0px;
	padding:0px;
	display:inline;
	line-height:20px;
}
#menu2 a {
	color:#E7E1C8;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}
#menu2 a:hover {
	color:#ffffff;
	background-color:#EF4238;
}
#menu2 .activo2{
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	background-color:#EF4238;
	}
#contacto{
	float:left;
	position:absolute;
	width:370px;
	margin-left:370px;
	margin-top:20px;
	height:120px;
	/*height:auto;*/
	text-align:left;
	z-index:20;
    }
/*INDEX*/
#index {	
    float: left;
	width: 780px;
	font-style:normal;
	height:200px;
	margin-top:112px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right: 0px;
 }
#index_home {	
    float: left;
	width: 780px;
	height:308px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right: 0px;
 }
.t_home{
	margin-left:50px;
	margin-top:30px;
	margin-bottom:0px;
}
#biev {
position:absolute;
margin-left:430px;
margin-top:209px;
color:#F1584F;
font:arial;
font-size:45px;
font-style:normal;
font-weight:lighter;
z-index:4;}
.ingresar {
color:#FFFFFF;
font-size:10pt;
padding-left:27px;
text-decoration:none;}
.ingresar:hover {color:#F1584F;}
.mail {
color:#FFFFFF;
text-decoration:none;}
.mail:hover {color:#F1584F;}
/*UBICACION*/
#ubicacion { 
    position:relative; 
    width:775px; 
    height:300px; 
    left: 0;
	margin-left:5px;
    top:5px;
	rigth:5px;
	z-index:12;
}
.mapa { margin-left:114px; border:0;}