body {
	background-image: url(../imagenes/megaperspectivas.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;

}

::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}

::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar-thumb {
	background: #363434;
	border: 0px none rgb(0, 0, 0);
	border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
	background: #6a6a6a;
}

::-webkit-scrollbar-thumb:active {
	background: #c0c0c0;
}

::-webkit-scrollbar-track {
	background: #000000;
	border: 0px none #ffffff;
	border-radius: 100px;
}

::-webkit-scrollbar-track:hover {
	background: #000000;
}

::-webkit-scrollbar-track:active {
	background: #000000;
}

::-webkit-scrollbar-corner {
	background: transparent;
}



.mainWrapper {
	background: rgba(0, 0, 0, 0);


}

.menuWrapper {
	background: #000;
}



.visorMegaProspectivas {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(0, 0, 0, 0.8);
	overflow-y: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	-moz-transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	-o-transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	-ms-transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
}

.activo {
	visibility: visible;
	opacity: 1;
}

.retosGlobales {
	display: block;
	position: relative;
	width: 100%;
	height: 115%;
	background: rgba(0, 0, 0, 0);
}

.megaProspectivas {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
}

.switch {
	display: block;
	position: relative;
	color: #25c7df;
	cursor: pointer;
	border: 1px;
	border-color: #25c7df;
	border-style: solid;
	text-align: center;
	height: auto;
	width: 100%;
	padding-top: 1%;
    padding-bottom: 1%;
	background: rgba(0, 0, 0, 0.3);
	font-size: 13px;


}

.megaEncabezadoTxt {
	display: block;
	position: relative;
	text-align: center;
	font-weight: bold;
	top: 2%;
}

.megaTitulo1 {
	font-size: 20px;
}

.megaTitulo2 {
	font-size: 28px;
}

.megaTexto {
	display: block;
	position: relative;
	top: 2%;
	text-align: justify;
	padding-left: 5%;
	padding-right: 5%;
}

.megaTitulo3 {
	text-align: center;
}

.verNichos {
	display: block;
	position: relative;
    height: auto;
	width: 90%;
	left: 5%;   
}

.verRetos {
	display: block;
	position: relative;
	width: 90%;
    height: auto;
	left: 5%;
	margin-bottom: 10%;

}

.megaProspectiva {
	display: block;
	position: relative;
	width: 90%;
	height: 15%;
	left: 5%;
	text-align: center;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.5);
	border: 2px;
	border-color: #FFF;
	border-style: solid;
	padding-top: 7%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 7%;
	font-size: 15px;
}

.big {
	padding-top: 3.5%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 3.5%;
}

.sistema {
	display: block;
	position: relative;
	margin-top: 1%;
}

@media all and (min-width:400px) and (orientation:landscape) {
	.retosGlobales {
		height: 130%;
	}
	.megaProspectivas {}
	.sistema {
		display: block;
		position: absolute;
		width: 99%;
		height: 120%;
		margin-top: 0%;
		background-image: url(../imagenes/sistemaColor.png);
		background-position: 50% 70%;
		background-repeat: no-repeat;
		background-size: 80% 55%;
	}
	.switch {
		/* height: 8%; */
	}
	.verRetos {
		position: absolute;
		height: auto;
		top: 23%;
	}

	.megaProspectiva {
		display: block;
		position: absolute;
		background: rgba(0, 0, 0, 0);
		border: 0;
		font-size: 9px;
		text-align: center;
		width: 17%;
		height: 11%;
		padding: 0;
		margin: 0;

	}
	#MegaProspectiva1 {
		text-align: left;
		top: 40%;
		left: 1%;
	}

	#MegaProspectiva2 {
		top: 28%;
		left: 17%;
	}
	#MegaProspectiva3 {
		top: 23%;
		left: 39%;
	}
	#MegaProspectiva4 {
		top: 28%;
		left: 61%;
	}
	#MegaProspectiva5 {
		top: 40%;
		left: 82%;
	}
	#MegaProspectiva6 {
		top: 72%;
		left: 82%;
	}
	#MegaProspectiva7 {
		top: 81%;
		left: 64%;
	}
	#MegaProspectiva8 {
		top: 85%;
		left: 45%;
	}
	#MegaProspectiva9 {
		top: 84%;
		left: 25%;
	}
	#MegaProspectiva10 {
		top: 74%;
		left: 1%;
	}

}

/* Terminan Estilos Base para todos los tamaños */

/* Inicio Móvil Vertical */

@media all and (min-height:300px) and (orientation:portrait) {
    .retosGlobales {
        padding-top: 10%;
	}
}

@media all and (min-height:481px) and (orientation:portrait) {}

@media all and (min-height:569px) and (orientation:portrait) {}

