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


html,body{ width:100%; position: relative; z-index: 0;}

a{cursor:pointer;}

.paddingFix{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.sectionLabel{
	padding:20px 25px 20px 25px;
	background:#CEDE00;
	position:absolute;
	top:25px;
	left:0;
	color:#0D2240;
	font-family: 'BauerBodoniBT-Italic';
	font-style: italic;
	font-size:30px;
	z-index:99;
}


.tituloBold{
	font-weight: bolder!important;
}





.regresarBtn{
	padding:15px 20px 15px 20px;
	background:#E5C677!important;
	color: #0D2240!important;
	position:absolute;
	top:35px;
	right:0;
	color:#FFFFFF;
	font-family: 'FuturaBT-Light';
	font-size:13pt;
	z-index:99;
	cursor:pointer;

}

table{

	color:#FFFFFF;
	font-family: 'FuturaBT-Light';
}

.regresarBtn:hover{
	padding:15px 30px 15px 20px;
}


#regresarOrientacion{
	display: none;
}


#regresarOficina{
	display: none;
}


#headerContainer{
	width:100%;
	position:fixed;
	z-index:300;
	left:0;
	top:0;
	background: #FFFFFF;
}

#promociones{
	width:100%;
	height:80px;
	position:relative;
	float:left;
	background:#00a8cc;
	padding-left:25px;
	padding-right:25px;
	display:none;
}

#promociones h1{
	color:#FFFFFF;
	font-family: 'FuturaBT-Light';
	font-size: 30px;
	margin-top:25px;
}

#promociones p{
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size: 14px;
	margin-top:25px;
	width:550px;
	position:absolute;
	right:100px;
	top:5px;
}

.closeWhite{
	width:25px;
	height:25px;
	background:url(../images/closeWhite.png) center center no-repeat;
	background-size:100%;
	cursor:pointer;
}

#cerrarPromocion{
	position:absolute;
	right:25px;
	top:25px;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity:1;
	opacity: 1;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

#cerrarPromocion:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity:.5;
}

#headder{
	width:100%;
	height:80px;
	position:relative;
	float:left;
	background: #0D2240;
	/*border-bottom: solid 1px #fff;*/
}

#logoBoca{
	width:192px;
	height:57px;
	float:left;
	background:url(../images/levant_diamante_logo.png) center center no-repeat;
	background-size:100%;
	margin-top:15px;
	margin-left:25px;
	position: relative;
	z-index: 9999;
}

#menuHeader{
	float:right;
	margin-top:35px;
}

#menuHeader li{
	float:left;
	margin-left:10px;
	cursor:pointer;
	font-family: 'FuturaBT-Light';
	font-size:13px;
	color:#999999;
	letter-spacing:.5px;
	margin-right:25px;
}

#menuHeader li a{
	color:#999999;
	text-decoration:none;
}

#menuHeader li a:hover{
	color:#E5C677;
}

.topNavSelected{
	color:#E5C677!important;
}


/*MOBILE MENU*/
#mobileMenuIcon{
	width: 30px;
	height: 30px;
	background:url(../images/menuIcon.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 25px;
	top: 25px;
	display: none;
	z-index: 999;
	opacity: 1;
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#mobileMenuIcon:hover{
	opacity: .5;

}

#menuMobile{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 990;
	background: #0D2240;
	display: none;
}



#menuMobile li{
	width: 100%;
	float:left;
	padding-left:30px;
	margin-bottom: 10px;
	cursor:pointer;
	text-align: left;
	font-family: 'FuturaBT-Light';
	font-size:18px;
	letter-spacing:.5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#menuMobile li:first-child{
	margin-top: 100px;
}



#menuMobile li a{
	color:#fff;
	text-decoration:none;
}

#menuMobile li a:hover{
	text-decoration: underline;
}






#inicioContainer{
	width: 100%;
	height: 550px;
	float: left;
	margin-top: 80px;
	background: #f2f2f2;
	position: relative;
}

#inicio{
	width: 100%;
	height: 100%;
	margin:0 auto;
}

#tresSesentaContainer{
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
}

#tresSesentaSlider{
	width:100%;
		height:100%;
		display:inline-block;
		margin-top:00px;
	font-family: 'FuturaBT-Light';
}

.arrow360Left{
	width: 100px;
	height: 50px;
	background:url(../images/arrow360Left.png) center center no-repeat;
	background-size:100%;
	position: absolute;
	left: 200px;
	top: 50%;
	margin-top: -25px;
	display:none;
	z-index: 99;
}


.arrow360Right{
	width: 100px;
	height: 50px;
	background:url(../images/arrow360Right.png) center center no-repeat;
	background-size:100%;
	position: absolute;
	right: 200px;
	top: 50%;
	margin-top: -25px;
	display:none;
	z-index: 99;
}




.conocerTexto{
	width: 280px;
	height: 35px;
	position: absolute;
	left: 50%;
	margin-left: -140px;
	top: 50%;
	margin-top: -17px;
	background:#0D2240;
	font-family: 'FuturaBT-Light';
	font-size: 12pt;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-align: center;
	z-index: 99;
	display: none;
	opacity: 1;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;

}




#vistaPanoramicaContainer{
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	display:none;

}

#panorama{
	width: 100%;
	height: 100%;
	float: left;
}


.conocerTextoPanorama{
	width: 265px;
	height: 35px;
	position: absolute;
	left: 50%;
	margin-left: -120px;
	top: 50%;
	margin-top: -17px;
	background:#0D2240;
	font-family: 'FuturaBT-Light';
	font-size: 12pt;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-align: center;
	z-index: 99;
	display: block;
	pointer-events: none;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;

}


#vistaPanoramicaContainer:hover .conocerTextoPanorama{

	opacity: 0;
}

.panoramica{
	width: 100%;
	height: 100%;
	float: left;
	cursor: ew-resize;
	overflow: hidden;
	background-repeat: repeat-x!important;
}

#imagenesContainer{
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	display:none;
}


#galleryContainer{
	width:100%;
	height:100%;
	float:left;
}

#galleryContainerVideos{
	width:100%;
	height:100%;
	float:left;
}


.slide{
	width:100%;
	height:100%!important;
	float:left;
	background:#000;
	display:none;
	background-size: contain!important;
}

.slidePano{
	width:200%;
	height:100%;
	float:left;
	background:#000;
	display:none;

}


.captionContainer{
	position: absolute;
	width: 500px;
	right: 0;
	bottom: 100px;
	background: #CEDE00;
	color: #0D2240;
	z-index: 100;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 40px;
	text-align: left;
}


.titleCaption{
	color: #fff;
	z-index: 100;
	float: left;
	width: 100%;
	font-family: 'FuturaBT-Light';
	font-size: 18pt;
}

.textCaption{
	color: #0D2240;
	z-index: 100;
	float: left;
	width: 100%;
	font-family: 'FuturaBT-Light';
	font-size: 12pt;
}

.leftArrow{
	width:40px;
	height:40px;
	background:url(../images/leftArrow.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	left:25px;
	top:50%;
	margin-top:-20px;
	cursor:pointer;
	z-index:99;
}


.rightArrow{
	width:40px;
	height:40px;
	background:url(../images/rightArrow.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	right:25px;
	top:50%;
	margin-top:-20px;
	cursor:pointer;
	z-index:99;
}

#thumbsContainerPan {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 44px;
	text-align: center;
	z-index: 10;
}


#thumbsContainerGal {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 44px;
	text-align: center;
	z-index: 10;
}


#thumbsContainerGalVideos {
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 100px;
	text-align: center;
	z-index: 10;
}

#thumbsContainerGalObras{
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 44px;
	text-align: center;
	z-index: 10;
}

.thumbOff {
	width: 20px;
	height: 20px;
	background: url(../images/thumbOff.png) center center no-repeat;
	display: inline-block;
	cursor: pointer;
}

.thumbOn {
	width: 20px;
	height: 20px;
	background: url(../images/thumbOn.png) center center no-repeat;
	display: inline-block;
	cursor: pointer;
}

#videosContainer{
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	background:#000;
	display:none;
}

#obrasContainer{
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	display:none;
}

#galleryContainerObras{
	height: 100%;
}



#inicioNavContainer{
	width:100%;
	min-height:45px;
	float: left;
	position: relative;
	z-index: 280;
	background: #FFFFFF;
}

