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



#splash-screen {
	background-color: #FFFFFF;
	height:100vh;
	background-image: url("../img/watermark-2.png");
	background-position: right bottom;
	background-size: 50% auto;
	background-repeat: no-repeat;
	
}

#splash-screen-text {
	margin-left: 100px;
	margin-top: 20%;
	float: left;
}

#splash-screen h1 {
	color:#74aa0b;
	font-size:28px;
}

#splash-screen p {
	color:#74aa0b;
	font-size:16px;
}


/*Loading screen------------------------------------------------------------------------------*/
#blank-screen {
	/*display:block;*/
	/*z-index:20;*/
	position:absolute;
	top:0;
	left:0;

	
	background-color: #FFFFFF;
	height: 100%;
	background-image: url("../img/watermark-2.png");
	background-position: right bottom;
	background-size: 50% auto;
	background-repeat: no-repeat;
}

#full-page{
	display:none;
}

#blank-screen p{
	position:relative;
	text-align:center;
	margin-top:20%;
	color:#BBBBBB;
	font-size:28px;
	
}

.loader {
	position: absolute;
	left: 650px;
	margin-left: -26.5px;
	margin-top: -76px;
}

.square {
	background: rgb(117,170,11);
	width: 15px;
	height: 15px;
	float: left;
	top: -10px;
	margin-right: 5px;
	margin-top: 5px;
	position: relative;
	opacity: 0;
	animation: enter 6.9s infinite;
		-o-animation: enter 6.9s infinite;
		-ms-animation: enter 6.9s infinite;
		-webkit-animation: enter 6.9s infinite;
		-moz-animation: enter 6.9s infinite;
}

.enter {
	top: 0px;
	opacity: 1;
}

.square:nth-child(1) {
	animation-delay: 2.07s;
		-o-animation-delay: 2.07s;
		-ms-animation-delay: 2.07s;
		-webkit-animation-delay: 2.07s;
		-moz-animation-delay: 2.07s;
}

.square:nth-child(2) {
	animation-delay: 2.42s;
		-o-animation-delay: 2.42s;
		-ms-animation-delay: 2.42s;
		-webkit-animation-delay: 2.42s;
		-moz-animation-delay: 2.42s;
}

.square:nth-child(3) {
	animation-delay: 2.76s;
		-o-animation-delay: 2.76s;
		-ms-animation-delay: 2.76s;
		-webkit-animation-delay: 2.76s;
		-moz-animation-delay: 2.76s;
	background: rgb(177,235,61);
}

.square:nth-child(4) {
	animation-delay: 1.04s;
		-o-animation-delay: 1.04s;
		-ms-animation-delay: 1.04s;
		-webkit-animation-delay: 1.04s;
		-moz-animation-delay: 1.04s;
	animation-delay: 1.04s;
}

.square:nth-child(5) {
	animation-delay: 1.38s;
		-o-animation-delay: 1.38s;
		-ms-animation-delay: 1.38s;
		-webkit-animation-delay: 1.38s;
		-moz-animation-delay: 1.38s;
	animation-delay: 1.38s;
}

.square:nth-child(6) {
	animation-delay: 1.73s;
		-o-animation-delay: 1.73s;
		-ms-animation-delay: 1.73s;
		-webkit-animation-delay: 1.73s;
		-moz-animation-delay: 1.73s;
	animation-delay: 1.73s;
}

.square:nth-child(8) {
	animation-delay: 0.35s;
		-o-animation-delay: 0.35s;
		-ms-animation-delay: 0.35s;
		-webkit-animation-delay: 0.35s;
		-moz-animation-delay: 0.35s;
	animation-delay: 0.35s;
}

.square:nth-child(9) {
	animation-delay: 0.69s;
		-o-animation-delay: 0.69s;
		-ms-animation-delay: 0.69s;
		-webkit-animation-delay: 0.69s;
		-moz-animation-delay: 0.69s;
	animation-delay: 0.69s;
}

.clear {
	clear: both;
}

.last {
	margin-right: 0;
}



@keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}

@-o-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}

@-ms-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}

@-webkit-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}

@-moz-keyframes enter {
	0% {
		opacity: 0;
		top: -10px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 10px;
	}
}







/*Slider ------------------------------------------------------------------------------------- */
#barras-verde-01-container {
	position:fixed;
	z-index:1;
	height:800px;
	overflow:hidden;
}

#barras-verde-01 {
	
}

#birds {
	z-index:1;
 	position: fixed;
    overflow: hidden;
	width:100%;
	text-align:center;
	/*border:dashed thick #FFE500;*/
}

#birds-1 {
}
 
#birds-2 {
	margin-top:-662px;
}


