@charset "UTF-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
@media (min-width: 1280px) {
/*Contenedor General*/
#wrapper{
	background-color: rgba(0,0,0,0.10);
	width: 1280px;
	position: absolute;
	top:0;
	left: 50%;
	transform: translate(-50%,0);
	height: 8800px; 
	overflow: hidden;
}
/*Navegación General*/	
nav{
	position: fixed;
	top:0;
	left: 50%;
	transform: translate(-50%,0);
	width: 1280px;
	height: 60px;
	background-color: rgba(0,0,0,1);
	z-index: 10;
}
	#logoTranscenderHead{
		width: 83px;
		height: 110px;
		background-image: url("../images/logo_trans.svg");
		background-repeat: no-repeat;
		background-size: cover;
		float:left;
		margin-left: 80px;
		margin-top: -9px;
	}
		nav#mainNav ul{
			float: right;
		}
		nav#mainNav ul li{
			float: left;
			padding-right: 30px;
			padding-top: 20px;
		}
			nav#mainNav ul li a{	
				color: rgba(255,255,255,1.00);
				font-size: 1.35em;
				text-decoration: none;
				font-family: 'Frente Nacional';
    			font-weight: normal;
    			font-style: normal;
			}
			nav#mainNav ul li a:hover{	
				color: rgba(255,255,255,1.00);
				font-size: 1.35em;
				text-decoration: none;
				font-family: 'Frente Nacional';
    			font-weight: normal;
    			font-style: normal;
				position: relative;
				top:-10px;
			}
			nav#mainNav ul li a::after{
				content: "+";	
				color: rgba(255,255,255,1.00);
				position: relative;
				top: -10px;
				right: -15px;
			}
#sube{
	display:none;
	position: fixed;
	width: 106px;
	height: 74px;
	background-image: url("../images/up.svg");
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
	bottom: 0px;
	left: 80%;
	transform: translate(-20%,0);
	}
/*Panel Frontal*/	
	#front{
		position: absolute;
		background-color: rgba(255,213,0,1.0);
		width: 1280px;
		max-width: 1440px;
		height: 900px;
		top:0;
		left: 50%;
		transform: translate(-50%,0);
		z-index: 10;	
	}
	#estrellaFucsia{
		position: absolute;
		z-index: 0;
		width: 670px;
		height: 720px;
		background-image: url("../images/estrella_front.svg");
		background-repeat: no-repeat;
		background-size: cover;
		top:0;
		left: 0;
	}
	#logo{
		position: absolute;
		width: 320px;
		height: 300px;
		background-image: url("../images/logo.svg");
		background-repeat: no-repeat;
		background-size: 120%;
		z-index: 5;
		top: 300px;
		left: 200px;
	}
	#imageFront{
		position: absolute;
		width: 1100px;
		height: 700px;
		background-image: url("../images/imagesFront.png");
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 10;
		top: -350px;
		left: 70px;
	}
	#tituloFront{
		width: 300px;
		height: 250px;
		background-image: url("../images/bienvenida.svg");
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 10;
		top: 520px;
		left: 700px;
	}
	#textoFront{
		width: 500px;
		height: 250px;
		position: relative;
		z-index: 10;
		top: 670px;
		left: 700px;
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
	}	
/* Panel Institucional */
	#institucional{
		position: absolute;
		background-color: rgba(255,15,114,1.0);
		width: 1280px;
		max-width: 1440px;
		height: 900px;
		top:900px;
		left: 50%;
		z-index: 10;
		transform: translate(-50%,0);
	}
	#imageFront{
		position: absolute;
		width: 1100px;
		height: 700px;
		background-image: url("../images/imagesFront.png");
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 15;
		top: -590px;
		left: 70px;
	}
	#conectorFront{
		position: absolute;
		width: 1280px;
		height: 100px;
		background-image: url("../images/conectoFront.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 10;
		top: 0px;
		left: -10px;
	}
	#tituloInstitucional{
		position: absolute;
		width: 333px;
		height: 522px;
		background-image: url("../images/tituloInstitucional.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 10;
		top: 0px;
		left: 50px;
	}
	#tituloMision{
		position: absolute;
		width: 267px;
		height: 138px;
		background-image: url("../images/mision.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 100px;
		left: 370px;
	}
	#tituloVision{
		position: absolute;
		width: 282px;
		height: 145px;
		background-image: url("../images/vision.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 400px;
		left: 484px;
	}
	#textoMision{
		position: absolute;
		width: 550px;
		height: 150px;
		z-index: 5;
		top: 250px;
		left: 370px;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
	}
	#textoVision{
		position: absolute;
		width: 550px;
		height: 150px;
		z-index: 5;
		top: 550px;
		left: 484px;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
	}
	#floresInstitucional{
		position: absolute;
		width: 330px;
		height: 380px;
		background-image: url("../images/floresInstitucional.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 50px;
		left: 920px;
	}
	#existoInstitucional{
		position: absolute;
		width: 380px;
		height: 380px;
		background-image: url("../images/existo.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 340px;
		left: 620px;
	}