#inicioNav{
	width:1024px;
	height:100%;
	margin:0 auto;
	padding:0 50px 0 50px;
	color:#808080;
	font-size:17px;
	font-family: 'FuturaBT-Light';
}

#inicioNav li{
	float:left;
	cursor:pointer;
}

#inicioNav li p{padding-top:15px; margin-left:5px; float:left;}

.navIcon{
	height:45px;
	width:50px;
	float:left;

}




.tresSeis{ background:url(../images/inicionavIcons.png) no-repeat; background-position:left top;}
.panoramica{background:url(../images/inicionavIcons.png) no-repeat;  background-position:left -45px;}
.imagenes{background:url(../images/inicionavIcons.png) no-repeat;  background-position:left -90px;}
.videos{background:url(../images/inicionavIcons.png) no-repeat;  background-position:left -131px;}
.obra{background:url(../images/inicionavIcons.png) no-repeat;  background-position:left -177px;}

li:hover .tresSeis{ background-position: right top;}
li:hover .panoramica{ background-position:right -45px;}
li:hover .imagenes{ background-position:right -90px;}
li:hover .videos{ background-position:right -131px;}
li:hover .obra{ background-position:right -177px;}
li:hover .pNav{ color:#E5C677; }

.selectedTresSeis{ background-position: right top;}
.selectedPanoramica{ background-position:right -45px;}
.selectedImagenes{ background-position:right -90px;}
.selectedVideos{ background-position:right -131px;}
.selectedObras{ background-position:right -177px;}
.selectedParrafo{ color:#E5C677; }

.navSpacer{
	margin-right:50px;
}

/*INICIAN ESTILOS DE DEPAS*/

#depaContainer{
	width:100%;
	background:#0D2240;
	min-height:850px;
	float:left;
	position:relative;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	display: block;
}

.azulFondo{
	background:#0D2240;
	color:white;
}

#depa{
	width:100%;
	max-width:1024px;
	height:1024px;
	margin:0 auto;
	position:relative;
	padding-top:80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.opacityTrue{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

	/* IE 5-7 */
	filter: alpha(opacity=20);

	/* Netscape */
	-moz-opacity: 0.2;

	/* Safari 1.x */
	-khtml-opacity: 0.2;

	/* Good browsers */
	opacity: 0.2;
}

.zindex100{
	z-index:100!important;
}

#seleccionaOrientacion{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	display: none;
}


#edificioCompleto1{
	width:400px;
	height:600px;
	background:url(../images/edificio/completo.png) center center no-repeat;
	background-size: contain;
	position:absolute;
	left:50%;
	margin-left:-200px;
	z-index:10;
	top: 60px;
}

#seleccionaOriente{
	width:180px;
	height:50px;
	position:absolute;
	top:150px;
	left:100px;
	background:url(../images/ojoIcon.png) left top no-repeat;
	background-size:13%;
	padding-left:10px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#seleccionaOriente p{
	width:100%;
	height:150px;
	display:block;
	text-align:center;
	float:left;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:17px;
}


#seleccionaPoniente{
	width:140px;
	height:50px;
	position:absolute;
	bottom:150px;
	right:40px;
	background:url(../images/ojoIcon.png) left top no-repeat;
	background-size:13%;
	padding-left:10px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#seleccionaPoniente p{
	width:100%;
	height:150px;
	display:block;
	text-align:center;
	float:left;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:17px;
}



.whiteLine{
	width:100px;
	height:100px;
	position:absolute;
	background:url(../images/whiteLine.png) center center no-repeat;
	background-size:100%;
}

.lineaOriente{
	right:-80px;
	bottom:-80px;
}

.lineaPoniente{
	left:-110px;
	top:-110px;

}

#brujulaNorte{
	width:150px;
	height:100px;
	position:absolute;
	right:80px;
	top:200px;
	background:url(../images/brujulaNorte.png) center center no-repeat;
	background-size:100%;
}

.eligePisoTexto{
	width:400px;
	position:absolute;
	top:0px;
	text-align:center;
	left:50%;
	margin-left:-200px;
	color:#fff;
	font-family: 'FuturaBT-Light';
}

/*VISTA PONIENTE*/

#vistaPoniente{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	display:block;

}

#centraDespiezado{
	width:1100px;
	min-height:800px!important;
	/*	background:#2CA6EF;*/
	position:absolute;
	left:50%;
	margin-left:-550px;
	z-index:10;
	overflow: hidden;
	top:40px;
	min-height: auto;
}





#despiezadoContainer{
	width:400px;
	height:850px;
	/*	background:#2CA6EF;*/
	position:absolute;
	/*left:50%;*/
	left:0px;
	top:40px;
	z-index:10;
}

.contenedorInfoDepas{
	width: 400px;
	min-height: auto;
	position: absolute;
	right: 45px;
	top: 70px;
	display: block;
}

.contenedorInfoDepas h1{
	font-family: 'FuturaBT-Light';
	font-weight: normal;
	font-size: 14pt;
	color: #fff;
	width: 100%;
	float: left;
	display: block;
}

.dropdownsContainer{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}

.dropWrapper{
	width: 50%;
	float: left;
	height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#dropMetros{
	display: block;
}

#dropPisos{
	display: none;
}

.dropdownsContainer .dropWrapper{
	padding-right: 9px;
}

.dropWrapper h1{
	width: 100%;
	font-family: 'FuturaBT-Light';
	font-weight: normal;
	font-size: 12pt;
}
.dropWrapper select{
	width: 100%;
	border: 0;
	height: 30px;
	margin-top: 10px;
	background: #fff;
	font-family: 'FuturaBT-Light';
	font-weight: normal;
	font-size: 12pt;
	color: #808080;

}



.btnCambiaImagesDeptos{
	width: 100%;
	padding:15px 20px 15px 20px;
	background:#E5C677;
	float: left;
	color:#0D2240;
	font-family: 'FuturaBT-Light';
	font-size:11pt;
	z-index:99;
	text-align: center;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	opacity: .5;

}

.btnCambiaImagesDeptos:hover{
	margin-top: -2px;
}

.opacityUnselectedBtns{
	opacity: .5;
}


.opacitySelectedBtns{
	opacity: 1;
}




.renderContainer{
	width: 100%;
	height: 300px;
	float: left;
	position: relative;
	display: none;
	text-align: center;
}


#iconosDsiponibilidadCont{
	width: 100%;
	float: left;
	position: relative;
	display: none;
}

.containerIconosDisp{
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}

.containerIconosDisp p{
	float: left;
	color: #fff;
	font-family: 'FuturaBT-Light';
	font-size: 12pt;
	margin-left: 40px;
	margin-top: 6px;
}

.containerIconosDispFix{
	margin-left: 0!important;
}




.iconoTorre1{
	width:30px;
	height:30px;
	background:url(../images/torre1.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	top: 50px;
	right: 140px;
}

.iconoTorre2{
	width:30px;
	height:30px;
	background:url(../images/torre2.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	left: 140px;
	top: 90px;
}




.iconoTorre1_oriente{
	width:30px;
	height:30px;
	background:url(../images/torre2.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	cursor: pointer;
	top: 0px;
	right: 66px;
}

.iconoTorre2_oriente{
	width:30px;
	height:30px;
	background:url(../images/torre1.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	cursor: pointer;
	left: 40px;
	top: 50px;
}






.disponible{
	width:30px;
	height:30px;
	background:url(../images/disponible.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	cursor: pointer;
}


.disponible:hover{
	opacity: .8;
}


.disponibleStatic{
	width:30px;
	height:30px;
	background:url(../images/disponible.png) center center no-repeat;
	background-size:100%;
	position:absolute;
}



.nodisponible{
	width:30px;
	height:30px;
	background:url(../images/noDisponible.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	cursor: pointer;
}

.nodisponible:hover{
	opacity: .8;
}

.nodisponibleStatic{
	width:30px;
	height:30px;
	background:url(../images/noDisponible.png) center center no-repeat;
	background-size:100%;
	position:absolute;
}

.separado{
	width:30px;
	height:30px;
	background:url(../images/separado.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	cursor: pointer;
}

.separado:hover{
	opacity: .8;
}

.separadoStatic{
	width:30px;
	height:30px;
	background:url(../images/separado.png) center center no-repeat;
	background-size:100%;
	position:absolute;
}

#btnDepa1{
	left: 320px;
	top: 60px;
}

#btnDepa2{
	left: 310px;
	top: 200px;
}

#btnDepa3{
	left: 209px;
	top: 202px;
}

#btnDepa4{
	left: 66px;
	top: 204px;
}

#btnDepa5{
	left: 55px;
	top: 60px;

}

#btnDepa6{
	left: 320px;
	top: 60px;
}

#btnDepa7{
	left: 310px;
	top: 200px;
}

