@charset "UTF-8";
/* CSS Document */
/* Global
----------------------------------------------- */
* {
	padding: 0;
	margin: 0;
}
a {
	color:#fff;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
a img {

border:none;

}

ul {
	list-style: none;
}

html{
  height: 100%;
  overflow-x:hidden;
  overflow-y: scroll;
  color:#000;
}

body {
  font: 62.5%/1.6em Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	background: #fff repeat-x left top;
  overflow-y: hidden;
	padding:0px;
	margin:0px;
}

#imagenflotante{
     width: 543px;
     height: 937px;
     background-image: url(../images/cfondo.jpg);
	   margin: 0px 0px -937px -543px;
	   position:relative;
	   z-index:0;
	   padding:0px;
	   display:block;
	   float:left;
}

#imagenflotante2{
     width: 534px;
     height: 937px;
     background: url(../images/dfondo.jpg) right top;
	   margin: 0px -534px -937px 0px;
	   position:relative;
	   z-index:0;
	   padding:0px;
	   display:block;
	   float:right;
}
/*DIV Principal*/	
#pagecontainer {
width:920px;
text-align:center;
margin:0px auto 0px auto;
display:block;
}
/*Imagen Principal*/
#content {
  background:url(../images/fondo.jpg);
	width:920px;
	height:937px;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
	}
#b1{
   width: 130px; 
	 height: 38px; 
	 padding:0px; 
	 margin: 50px 0px 0px 150px;
	 _margin: 50px 0px 0px 78px;
	 position:relative; 
	 z-index:0; 
	 display:block; 
	 float:left;
}
#b2{
   width: 171px; 
	 height: 38px; 
	 padding:0px; 
	 margin: 50px 0px 0px 5px;
	 _margin: 50px 0px 0px 0px;   
	 position:relative; 
	 _position:relative;
	 z-index:0; 
	 display:block; 
	 float:left;
}
#b3{
   width: 181px; 
	 height: 38px; 
	 padding:0px; 
	 margin: 50px 0px 0px 0px;
	 _margin: 50px 0px 0px 0px;   
	 position:relative;
	 _position:relative;
	 z-index:0; 
	 display:block; 
	 float:left;
	 }
#b4{
   width: 126px; 
	 height: 38px; 
	 padding:0px; 
	 margin: 50px 0px 0px 8px;
	 _margin: 50px 0px 0px 0px;   
	 position:relative;
	 _position:relative; 
	 z-index:0; 
	 display:block; 
	 float:left;
	 }
/****************HOME*********************/
#promocion{
   width: 757px;
   height: 319px;
   padding:0px;
   margin: 8px 0px 0px 160px;
	 _margin: 8px -200px 0px 80px;
   position:relative;
	 _position:relative;
   z-index:0;
	 _z-index:0; 
   display:block; 
   float:left;
}
#txt_tit_promo{
   font: normal 16px Arial, Helvetica, Verdana, sans-serif;
   text-align:left;
   width: 224px;
   height: 20px;
   padding:0px;
   margin: -100px 0px 0px 665px;
	 _margin: 0px 0px 0px 0px;
   position:relative;
	 _position:absolute;
   z-index:10;
	 _z-index:10;  
   display:block; 
   float:left;
	 _float:left;
}
#txt_cont__promo{
   font: normal 12px Arial, Helvetica, Verdana, sans-serif;
   text-align:left;
   width: 224px;
   height: 35px;
   padding:0px;
   margin: -75px 0px 0px 665px;
	 _margin: -80px 0px 0px 340px;
   position:relative;
	 _position:relative;
   z-index:10;
	 _z-index:10;  
   display:block; 
   float:left;
	 _clear:both;
}

#bienvenidos{
   width: 138px;
   height: 27px;
   padding:0px;
   margin: 0px 0px 0px 15px;
	 _margin: 0px 0px 0px 0px;
   position:relative;
	 _position:relative;
   z-index:0; 
   display:block; 
   float:left;
	 _clear:both;
}