/*Panel Proyectos*/
	#projects{
		position: absolute;
		background-color: rgba(238,117,34,1.0);
		width: 1280px;
		height: 3150px;
		top:1800px;
		left: 50%;
		z-index: 10;
		transform: translate(-50%,0);
	}
	#imageInstitutional{
		position: absolute;
		width: 1200px;
		height: 800px;
		background-image: url("../images/imagesInstituitional.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 11;
		top: -350px;
		left: 0px;
	}
	#conectorProyectos{
		position: absolute;
		width: 1280px;
		height: 125px;
		background-image: url("../images/conectorProyectos.svg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right;
		z-index: 3;
		top: 0vh;
		left: 0px;
	}
	#tituloProyectos{
		position: absolute;
		width: 50vw;
		height: 50vh;
		background-image: url("../images/tituloProyectos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 10;
		top: 15vh;
		left: 0vw;
	}
	#ojoProyectos{
		position: absolute;
		width: 1260px;
		height: 1092px;
		background-image: url("../images/ojoProyectos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 350px;
		left: 20px;
	}
	#vinetaProyectos{
		position: absolute;
		width: 286px;
		height: 163px;
		background-image: url("../images/vinetaProyectos.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 500px;
		left: 320px;
	}
	#textoIntroProyectos{
		position: absolute;
		width: 420px;
		height: 150px;
		z-index: 4;
		top: 740px;
		left: 360px;
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
	}
	#estrellaFucsiaProyectos{
		position: absolute;
		width: 360px;
		height: 340px;
		background-image: url("../images/estrellaFucsia.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 20;
		top: 370px;
		left: 900px;
	}
	#estrellaMoradaIProyectos{
		position: absolute;
		width: 342px;
		height: 333px;
		background-image: url("../images/estrellaMoradaI.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 20;
		top: 590px;
		left: 770px;
	}
	#estrellaMoradaIIProyectos{
		position: absolute;
		width: 340px;
		height: 330px;
		background-image: url("../images/estrellaMoradaII.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 20;
		top: 790px;
		left: 920px;
	}
	#chicaProyectos{
		position: absolute;
		width: 739px;
		height: 400px;
		background-image: url("../images/chicaProyectos.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 900px;
		left: 180px;
	}
	#mariposaProyectos{
		position: absolute;
		width: 287px;
		height: 500px;
		background-image: url("../images/mariposasProyectos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1050px;
		left: 1050px;
	}
	#transCulturalProyectos{
		position: absolute;
		width: 550px;
		height: 440px;
		background-image: url("../images/estrellaMoradaII.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1150px;
		left: 25px;
	}
	#floresTransCulturalProyectos{
		position: absolute;
		width: 650px;
		height: 680px;
		background-image: url("../images/floresTituloMoradoI.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1250px;
		left: 25px;
	}
	#descripcionTransCulturalProyectos{
		position: absolute;
		width: 550px;
		height: 150px;
		z-index: 5;
		top: 1350px;
		left: 500px;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5em;
	}
	#fondoTransCulturalProyectos{
		position: absolute;
		width: 1200px;
		height: 550px;
		background-image: url("../images/fondoTextoIProyectos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 1550px;
		left: 150px;
	}
	#textoTransCulturalProyectos{
		position: absolute;
		width: 750px;
		height: 150px;
		z-index: 5;
		top: 1670px;
		left: 450px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
	}
	#desarrolloProyectos{
		position: absolute;
		width: 550px;
		height: 440px;
		background-image: url("../images/estrellaFucsia.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1900px;
		left: 800px;
	}
	#fondoDesarrolloProyectos{
		position: absolute;
		width: 1400px;
		height: 490px;
		background-image: url("../images/fondotextoII.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2150px;
		left: 0px;
	}
	#floresAzulesDesarrollo{
		position: absolute;
		width: 220px;
		height: 170px;
		background-image: url("../images/floresAzules.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1900px;
		left: 1050px;
	}
	#floresAzulesMariposaDesarrollo{
		position: absolute;
		width: 330px;
		height: 345px;
		background-image: url("../images/floresAzulesMariposa.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2000px;
		left: 0px;
	}
	#descripcionDesarrollo{
		position: absolute;
		width: 800px;
		height: 150px;
		z-index: 5;
		top: 2090px;
		left: 350px;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5em;
	}
	#textoDesarrollo{
		position: absolute;
		width: 600px;
		height: 150px;
		z-index: 5;
		top: 2300px;
		left: 150px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
	}
	#daisyMariposaDesarrollo{
		position: absolute;
		width: 370px;
		height: 475px;
		background-image: url("../images/daisyMariposa.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2200px;
		left: 880px;
	}
	#fondoEmpoderamiento{
		position: absolute;
		width: 1200px;
		height: 410px;
		background-image: url("../images/fondotexto3.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2700px;
		left: 100px;
	}
	#tituloEmpoderamiento{
		position: absolute;
		width: 550px;
		height: 450px;
		background-image: url("../images/estrellaMoradaI.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2530px;
		left: 25px;
	}
	#mariposasEmpoderamiento{
		position: absolute;
		width: 220px;
		height: 245px;
		background-image: url("../images/mariposasProyectos2.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2450px;
		left: 350px;
	}
	#descriptionEmpoderamiento{
		position: absolute;
		width: 800px;
		height: 150px;
		z-index: 5;
		top: 2600px;
		left: 470px;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5em;
	}
	#textoEmpoderamiento{
		position: absolute;
		width: 700px;
		height: 150px;
		z-index: 5;
		top: 2780px;
		left: 500px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
	}
	#mariposasEmpoderamiento2{
		position: absolute;
		width: 220px;
		height: 245px;
		background-image: url("../images/mariposasProyectos2.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2850px;
		left: 50px;
	}