#btnDepa8{
	left: 160px;
	top: 202px;
}

#btnDepa9{
	left: 66px;
	top: 204px;
}

#btnDepa10{
	left: 55px;
	top: 60px;

}

#btnDepa11{
	left: 320px;
	top: 60px;
}

#btnDepa12{
	left: 290px;
	top: 200px;
}

#btnDepa13{
	left: 100px;
	top: 202px;
}

#btnDepa14{
	left: 60px;
	top: 60px;
}

#btnDepa15{
	left: 310px;
	top: 190px;
}

#btnDepa16{
	left: 70px;
	top: 190px;
}


#pisoA1{
	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/A1.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;
}

#pisoA2{
	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/A2.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;
}

#pisoB{
	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/B.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;
}

#pisoC{
	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/C.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;
}


#pisoAmarillo{

	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/amarillo.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;


}


#pisoAmarilloB{

	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/amarillo_B.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;


}

#pisoMorado{

	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/morado.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;
}


#pisoRojo{

	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/rojo.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;


}


#pisoAzul{

	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/azul.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;


}

#pisoVerde{

	width: 100%;
	height: 100%;
	max-width: 400px;
	position: relative;;
	background:url(../images/edificio/pisos/verde.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;


}





#pisoCentroBienestar{

	width: 100%;
	height: 100%;
	max-width: 400px;

	position: relative;
	background:url(../images/edificio/departamentos/centroBienestar.png) center center no-repeat;
	background-size:100%;
	display: none;
	margin: 0 auto;

}




#departamentoRender{

	width: 80%;
	height: 100%;
	max-width: 380px;
	position: relative;
	background-size:70%!important;
	display: none;
	margin: 0 auto;

}

#360depaRender{
	width: 100%;
	height: 100%;
	max-width: 380px;
	position: relative;
	background-size:70%!important;
	display: none;
	margin: 0 auto;
}




#departamentoRender{

	width: 80%;
	height: 100%;
	position: relative;
	background-size:70%!important;
	display: none;

}





#btnDepa1_2{
	left: 46px;
	top: 120px;
}

#btnDepa2_2{
	left: 131px;
	top: 170px;
}

#btnDepa3_2{
	right: 131px;
	top: 170px;
}

#btnDepa4_2{

	right: 46px;
	top: 120px;

}

#btnDepa5_2{
	left: 70px;
	top: 134px;

}

#btnDepa6_2{
	left: 178px;
	top: 172px;

}


#btnDepa7_2{
	right: 70px;
	top: 134px;
}

#btnDepa8_2{
	left: 76px;
	top: 150px;

}

#btnDepa9_2{
	right: 76px;
	top: 150px;

}

#btnDepa10_2{

	right: 109px;
	top: 168px;
}

#btnDepa11_2{
	left: 189px;
	top: 160px;

}

#btnDepa12_2{
	left: 79px;
	top: 151px;
}


#btnDepa13_2{
	left: 236px;
	top: 171px;

}


#btnDepa14_2{
	left: 321px;
	top: 123px;

}

#btnDepa15_2{
	left: 46px;
	top: 123px;

}

#btnDepa16_2{
	left: 132px;
	top: 171px;

}

#btnDepa17_2{
	right: 77px;
	top: 143px;

}





/*--------------*/






#infoAmenidadestext{
	float: left;
	display: block;
}

.infoWrapper{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}

.infoWrapper2{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left:30%;
}

.wrapperSuperficieExterior{
	display: none;
}


#informacionDepartamentos{
	float: left;
	display: none;
}

.infoContainer{
	width: 50%;
	float: left;
	height: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'FuturaBT-Light';
	font-weight: normal;
	font-size: 12pt;
	color: #fff;
	padding-left: 30px;
}



.infoContainerAmenidades{
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'FuturaBT-Light';
	font-weight: normal;
	font-size: 10pt;
	line-height: 17px;
	color: #fff;
	display: none;
}

.infoContainerAmenidades span{

	font-family: 'FuturaBT-Light';
	font-weight: normal;
	font-size: 9pt;
	line-height: 17px;
	color: #fff;
}


.infoContainerAmenidades p,h1{margin-bottom: 3px;}

.lightbox {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 300;
	background: url(../images/lightboxBg.png);
	display: none;
}

.lightbox img{
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 50%;
	margin-top: -310px;
}

.cerrarLightbox{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 50px;
	top: 50px;
	background: url(../images/cerrarLightbox.png) center center no-repeat;
	background-size: 30px;
	cursor: pointer;
}

.renderAmenidades{
	width: 80px;
	margin-top: 13px;
	padding: 10px 15px 10px 15px;
	background:#E5C677!important;
	color: #0D2240!important;
	cursor: pointer;
	font-family: 'FuturaBT-Light';
	font-size:13pt;
}

.infoWrapper .infoContainer:first-child{
	padding-left: 0;
}


/*ORIENTE*/
.azoteaOriente{
	width: 307px;
	height: 190px;
	background: url(../images/edificio/oriente/azotea.png) center center no-repeat;
	background-size: 80%;
	position: absolute;
	top: 34px!important;
	left: 93px!important;
}

.maquinas04Oriente{
	width: 227px;
	height: 190px;
	background: url(../images/edificio/oriente/tipico4_maquinas_azotea.png) center center no-repeat;
	background-size: 81%;
	position: absolute;
	top: 61px!important;
	left: 129px!important;

}