@media all and (min-height:641px) and (orientation:portrait) {
	.megaProspectiva {
		height: 20%;

	}
}

@media all and (min-height:668px) and (orientation:portrait) {
	.megaProspectiva {
		height: 20%;
		padding-top: 7%;
		padding-left: 3%;
		padding-right: 3%;
		padding-bottom: 7%;

	}
	.big {
		padding-top: 8%;
		padding-left: 3%;
		padding-right: 3%;
		padding-bottom: 8%;
	}

}

/* Ipad */

@media all and (min-height:737px) and (min-width:750px) and (orientation:portrait) {
	.botonMenu {
		top: 10%;
		font-size: 40px;
		width: 10%;

	}
	.smOpcion {
		padding-top: 10%;
		font-size: 30px;
	}
    
    .retosGlobales {
		height: 100%;
        padding-top: 10%;
	}
    
    .megaProspectivas {
        width: 100%;
        height: 90%;
        margin-top: 0%;
    }
    
    .megaTitulo1 {
		font-size: 23px;
        margin-top: 5%;
	}

	.megaTitulo2 {
		font-size: 43px;
	}
    
    .megaTitulo3 {
        font-size: 20px;
		text-align: center;
	}

	.megaTexto {
		font-size: 18px;
		padding-left: 15%;
		padding-right: 15%;
	}

	.verNichos {
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 18px;
	}

	.verRetos {
		width: 50%;
		left: 25%;
		top: 5%;
		margin-bottom: 0%;
        font-size: 18px;
	}
    
    .sistema {
		display: block;
		position: absolute;
		width: 99%;
		height: 60%;
		margin-top: 0%;
		background-image: url(../imagenes/sistemaColor.png);
		background-position: 50% 70%;
		background-repeat: no-repeat;
		background-size: 80% 55%;
	}
	.megaProspectiva {
		display: block;
		position: absolute;
		background: rgba(0, 0, 0, 0);
		border: 0;
		font-size: 13px;
		text-align: center;
		width: 17%;
		height: 11%;
		padding: 0;
		margin: 0;

	}
	#MegaProspectiva1 {
		text-align: left;
		top: 40%;
		left: 1%;
	}

	#MegaProspectiva2 {
		top: 28%;
		left: 17%;
	}
	#MegaProspectiva3 {
		top: 23%;
		left: 39%;
	}
	#MegaProspectiva4 {
		top: 28%;
		left: 61%;
	}
	#MegaProspectiva5 {
		top: 40%;
		left: 82%;
	}
	#MegaProspectiva6 {
		top: 72%;
		left: 82%;
	}
	#MegaProspectiva7 {
		top: 81%;
		left: 64%;
	}
	#MegaProspectiva8 {
		top: 85%;
		left: 45%;
	}
	#MegaProspectiva9 {
		top: 84%;
		left: 25%;
	}
	#MegaProspectiva10 {
		top: 74%;
		left: 1%;
	}
}

/* iPhone X */
@media all and (min-height:800px) and (max-width: 400px) and (orientation:portrait) {
    .retosGlobales {
        padding-top: 30%;
    }
    .megaProspectiva {
        display: block;
        position: relative;
        width: 90%;
        height: 15%;
        left: 5%;
        text-align: center;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.5);
        border: 2px;
        border-color: #FFF;
        border-style: solid;
        padding-top: 7%;
        padding-left: 3%;
        padding-right: 3%;
        padding-bottom: 7%;
        font-size: 15px;
    }

    .big {
        padding-top: 3.5%;
        padding-left: 3%;
        padding-right: 3%;
        padding-bottom: 3.5%;
    }

    .sistema {
        display: block;
        position: relative;
        margin-top: 1%;
        background: none;
    }

}