/*Comunidad*/
	#comunidad{
		position: absolute;
		background-color: rgba(217,217,217,1.0);
		width: 1280px;
		height: 2350px;
		top:4950px;
		left: 50%;
		transform: translate(-50%,0);
	}
	#conectorComunidad{
		position: absolute;
		width: 100%;
		height: 54px;
		background-image: url("../images/conector.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 3150px;
		left: 0px;
	}
	#estrellaAmarillaComunidad{
		position: absolute;
		width: 500px;
		height: 1100px;
		background-image: url("../images/estrellaamarilla.svg");
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 5;
		top: 3200px;
		left: 0px;
	}
	#arcoirisTrans{
		position: absolute;
		width: 500px;
		height: 290px;
		background-image: url("../images/arcoiristrans.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 3300px;
		left: 200px;
	}
	#tituloComunidad{
		position: absolute;
		width: 300px;
		height: 190px;
		background-image: url("../images/titulocomunidad.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 320px;
		left: 450px;
	}
	#introComunidad{
		position: absolute;
		width: 300px;
		height: 190px;
		background-image: url("../images/introcomunidad.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 520px;
		left: 393px;
	}
	#textoComunidad{
		position: absolute;
		width: 400px;
		height: 100px;
		z-index: 5;
		top: 800px;
		left: 290px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
	}
