/*

Parques

*/

html,img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	color: #fff;
	background-color: #abbc9d;
	margin: 0px;
	padding: 0;
	height: 100%;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	text-align: left;
	font-family:'CartoGothicStdBook', sans-serif;
	
	text-align: left;
	
	margin : 0px 0px 0px 0px;
	

}
#supersize img {
	height:100%;
	width:100%;
	z-index:0;
	}

	/*Supersize Plugin Styles*/
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			display:none;
		}
		#supersize .activeslide, #supersize .activeslide img{
			display:inline;
		}
div#background    {
	text-align: center;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -6px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('proximanova-regular-webfont.eot');
    src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-regular-webfont.woff') format('woff'),
         url('proximanova-regular-webfont.ttf') format('truetype'),
         url('proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('proximanova-bold-webfont.eot');
    src: url('proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-bold-webfont.woff') format('woff'),
         url('proximanova-bold-webfont.ttf') format('truetype'),
         url('proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('proximanova-light-webfont.eot');
    src: url('proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-light-webfont.woff') format('woff'),
         url('proximanova-light-webfont.ttf') format('truetype'),
         url('proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaLightItalic';
    src: url('proximanova-lightitalic-webfont.eot');
    src: url('proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-lightitalic-webfont.woff') format('woff'),
         url('proximanova-lightitalic-webfont.ttf') format('truetype'),
         url('proximanova-lightitalic-webfont.svg#ProximaNovaLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRegularItalic';
    src: url('proximanova-regularitalic-webfont.eot');
    src: url('proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-regularitalic-webfont.woff') format('woff'),
         url('proximanova-regularitalic-webfont.ttf') format('truetype'),
         url('proximanova-regularitalic-webfont.svg#ProximaNovaRegularItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'CentennialBold';
    src: url('centen53-webfont.eot');
    src: url('centen53-webfont.eot?#iefix') format('embedded-opentype'),
         url('centen53-webfont.woff') format('woff'),
         url('centen53-webfont.ttf') format('truetype'),
         url('centen53-webfont.svg#CentennialBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CentennialLight';
    src: url('centen78-webfont.eot');
    src: url('centen78-webfont.eot?#iefix') format('embedded-opentype'),
         url('hcenten78-webfont.woff') format('woff'),
         url('centen78-webfont.ttf') format('truetype'),
         url('centen78-webfont.svg#CentennialLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CentennialRoman';
    src: url('centen79-webfont.eot');
    src: url('centen79-webfont.eot?#iefix') format('embedded-opentype'),
         url('centen79-webfont.woff') format('woff'),
         url('centen79-webfont.ttf') format('truetype'),
         url('centen79-webfont.svg#CentennialRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*

index

*/
.backlogo {
    width: 121px;
    height: 168px;
   
   left: 30px; 
	top: 0px;
	
    position: absolute;
	z-index: 2;
 }
#backlogo {
    width: 121px;
    height: 168px;
   
   left: 30px; 
	top: 0px;
	
    position: absolute;
	z-index: 2;
 }
#logo {
    width: 200px;
    height: 113px;
   
   left: 30px; 
	top: 0px;
	
    position: absolute;
	z-index: 3;
 }
 
 #by {
    width: 300px;
    height: 20px;
   
   left: 170px; 
	top: 35px;
	
    position: absolute;
	z-index: 3;
 }
 
 #fondocontuno {
    width: 100%;
    height: 300px;
   border-top:solid 1px #fff;
   border-bottom:solid 1px #fff;
   left: 0px; 
	top: 200px;
	
    position: absolute;
	z-index: 3;
 }
   #fondoconidos {
    width: 100%;
    height: 300px;
 
   left: 0px; 
	top: 200px;
	 background-color: #26201b;
   opacity:.80;
filter:alpha(opacity=80);
    position: absolute;
	z-index: 3;
 }
  #fondocontmapa {
    width: 420px;
    height: 300px;

   right: 0px; 
	top: 200px;
	
    position: absolute;
	z-index: 2;
 }
   #mapa {
    width: 420px;
    height: 300px;

   right: 0px; 
	top: 200px;

    position: absolute;
	z-index: 7;
 }
 
 
  #fondoconidosleftindex {
    width: 28px;
    height: 300px;
   border-top:solid 1px #fff;
   border-bottom:solid 1px #fff;
   left: 0px; 
	top: 200px;
	
    position: absolute;
	z-index: 3;
 }
 
   #fondoconidosleft {
    width: 28px;
    height: 300px;
   
   left: 0px; 
	top: 200px;
	  background-color: #26201b;
   opacity:.80;