.ph01Oriente{
	width:237px;
	height:190px;
	background:url(../images/edificio/oriente/ph01.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo1Oriente{
	width:238px;
	height:190px;
	background:url(../images/edificio/oriente/plantaTipo_1.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo1OrienteFusion{
	width:238px;
	height:190px;
	background:url(../images/edificio/oriente/plantaTipo_1_Fusion.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo1OrienteFusionDer{
	width:238px;
	height:190px;
	background:url(../images/edificio/oriente/plantaTipo_1_Fusion_der.png) center center no-repeat;
	background-size:100%;
	position:absolute;
}



.tipoPiso5Oriente{
	width:238px;
	height:190px;
	background:url(../images/edificio/oriente/plantaTipo_piso5.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}


.tipo2Oriente{
	width:239px;
	height:190px;
	background:url(../images/edificio/oriente/plantaTipo_2.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}


.tipo3Oriente{
	width:239px;
	height:190px;
	background:url(../images/edificio/oriente/plantaTipo_3.png) center center no-repeat;
	background-size:101%;
	position:absolute;

}


.tipo4Oriente{
	width:238px;
	height:190px;
	background:url(../images/edificio/oriente/plantaTipo_4.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo5Oriente{
	width:238px;
	height:190px;
	background:url(../images/edificio/oriente/plantaTipo_5.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.amenidadesOriente{
	width:363px;
	height:220px;
	background:url(../images/edificio/oriente/amenidades.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	top: 484px!important;
	left: 57px!important;

}

.estacionamientosOriente1{
	width:363px;
	height:220px;
	background:url(../images/edificio/oriente/amenidades.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	top: 533px!important;
	left: 58px!important;
}

.estacionamientosOriente2{
	width:363px;
	height:220px;
	background:url(../images/edificio/oriente/amenidades.png) center center no-repeat;
	background-size:100%;
	position:absolute;
	top: 509px!important;
	left: 58px!important;

}

.nivel2Oriente{
	width:369px;
	height:260px;
	background:url(../images/edificio/oriente/nivel_2al4.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.plantaBajaOriente{
	width:369px;
	height:270px;
	background:url(../images/edificio/oriente/planta_baja.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}



/*PONIENTE*/
.azoteaPoniente{
	width:300px;
	height:190px;
	background:url(../images/edificio/poniente/azotea.png) center center no-repeat;
	background-size:80%;
	position:absolute;
}

.maquinas04Poniente{
	width:220px;
	height:190px;
	background:url(../images/edificio/poniente/tipico4_maquinas_azotea.png) center center no-repeat;
	background-size:80%;
	position:absolute;

}

.ph01Poniente{
	width:237px;
	height:190px;
	background:url(../images/edificio/poniente/ph01.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo1Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_1.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo1PonienteFusion{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_1_Fusion.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo1PonienteFusionDer{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_1_Fusion_der.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipoPiso5Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_piso5.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo2Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_2.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}


.tipo3Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_3.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}


.tipo4Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_4.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo5Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_5.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo6Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_6.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo7Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_7.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.tipo8Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_8.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}


.tipo9Poniente{
	width:238px;
	height:190px;
	background:url(../images/edificio/poniente/plantaTipo_9.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}
.amenidadesPoniente{
	width:370px;
	height:220px;
	background:url(../images/edificio/poniente/amenidades.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.nivel2Poniente{
	width:369px;
	height:220px;
	background:url(../images/edificio/poniente/nivel_2al4.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}

.plantaBajaPoniente{
	width:369px;
	height:270px;
	background:url(../images/edificio/poniente/planta_baja.png) center center no-repeat;
	background-size:100%;
	position:absolute;

}


/*IDENTIFICADORES PISO*/


.arrowPiso{
	width: 30px;
	height: 30px;
	background:url(../images/arrowPiso.png) center center no-repeat;
	background-size:100%;
	position: absolute;
	right: -20px;
	top: 10px;
}


.ph p{
	position:absolute;
	right:-100px;
	top:45px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
}

.selectedTextPiso{
	list-style:disc outside none!important;
	display:list-item;

}

.piso{
	pointer-events: none;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
.piso:hover{
	opacity: .7!important;
}

.piso p{
	list-style:circle outside none;
	display:list-item;
	pointer-events:auto;
}


.piso p:hover{
	list-style:disc outside none;
}


.pisoArriba p{
	position:absolute;
	right:-100px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
	top:50px;
}



.labelVendido{
	position:absolute;
	right:-70px;
	top:0px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
}






#piso29{
	top:31px;
	left:70px;
	z-index:40;
	display: none;
}

#piso28{
	top:58px;
	left:103px;
	z-index:39;
}

#piso27{
	top:76px;
	left:95.5px;
	z-index:38;
}

#piso26{
	top:91px;
	left:94.5px;
	z-index:37;
}

#piso25{
	top:110px;
	left:94.5px;
	z-index:36;
}

#piso24{
	top:127px;
	left:94.5px;
	z-index:35;
}

#piso23{
	top:144px;
	left:94.5px;
	z-index:34;
}

#piso22{
	top:161px;
	left:94.5px;
	z-index:33;
}

#piso21{
	top:178px;
	left:94.5px;
	z-index:32;
}

#piso20{
	top:195px;
	left:94.5px;
	z-index:31;
}

#piso19{
	top:212px;
	left:94.5px;
	z-index:30;
}

#piso18{
	top:229px;
	left:94.5px;
	z-index:29;
}

#piso17{
	top:243px;
	left:94.5px;
	z-index:28;
}

#piso16{
	top:246px;
	left:94.5px;
	z-index:27;
}

#piso15{
	top:263px;
	left:94.5px;
	z-index:26;
}

#piso14{
	top:280px;
	left:94.5px;
	z-index:25;
}

#piso13{
	top:297px;
	left:94.5px;
	z-index:24;
}

#piso12{
	top:314px;
	left:94.5px;
	z-index:23;
}

#piso11{
	top:331px;
	left:94.5px;
	z-index:22;
}

#piso10{
	top:348px;
	left:94.5px;
	z-index:21;
}

#piso9{
	top:365px;
	left:94.5px;
	z-index:20;
}

#piso8{
	top:382px;
	left:94.5px;
	z-index:19;
}

#piso7{
	top:399px;
	left:94.5px;
	z-index:18;
}

#piso6{
	top:424px;
	left:94.5px;
	z-index:11;
}



#piso5{
	top:442px;
	left:28px;
	z-index:10;
}

#piso4{
	top:489px;
	left:28px;
	z-index:15;
}

#piso3{
	top:513px;
	left:28px;
	z-index:14;
}

#piso2{
	top:535px;
	left:40px;
	z-index:13;
}

#piso30{
	top:416px;
	left:94.5px;
	z-index:12;
}

#piso1{
	top:555px;
	left:40px;
	z-index:11;
}



#piso1 p{
	position:absolute;
	right:-80px;
	top:105px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
	text-align:left;
}

#piso2 p{
	position:absolute;
	right:-137px;
	top:100px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	text-align:left;
}

#piso3 p{
	position:absolute;
	right:-57px;
	top:95px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
	text-align:left;
}

#piso4 p{
	position:absolute;
	right:-57px;
	top:95px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
	text-align:left;
}

#piso5 p{
	position:absolute;
	right:-98px;
	top:90px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
	text-align:left;
}

#piso28 p{
	position:absolute;
	right:-108px;
	top:43px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
	text-align:left;
}

#piso29 p{
	position:absolute;
	right:-82px;
	top:53px;
	color:#fff;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	cursor:pointer;
	text-align:left;
}


#btnPiso6{top:60px!important;}
#btnPiso5{top:70px!important;}


/*TERMINAN ESTILOS DE DEPAS*/


#bienestarContainer{
	width:100%;
	min-height:500px;
	float:left;
	background:#f1ece1;
	position:relative;
}

#bienestarMainContainer{ width:100%; min-height:580px; float:left;}

#bienestarLeft{
	width:50%;
	min-height:500px;
	float: left;
	position:relative;
}

#bienestarLeft h1{
	width:290px;
	height:157px;
	font-family: 'FuturaBT-Light';
	font-size:39px;
	color:#0D2240;
	position:absolute;
	left:50%;
	margin-left:-98px;
	top:50%;
	margin-top:25px;
}





#textoBienestarRight{
	width:50%;
	min-height:580px;
	max-width: 600px;
	float: left;
	position:relative;
	display: none;
	text-align: center;
	padding-right: 25px;
	padding-left: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

#textoBienestarRight h2{
	width: 100%;
	display: inline-block;
	text-align: left;
	color: #fff;
	font-family: 'FuturaBT-Light';
	font-size:12pt;
	margin-top: 200px;
}


#textoBienestarRight h2{
	width: 100%;
	display: inline-block;
	text-align: left;
	color: #fff;
	font-family: 'FuturaBT-Light';
	font-size:12pt;
	margin-top: 200px;
}


#textoBienestarRight p{
	font-family: 'FuturaBT-Light';
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	text-align: left;
	color: #fff;
	margin-top: 30px;
}



#bienestarRight{
	width:50%;
	min-height:580px;
	float: left;
	position:relative;
	display: block;
}

#clickTexto{
	width: 100%;
	position: absolute;
	top: 200px;
	text-align: center;
	color: #0D2240;
	font-family: 'FuturaBT-Light';
}

#iconsContainer{
	width:100%;
	min-height:65px;
	position:absolute;
	top:50%;
	margin-top:-10px;
	text-align:center;
	padding:0 25px 0 25px;
}

/* AQUÍ INICIA EL GRUPO DE ICONOS DE AMENIDADES */

.ameniIcon{
	width:65px;
	height:65px;
	display:inline-block;
	cursor:pointer;
	margin-left: auto;
	margin-right: 13px;
}


#salud{ background:url(../images/salud.png) left top no-repeat;}
#familia{ background:url(../images/familia.png) left top no-repeat;}
#espiritu{ background:url(../images/espiritu.png) left top no-repeat;}
#negocios{ background:url(../images/negocios.png) left top no-repeat;}

#salud:hover, #familia:hover, #espiritu:hover, #negocios:hover{ background-position:left bottom;}
/* AQUÍ TERMINA EL GRUPO DE ICONOS DE AMENIDADES */

#iconText{
	width:100%;
	position:absolute;
	top:75%;
	text-align:center;
	color:#0D2240;
	font-family: 'FuturaBT-Light';
	font-size:24px;
}



/*AQUÍ INICIAN LOS ESTILOS PARA LOS CONTENEDORES DINÁMICOS DE CENTRO DE BIENESTAR*/
#bienestarDinamicContainer{ width:100%; min-height:500px; float:left; position: relative;}

#bienestarDinamicLeft{
	width:50%;
	min-height:500px;
	float: left;
	position:relative;
}

#galeriaBienestar{
	width:100%;
	height:580px;
	float:left;
	overflow: hidden;
}

.slideBienestar{
	width:100%;
	height:100%;
	float:left;
	background:#000;
	display:none;
}