/*Nosotras*/
	#titulonosotras{
		position: absolute;
		width: 488px;
		height: 283px;
		background-image: url("../images/tituloNos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1100px;
		left: 67px;
	}
	#floresMariposas{
		position: absolute;
		width: 595px;
		height: 273px;
		background-image: url("../images/floresMariposasNos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: auto;
		left: 550px;
	}
	#fotoDA{
		position: absolute;
		width: 488px;
		height: 331px;
		background-image: url("../images/d.a..png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1600px;
		left: 530px;
		
		transform: scale(0.76);
	}
	#nombreDA{
		position: absolute;
		width: 600px;
		height: 150px;
		z-index: 5;
		top: 1725px;
		left: 970px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
		
	}
	#textoNos{
		position: absolute;
		width: 600px;
		height: 150px;
		z-index: 5;
		top: 1450px;
		left: 60px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
	}
	#fotoDaniela{
		position: absolute;
		width: 433px;
		height: 336px;
		background-image: url("../images/daniela.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1840px;
		left: 600px;
		transform: scale(0.78);
	}
	#nombreDaniela{
		position: absolute;
		width: 600px;
		height: 150px;
		z-index: 5;
		top: 1950px;
		left: 950px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
	}
	#fotoAstrid{
		position: absolute;
		width: 433px;
		height: 336px;
		background-image: url("../images/astrid.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2000px;
		left: 350px;
		transform: scale(0.78);
	}
	#nombreAstrid{
		position: absolute;
		width: 600px;
		height: 150px;
		z-index: 5;
		top: 2165px;
		left: 720px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
	}
	#fotoSebastian{
		position: absolute;
		width: 345px;
		height: 316px;
		background-image: url("../images/sebastian.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2200px;
		left: 150px;
		transform: scale(0.78);
	}
	#nombreSebastian{
		position: absolute;
		width: 600px;
		height: 150px;
		z-index: 5;
		top: 2350px;
		left: 480px;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
	}
	#chicasNos{
		position: absolute;
		width: 488px;
		height: 283px;
		background-image: url("../images/chicasNos.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1950px;
		left: 20px;
	}
	#floresOjo{
		position: absolute;
		width: 488px;
		height: 283px;
		background-image: url("../images/floresOjosNos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1800px;
		left: 500px;
	}
	#arcoirisEstrellas{
		position: absolute;
		width: 488px;
		height: 283px;
		background-image: url("../images/estrellasArcoNos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 1850px;
		left: 950px;
	}
	#hojasNos{
		position: absolute;
		width: 250px;
		height: 150px;
		background-image: url("../images/hojas.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 2150px;
		left: 20px;
	}
/*contactenos*/
	#contactenos{
		position: absolute;
		background-color: rgba(89,49,137,1.0);
		width: 1280px;
		height: 1550px;
		top:7250px;	
	}
	#conectorContacto{
		position: absolute;
		width: 100%;
		height: 144px;
		background-image: url("../images/conectorcontacto.svg");
		background-repeat: no-repeat;
		background-size: 102%;
		z-index: 5;
		top: 0px;
		left: 0px;
	}
	#tituloContacto{
		position: absolute;
		width: 510px;
		height: 240px;
		background-image: url("../images/titulocontacto.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 150px;
		left: 100px;
	}
	.mainContacto{
		padding-top: 100px;
	}
	#textoContactenos{
		position: absolute;
		width: 400px;
		height: 150px;
		z-index: 5;
		top: 500px;
		left: 150px;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
		text-align: center;
	}
	#logo_transcender{
		position: absolute;
		width: 400px;
		height: 180px;
		background-image: url("../images/logo_transcender.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 700px;
		left: 180px;
	}
	#datosTranscender{
		position: absolute;
		width: 400px;
		height: 150px;
		z-index: 5;
		top: 900px;
		left: 160px;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5em;
		text-align: center;
	}	
}
@media (max-width: 1280px) {
/*Contenedor General*/
	#wrapper{
		background-color: rgba(0,0,0,0.10);
		width: 100vw;
		height: auto;
		top:0px;
		left: 0px;
		overflow: hidden;
	}
	.salto::after{
		content: "\a";
  		white-space: pre;	
	}