#txt_bienvenidos{
   text-align: justify;
   width: 550px;
   height: 77px;
   padding:0px;
   margin: 30px 0px 0px -130px;
	 _margin: 30px 0px 0px -140px;
   position:relative;
	 _position:relative;
   z-index:10;  
   display:block; 
   float:left;
}
#desarrollos_todos_home{
   width: 920px;
   height: 224px;
   margin: 1px 0px 0px 1px;
	 _margin: 1px 0px 0px 1px;
 	 float:left;
	 clear:both;
}
/**********Desarrollos*******/
#desarrollo_enc{
   width: 912px;
   height: 345px;
   padding:0px;
   margin: 5px 0px 0px 8px;
	 _margin: 5px 0px 0px 4px;
   position:relative;
	 _position:relative;
   z-index:0;
	 _z-index:0; 
   display:block; 
   float:left;
}
#desarrollo_logohavite{
   width: 125px;
   height: 180px;
   padding:0px;
	 _padding:0px;
   margin: -420px 0px 0px 18px;
	 _margin: -420px 0px 0px 0px;
   position:relative;
	 _position:relative;
   z-index:50; 
   display:block; 
   float:left;
}
#txt_desarrollo_inicio{
   font: normal 12px Arial, Helvetica, Verdana, sans-serif;
   text-align:justify;
   width: 180px;
   height: 74px;
   padding:0px;
   margin: -235px 0px 0px 0px;
	 _margin: -235px 0px 0px 0px;
   position:relative;
	 _position:relative;
   z-index:20;  
   display:block; 
	 clear:both;
   float:left;
}
#segmento_medio{
   width: 920px;
   height: 275px;
   padding: 0px 0px 0px 0px;
	 _padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px;
	 _margin:  -103px 0px 0px 0px;
	 float:left;
	 clear:both;
}
#columna1{
   width: 207px;
   height: 275px;
   padding:0px 0px 0px 15px;
	 _padding:0px 0px 0px 15px;
   margin: 0px 0px 0px 0px;
	 _margin: 0px 0px 0px 0px;
   float:left;
}
#desarrollo_tit{
   font: normal 20px Arial, Helvetica, Verdana, sans-serif;
   text-align:justify;
   color:#4D4D4D;
   width: 220px;
   height: 40px;
   padding:0px;
   margin: 0px 0px 0px -15px;
	 _margin: 0px 0px 0px -15px;
   clear:both;
	 _position:relative;
}
#titulo_carac{
   font: normal 25px Arial, Helvetica, Verdana, sans-serif;
   text-align:justify;
   color:#FFFFFF;
   width: 192px;
   height: 35px;
   clear: both;
   padding: 55px 0px 0px 15px;
   margin:  0px 0px 0px 0px;
   float:left;
}
#listado_submenu{
background:url(../images/desarrollos_submenu.jpg) no-repeat left top;
   font: normal 12px Arial, Helvetica, Verdana, sans-serif;
   text-align:justify;
   color:#000000;
   width: 156px;
   height: 195px;
   padding: 22px 0px 0px 40px;
	 _padding: 22px 0px 0px 40px;
   margin:  0px 0px 0px 0px;
	 _margin:  0px 0px 0px 0px;
   position:relative;
	 _position:relative;
   z-index:200;
	 _z-index:200;  
   display:block; 
   float:left;
}
#desarrollo_agave{
   background:url(../images/desarrollos_fondopr.jpg) left top no-repeat;
   width: 470px;
   height: 275px;
   padding:10px 10px 10px 10px;
	 _padding:10px 10px 10px 10px;
   margin: 0px 0px 0px 0px;
	 _margin: 12px 0px 0px -250px;
   position:relative;
	 _position:absolute;
   z-index:1; 
   display:block; 
   float:left;
}