#thumbsContainerGalBienestar {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 25px;
	text-align: center;
	z-index: 10;
}


#bienestarDinamicRight{
	width:50%;
	min-height:580px;
	float: left;
	max-width: 800px;
	text-align:center;
}

#centrarTextosBienestar{
	width:70%;
	display:inline-block;
}
#bienestarDinamicRight h1{
	width:100%;
	float:left;
	color:#0D2240;
	font-size:15pt;
	text-align:center;
	font-family: 'BauerBodoniBT-Roman';
}

#bienestarDinamicRight h2{
	width:100%;
	float:left;
	color:#0D2240;
	font-size:16pt;
	text-align:center;
	font-family: 'FuturaBT-Light';
	margin-top:10px;
}

#bienestarDinamicRight ul{
	width:300px;
	display:inline-block;
	color:#0D2240;
	font-size:12pt;
	text-align:center;
	font-family: 'FuturaBT-Light';
	margin-top:40px;
	margin-left:30px;
	list-style: disc outside;
}


#bienestarDinamicRight li{
	width:100%;
	margin-top:5px;
	float:left;
	text-align:left;
	line-height:14pt;
}


/*AQUÍ TERMINAN LOS ESTILOS PARA LOS CONTENEDORES DINÁMICOS DE CENTRO DE BIENESTAR*/






/*OFICINAS*/

#oficinasContainer{
	width:100%;
	min-height:600px;
	float:left;
	background:#0D2240;
	position:relative;
	text-align: center;
}

.centraDespiezado{
	width:100%;
	max-width:1024px;
	min-height:500px;
	display: inline-block;
	margin-top: 100px;
	padding-top: 50px;
	position: relative;
}

#oficinasIzquierda{
	display: block;
}

#selectOficinas{
	display: none;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 100px;
	width: 100%;
	float: left;
	text-align: center;
}

.dropOficinas{
	width: 100%;
	border: 0;
	height: 30px;
	margin-top: 10px;
	background: #fff;
	font-family: 'FuturaBT-Light';
	font-weight: normal;
	font-size: 12pt;
	color: #808080;
}

.leftOficinas{
	width: 50%;
	min-height: 500px;
	float: left;
	text-align: center;
}

.leftOficinas h1{
	width:100%;
	min-height:30px;
	font-family: 'FuturaBT-Light';
	font-size:39px;
	color:#fff;
	text-align: center;
	margin-top: 150px;
	margin-bottom: 30px;

}


.edificioOficinas{
	width: 490px;
	height: 400px;
	display: inline-block;
}



#oficinaDinamicContainer{ width:100%; min-height:500px; float:left; position: relative; background: #f1ece1;}

#oficinaDinamicLeft{
	width:50%;
	min-height:500px;
	float: left;
	position:relative;
}

#galeriaOficina{
	width:100%;
	height:580px;
	float:left;
	overflow: hidden;
}

.slideBienestar{
	width:100%;
	height:100%;
	float:left;
	background:#000;
	display:none;
}

#thumbsContainerGalOfficina {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 25px;
	text-align: center;
	z-index: 10;
}


#oficinaDinamicRight{
	width:50%;
	min-height:580px;
	float: left;
	max-width: 800px;
	text-align:center;
	position: relative;
}

#centrarTextosOficina{
	width:70%;
	display:inline-block;
}
#oficinaDinamicRight h1{
	width:100%;
	float:left;
	color:#0D2240;
	font-size:21pt;
	text-align:center;
	font-family: 'BauerBodoniBT-Roman';
	font-style: italic;
	margin-bottom: 15px;
}

#oficinaDinamicRight h2{
	width:100%;
	float:left;
	color:#0D2240;
	font-size:16pt;
	text-align:center;
	font-family: 'FuturaBT-Light';
	font-weight: bolder!important;
	margin-bottom: 15px;
}

#oficinaDinamicRight p{
	width:100%;
	float:left;
	color:#0D2240;
	font-size:12pt;
	text-align:center;
	font-family: 'FuturaBT-Light';
	margin-bottom: 15px;
	line-height: 21px;
}

#oficinaDinamicRight ul{
	width:300px;
	display:inline-block;
	color:#0D2240;
	font-size:12pt;
	text-align:center;
	font-family: 'FuturaBT-Light';
	margin-top:20px;
	margin-left:50px;
	list-style: disc outside;
}


#oficinaDinamicRight li{
	width:100%;
	margin-top:5px;
	float:left;
	text-align:left;
	line-height:14pt;
}

.inspiraSpacer{
	margin-top: 190px;
}

.iniciativaSpacer{
	margin-top: 110px;
}

.comodidadSpacer{
	margin-top: 150px;
}

#oficinaPiso5{ position: relative; z-index: 10;}
#oficinaPiso4{ position: relative; z-index: 9;}
#oficinaPiso3{ position: relative; z-index: 8;}
#oficinaPiso2{ position: relative; z-index: 7;}
#oficinaComercial{ position: relative; z-index: 6;}
#estacionamiento4{ position: relative; z-index: 5;}
#estacionamiento3{ position: relative; z-index: 4;}
#estacionamiento2{ position: relative; z-index: 3;}
#estacionamiento1{ position: relative; z-index: 2;}

.pisoOficinaB p, .pisoOficinaA p{
    position: absolute;
    left: 400px;
    top: 50px;
    color: #fff;
    font-family: 'titillium_webregular';
    font-size: 15px;
    cursor: pointer;
		list-style: circle outside none;
		display: list-item;
		pointer-events: auto;
}

.hovered{
	opacity:1;
}

.not_available{
	opacity:0.2 !important;
}
.pisoOficinaB{
	width: 300px;
	height: 196px;
	background: url(../images/oficinas/oficinas_piso-B.png) center center no-repeat;
	background-size: 250px;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

.pisoOficinaB:hover{
opacity:0.5;
}

.pisoOficinaA{
	width: 250px;
	height: 196px;
	background: url(../images/oficinas/oficinas_piso-A.png) center center no-repeat;
	background-size: 250px;
	margin-top: -165px;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

.pisoOficinaA:hover{
opacity:0.5;
}
.comercialOficina{
	width: 250px;
	height: 196px;
	background: url(../images/oficinas/oficinas_comercial.png) center center no-repeat;
	background-size: 250px;
	margin-top: -174px;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

.comercialOficina:hover{
opacity:0.5;
}

.estacionamientoOficna{
	width: 250px;
	height: 196px;
	background: url(../images/oficinas/oficinas_estacionamiento.png) center center no-repeat;
	background-size: 250px;
	margin-top: -175px;
}

.estacinaFix{
	margin-top: -139px!important;
}

.pisoOficinaB p, .pisoOficinaA p{
    position: absolute;
    right: -80px;
    top: 80px;
    color: #fff;
    font-family: 'FuturaBT-Light';
    font-size: 15px;
    cursor: pointer;
		list-style: circle outside none;
		display: list-item;
		pointer-events: auto;
}

.comercialOficina p{
    position: absolute;
    right: -107px;
    top: 90px;
    color: #fff;
    font-family: 'FuturaBT-Light';
    font-size: 15px;
    cursor: pointer;
		list-style: circle outside none;
		display: list-item;
		pointer-events: auto;
}

.estacionamientoLbl{
    position: absolute;
    right: -145px;
    top: 90px;
    color: #fff;
    font-family: 'FuturaBT-Light';
    font-size: 15px;
    cursor: pointer;
		list-style: circle outside none;
		display: list-item;
		pointer-events: auto;
}

.oficinasRenderCont{
	width: 100%;
	min-height: 341px;
	display: inline-block;
	display: none;

}

.oficinasRenderCont img{
	width: 100%;
	max-width: 512px;
	min-height: auto;
	height: auto;
}

.btnCambia45 {

    padding: 15px 20px 15px 20px;
    display: inline-block;
    z-index: 99;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
		margin: 15px 10px 60px 10px;
		opacity: 1;
		background: #E5C677!important;
    color: #0D2240!important;
    cursor: pointer;
    font-family: 'FuturaBT-Light';
    font-size: 13pt;
}

.btnOficeUnselected{opacity: .5;}

.oficinasNav{
	display: none;
}


















#conceptoContainer{
	width:100%;
	float:left;
	background:#FFFFFF;
	color:#414042;
	position: relative;
}


#conceptoSeccionUnoCont{

	width:100%;
	float:left;
	background:#f6f6f6;
	position: relative;

}


#conceptoLeftUno{
	width:50%;
	min-height:430px;
	float:left;
	position:relative;
	text-align: center;
	padding-top: 210px;
	padding-left: 25px;
	padding-right: 25px;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#conceptoLeftUno h1{
	display: inline-block;
	max-width: 500px;
	font-family: 'BauerBodoniBT-Roman';
	font-size:20px;
	text-align: left!important;
	margin-bottom:5px;
}