/*Navegación General*/
nav{
	position: fixed;
	top:0vh;
	left: 50%;
	transform: translate(-50%,0);
	width: 100vw;
	height: 10vh;
	background-color: rgba(0,0,0,1);
	z-index: 100 !important;
}
#sube{
	position: fixed;
	width: 30vw;
	height: 7vh;
	background-image: url("../images/up.svg");
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 100 !important;
	bottom: 0vh;
	left: 70vw;
	}
	#logoTranscenderHead{
		width: 7vh;
		height: 7vh;
		background-image: url("../images/logo_trans.svg");
		background-repeat: no-repeat;
		background-size: contain;
		float:left;
		margin-left: 20px;
		margin-top: 5px;
	}
		nav#mainNav ul{
			position: absolute;
			width: 78vw;
			height: auto;
			background-color: rgba(0,0,0,1);
			right: -80vh;
			top: 0;
		}
		nav#mainNav ul li{
			width: 100%;
			border-bottom: thin;
			border-bottom-color: rgba(255,255,255,1.00);
			border-bottom-style: solid;
			border-left: thin;
			border-left-color: rgba(255,255,255,1.00);
			border-left-style: solid;
		}
		nav#mainNav ul li a{	
				color: rgba(255,255,255,1.00);
				font-size: 1.35em;
				text-decoration: none;
				font-family: 'Frente Nacional';
    			font-weight: normal;
    			font-style: normal;
				display: block;
				height: 7vh;
				text-align: center;
				padding-top: 3vh;
				margin-bottom: 1vh;
			}
			nav#mainNav ul li a::after{
				content: "+";	
				color: rgba(255,255,255,1.00);
				position: relative;
				top: -10px;
				right: -15px;
			}
			#hambMenu{
				background-image: url("../images/menuH.png");
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 80%;
				width: 6vh;
				height: 6vh;
				float: right;
				margin-top: 1.4vh;
				margin-right: 1.4vh;
			}
/*Panel Frontal*/
	#front{
		position: absolute;
		background-color: rgba(255,213,0,1.0);
		width: 100vw;
		height: 100vh;
		top:0;
		left:0;
	}
	#estrellaFucsia{
		position: absolute;
		z-index: 0;
		width: 100vw;
		height: 100vh;
		background-image: url("../images/estrella_front.svg");
		background-repeat: no-repeat;
		background-size: contain;
		top:0;
		left: 0;
	}
	#logo{
		position: absolute;
		width: 30vh;
		height: 20vh;
		background-image: url("../images/logo.svg");
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 5;
		top: 25vw;
		left: 6vw;
	}
	#imageFront{
		position: absolute;
		width: 100vw;
		height: 100vh;
		background-image: url("../images/imagesFront.png");
		background-repeat: no-repeat;
		background-size: 140%;
		background-position: 40% 20%;
		z-index: 10;
		top: 50vh;
		left: 0px;
	}
	
	#tituloFront{
		position: absolute;
		width: 40vw;
		height: 8vh;
		background-image: url("../images/bienvenida.svg");
		background-repeat: no-repeat;
		background-size: 70%;
		z-index: 5;
		top: 50vh;
		left: 50vw;
	}
	#textoFront{
		width: 80vw;
		height: 20vh;
		position: absolute;
		z-index: 15;
		top: 57vh;
		left: 7vw;
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5vh;
	}	
/* Panel Institucional */
	#institucional{
		position: absolute;
		background-color: rgba(255,15,114,1.0);
		width: 100vw;
		height: 100vh;
		top:100vh;
		left: 0vw;
	}
	#conectorFront{
		position: absolute;
		width: 101vw;
		height: 15vh;
		background-image: url("../images/conectoFront.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 9;
		top: -0.1vh;
		left: 0px;
	}
	#imageFront{
		position: absolute;
		width: 100vw;
		height: 100vh;
		background-image: url("../images/imagesFront.png");
		background-repeat: no-repeat;
		background-size: 140%;
		background-position: 40% 20%;
		z-index: 10;
		top: -50vh;
		left: 0px;
	}
	#tituloInstitucional{
		position: absolute;
		width: 30vw;
		height: 25vh;
		background-image: url("../images/tituloInstitucional.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 10;
		top: 0px;
		left: 5vw;
	}
	#tituloMision{
		position: absolute;
		width: 40vw;
		height: 10vh;
		background-image: url("../images/mision.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 5vh;
		left: 35vw;
	}
	#tituloVision{
		position: absolute;
		width: 40vw;
		height: 10vh;
		background-image: url("../images/vision.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 45vh;
		left: 25vw;
	}
	#textoMision{
		position: absolute;
		width: 56vw;
		height: 25vh;
		z-index: 5;
		top: 15vh;
		left: 38vw;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5vh;
	}
	#textoVision{
		position: absolute;
		width: 65vw;
		height: 25vh;
		z-index: 5;
		top: 55vh;
		left: 20vw;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5vh;
	}
	#floresInstitucional{
		position: absolute;
		width: 60vw;
		height: 60vw;
		background-image: url("../images/floresInstitucional.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 30vh;
		left: -15vw;
	}
	#existoInstitucional{
		position: absolute;
		width: 50vw;
		height: 50vw;
		background-image: url("../images/existo.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 38vh;
		left: 45vw;
	}