#Hero-text {
	position:fixed;
	z-index:2;
	width:90%;
	/*margin-right:200px;*/
	margin-top:24%;
	text-align:right;
	font-size:42px;
	color:#ffffff;
	line-height:32px;
	text-shadow:3px 3px 5px #000000;
}

#Hero-text i {
	font-size:34px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style:italic;
}




/*Concepto ----------------------------------------------------------------------------------- */


#concepto {
	font-size: 0;
	margin-top:-100px;
	height:1200px;
	overflow:hidden;
	background-color:transparent;
}

#concepto-hat{
	height:150px;
}

#concepto-container{
	background-color:#136d04;
	margin-top:-20px;
	padding-top:100px;
	height:1200px;
	/*padding-bottom:400px;*/
}



#concepto-watermark{
	/*float:left;*/
	margin-top:0px;
	margin-left:100px;
}

#concepto-content {
	float:left;
	margin-left:40%;
	margin-top:-550px;
	padding-right:10%;
	font-size: 16px;
}


#concepto-triangle-bottom {
	float:left;
	margin-top:-200px;
}



#concepto2{
	font-size: 0;
	margin-top:-400px;
	color:#414042;
	background-color:transparent;
	padding-bottom:calc(3.5vw + 10px);
	height:1100px;
	overflow:hidden;
}

#Concepto2-container{
	height:1100px;
	width:100%;
	background-color:#ffffff;
	margin-top:-8px;
}

	
#concepto2 h2{
	padding-top:30px;
	padding-bottom:20px;
	text-align:center
}

#Concepto2-pictures{
	text-align:center;
	
}

#concepto2 img {
	width:100%;
	height:auto;
	max-width:900px;
	padding:5px;
	border:1px solid #C6C6C6;
}

#concepto2-hat-bottom {
	font-size: 0;
	margin-top:-100px;
}





/*Ventajas---------------------------------------------------------*/

#ventajas {
	background-color:rgba(0,83,4,0.7);
	margin-top:0px;
}

#ventajas h1,h2,h3,p{
	color:#ffffff;
}

#ventajas-hat-top {
	margin-top:-150px;
	margin-bottom:-10px;
}



#ventajas-header {
	background-color:#005B0D;
	padding-top:50px;
	padding-bottom:20px;
}

#ventajas-header-hat-bottom {
	margin-top:-10px;
	fill:#005B0D;
	height:150px;
}



#ventajas-container{
	padding-top:100px;
	/*padding-bottom:300px;*/
	/*height:800px;*/
}

.ventajas2{
	padding-top:300px;
	height:650px;
}


#vheader {
  
    color:white;
    text-align:center;
    height:5px;
}

#vnav {
    background-color:#eeeeee;
    height:350px;
    width:330px;
}



#vnav img {
	width:330px;
	height:350px;
}

#vsection {
	background-color:rgba(0,0,0,0.7);
    width:350px;
	height:300px;
    padding:30px;
	padding-top:90px;
	margin-top:20px;
}

#vsection h2 {
	font-size:32px
}

#vsection h3{
	font-size:22px
}

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

	
	#vtriangle-right {
		width: 0; 
		height: 0; 
		border-top: 300px solid transparent;
		border-bottom: 0px solid transparent;
		border-left: 100px solid rgba(0,0,0,0.7);
		margin-top:20px;
		float:left;
	}
	
	
	#vtriangle-left {
		width: 0; 
		height: 0; 
		border-top: 300px solid transparent;
		border-bottom: 0px solid transparent;
		border-right: 100px solid rgba(0,0,0,0.7);
		margin-top:20px;
		float:right;
	}
}

#vfooter {
    color:white;
    clear:both;
    text-align:center;
	height:5px;
}

#ventajas-bottom-container{
	height:400px;
	overflow:hidden;
}

#ventajas-hat-bottom {
	margin-top:250px;
}










/*Ubicacion---------------------------------------------------------*/


#ubicacion{
	margin-top:-250px;
}

#ubicacion-container {
	margin-top:0px;
	height:1300px;
	overflow:hidden;
}


#ubicacion-content{
	margin-top:-10px;
	background-color:#FFFFFF;
}

#ubicacion-bullets {
	padding-bottom:300px;
	padding-left:40vw;
}

#GPS{
	text-align:center;
	/*padding-bottom:600px;*/
}

#GPS img {
	max-width:1200px;
	width:100%;
	height:auto;
	/*margin-top:50%;*/
	
}





/*Teaser------------------------------------------------------------*/

#teaser {
	height:300px;
	overflow:hidden;
}

#teaser1 {
	height:300px;
	padding-top:110px;
	text-align:center;
	font-size:48px;
	color:#BBBBBB;
	background-color:#ffffff;
}

