@charset "utf-8";
/*@import url("../webfonts/Helvetica25UtLt/stylesheet.css");*/


/* FONTS */


/******/




/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/preloader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/*******/


/* galleria 

/*********/

body {
    position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
#mainWrapper {
	width:100%;
}


/**/
#mesSelector {
	width:450px;
	float:right;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px 30px 0 0;
	margin: -30px 0 0 0;
	text-align:right;
}
#mesSelectMenu {
	color:#aaa;
	border:none;
	font-size:11px;
	padding:3px;
	background:none;
	-webkit-appearance:none;
}
/**/


/* MainMenu */
#pestanaMenu {
	position:absolute;
	left:-150px;
	top:13px;
	z-index:999;
	font-family: "le-havre",sans-serif;
	font-size:1.7em;
	color:#FFF;
	cursor:pointer;
}

nav {
	position:absolute;
	left:55px;
	top:65px;
	z-index:999;
}
nav ul {
	list-style:none;
}
nav ul li a {
	color:white;
	text-decoration: none;
	-moz-text-blink: none;
	-moz-text-decoration-color: -moz-use-text-color;
	-moz-text-decoration-line: none;
	-moz-text-decoration-style: solid;
	font-size:2.7em;
	line-height:0.95em;
	font-family: "le-havre",sans-serif;
	font-style: thin;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
}
nav ul li a:hover {
	color:#999;
}
nav ul li a.on {
	color:#999;
}
nav img {
	margin:4em 0 0 0;
}
/*******/




article {
	opacity:0;
	z-index:999;
}
article #content h1 {
	text-transform:uppercase;
	line-height:35px;
	font-size:2.3em;
	font-family: "le-havre",sans-serif;
	font-weight:300;
	color:#FFF;
}
article #content h2 {
	line-height:35px;
	font-size:1em;
	font-family: "le-havre",sans-serif;
	color:#000;
}
article #content h3 {
	line-height:1.2;
	font-size:1.2em;
	font-family: "le-havre",sans-serif;
	margin:20px 0 0 0;
	color:#000;
}
article #content p {
	margin:15px 0 0 0;
	font-family: Helvetica, Arial, sans-serif !important;
	text-align: justify;
	font-size: 0.9em;
	line-height:23px;
}
article.firma #content p {
	margin:0px 0 15px 0;
	font-family:Helvetica, Arial, sans-serif;
	text-align:justify;
	font-size:0.9em;
	line-height:23px;
}
article #content p a {
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color: #000;
}
article.firma #content p a {
	font-size:1.9em !important;
	text-decoration:none;
	color: #fff;
}
article #content .eventos {
	margin-top:30px;
}
article #content .eventos li {
	margin: 30px 0 0 20px;
	list-style:none;
	color:#FFF;
}
article #content .eventos li a {
	color:#000 !important;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
}
article #content .puerto {
	margin:10px 0 30px 10px !important;
}
article #content .puerto li {
	list-style:none !important;
	color: #000;
}
article #content .puerto li h2 {
	padding:0 10px 0 0 !important;
	margin:0 5px 0 0 !important;
	border-right: 1px solid #000 !important;
	font-size:25px;
	min-width:30px;
	
}
article #content form  {
	color:#FFF;
}
#btn-cerrar {
	position:relative;
	color:#FFF;
	display:block;
	float:right;
	top:15px;
	right: 20px;
	font-size:1.1em;
	cursor:pointer;
}