#conceptoLeftUno p{
	display: inline-block;
	max-width: 500px;
	font-family: 'FuturaBT-Light';
	font-size:15px;
	text-align: left;
	line-height:16px;
}

#conceptoLeftUno b{
	display: inline-block;
	max-width: 500px;
	font-family: 'FuturaBT-Light';
	font-size:18px;
}


#conceptoRightUno{
	width:50%;
	min-height:630px;
	float:left;
	padding:170px 25px 50px 25px;
	background: url(../images/pilares.jpg) center no-repeat;
	background-size: cover;
}



#conceptoLeft{
	width:50%;
	min-height:630px;
	float:left;
	position:relative;
	background: url(../images/pilares/pilaresBg.png) center 140px no-repeat;
	background-size: 342px;
}

/*
#conceptoLeft h1{
	width:220px;
	height:65px;
	font-size:30px;
	font-family: 'FuturaBT-Light';
	position:absolute;
	left:50%;
	margin-left:-85px;
	top:50%;
	margin-top:-33px;
}
*/

#conceptoRight{
	width:50%;
	min-height:540px;
	float:left;
	padding:100px 25px 50px 25px;
	text-align: center;
}



#contenedorConceptoTexto{
	width: 100%;
	max-width: 800px;
	display: inline-block;
	text-align: left;
}



#conceptoRight h1{
	max-width: 800px;
	font-family: 'FuturaBT-Light';
	font-size:20px; margin-bottom:5px;
	line-height:24px;
	background: url(../images/pilares/sprite_puas.png) left top no-repeat;
	background-size: 22px;
	padding-left: 0px;
}


#conceptoRight h1:first-child{

	background: none;
	padding-left: 0;
	margin-bottom: 40px;

}


#conceptoRight p{max-width: 800px; font-family: 'FuturaBT-Light'; font-size:14px; line-height:16px;}
#conceptoRight b{ max-width: 800px;font-family: 'FuturaBT-Light'; font-size:18px;}

.naranja{
	color: #F7A700;
}

.azul{
	color: #00A6CE;
	background-position: left -34px !important;
}

.rojo{
	color: #CF0A2C;
	background-position: left -68px !important;
}

.rosa{
	color: #C114A1;
	background-position: left -102px !important;
}

.darkBlue{
	color: ##0D2240;
	background:none!important;
}

#contactoContainer{
	width:100%;
	float:left;
	background:#888383;
	position:relative;

}




/*GAVA & INSAR*/

#colores{
	width: 100%;
	height: 40px;
	float: left;
	background:url(../images/colores.png) left center repeat-x;
	display: none;
}

#gavaInsarContainer{
	width:100%;
	float:left;
	background:#f6f6f6;
	color:#414042;
	position: relative;
}

.float50{
	width:50%;
	min-height:720px;
	float:left;
	position:relative;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;
	max-width:

}

.float50 img{
	display: inline-block;
}

#gavaLogoUno{
	margin-top: 40px;
}

#insarLogoUno{
	display: inline-block;
	margin-top: 130px;
}


#responsableImg{
	margin-right: 20px;
	display: inline-block;
}

#gavaWrapper{

	background: url(../images/talento.jpg) center center no-repeat;
	background-size: cover;

}

#logosInsarWrapper{
	width: 100%;
	display: inline-block;
	text-align: center;
}

.float50 p{
	font-family: 'FuturaBT-Light';
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	margin-top: 30px;
	width: 100%;
	max-width: 450px;
	text-align: justify;

}


/*MAPS Y CONTACTO*/

#map_canvas{
	width:100%;
	height:550px;
	float:left;
}

#contactoMainBtn{
	width:140px;
	height:70px;
	position: absolute;
	background:#0D2240;
	left:50%;
	margin-left:-70px;
	top:60%;
	z-index: 30;
	margin-top:-35px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;

}

#goMapgs{
	width:50%;
	height:100%;
	float:left;
	cursor:pointer;
	background:url(../images/mapiucon.png) center center no-repeat;
}

#goContact{
	width:50%;
	height:100%;
	float:left;
	cursor:pointer;
	background:url(../images/contactoIcon.png) center center no-repeat;
}

#goMapgs:hover, #goContact:hover{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;

	/* Good browsers */
	opacity: 0.5;
}

#contacto{
	width:500px;
	background:#0D2240;
	position:absolute;
	left:50%;
	margin-left:-250px;
	top:50%;
	margin-top:-140px;
	display:none;
}

#contactoSpacer{
	width:100%;
	height:55px;
	float:left;
	margin-top:5px;
	background:url(../images/contactoIcon.png) 5px center no-repeat;
}