/* Ipad Pro portrait */
@media all and (min-height:1025px) and (orientation:portrait) {
    .retosGlobales {
        padding-top: 11%;
    }
    
    .megaTitulo1 {
		font-size: 30px;
	}

	.megaTitulo2 {
		font-size: 70px;
	}
    
    .megaTitulo3 {
        font-size: 26px;
		text-align: center;
	}

	.megaTexto {
		font-size: 23px;
		padding-left: 10%;
		padding-right: 10%;
	}

	.verNichos {
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 23px;
	}

	.verRetos {
		width: 50%;
		left: 25%;
		top: 2%;
		margin-bottom: 0%;
        font-size: 23px;
	}
	
	.sistema {
		display: block;
		position: absolute;
		width: 99%;
		height: 60%;
		margin-top: 0%;
		background-image: url(../imagenes/sistemaColor.png);
		background-position: 50% 70%;
		background-repeat: no-repeat;
		background-size: 80% 55%;
	}
	.megaProspectiva {
		display: block;
		position: absolute;
		background: rgba(0, 0, 0, 0);
		border: 0;
		font-size: 17.5px;
		text-align: center;
		width: 17%;
		height: 11%;
		padding: 0;
		margin: 0;

	}
	#MegaProspectiva1 {
		text-align: left;
		top: 40%;
		left: 1%;
	}

	#MegaProspectiva2 {
		top: 28%;
		left: 17%;
	}
	#MegaProspectiva3 {
		top: 23%;
		left: 39%;
	}
	#MegaProspectiva4 {
		top: 28%;
		left: 61%;
	}
	#MegaProspectiva5 {
		top: 40%;
		left: 82%;
	}
	#MegaProspectiva6 {
		top: 72%;
		left: 82%;
	}
	#MegaProspectiva7 {
		top: 81%;
		left: 64%;
	}
	#MegaProspectiva8 {
		top: 85%;
		left: 45%;
	}
	#MegaProspectiva9 {
		top: 84%;
		left: 25%;
	}
	#MegaProspectiva10 {
		top: 74%;
		left: 1%;
	}
}

/* Termina Móvil Vertical */

/* Inicia Móvil Horizontal */

@media all and (min-width:481px) and (orientation:landscape) {}

@media all and (min-width:569px) and (orientation:landscape) {}

@media all and (min-width:641px) and (orientation:landscape) {}

@media all and (min-width:668px) and (orientation:landscape) {}

/* Ipad */

@media all and (min-width:737px) and (orientation:landscape) {
    .retosGlobales {
		height: 90%;
	}
    
    .megaProspectivas {
        width: 100%;
        height: 70%;
    }
    
    .megaTitulo1 {
		font-size: 23px;
        margin-top: 5%;
	}

	.megaTitulo2 {
		font-size: 43px;
	}
    
    .megaTitulo3 {
        font-size: 20px;
		text-align: center;
	}

	.megaTexto {
		font-size: 18px;
		padding-left: 25%;
		padding-right: 25%;
	}

	.verNichos {
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 18px;
	}

	.verRetos {
		width: 50%;
		left: 25%;
		top: 20%;
		margin-bottom: 0%;
        font-size: 18px;
	}
	
	.megaProspectiva {
		font-size: 15px;
	}
}

/* iPhone X */

@media all and (min-width:800px) and (max-height:400px) and (orientation:landscape) {
    .retosGlobales {
		height: 100%;
	}
    
    .megaProspectivas {
        width: 100%;
        height: 90%;
    }
    
    .megaTitulo1 {
		font-size: 15px;
        margin-top: 2%;
	}

	.megaTitulo2 {
		font-size: 27px;
	}
    
    .megaTitulo3 {
        font-size: 15px;
		text-align: center;
	}

	.megaTexto {
		font-size: 13px;
		padding-left: 10%;
		padding-right: 10%;
	}

	.verNichos {
		width: 80%;
		left: 10%;
		top: 1%;
        font-size: 13px;
	}

	.verRetos {
		width: 80%;
		left: 10%;
		top: 22%;
		margin-bottom: 0%;
        font-size: 13px;
	}
	
	.megaProspectiva {
		font-size: 10px;
	}
}


/* Termina Móvil Horizontal */

/* Inicia Desktops*/

@media all and (min-width:1025px) {
	body {
		background-size: cover;
	}
	.retosGlobales {
		height: 85%;
	}

	.megaProspectivas {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0);
	}

	.switch {
		display: block;
		position: relative;
		color: #25c7df;
		cursor: pointer;
		border: 1px;
		border-color: #25c7df;
		border-style: solid;
		text-align: center;
		/* height: 5%; */
		width: 100%;
		padding-top: 0.5%;
		background: rgba(0, 0, 0, 0.3);
		font-size: 13px;
	}

	.megaEncabezadoTxt {
		display: block;
		position: relative;
		text-align: center;
		font-weight: bold;
		top: 2%;
	}

	.megaTitulo1 {
		font-size: 25px;
        margin-top: 5%;
	}

	.megaTitulo2 {
		font-size: 55px;
	}

    .megaTitulo3 {
        font-size: 20px;
		text-align: center;
	}

	.megaTexto {
		display: block;
		position: relative;
		width: 100%;
		/*left: 20%;*/
		top: 5%;
        font-size: 17px;
		text-align: justify;
		padding-left: 25%;
		padding-right: 25%;
	}

	.verNichos {
		display: block;
		position: relative;
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 17px;
	}

	.verRetos {
		display: block;
		position: relative;
		width: 50%;
		left: 25%;
		top: 2%;
		margin-bottom: 0%;
        font-size: 17px;
	}
	.sistema {
		width: 100%;
		height: 80%;
		margin-top: 5%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 80% 55%;
	}

	.megaProspectiva {
		display: block;
		position: absolute;
		border: 0;
		font-size: 15px;
		text-align: center;
		width: 17%;
		height: 11%;
		padding: 0;
		margin: 0;
	}
    
	#MegaProspectiva1 {
		text-align: left;
		top: 35%;
		left: 1%;
	}
	#MegaProspectiva2 {
		top: 23%;
		left: 17%;
	}
	#MegaProspectiva3 {
		top: 15%;
		left: 39%;
	}
	#MegaProspectiva4 {
		top: 20%;
		left: 61%;
	}
	#MegaProspectiva5 {
		top: 35%;
		left: 82%;
	}
	#MegaProspectiva6 {
		top: 62%;
		left: 82%;
	}
	#MegaProspectiva7 {
		top: 73%;
		left: 64%;
	}
	#MegaProspectiva8 {
		top: 77%;
		left: 45%;
	}
	#MegaProspectiva9 {
		top: 75%;
		left: 25%;
	}
	#MegaProspectiva10 {
		top: 65%;
		left: 1%;
	}
}