/* Article Content */
article.short {
	width:421px;
	position:absolute;
	right:10%;
	top:50px;
}
article.big {
	width: 45%;
	position:absolute;
	right: 8%;
	top:50px;
	color:#FFF;	
}
article.firma .mCustomScrollBox.mCS-light{
	width: 99% !important;
}
article.firma {
	width: 36%;
	position:absolute;
	right: 8%;
	top: 130px;
	color:#FFF;	
	/* background: red; */
}
article.firma #content img {
	position: fixed;
	right: 58%;
}
article.short #content {
	height:600px;
	width: 368px;
	padding: 28px 25px 28px 28px;
	background:url(../images/background-article.png) repeat;
	transition:all ease-in-out 1s;
}
article.big #content {
	height:600px;
	width: 100%;
	padding:28px 25px 28px 28px;
	/*background:url(../images/background-article.png) repeat;*/
	transition:all ease-in-out 1s;
}
article.big #content.scroll .mCustomScrollBox {
	width: 100%!important;
	/* background:#0F0; */
}
@media all and (max-height: 800px) {
	article.short #content, article.big #content {
		height:490px;
	}
}
@media all and (max-height: 700px) {
	article.short #content, article.big #content {
		height:390px;
	}
}
article.short #content ol, article.big #content ol {
	list-style:upper-latin !important;
	text-align:left;
	margin:10px 0 0 0;
}
article.short #content ol li, article.big #content ol li {
	line-height:1.5em;
	margin-left: 12px;
}
article.short #content img {
	float:left;
	margin:5px 20px 15px 0;
}
article.big #content img {
	position: fixed;
	right: 50%;
}
article.short #content img.logoEpic {
	float:none !important;
	margin:0 45px !important;
}
article.big #content img.logoEipic {
	float:left !important;
}
article.short #top {
	background:url(../images/background-article-top.png) no-repeat;
	height:19px;
	width:421px;
}
article.big #top {
	/*background: url(../images/background-big-top.png) no-repeat;*/
	height:19px;
	width: 105%;
}
article.short #bottom {
	background:url(../images/background-article-bottom.png) no-repeat;
	height:18px;
	width:421px;
}
article.big #bottom {
	/*background:url(../images/background-big-bottom.png) no-repeat;*/
	height:18px;
	width: 553px;
}

@media all and (max-width: 350px) {
	article.short {
		width:290px;
		position:absolute;
		right:2%;
		top:50px;
	}
	article.short #content {
		width:237px;
	}
	article.short #content p {
		width:230px;
	}
	article.short #top {
		background:url(../images/background-article-top.png) right no-repeat;
		height:19px;
		width:290px;
	}
	article.short #bottom {
		background:url(../images/background-article-bottom.png) left no-repeat;
		height:18px;
		width:290px;
	}
}
/******/



/* article.map Content */
article.map {
	width:923px;
	position:absolute;
	right:10%;
	top:80px;
}
article.map #content {
	max-height:590px;
	width: 923px;
	padding:0 28px;
	background:url(../images/background-article.png) repeat;
}
article.map #top {
	background:url(../images/background-map-top.png) no-repeat;
	height:19px;
	width:979px;
}
article.map #bottom {
	background:url(../images/background-map-bottom.png) no-repeat;
	height:18px;
	width:979px;
}
/******/



/* Panorama */
#thumbnailContainer {
	z-index:999;
}

.horizontal {
	width:500px;
	height:60px;
	position:absolute;
	bottom:10px;
	margin: 0 0 0 32%;
}

.vertical {
	width: 150px;
	height: 200px;
	position: absolute;
	bottom: 10px;
	margin: 0 0 0 1%;
}

.thumbnail {
	border:1px solid white;
	/*background:#fff;*/
	bottom:10px;
	float:left;
	margin:0 10px 0 0;
	z-index:999;
	cursor:pointer;
	height:60px !important;
}
#thPanorama1 { margin-left:; }
#thPanorama2 { margin-left:; }
#thPanorama3 { margin-left:; }

#panorama1 { opacity:1; }
#panorama2 { opacity:1; }
/*****/


/* Mapa Ubicación */
#ubicacionParke {
	overflow:hidden;
	width: 100%;
	height: 100%;
	z-index:0;
	background:#91B1C4;
}
#ubicacionParke img {
	width:1812px;
	height:1356px;
}
#mainWrapper .short #content ol {
	margin: 15px 0 -7px 0;
}
#mainWrapper .short #content ol li {
	line-height:25px;
	color:#FFF;
}
/******/