#infoContacto{ text-align: right; float: right;
	color:#FFFFFF;
	font-size:14px;
	margin: 25px 15px 0 0;
	font-family: 'FuturaBT-Light';
}

	.contactoBloque{
		width:50%;
		float:left;
		padding-left:10px;
	}

	.contactoBloque p{
		width:100%;
		float:left;
		color:#FFFFFF;
		margin-bottom:10px;
		font-size:20px;
		font-family: 'FuturaBT-Light';
		letter-spacing:.5px;
	}

	.contactoBloque input{
		width:225px;
		height:25px;
		border:none;
		outline:none;
		float:left;
		margin-bottom:15px;
		padding: 0 10px 0 10px;
		font-family: 'FuturaBT-Light';
		font-size:14px;
		color:#808080;
		letter-spacing:.5px;
	}

	.contactoBloque textarea{
		width:225px;
		height:165px;
		border:none;
		outline:none;
		float:left;
		margin-bottom:15px;
		resize:none;
		padding: 5px 10px 10px 10px;
		font-family: 'FuturaBT-Light';
		font-size:14px;
		color:#808080;
	}

	#contactoAlerta{
		width:350px;
		height:30px;
		float:left;
		font-size:14px;
		font-family: 'FuturaBT-Light';
		color:#FFFFFF;
		text-align:right;
		margin-top:15px;
	}

	#enviarBtn{
		padding:13px 15px 10px 15px;
		float:right;
		background:#CEDE00;
		color:##0D2240;
		font-size:16px;
		font-family: 'FuturaBT-Light';
		cursor:pointer;
		margin:5px 15px 15px 0;}

		#regresaBtnContact{
			display:none;
		}


		/*FOOTER*/

		#footer{
			width:100%;
			height:80px;
			float:left;
			background:#FFFFFF;
			padding:5px 25px 0 25px;
			text-align: center;
		}

		#insar{
			width:82px;
			height:35px;
			background:url(../images/insarFooter.png) left center no-repeat;
			background-size: 100%;
			overflow:hidden;
			float:left;
			margin-top:10px;
			margin-right: 30px;
		}

		#gava{
			width:112px;
			height:35px;
			background:url(../images/gavaFooter.png) right center no-repeat;
			background-size: 100%;
			overflow:hidden;
			float:left;
			margin-top:10px;
		}

		#avisoPrivacidad{
			display: inline-block;
			font-family: 'FuturaBT-Light';
			font-size: 9pt;
			text-decoration: none;
			margin-top: 15px;
			margin-right: 10px;
			color: #999;
		}

		#avisoPrivacidad:hover{

			text-decoration: underline;

		}



		#direccion{
			display: inline-block;
			font-family: 'FuturaBT-Light';
			font-size: 9pt;
			text-decoration: none;
			margin-top: 15px;
			color: #999;
		}


		#facebook{
			width:37px;
			height:28px;
			float:right;
			background:url(../images/redesicons.png) left center no-repeat;
			margin-right:0px;
			margin-top:5px;
		}

		#in{
			width:37px;
			height:28px;
			float:right;
			background:url(../images/redesicons.png) right center no-repeat;
			margin-top:6px;
		}



		#contenedorFacebookTelefono{

				display: none
		}






		/*SAFE SCREEN*/

		@media screen and (min-width: 1500px) {

			/*INICIO*/


			#inicio{
				height:100%;
			}

			/*360*/
			#tresSesentaSlider{

				margin-top:00px;
			}
			/*PANORAMIC*/
			#vistaPanoramicaContainer{

				height:100%;

			}

			#panorama{

				height:100%;

			}

			.slidePano {

				height: 100%;

			}

			/*IMAGENES*/
			#imagenesContainer{
				height:100%!important;
			}
			#galleryContainer{
				height:100%!important;
			}

			#galleryContainerVideos{

			}

			.slide{
				height:100%!important;
			}
			/*VIDEOS*/
			#videosContainer{

			}

			#obrasContainer{
				height:100%;
			}



			/*CENTRO DE BIENESTAR INTEGRAL*/
			.ameniIcon{ margin-right: 100px;}

		}

		#listadoBienestar2{
			/*list-style: none;*/
		}
		
		



		@media screen and (max-width: 1023px) {

			.sectionLabel{
				padding:10px 15px 10px 15px;
				font-size:15px;

			}

			.regresarBtn{
				padding:10px 15px 10px 15px;
				font-size:10pt;
				right: auto;
				left: 0;
				top: 80px;

			}

			.regresarBtn:hover{
				padding:10px 15px 10px 20px;

			}

			#inicioContainer{

				height:600px;
			}

			#menuHeader{
				display: none;
			}

			#mobileMenuIcon{
				display: block;
			}

			#inicioNav{
				width:100%;
				text-align: center;
				padding: 50px 0 50px 0;

			}


			#inicioNav li{
				width: 25%;
				min-width: 200px;
				font-size: 13px;
				text-align: center;
				margin: 0;
				display: inline-block;
				float: none;

			}

			.captionContainer{
				position: absolute;
				width: 100%;
				max-width: 250px;
				padding-top: 15px;
				padding-bottom: 15px;
				padding-left: 15px;
				padding-right: 40px;
				text-align: left;
			}

			#thumbsContainerPan {

				bottom: 20px;
				padding-left: 25px;
				padding-right: 25px;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;         /* Opera/IE 8+ */

			}


			#thumbsContainerGal {
				bottom: 20px;
				padding-left: 25px;
				padding-right: 25px;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;         /* Opera/IE 8+ */
			}


			#thumbsContainerGalVideos {
				bottom: 60px;
				padding-left: 25px;
				padding-right: 25px;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;         /* Opera/IE 8+ */
			}

			#thumbsContainerGalObras{
				bottom: 20px;
				padding-left: 25px;
				padding-right: 25px;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;         /* Opera/IE 8+ */
			}


			.slidePano{
				width:450%;


			}

			#depaContainer{
				width:100%;
				height: auto;
				min-height:auto;
				float:left;
				position:relative;
				padding-bottom: 50px;

			}


			#depa{

				height:auto;
				margin:auto;
				float: left;
				position:relative;
				padding-top:80px;
				padding-bottom: 80px;
			}


			#despiezadoContainer{
				display: none;
				text-align: center;

			}
			#centraDespiezado{
				width:100%;
				height:auto;
				/*	background:#2CA6EF;*/
				position:relative;
				left:auto;
				margin-left:auto;
				z-index:10;
				top:auto;
				margin-top: 70px;
				padding-left: 25px;
				padding-right: 25px;
				overflow: initial;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;
				min-height: auto!important;     /* Opera/IE 8+ */
			}

			.contenedorInfoDepas{
				width: 100%;
				height: auto;
				position: relative;
				right: auto;
				top: 50px;
				display:inline-block;

			}

			#dropMetros{
				display: none;
			}

			#dropPisos{
				display: block;
			}

			.eligePisoTexto{
				width:100%;
				position:relative;
				top:auto;
				text-align: center;
				left:auto;
				margin-top: 20px;
				margin-left:auto;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding-right: 25px;
				padding-left: 25px;
			}

			#vistaPoniente{
				width:100%;
				height:auto;
				float:left;
				position:relative;
				display:block;

			}

			#pisoCentroBienestar{


				min-width: auto;


			}


			#habla_beta_container_do_not_rely_on_div_classes_or_names{
				display: none!important;
			}

			/*Boton llamanos*/

			#contenedorFacebookTelefono{
				width: 100%;
				height: auto;
				position: fixed;
				bottom: 0;
				left: 0;
				display: block;
				z-index:9999;
				-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.51);
				-moz-box-shadow:    0px 0px 16px 0px rgba(0, 0, 0, 0.51);
				box-shadow:         0px 0px 16px 0px rgba(0, 0, 0, 0.51);
			}

			#btnFacebook{
				width: 10%;
				height: 50px;
				background:url(../images/fbBotonMobile.png) center center no-repeat;
				background-size: cover;
				float: left;
				cursor: pointer;
				display: block;
				opacity: 1;
				-webkit-transition-duration: 0.1s;
				-moz-transition-duration: 0.1s;
				-o-transition-duration: 0.1s;
				transition-duration: 0.1s;
			}

			#btnFacebook:hover{
				opacity: .7;
			}

			#botonLLamanos{
				width: 90%;
				background: #CEDE00;
				height:50px;
				float: left;
				text-align: center;
				color: #0D2240;
				font-family: 'FuturaBT-Light';
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				cursor: pointer;
				padding-top: 15px;
				display: block;
				text-decoration: none;
			}


			.btn--alt {
			    font-size: 20px;
			}
			.btn--alt:hover {
			    font-size: 0;
			}

			.btn--alt:hover:after {
			    content: attr(data-btn-alt);
			    font-size: 20px;
			    word-wrap: break-word;
			}

			.centraDespiezado{

				margin-top: 30px;
				padding-top: 30px;

			}
			.leftOficinas{
				width: 100%!important;
			}

			#oficinasIzquierda{
				display: none;
			}

			#selectOficinas{
				display: block;
			}

			.oficinasRenderCont{
				padding-left: 30px;
				padding-right: 30px;

			}

			#regresarOficina{
				right: 0px;
				left: auto;
				top: 25px;
			}




		}



		/*LOWER SCREENS*/
		@media screen and (max-width: 900px) {


			#oficinaDinamicLeft{
				width:100%;

			}
			#oficinaDinamicRight{
				width:100%;
			}

			#inicioContainer{
				height:450px;
			}

			.slide{

				height:100%;

			}

			#bienestarLeft{
				width:100%;
				text-align: center;
				min-height: 300px;

			}


			#bienestarLeft h1{
				width:100%;
				font-size:39px;
				color:##0D2240;
				position:relative;
				left:auto;
				margin-left:auto;
				top:auto;
				margin-top:140px;
				display: inline-block;
			}


			#bienestarRight{
				width:100%;
				min-height: 300px;

			}


			#clickTexto{

				top: 30px;

			}

			#iconsContainer{

				top:30%;

			}



			#centrarTextosBienestar{
				width:100%;
				display:inline-block;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding-right: 25px;
				padding-left: 25px;
			}
			#bienestarDinamicRight h1{
				width:100%;
				float:left;
				color:#0D2240;
				font-size:15pt;
				text-align:center;
				font-family: 'BauerBodoniBT-Roman';
			}

			#bienestarDinamicRight h2{
				width:100%;
				float:left;
				color:#0D2240;
				font-size:16pt;
				text-align:center;
				font-family: 'FuturaBT-Light';
				margin-top:10px;
			}

			#bienestarDinamicRight ul{
				width:100%;
				display:inline-block;
				color:#0D2240;
				font-size:12pt;
				text-align:center;
				font-family: 'FuturaBT-Light';
				margin-top:40px;
				margin-left:0px;
				list-style: disc inside;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding-right: 25px;
				padding-left: 25px;
			}


			#bienestarDinamicRight li{
				width:100%;
				margin-top:5px;
				float:left;
				text-align:center;
				line-height:14pt;
			}


			#inicioNav li{
				width: 25%;
				min-width: 170px;
				font-size: 13px;
				text-align: center;
				margin: 0;
				display: inline-block;
				float:none;

			}



			.arrow360Left{
				display: none!important;
			}

			.arrow360Right{
				display: none!important;
			}


			.conocerTexto{

				left: 50%;
				margin-left: -140px;
				top:30px;
				margin-top: auto;

			}

			#threesixty {
				position:absolute;
				overflow:hidden;
				left:auto!important;
				width:100%!important;
				height:100%;
				margin-left:auto!important;
				margin-top:0px;
				text-align: center;
			}


			#threesixty img {
    width: 50%!important;
    top: 50px!important;
		margin-top: 100px!important;
		}



			#bienestarDinamicLeft{
				width:100%;

			}

			#bienestarDinamicRight{
				width: 100%;
				height: auto;
			}

			#conceptoLeftUno{
				width:100%;


			}

			#conceptoRightUno{
				width:100%;

			}

			#conceptoLeft{
				width: 100%;
				min-height: 450px;
				background-size: 300px;
				background-position: center center!important;
			}

			#conceptoLeftUno{

				padding-top: 120px;
				padding-bottom: 40px;

			}

			#conceptoRight{
				width: 100%;
				min-height: 480px;
				padding:50px 25px 50px 25px;
			}

			#insarWrapper{
				width: 100%;
			}

			#gavaWrapper{
				width: 100%;
			}

			#facebook{
				display: none;
			}


			#direccion{
				width: 100%;
			}
			#contactoContainer{
				text-align: center;
			}

			#map_canvas{

				height:850px;
				pointer-events: none;

			}




			#contacto{
				width:100%;
				background:#00a8cc;
				position:absolute;
				left:auto;
				margin-left:0;
				top:150px;
				margin-top:0;
				display: none;
				float: left;
			}


			#infoContacto{
				text-align: center;
				float: none;
				display: inline-block;

			}


			.contactoBloque{
				width:100%;
				float:left;
				padding-left:25px;
				padding-right:25px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}

			.contactoBloque input{
				width:100%;
				height:25px;
				float:left;
				display: inline-block;
				text-align: left;
			}

			.contactoBloque textarea{
				width:100%;
				height:165px;
				border:none;
				outline:none;
				float:left;
				margin-bottom:15px;
				resize:none;
				padding: 5px 10px 10px 10px;
				font-family: 'FuturaBT-Light';
				font-size:14px;
				color:#808080;
			}


			#contactoAlerta{
				width:100%;
				height:30px;
				float:left;
				display:none;
				text-align: center;
				margin-top:15px;
			}

			#enviarBtn{

				float:none;
				display: inline-block;

			}


			#footer{

				height:auto;
				padding:5px 25px 75px 25px;

			}


			#insar{

				float:none;
				display: inline-block;

			}

			#gava{
				float:none;
				display: inline-block;
			}


			.conocerTexto {
			    left: auto;
			    right: 0;
			    margin-left: auto;
			    top: 26px;
			    margin-top: auto;
			    font-size: 11px;
			    width: auto;
					padding-right: 15px;
					padding-left: 15px;
					padding-bottom: 15px;
					max-width: auto;
			}






		}




		/*MOBILE*/
		@media screen and (max-width: 530px) {

			#inicioContainer{
				height:400px;
			}

			.captionContainer{
				position: absolute;
				width: 100%;
				max-width:100%;
				padding-top: 15px;
				padding-bottom: 15px;
				padding-left: 25px;
				padding-right: 25px;
				text-align: left;
				text-align: center;
				bottom: 70px;
			}

			.textCaption{

				font-size: 10pt;
				text-align: center;
			}


			#logoBoca{
				width:162px;
				height:37px;
				margin-top: 25px;
			}


			#threesixty img {
			    width: 75%!important;
			    left: 50px!important;
			    top: 50%!important;
					margin-top: 130px!important;
			}



			.ameniIcon{

				margin-right: 20px;
				margin-left: 20px;
			}


			#facebook{

				margin-top:17px;
			}



			#infoAmenidadesText{
				float: left;
			}


			#btnDepa1{
				left: 320px;
				top: 60px;
			}
			
			#btnDepa2{
				left: 310px;
				top: 200px;
			}
			
			#btnDepa3{
				left: 209px;
				top: 202px;
			}
			
			#btnDepa4{
				left: 66px;
				top: 204px;
			}
			
			#btnDepa5{
				left: 55px;
				top: 60px;
			
			}
			
			#btnDepa6{
				left: 320px;
				top: 60px;
			}
			
			#btnDepa7{
				left: 310px;
				top: 200px;
			}
			
			#btnDepa8{
				left: 160px;
				top: 202px;
			}
			
			#btnDepa9{
				left: 66px;
				top: 204px;
			}
			
			#btnDepa10{
				left: 55px;
				top: 60px;
			
			}
			
			#btnDepa11{
				left: 320px;
				top: 60px;
			}
			
			#btnDepa12{
				left: 290px;
				top: 200px;
			}
			
			#btnDepa13{
				left: 100px;
				top: 202px;
			}
			
			#btnDepa14{
				left: 60px;
				top: 60px;
			}
			
			#btnDepa15{
				left: 310px;
				top: 190px;
			}
			
			#btnDepa16{
				left: 70px;
				top: 190px;
			}

			#btnFacebook{
				width: 30%;

			}



			#botonLLamanos{
				width: 70%;

			}



		}