#desarrollo_fondoblanco{
   width: 491px;
   height: 251px;
   padding:0px;
   margin: -98px 0px 0px 420px;
	 _margin: -98px 0px 0px 420px;
   position:relative;
   z-index:50; 
   display:block; 
   float:left;
}

#desarrollo_submenu{
   font: normal 14px Arial, Helvetica, Verdana, sans-serif;
   text-align:left;
   width: 184px;
   height: 134px;
   padding:0px;
   margin: -90px 0px 0px -690px;
   position:relative;
   z-index:20;  
   display:block; 
   float:left;
}

#listado_submenu ul{
  color:#000000;
	height:auto;
	float:left;
}

#listado_submenu ul li{
    height:30px;
    color:#000000;
	float:left;
	clear:both;
}

#listado_submenu ul li a{
  height:30px;
  color:#000000;
	float:left;
	clear:both;
	display:block;
}

#listado_submenu ul li a:hover{
    color:#fff;
}

/***********QUIENES SOMOS******************/
#segmento_inicio{
   width: 920px;
   height: 345px;
   padding: 0px 0px 0px 0px;
	 _padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px;
	 _margin:  0px 0px 0px 0px;
	 float:left;
	 clear:both;
}
#banneflash{
   width: 747px;
   height: 191px;
   padding:0px;
   margin: 8px 0px 0px 162px;
	 _margin: 0px 0px 0px 82px;
   position:relative;
	 _position:relative;
   z-index:0; 
   display:block; 
   float:left;
}
#tit_quienes{
   width: 587px;
	 _width: 574px;
   height: 25px;
   padding:0px;
	 _padding:0px;
   margin: 0px 0px 0px 9px;
	 _margin: 0px 0px 0px 9px;
   position:relative;
   z-index:0;
	 _z-index:0; 
   display:block; 
   float:left;
	 _overflow:hidden;
}
#foto_quienes{
   width: 327px;
   height: 238px;
   padding:0px;
   margin: -28px 0px 0px 593px;
	 _margin: -28px 0px 0px 593px;
   position:relative;
	 _position:relative;
   z-index:0; 
   display:block; 
   float:left;
	 _float:left;
}
#txt_quienes{
   font: normal 15px Arial, Helvetica, Verdana, sans-serif;
   text-align:justify;
   width: 570px;
	 _width: 550px;
   height: 195px;
   padding:0px;
   margin: -200px 0px 0px 12px;
	 _margin: -200px 0px 0px 12px;
   position:relative;
   z-index:20;  
   display:block; 
   float:left;
}
#franja{
   width: 910px;
   height: 61px;
   padding:0px;
   margin: 21px 0px 0px 5px;
	 _margin: 18px 0px 0px 0px;
   position:relative;
   z-index:20; 
   display:block; 
   float:left;
}
#desarrollos_todos{
   width: 920px;
   height: 224px;
   margin: 1px 0px 0px 1px;
	 _margin: 12px 0px 0px 1px;
 	 float:left;
	 clear:both;
}
/*****************CONTACTO***************/
#foto_contacto{
   width: 755px;
   height: 110px;
   padding:0px;
   margin: 8px 0px 0px 158px;
	 _margin: 8px 0px 0px 79px;
   position:relative;
   z-index:0; 
   display:block; 
   float:left;
}
#tit_contacto{
   width: 576px;
   height: 41px;
   padding:0px;
   margin: 0px 0px 0px 15px;
	 _margin: 0px 0px 0px 7px;
   position:relative;
	 _position:relative;
   z-index:0;
	 _z-index:0; 
   display:block; 
   float:left;
	 _float:left;
	 _clear:both;
}
#foto_contacto2{
   width: 325px;
   height: 316px;
   padding:0px;
   margin: 0px 0px 0px 3px;
	 _margin: 0px 0px 0px 3px;
   position:relative;
   z-index:0; 
   display:block; 
   float:left;
}
#contactocontent {
	width:560px;
	height:580px;
	_height:270px;
	padding:0px 0px 0px 0px;
	margin:-70px 0px 0px 0px;
	_margin:-70px 0px 0px 0px;
	float:right;
	_z-index:0;
	_position:relative;
	overflow:hidden;
}
#formulario{
  _clear:both;
}
#desarrollos_todos_contacto{
   width: 920px;
   height: 224px;
   margin: 1px 0px 0px 1px;
	 _margin: 4px 0px 0px 1px;
 	 float:left;
	 clear:both;
}
/*************CSS PIE***********************/
#segmento_pie{
   width: 920px;
   height: 210px;
   padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px;
   overflow:hidden;
	 float:left;
	 clear:both;
}
#txt_matriz{
   font: normal 12px Arial, Helvetica, Verdana, sans-serif;
   color:#FFFFFF;
   text-align:justify;
   width: 270px;
   height: 66px;
   padding:0px;
   margin: 38px 0px 0px 152px;
	 _margin:40px 0px 0px 75px;
   position:relative;
	 _position:relative;
   z-index:10;  
   display:block; 
   float:left;
}