filter:alpha(opacity=80);
    position: absolute;
	z-index: 3;
 }
   #cerrarback {
    width: 50px;
    height: 300px;
  background-color: #26201b;
   right: 4px; 
	top: 200px;
	
    position: absolute;
	z-index: 40;
 }
 
  #cerrar {
    width: 28px;
    height: 300px;
  
   right: 20px; 
	top: 200px;
	
    position: absolute;
	z-index: 40;
 }
   #abrir {
    width: 28px;
    height: 300px;
   
   left: 0px; 
	top: 200px;
	
    position: absolute;
	z-index: 40;
 }
 
 

 /*

textos

*/

.txtbotonesinf {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height:20px;
	text-align: left;
	}
	.txtbotonesinfverd {
	color: #6c702f;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height:20px;
	text-align: left;
	}
	.txtbotonesinfbold {
	color: #fff;
	font-family: 'ProximaNovaBold', sans-serif;
	font-size: 14px;
	
	text-align: left;
	}
		.txtbotonesinfboldverd {
	color: #6c702f;
	font-family: 'ProximaNovaBold', sans-serif;
	font-size: 14px;
	
	text-align: left;
	}
	.txtbotonessup {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 14px;
	
	text-align: left;
	}
		.txtunidades {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	}
	.textos {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	}
	.textosindex {
	color: #fff;
	font-family: 'ProximaNovaLight', sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 26px;
	text-align: left;
	}
	.titulos {
	color: #fff;
	font-family: 'CentennialRoman', sans-serif;
	font-size: 24px;
	line-height: 21px;
	text-align: left;
	}
			.textoschicos {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	}
	
		.txtventa1 {
	color: #fff;
	font-family:'ProximaNovaBold', sans-serif;
	font-size: 28px;
	line-height:15px;
	text-align: left;
	}
	.txtventa2 {
	color: #fff;
	font-family:'ProximaNovaRegular', sans-serif;
	font-size: 22px;
	line-height:20px;
	text-align: left;
	}
		.txtventa3 {
	color: #fff;
	font-family:'ProximaNovaRegular', sans-serif;
	font-size: 18px;
	line-height:18px;
	text-align: left;
	}
		.txtbotonessup2 {
	color: #999;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 14px;
	
	text-align: left;
	}
	
 /*

botones

*/
  #fondobotinf {
	width: 100%;
	height: 130px;
	background-color: #6c702f;
	left: 0px;
	top: 0px;
	opacity:.80;
	filter:alpha(opacity=80);
	position: absolute;
	z-index: 1;
	background-image: url(img/trama.png);
 }
   
    #barrio {
    width: 83px;
    height: 20px;
  
   right: 750px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
 
     #ubicacion {
    width: 80px;
    height: 20px;
  
   right: 700px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
      #medioambiente {
    width: 100px;
    height: 20px;
  
   right: 600px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
       #imagenes {
    width: 80px;
    height: 20px;
  
   right: 485px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
     #respaldo {
    width: 80px;
    height: 20px;
  
   right: 348px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
       #comercializacion {
    width: 120px;
    height: 20px;
  
   right: 27px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
     #comercializacion2 {
    width: 150px;
    height: 20px;
  
   right: 135px; 
	top: 105px;
	
    position: absolute;
	z-index: 4;
 }
 
    #contactofond {
    width: 119px;
    height: 80px;
   background-color: #26201b;
    right: 50px; 
	top: 0px;
	opacity:.80;