/* Panel Proyectos */
	#projects{
		display: inherit;
		position: absolute;
		background-color: rgba(238,117,34,1.0);
		width: 100vw;
		height: 300vh;
		top: 200vh;
		left: 0vw;
	}
	#conectorProyectos{
		position: absolute;
		width: 100vw;
		height: 10vh;
		background-image: url("../images/conectorProyectos.svg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right;
		z-index: 3;
		top: 0vh;
		left: 0px;
	}
	#tituloProyectos{
		position: absolute;
		width: 100vw;
		height: 30vh;
		background-image: url("../images/tituloProyectos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 10;
		top: 0vh;
		left: 0vw;
	}
	#imageInstitutional{
		position: absolute;
		width: 150vw;
		height: 120vh;
		background-image: url("../images/imagesInstituitional.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: -25vh;
		left: -30vw;
	}

	#ojoProyectos{
		position: absolute;
		width: 110vw;
		height: 120vh;
		background-image: url("../images/ojoProyectos.svg");
		background-repeat: no-repeat;
		background-size: 200%;
		z-index: 4;
		top: 30vh;
		left: -5vw;
	}

	#vinetaProyectos{
		position: absolute;
		width: 40vw;
		height: 20vh;
		background-image: url("../images/vinetaProyectos.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 20vh;
		left: 40vw;
	}
	
	#textoIntroProyectos{
		position: absolute;
		width: 70vw;
		height: 40vh;
		z-index: 4;
		top: 32vh;
		left: 10vw;
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5vh;
	}
	#estrellaFucsiaProyectos{
		position: absolute;
		width: 50vw;
		height: 50vw;
		background-image: url("../images/estrellaFucsia.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 43vh;
		left: 47vw;
	}
	#estrellaMoradaIProyectos{
		position: absolute;
		width: 50vw;
		height: 50vw;
		background-image: url("../images/estrellaMoradaII.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 52vh;
		left: 25vw;
	}
	#estrellaMoradaIIProyectos{
		position: absolute;
		width: 50vw;
		height: 50vw;
		background-image: url("../images/estrellaMoradaI.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 65vh;
		left: 50vw;
	}
	#chicaProyectos{
		position: absolute;
		width: 100vw;
		height: 40vw;
		background-image: url("../images/chicaProyectos.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 4;
		top: 75vh;
		left: 15vw;
	}
	#mariposaProyectos{
		position: absolute;
		width: 30vw;
		height: 60vw;
		background-image: url("../images/mariposasProyectos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 80vh;
		left: 70vw;
	}
	#transCulturalProyectos{
		position: absolute;
		width: 50vw;
		height: 50vw;
		background-image: url("../images/estrellaMoradaII.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 90vh;
		left: 0vw;
	}
	#floresTransCulturalProyectos{
		position: absolute;
		width: 50vw;
		height: 25vh;
		background-image: url("../images/floresTituloMoradoI.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 100vh;
		left: 0vw;
	}
	#descripcionTransCulturalProyectos{
		position: absolute;
		width: 50vw;
		height: 10vh;
		z-index: 5;
		top: 96vh;
		left: 50vw;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.6vh;
		filter: drop-shadow(1px 1px 2px rgba(200,80,10,1.0));
	}
	#fondoTransCulturalProyectos{
		position: absolute;
		width: 170vw;
		height: 80vh;
		background-image: url("../images/fondoTextoIProyectos.svg");
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 4;
		top: 100vh;
		left: -55vw;
	}
	#textoTransCulturalProyectos{
		position: absolute;
		width: 65vw;
		height: 50vh;
		z-index: 6;
		top: 114vh;
		left: 30vw;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5vh;
	}
	#desarrolloProyectos{
		position: absolute;
		width: 60vw;
		height: 60vw;
		background-image: url("../images/estrellaFucsia.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 162vh;
		left: 38vw;
	}
	#fondoDesarrolloProyectos{
		position: absolute;
		width: 100vw;
		height: 40vh;
		background-image: url("../images/fondotextoII.svg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0px 0px;
		z-index: 5;
		top: 185vh;
		left: 0vw;
	}
	#floresAzulesDesarrollo{
		position: absolute;
		width: 20vw;
		height: 10vh;
		background-image: url("../images/floresAzules.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 6;
		top: 167vh;
		left: 78vw;
	}
	#floresAzulesMariposaDesarrollo{
		position: absolute;
		width: 40vw;
		height: 20vh;
		background-image: url("../images/floresAzulesMariposa.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 160vh;
		left: -10vw;
	}
	#descripcionDesarrollo{
		position: absolute;
		width: 50vw;
		height: 10vh;
		z-index: 5;
		top: 175vh;
		left: 5vw;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.6vh;
		filter: drop-shadow(1px 1px 2px rgba(200,80,10,1.0));
	}
	#textoDesarrollo{
		position: absolute;
		width: 65vw;
		height: 50vh;
		z-index: 6;
		top: 192vh;
		left: 30vw;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5vh;
	}
	#daisyMariposaDesarrollo{
		position: absolute;
		width: 40vw;
		height: 20vh;
		background-image: url("../images/daisyMariposa.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 215vh;
		left: 15vw;
	}
	#fondoEmpoderamiento{
		position: absolute;
		width: 100vw;
		height: 70vh;
		background-image: url("../images/fondotexto3.svg");
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 5;
		top: 230vh;
		left: -0vw;
		background-position: -200vw 0vh;
	}
	#tituloEmpoderamiento{
		position: absolute;
		width: 50vw;
		height: 50vw;
		background-image: url("../images/estrellaMoradaI.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 227vh;
		left: 5vh;
	}
	#mariposasEmpoderamiento{
		position: absolute;
		width: 30vw;
		height: 30vw;
		background-image: url("../images/mariposasProyectos2.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 240vh;
		left: 0vh;
	}
	#descriptionEmpoderamiento{
		position: absolute;
		width: 50vw;
		height: 10vh;
		z-index: 8;
		top: 225vh;
		left: 50vw;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.6vh;
		filter: drop-shadow(1px 1px 2px rgba(200,80,10,1.0));
	}
	#textoEmpoderamiento{
		position: absolute;
		width: 65vw;
		height: 50vh;
		z-index: 6;
		top: 252vh;
		left: 30vw;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5vh;
	}
	#mariposasEmpoderamiento2{
		position: absolute;
		width: 30vw;
		height: 30vw;
		background-image: url("../images/mariposasProyectos2.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 265vh;
		left: 0vh;
		rotate: -60deg;
	}