#txt_sucursal{
   font: normal 12px Arial, Helvetica, Verdana, sans-serif;
   color:#FFFFFF;
   text-align:justify;
   width: 277px;
   height: 52px;
   padding:0px;
   margin: -67px 0px 0px 447px;
	 _margin: 40px 0px 0px 25px;
   position:relative;
	 _position:relative;
   z-index:10;  
   display:block; 
   float:left;
}

#txt_desarrollado{
   color:#FFFFFF;
   text-align:right;
   width: 135px;
   height: 36px;
   padding:0px;
   margin: -40px 0px 0px 780px;
	 _margin: 60px 0px 0px 50px;
   position:relative;
	 _position:relative;
   z-index:10;
	 _z-index:10;  
   display:block; 
   float:left;
}
#objectflash, #embedflash{
   z-index:900; 
}
  
#listado_txtcaracteristicas{
   font: normal 17px Arial, Helvetica, Verdana, sans-serif;
   text-align:justify;
   color:#333;
   width: 620px;
   height: 204px;
   padding:0px 0px 0px 20px;
   margin: 0px 0px 0px 0px;
   float:left;
}
  
#listado_txtcaracteristicas ul{
    color:#333;
	height:auto;
    width: 620px;	
	float:left;
}
  
#listado_txtcaracteristicas ul li{
    background:url(../images/vineta.jpg) no-repeat left top;
	padding:0px 0px 0px 20px;
    height:30px;
    color:#333;
    width: 290px;	
	float:left;
}

#financiamiento{
   width: 204px;
   height: 39px;
   padding: 0px 0px 0px 0px;
   margin: 100px 0px 0px -600px;
   float:left;
}

#txt_frase{
   font: normal 18px Arial, Helvetica, Verdana, sans-serif;
   text-align:center;
   color:#000;
   width: 310px;
   height: 105px;
   padding: 0px 0px 0px 0px;
   margin: -100px 0px 0px 550px;
   float:left;
   z-index:100; 
   
}

#txt_frase2{
   font: normal 18px Arial, Helvetica, Verdana, sans-serif;
   text-align:center;
   color:#333;
   width: 920px;
   height: 105px;
   padding: 0px 0px 0px 0px;
   margin: -30px 0px 0px 0px;
   z-index:100; 
	float:left;
	clear:both;
}

#magnolias_finan{
   width: 208px;
   height: 112px;
   padding:0px;
   margin: -225px 0px 0px 80px;
   position:relative;
   z-index:50; 
   display:block; 
   float:left;
}

.line{
  float:left;
	width:100%;
	padding-bottom:5px;
	clear:both;
}				

.line_izq{
  float:left;
  width:30%;
}
.line_der{
  float:left;
	width:69%;
}
.cajas{width:250px;}
.cajas2{width:30px;}
.cajas3{width:215px;}