@media all and (min-width:1153px) {}

@media all and (min-width:1153px) and (min-height:801px) {}

@media all and (min-width:1281px) {}

/* Ipad Pro landscape */
@media all and (min-width:1281px) and (min-height:769px) {
    .megaTitulo1 {
		font-size: 30px;
        margin-top: 5%;
	}

	.megaTitulo2 {
		font-size: 60px;
	}
    
    .megaTitulo3 {
        font-size: 26px;
		text-align: center;
	}

	.megaTexto {
		font-size: 23px;
		padding-left: 25%;
		padding-right: 25%;
	}

	.verNichos {
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 23px;
	}

	.verRetos {
		width: 50%;
		left: 25%;
		top: 2%;
		margin-bottom: 0%;
        font-size: 23px;
	}
	
	.megaProspectiva {
		font-size: 20px;
	}
}

@media all and (min-width:1367px) {
    .megaTitulo1 {
		font-size: 30px;
        margin-top: 5%;
	}

	.megaTitulo2 {
		font-size: 60px;
	}
    
    .megaTitulo3 {
        font-size: 26px;
		text-align: center;
	}

	.megaTexto {
		font-size: 23px;
		padding-left: 25%;
		padding-right: 25%;
	}

	.verNichos {
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 23px;
	}

	.verRetos {
		width: 50%;
		left: 25%;
		top: 2%;
		margin-bottom: 0%;
        font-size: 23px;
	}
	
	.megaProspectiva {
		font-size: 20px;
	}
}

@media all and (min-width:1601px) {
    .megaTitulo1 {
		font-size: 35px;
        margin-top: 5%;
	}

	.megaTitulo2 {
		font-size: 65px;
	}
    
    .megaTitulo3 {
        font-size: 30px;
		text-align: center;
	}

	.megaTexto {
		font-size: 25px;
		padding-left: 25%;
		padding-right: 25%;
	}

	.verNichos {
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 25px;
	}

	.verRetos {
		width: 50%;
		left: 25%;
		top: 2%;
		margin-bottom: 0%;
        font-size: 25px;
	}
	
	.megaProspectiva {
		font-size: 22px;
	}
}

@media all and (min-width:1921px) {
    .megaTitulo1 {
		font-size: 45px;
        margin-top: 5%;
	}

	.megaTitulo2 {
		font-size: 80px;
	}
    
    .megaTitulo3 {
        font-size: 40px;
		text-align: center;
	}

	.megaTexto {
		font-size: 35px;
		padding-left: 25%;
		padding-right: 25%;
	}

	.verNichos {
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 35px;
	}

	.verRetos {
		width: 50%;
		left: 25%;
		top: 2%;
		margin-bottom: 0%;
        font-size: 35px;
	}
	
	.megaProspectiva {
		font-size: 30px;
	}
}

@media all and (min-width:2561px) {
    .megaTitulo1 {
		font-size: 50px;
        margin-top: 5%;
	}

	.megaTitulo2 {
		font-size: 90px;
	}
    
    .megaTitulo3 {
        font-size: 45px;
		text-align: center;
	}

	.megaTexto {
		font-size: 40px;
		padding-left: 25%;
		padding-right: 25%;
	}

	.verNichos {
		width: 50%;
		left: 25%;
		top: 5%;
        font-size: 40px;
	}

	.verRetos {
		width: 50%;
		left: 25%;
		top: 2%;
		margin-bottom: 0%;
        font-size: 40px;
	}
	
	.megaProspectiva {
		font-size: 35px;
	}
}

/*Terminan Desktops*/