/*--------*/
		.contenedorAviso{
			width: 100%;
			float: left;
			background: #f2f2f2;
			padding-bottom: 50px;
			text-align: center;
		}

		.contenedorAviso p{
			display: inline-block;
			width: 100%;
			max-width: 800px;
			font-family: 'FuturaBT-Light';
			font-weight: normal;
			font-size: 12pt;
			line-height: 15pt;
			color: #808080;
			text-align: left;
			margin-top: 50px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding-left: 30px;
			padding-right: 30px;
		}

		.contenedorAviso p a{
			color: #4d4d4d;
			text-decoration: none;
		}



		.contenedorAviso p a:hover{
			text-decoration: underline;
		}


.reel-preloader{
	color: #E5C677 !important;
	background-color: #E5C677 !important;
}

/*HOTFORM*/

.hotform{
	background-color:#CEDE00 !important;
	color:#0D2240 !important;
	padding:7px;
	margin-top:80px;
	text-align:right;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 2px 20px 0px hsla(0,0%,0%,0.2);
}

.hotform-input{
	padding:5px;
	border:none;
	margin-right:12px;
	width:200px;
	font-family:'FuturaBT-Light';
}

#hotform-enviar{
	padding:7px;
	border:none;
	background-color:#0D2240;
	display:inline-block;
	color:white;
	font-family:'FuturaBT-Light';
	margin-right:30px;
	font-size:12px;
	text-align:center;
	cursor:pointer;
}

.hotform-tel{
	width:100px;
}

.hotform-text{
	display:inline-block;
	margin-right:30px;
	
	font-family:'BauerBodoniBT-Italic';
}


body.hotformer{
	margin-top:40px !important;
}

#hotform-close{
	display:none;
}

#hotform-enviar.disabled{
	background-color:transparent;
	color:#0D2240;
	border:solid thin #0D2240;
}

.mobile-hotform{
	display:none;
}


@media screen and (max-width: 1023px) {
	
	#hotform-close{
		display:block;
		position:absolute;
		right:10%;
		top:120px;
		color:#0D2240;
		font-size:18px;
		font-family:'FuturaBT-Light';
		cursor:pointer;
	}
	
	.hotform-text{
		display:block;
		font-family:'FuturaBT-Light';
		margin-top:50px;
		margin-bottom:50px;
		font-weight:bold;
	}
	
	.hotform{
		display:none;
		background-color:#CEDE00 !important;
		color:#0D2240 !important;
		padding:7px;
		margin-top:80px;
		text-align:center;
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 2px 20px 0px hsla(0,0%,0%,0.2);
	}
	
	.mobile-hotform{
		margin-top:80px;
		display:block;
		padding:10px;
		background-color:#CEDE00;
		text-align:right;
		padding-right:10%;
		cursor:pointer;
	}
	
	.mobile-hotform-text{
		display:block;
		font-family:'FuturaBT-Light';
		font-weight:bold;
		color:#0D2240 !important;
	}
	
	.hotform-input{
		
		display:block;
		padding:5px;
		border:none;
		margin-bottom:20px;
		width:200px;
		font-family:'FuturaBT-Light';
		margin-left:auto;
		margin-right:auto;
		
		text-align:center;
	}
	
	#hotform-enviar{
		padding:8px;
		border:none;
		background-color:#0D2240;
		display:inline-block;
		color:white;
		font-family:'FuturaBT-Light';
		font-size:12px;
		text-align:center;
		margin:0 auto;
		margin-bottom:50px;
		cursor:pointer;
		
	}
	
	.hotform-tel{
		margin-bottom:60px;
	}
	
	body.hotformer{
		margin-top:0px !important;
	}
}