filter:alpha(opacity=80);
    position: absolute;
	z-index: 3;
 }
 
   #contacto {
    width: 87px;
    height: 30px;
  border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   
   right: 60px; 
	top: 40px;
	
    position: absolute;
	z-index: 4;
 }
    #officeback {
    width: 119px;
    height: 80px;
   
   background-color: #26201b;
   right: 190px; 
	top: 0px;
	
    position: absolute;
	z-index: 3;
 }
    #office {
    width: 87px;
    height: 30px;
   border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   right: 200px; 
	top: 40px;
	
    position: absolute;
	z-index: 4;
 }
     #edificiosback {
    width: 119px;
    height: 80px;
   
   background-color: #26201b;
   right: 330px; 
	top: 0px;
	
    position: absolute;
	z-index: 3;
 }
     #edificios {
    width: 87px;
    height: 30px;
   border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   right: 340px; 
	top:40px;
	
    position: absolute;
	z-index: 4;
 }
     #masterback {
	width: 119px;
	height: 80px;
	background-color: #26201b;
	right: 473px;
	top: 1px;
	position: absolute;
	z-index: 3;
 }
      #master {
    width: 87px;
    height: 30px;
   border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   right: 480px; 
	top:40px;
    position: absolute;
	z-index: 4;
 }
 
/*

Index

*/
#indextitulo {
    width: 600px;
    height: 40px;
   
   left: 30px; 
	top: 240px;
	
    position: absolute;
	z-index: 4;
 }
 #itau {
    width: 40px;
    height: 40px;
   
   left: 320px; 
	top: 65px;
	
    position: absolute;
	z-index: 8;
 }
 #indextexto {
    width: 50%;
    height: 200px;
   
   left: 30px; 
	top: 280px;
	
    position: absolute;
	z-index: 4;
 }
 
   #content {
    width: 1000px;
    height: 200px;
   paddin-right: 50px;
   left: 30px; 
	top: 280px;
	
    position: absolute;
	z-index: 4;
 }
 
/*

Vinculos

*/

a.vinculo:link {
	color: #fff;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	
	text-align: left;
}


a.vinculo:visited {
	color: #fff;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	
	text-align: left;
}
a.vinculo:hover {
	color: #abbc9d;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	
	text-align: left;
}
a.vinculo:active {
	color: #abbc9d;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	
	text-align: left;
}
.activevinculo {
	color: #abbc9d;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	
	text-align: left;
}

a.subbot:link {
	font-family: 'ProximaNovaRegular', sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	
	text-align: left;
}


a.subbot:visited {
	font-family: 'ProximaNovaRegular', sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	
	text-align: left;
}
a.subbot:hover {
	font-family: 'ProximaNovaRegular', sans-serif;
		color: #fff;
	text-decoration: underline;
	font-size: 14px;
	
	text-align: left;
}
a.subbot:active {
	font-family: 'ProximaNovaRegular', sans-serif;
	color: #abbc9d;
	text-decoration: none;
	font-size: 14px;
	
	text-align: left;
}
.subbotactivevinculo {
	color: #abbc9d;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 14px;
	
	text-align: left;
}


a.subbotbold:link {
	font-family: 'ProximaNovaBold', sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	
	text-align: left;
}


a.subbotbold:visited {
	font-family: 'ProximaNovaBold', sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	
	text-align: left;
}
a.subbotbold:hover {
	font-family: 'ProximaNovaBold', sans-serif;
		color: #fff;
	text-decoration: underline;
	font-size: 14px;
	
	text-align: left;
}
a.subbotbold:active {
	font-family: 'ProximaNovaBold', sans-serif;
	color: #abbc9d;
	text-decoration: none;
	font-size: 14px;
	
	text-align: left;
}
.subbotboldactivevinculo {
	color: #abbc9d;
	font-family: 'ProximaNovaBold', sans-serif;
	font-size: 14px;
	
	text-align: left;
}



/*

UNIDADES

*/
#infomaster {
    width: 560px;
    height: 290px;
  padding-top:10px;
  padding-left:10px;
   right: 0px; 
	top: 200px;
	 background-color: #6c702f;
    position: absolute;
	z-index: 7;
 }
#masterimg {
    width: 976px;
    height: 300px;
  
   left: 0px; 
	top: 200px;
	
    position: absolute;
	z-index: 5;
 }
 
 
 
 /*

CONTACTO

*/
   #backcontacto {
    width: 1000px;
    height: 150px;
   paddin-right: 50px;
   left: 30px; 
	top: 200px;
	
    position: absolute;
	z-index: 4;
 }
 
 