#teaser2 {
	height:300px;
	padding-top:70px;
	text-align:center;
	font-size:48px;
	background-color:#74aa0b;
	color:#ffffff;
}





/*Plano-------------------------------------------------------------*/
#plano {
	margin-top:0px;
	height:1900px;
	overflow:hidden;
}

#plano-container {
	background-color:#064f93;
	margin-top:-10px;
	padding-top:150px;
	height:1900px;
}

#plano-hint-container {
	width:100%;

}

#plano-hint {
	/*width:50%;*/
	height:128px;
	margin-left:100%;
	background-image:url("../img/plano-hint.png");
	background-repeat:no-repeat;
	padding-top:40px;
	/*padding-right:40px;*/
	padding-left:120px;
	line-height:1.2em;
}

#plano-popup-container {
}

#plano-interactive-container {
	/*margin-left:0px;*/
	
}

@media only screen and (max-width: 961px){
	#plano-interactive-container {
		margin-left:-200px;
	}
}

@media only screen and (max-width: 701px){
	#plano-interactive-container {
		transform:scale(0.7);
		margin-left:-150px;
	}
}

	

#plano-png {
	text-align:center;
}


#plano-png img {
	/*min-width:400px;
	max-width:726px;
	width:100%;
	height:auto;*/
	cursor:pointer;
}


#plano-png area{
	display: block;
	cursor:pointer;
}


#plano-datos {
	text-align:center;
	color:#FFFFFF;
}


#plano-triangle-bottom{
	margin-top:-200px;
}




#dataWindowBG {
	background-color:#000000;
	opacity:0.5;
	width:100%;
	height:1200px;
	position:fixed;
	z-index:9;
	display:none;
	top:0px;
	left:0px;
	
}

#dataWindow {
	position:fixed;
	z-index:10;
	top:100px;
	left:100px;
	cursor:pointer;
	display:none;
	
	width: 200px;
	height: 200px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
	border-radius: 6px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

#dataWindow-ID {
	height: 30px;
	background-color: #000000;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #B6B6B6;
}
#dataWindow-disponible {
	height: 60px;
	background-color: rgba(0,229,76,1.00);
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 30px;
	line-height: 60px;
	text-align: center;
	color: rgba(255,255,255,1.00);
}

#dataWindow-box-l3 {
	height: 110px;
	background-image: url("../img/watermark-2.png");
	background-position:left 20px top -20px;
	background-repeat: no-repeat;
	background-color:#ffffff;
	text-align: center;
	font-size: 24px;
	width: auto;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#dataWindow-col-1 {
	width: 80px;
	text-align: left;
	font-size: 12px;
	line-height:14px;
	padding-left: 10px;
	padding-top: 20px;
	float: left;
}

#dataWindow-info {
	width: 110px;
	text-align: left;
	font-size: 14px;
	line-height:14px;
	padding-top: 20px;
	float: left;
	font-weight: bold;
}









/*Financiamiento-------------------------------------------------------------*/

#financiamiento {
	margin-top:-200px;
	height:1200px;
}


#financiamiento-container {
	margin-top:0px;
	height:850px;
	overflow:hidden;
}

#financiamiento-content {
	background-color:#005B0D;
	margin-top:-10px;
	padding-top:50px;
	padding-bottom:0px;
}

#financiamiento-text {
	float:left;
	margin-left:40%;
	margin-top:-650px;
}

#financiamiento-text p{
	line-height:2em;
}

#financiamiento-text b{
	font-size:22px;
}

#financiamiento-text .bigfont{
	font-size:50px;
	font-weight:bold;
}

#financiamiento-text .smallfont{
	font-size:12px;
	line-height:0.7em;
}

#financiamiento-watermark{
	/*float:left;*/
	margin-top:0px;
	margin-left:0px;
}

#financiamiento-hat-bottom{
	position:relative;
	margin-top:-450px;
	z-index:-1;
}




/*Contacto-----------------------------------------------------------------------------*/

#contacto{
	margin-top:0px;
	/*background-color:#FFFFFF;*/
}



#contacto-container {
	margin-top:0px;
	padding-top:0px;
	/*background-color:#FFFFFF;*/
	/*height:300px;*/
}

#contacto-logo {
	text-align:center;
	padding-bottom:100px;
}

#contacto-informes {
	padding-left:15%;
	width:40%;
	float:left;
}

#contacto-informes .bigfont{
	font-size:50px;
	font-weight:bold;
}

#contacto-telefonos{
	float:left;
	padding-left:20%;
	width:60%;
}


#contacto-item img{
	vertical-align:middle;
}