/*Panel Comunidad*/
	#comunidad{
		position: absolute;
		background-color: rgba(217,217,217,1.0);
		width: 100vw;
		height: 320vh;
		top:500vh;
		left: 0vw;
		overflow: hidden;
	}
	#conectorComunidad{
		position: absolute;
		width: 105vw;
		height: 40vh;
		background-image: url("../images/conector.svg");
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 5;
		top: 300vh;
		left: 0px;
	}
	#estrellaAmarillaComunidad{
		position: absolute;
		width: 50vw;
		height: 70vh;
		background-image: url("../images/estrellaamarilla.svg");
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 5;
		top: 280vh;
		left: 0px;
	}
	#arcoirisTrans{
		position: absolute;
		width: 100vw;
		height: 20vh;
		background-image: url("../images/arcoiristrans.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 300vh;
		left: 15vw;;
	}
	#tituloComunidad{
		position: absolute;
		width: 50vw;
		height: 12vh;
		background-image: url("../images/titulocomunidad.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 12vh;
		left: 38vw;
	}	
	#introComunidad{
		position: absolute;
		width: 50vw;
		height: 12vh;
		background-image: url("../images/introcomunidad.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 25vh;
		left: 20vw;
	}
	#textoComunidad{
		position: absolute;
		width: 50vw;
		height: 15vh;
		z-index: 5;
		top: 38vh;
		left: 10vw;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.6vh;
	}

	#titulonosotras{
		position: absolute;
		width: 65vw;
		height: 65vw;
		background-image: url("../images/tituloNos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 190vh;
		left: 10vw;
	}
	#floresMariposas{
		position: absolute;
		width: 90vw;
		height: 40vw;
		background-image: url("../images/floresMariposasNos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 206vh;
		left: 10vw;;
	}
	
	#fotoDA{
		position: absolute;
		width: 70vw;
		height: 40vw;
		background-image: url("../images/d.a..png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 238vh;
		left: 37vw;
	}
	
	#nombreDA{
		position: absolute;
		width: 60vw;
		height: 5vh;
		z-index: 5;
		top: 250vh;
		left: 5vw;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.6vh;
		font-size: 1.4vh
		
	}

	#textoNos{
		position: absolute;
		width: 70vw;
		height: 10vh;
		z-index: 5;
		top: 220vh;
		left: 5vw;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.6vh;
		font-size: 1.5vh;
	}

	#fotoDaniela{
		position: absolute;
		width: 53vw;
		height: 40vh;
		background-image: url("../images/daniela.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 255vh;
		left: 40vw;
	}
	#nombreDaniela{
		position: absolute;
		width: 70vw;
		height: 10vh;
		z-index: 5;
		top: 271vh;
		left: 5vw;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5vh;
		font-size: 1.5vh;
	}
	#fotoAstrid{
		position: absolute;
		width: 60vw;
		height: 18vh;
		background-image: url("../images/astrid.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 275vh;
		left: 5vw;
	}
	#nombreAstrid{
		position: absolute;
		width: 70vw;
		height: 10vh;
		z-index: 5;
		top: 293vh;
		left: 35vw;
		color: rgba(0,0,0,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		line-height: 1.5vh;
		font-size: 1.5vh;
	}
	#chicasNos{
		position: absolute;
		width: 70vw;
		height: 30vh;
		background-image: url("../images/chicasNos.png");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 298vh;
		left: 30vw;
	}
	
	#floresOjo{
		position: absolute;
		width: 50vw;
		height: 30vh;
		background-image: url("../images/floresOjosNos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 250vh;
		left: 50vw;
	}

	#arcoirisEstrellas{
		position: absolute;
		width: 30vw;
		height: 20vh;
		background-image: url("../images/estrellasArcoNos.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 275vh;
		left: 50vw;
	}
	
	#hojasNos{
		position: absolute;
		width: 30vw;
		height: 20vh;
		background-image: url("../images/hojas.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 290vh;
		left: 5vw;
	}