.contact-formtextarea {
   background-color: #6c702f;
   opacity:.60;
filter:alpha(opacity=60);
  border: 1px solid #fff;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  
  font-size: 12px;
  font-family: 'ProximaNovaRegular', sans serif;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-property: all;
  transition-duration: 0.3s;
  
}
.contact-formtextarea .a:link {
  background-color: #a6a6a6;
  border: 1px solid #fff;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  
  font-size: 12px;
  font-family: 'ProximaNovaRegular', sans serif;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-property: all;
  transition-duration: 0.3s;
  
}
.contact-formtextarea .a:hover {
  background-color: #000;
  border: 1px solid #fff;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  
  font-size: 12px;
  font-family: 'SohoGothicProRegular', sans serif;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-property: all;
  transition-duration: 0.3s;
  
}


 /*
UBICACIÓN

*/
   #contubicacion {
    width: 500px;
    height: 300px;
   paddin-right: 50px;
   left: 30px; 
	top: 200px;
	
    position: absolute;
	z-index: 4;
 }
 
 
 
 /*

Amenities

*/
 #amenitiescolmuna {
    width: 320px;
    height: 200px;
   
   left: 30px; 
	top: 260px;
	
    position: absolute;
	z-index: 4;
 }
  #amenitiescolmdos {
    width: 550px;
    height: 200px;
   
   left: 400px; 
	top: 260px;
	
    position: absolute;
	z-index: 4;
 }
 
 
  /*

Equipamiento

*/
 #equipamientocolmuna {
    width: 520px;
    height: 200px;
   
   left: 30px; 
	top: 260px;
	
    position: absolute;
	z-index: 4;
 }
 
  #equipamientocolmdos {
    width: 520px;
    height: 200px;
   
   left: 560px; 
	top: 260px;
	
    position: absolute;
	z-index: 4;
 }
 
 
 
    #ubicaciontextos {
    width: 300px;
    height: 200px;
   paddin-right: 50px;
   left: 560px; 
	top: 230px;
	
    position: absolute;
	z-index: 4;
 }
 
 
 
 
 .muestra {
   padding-right: 10px;
   padding-bottom: 10px;
 }
 
 
/*

RESPALDO //////////////////////////////////

*/

  #resp-uno {
    width: 110px;
    height: 20px;
 
   left: 30px; 
	top: 380px;
	
    position: absolute;
	z-index: 7;
 }
   #resp-dos {
    width: 110px;
    height: 20px;
 
   left: 180px; 
	top: 380px;
	
    position: absolute;
	z-index: 7;
 }
    #resp-tres {
    width: 110px;
    height: 20px;
 
   left: 300px; 
	top: 380px;
	
    position: absolute;
	z-index: 7;
 }
     #resp-cuatro {
    width: 110px;
    height: 20px;
 
   left: 455px; 
	top: 380px;
	
    position: absolute;
	z-index: 7;
 }
     #resp-cinco {
    width: 110px;
    height: 20px;
 
   left: 595px; 
	top: 380px;
	
    position: absolute;
	z-index: 7;
 }
      #resp-seis {
    width: 120px;
    height: 20px;
 
   left: 730px; 
	top: 380px;
	
    position: absolute;
	z-index: 7;
 }
 
       #resp-siete {
    width: 110px;
    height: 20px;
 
   left: 880px; 
	top: 380px;
	
    position: absolute;
	z-index: 7;
 }

/*

DESTQUES VENTAS

*/
 #circulo{
	 left:250px;
	top: 540px;
	position: absolute;
	z-index: 20;
	  background-color: #61622d;
  border: 1px solid #fff;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
 width: 100px;
 height: 80px;
 
 padding-top:35px;
 padding-left:20px
 
 }
  #rectangulo{
	 left:20px;
	top: 570px;
	position: absolute;
	z-index: 10;
	  background-color: #3b3329;
  color: #fff;
 width: 300px;
 height: 50px;
  opacity:.80;
filter:alpha(opacity=80);
padding-top:10px;
 padding-left:10px
 }
   #rectangulo2{
	 left:20px;
	top: 540px;
	position: absolute;
	z-index: 10;
	 
  
 width: 300px;
 height: 10px;


 padding-left:10px
 color: #999;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 14px;
	
	text-align: left
 }