/*  Planos  */
.content-edf2 {
	width: 263px;
	padding: 30px;
	float: left;
}
.content-edf {
	width: 263px;
	margin: auto;
	padding: 30px;
	background: #0F0;
}
#content-apto-a {
	width: 600px;
	height: 451px;
	position: absolute;
}
#content-apto-a1 {
	width: 600px;
	height: 451px;
	position: absolute;
}
#content-apto-b {
	width: 600px;
	height: 451px;
	opacity: 0.8;
	position: absolute;
}
#content-apto-c {
	width: 600px;
	height: 451px;
	opacity: 0.8;
	position: absolute;
}
#content-apto-d {
	width: 600px;
	height: 451px;
	opacity: 0.8;
	position: absolute;
}
#content-apto-f {
	width: 600px;
	height: 451px;
	opacity: 0.8;
	position: absolute;
}
#vendido {
	width: 600px;
	height: 451px;
	position: absolute;
}
.apto-d-img {
	width: 100%;
	height: 100px;
	margin-top: 30px;
}
.apto-d-img .item {
	float: left;
	margin-left: 42px;
	margin-top: 5px;
	width: 171px;
	height: 79px;
}
.apto-d-img .item#primera {
	margin-left: 2px;
}
.claer {
	clear: both;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #404040;
	background-color: #FFF;
	padding: 5px;
	color: #595348;
	opacity: 0.85;
	filter: alpha(opacity=85);
}
#tooltip h3, #tooltip div {
	margin: 0;
	font-size: 12px;
}
#tooltip p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B6356;
}
.instrucciones {
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 7px;
    position:absolute; 
    left:480px;
}
.mensaje-fin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	width: 300px;
	margin: auto;
	height: 70px;
	padding: 40px 30px 20px 30px;
	margin-top: 80px;
}
.mensaje-fin .title {
	font-size: 20px;
	padding: 0;
	margin: 0;
}
.aptos {
	/*background: #262626;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 451px;
}
.mano {
	background: url("../images/mano.png");
	position: absolute;
	top: 26px;
	left: 132px;
	width: 142px;
	height: 46px;
	z-index: 10;
}
#content-planos{ 
	width:600px;
	height:451px;
	float:left;
	margin:60px auto;
	position:relative;
}
/******/


/* Contáctenos */
.conten-contac {
	width:100%;
}
.conten-contac p input {
	display:block;
	width:240px;
	height:25px;
	color:#fff;
	background:#CCC;
	border:none;
	font-size:12px;
}
.conten-contac p span {
	display:block;
	width:80px;
	color:#fff;
	float:left;
	text-align:center;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.conten-contac p textarea {
	display:block;
	background:#CCC;
	width:240px;
	height:100px;
	color:#fff;
	border:none;
	font-size:12px;
}
.conten-contac p textarea, input {
	font-family:Helvetica, Arial, sans-serif;
	padding-left:5px;
}
.conten-contac p .boton {
	display:block;
	width:100px;
	height:30px;
	background:#999;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	border:none;
	margin-left:80px;
}
.conten-contac p .boton:hover {
	background:#CCC;
}
.formulario {
	width:400px;
}

.info-contacto {
	width:350px;
	height:400px;
	margin-left:360px;
	color:#999999;
}

.info-contacto img {
	border:#4788a4 solid 1px;
	margin-top:15px;
}

.info-contacto p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

.conten-contac h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#4788a4;
	padding:15px 20px 0 20px;
}
#pse {
	height:80px;
	width: 236px;
	margin: 55px 0 -20px 55px;
}
#pse p {
	margin: 35px 0 0 0 !important;
	color:#fff;
}
#pse a img {
	margin:-19px 0 0 0 !important;
	padding:0;
}
#direccion p {
	text-align:center !important;
	line-height:18px !important;
	color:#fff;
	width:356px;
	margin:55px;
}
/******/

.avances-dron{
    border: 1px solid #fff;
    padding: 7px;
    color: #fff;
/*    float: left; */
    margin-left: 7.5%;
}     

a.avances-dron {
	color: #fff !important;
}