/*Panel de Contactenos*/
	#contactenos{
		position: absolute;
		background-color: rgba(89,49,137,1.0);
		width: 100vw;
		height: 200vh;
		top: 820vh;
		left: 0vw;
	}
	#conectorContacto{
		position: absolute;
		width: 100vw;
		height: 20vh;
		background-image: url("../images/conectorcontacto.svg");
		background-repeat: no-repeat;
		background-position: 0 0;
		z-index: 5;
		top: -0.2vh;
		left: 0vw;
	}
	#tituloContacto{
		position: absolute;
		width: 60vw;
		height: 15vh;
		background-image: url("../images/titulocontacto.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: -1vh;
		left: 5vw;
	}
	#textoContactenos{
		position: absolute;
		width: 75vw;
		height: 15vh;
		z-index: 5;
		top: 15vh;
		left: 10vw;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.6vh;
		text-align: left;
	}
	.mainContacto{
		top:25vh;
	}
	#logo_transcender{
		position: absolute;
		width: 60vw;
		height: 20vh;
		background-image: url("../images/logo_transcender.svg");
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 5;
		top: 165vh;
		left: 20vw;
	}
	#datosTranscender{
		position: absolute;
		width: 60vw;
		height: 20vh;
		z-index: 5;
		top: 180vh;
		left: 20vw;
		color: rgba(255,255,255,1.00);
		font-family: 'Open Sauce One';
    	font-weight: normal;
    	font-style: normal;
		font-size: 1.5vh;
		text-align: center;
	}
}