/*Fuentes
    font-family: 'Quicksand', sans-serif;
    font-family: 'Raleway', sans-serif;
*/

body{
	width: 100%;
	margin: 0;
	text-align: center;
	background-color: #2A2A2E;
}
.body{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: inline-flex;
}
.content{
	position: relative;
	width: 1250px;
	height: 800px;
	margin: auto;
	text-align: center;
	background-color: #fff;
	overflow: hidden;
	border-radius: 8px;
}
.content-g{
	width: 100%;
	height: calc( 100% - 130px);
	position: absolute;
	margin: auto;
	text-align: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	top: 130px;
}




.img-fondo{
	width: 100%;
	height: 100%;
}
.trama{
	background-color: #FFFFFF;
}
.title-banner{
	position: absolute;
	top: 3%;
	right: 5%;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-weight: bolder;
	font-size: 25px;
	text-align: right;
}
.desc-banner{
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
}
.nav-btn{
	position: absolute;
	bottom: 2%;
	width: 6%;
	-webkit-transition: all ease 0.2s;
}
.nav-btn:hover{
	transform: scale(1.1);
}
.back{
	right: 18%;
}
.home{
	right: 11%;
}
.next{
	right: 4%;
}
/*Configuración  OVA derecho*/
.title-central{
	position: absolute;
	width: 100%;
	text-align: left;
	top: 50%;
}
.title-central img{
	width: 100%;
}
.text-title-central{
	position: absolute;
	top: 10%;
	left: 5%;
	font-size: 30px;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
}
.desc-title-central{
	position: absolute;
	top: 65%;
	left: 5%;
	font-size: 35px;
	color: #000000;
	font-family: 'Raleway', sans-serif;
}
/*Navegación interna*/
.int-btn{
	position: absolute;
	top: 22%;
	width: 6%;
	-webkit-transition: all ease 0.2s;
	cursor: pointer;
}
.int-btn:hover{
	transform: scale(1.1);
}
.left{
	right: 18%;
}
.right{
	right: 4%;
}
/*Fin navegación interna*/
.main-title{
	position: absolute;
	top: 22%;
	left: 10%;
	display: flex;
	align-items: center;
}
.main-title img{
	float: left;
	width: 75px;
}
.text-main-title{
	color: #0071BC;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	float: left;
	margin-left: 15px;
	font-size: 25px;
}
.main-content{
	position: absolute;
	width: 80%;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #676767;
	font-family: 'Quicksand', sans-serif;
	font-size: 25px;
}
.main-help{
	position: absolute;
	top: 24%;
	right: 10%;
	text-align: right;
	color: #0071BC;
	font-family: 'Quicksand', sans-serif;
	display: flex;
	align-items: center;
}
.main-help img{
	width: 10%;
	margin-right: 20px;
}
.main-help-2{
	position: absolute;
	top: 32%;
	right: 3%;
	text-align: right;
	color: #0071BC;
	font-family: 'Quicksand', sans-serif;
	display: flex;
	align-items: center;
}
.main-help-2 img{
	width: 10%;
	margin-right: 20px;
}
.main-help-3{
	color: #0071BC;
	font-family: 'Quicksand', sans-serif;
	display: flex;
	align-items: center;
	font-size: 15px;
}
.main-help-3 img{
	width: 25px;
	margin-right: 20px;
}
.main-help-4{
	position: absolute;
	right: 15%;
	top: 82%;
	color: #0071BC;
	font-family: 'Quicksand', sans-serif;
	display: flex;
	align-items: center;
	font-size: 15px;
}
.main-help-4 img{
	width: 25px;
	margin-right: 20px;
}
.main-help-5{
	position: absolute;
	left: 15%;
	top: 80%;
	color: #0071BC;
	font-family: 'Quicksand', sans-serif;
	display: flex;
	align-items: center;
	font-size: 15px;
}
.main-help-5 img{
	width: 25px;
	margin-right: 20px;
}
.main-help-6{
	color: #0071BC;
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
}
.main-help-6 img{
	width: 25px;
	margin-right: 20px;
}
.main-help-7{
	position: absolute;
	left: 20%;
	top: 93%;
	color: #0071BC;
	font-family: 'Quicksand', sans-serif;
	display: flex;
	align-items: center;
	font-size: 15px;
}
.main-help-7 img{
	width: 25px;
	margin-right: 20px;
}
.imagen2{
	position: absolute;
	width: 45%;
	right: 0;
	top: 50%;
	transform: translate(0%, -50%);
}
.desc-intel{
	display: none;
}
.container-img-en-cuenta{
	width: 100%;
	text-align: center;
}
.img-en-cuenta{
	width: 80%;
	margin: auto;
	margin-top: 30px;
	cursor: pointer;
	-webkit-transition: all ease 0.2s;
}
.img-en-cuenta:hover{
	transform: scale(1.1);
}
.btn-number{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}
.circle-number{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px 15px;
	border-radius: 50%;
	background-color: #0071BC;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all ease 0.2s;
}
.circle-number:hover{
	transform: scale(1.1);
	background-color: #6db2e0;
}
.circle-number.active{
	transform: scale(1.1);
	background-color: #56BDB0;
}
.pregunta-der-1{
	width: 40%;
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(0%, -50%);
	border-radius: 15px;
	display: none;
}
.text-pregunta{
	color: #FFFFFF;
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
}
.text-central-2{
	position: absolute;
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #676767;
	font-family: 'Quicksand', sans-serif;
	font-size: 30px;	
}
.imagen3{
	width: 100%;
	margin-top: 30px;
}
.imagen-final{
	margin-top: 30px;
	width: 50%;	
}
/*Fin configuración  OVA derecho*/
/*Ova semniario*/
	.container-btn-main{
		width: 50%;
	}
	.main-btn-3{
		width: 45%;
		float: left;
		margin: 1% 2%;
		position: relative;
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
	}
	.main-btn-3 img{
		width: 100%;
	}
	.main-btn-3:hover{
		transform: scale(1.1);
	}
	.main-btn-3.active{
		transform: scale(1.1);
		color: #FFFFFF;
	}
	.main-btn-3.active > .txt-btn-3{
		color: #FFFFFF;
	}
	.txt-btn-3{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: 'Quicksand', sans-serif;
		font-size: 20px;
		color: #D9E021;
	}
	.desc-numbers{
		position: absolute;
		width: 30%;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
		background-color: #FFFFFF;
		padding: 3%;
		border: 1px solid #3FA9F5;
		border-radius: 10%;
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		text-align: justify;
		font-size: 20px;
	}
/*Fin ova seminario*/
/*OVA filosofía*/
	.docente{
		position: absolute;
		width: 30%;
		left: 10%;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.texto-globo{
		position: absolute;
		width: 50%;
		top: 50%;
		right: 0%;
		transform: translate(0%, -50%);
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		font-size: 25px;
		text-align: justify;
		border: 1px solid #9BD4DF;
		padding: 15px;
		border-radius: 15px;
		box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5);
	}
	.texto-globo::before{
	   border: 25px solid white;
       content: '';
       border-left-color: transparent;
       border-bottom-color: transparent;
       border-right-color: transparent;
       position: absolute;
       left: -48px;
       top: 10%;
       transform: rotate(90deg);
	}
	.img-globo{
		display: block;
		text-align: center;
		margin: auto;
		width: 20%;
	}
	.texto-right{
		position: absolute;
		width: 50%;
		top: 50%;
		right: 0%;
		transform: translate(0%, -50%);
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		font-size: 25px;
		text-align: justify;
	}
	.imagen-left{
		position: absolute;
		width: 46%;
		left: 0;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.text-docente-1{
		position: absolute;
		width: 100%;
		top: 45%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		font-size: 25px;
		background-color: #e5e5e5;
		display: flex;
		align-items: center;
	}
	.img-docente-text, .text-docente-text{
		display: inline-block;
	}
	.img-docente-text{
		width: 15%;
		float: left;
		padding: 20px;
	}
	.text-docente-text{
		width: 75%;
		float: left;
		padding: 20px;
		text-align: justify;
	}
	.imagen-final-2{
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 40%;
		bottom: 8%;
	}
	.imagen-final-3{
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 60%;
		bottom: 8%;
	}
	.imagen-final-4{
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 73%;
		bottom: 11%;
	}
	.imagen-final-5{
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 32%;
		bottom: 8%;
	}
	.imagen-final-6{
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 50%;
		bottom: 8%;
	}
	.imagen-final-7{
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 70%;
		bottom: 8%;
	}
	.btn-docente-text{
		width: 30%;
		margin-top: 20px;
		cursor: pointer;
		-webkit-transition: all ease 0.3s;
	}
	.btn-docente-text-2{
		width: 50%;
		margin-top: 50px;
		cursor: pointer;
		-webkit-transition: all ease 0.3s;
	}
	.btn-docente-text:hover{
		transform: scale(1.1);
	}
	.btn-docente-text-2:hover{
		transform: scale(1.1);
	}
	.imagen4{
		position: absolute;
		width: 25%;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.imagen5{
		position: absolute;
		width: 28%;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
	}
/*Fin OVA filosofía*/
/*Ova filosofia 2*/
	.content-2{
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 65%;
		left: 10%;
		cursor: pointer;
	}
	.img-icon{
		width: 100px;
		margin: 0px 10px;
		-webkit-transition: all ease 0.2s;
		filter: grayscale(0.5);
	}
	.img-icon:hover{
		transform: scale(1.1);
	}
	.img-icon.active{
		transform: scale(1.1);
		filter: grayscale(0);
	}
	.show-text{
		position: absolute;
		top: 65%;
		right: 10%;
		width: 40%;
		text-align: center;
		padding: 20px;
		border-radius: 20px;
		background-color: #244F85;
		color: #FFFFFF;
		font-size: 20px;
		font-family: 'Quicksand', sans-serif;
	}
/*Fin Ova filosofia 2*/
/*Ova filosofia 3*/
	.en-cuenta-docente{
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0%);
		bottom: 5%;
		width: 40%;
		text-align: center;
	}
/*Fin Ova filosofia 3*/
/*Pantalla de preguntas*/
.options-container{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
}
img.pregunta-opcion-der{
	width: 35%;
	-webkit-transition: all ease 0.2s;
	cursor: pointer;
	filter: grayscale(50%);
	margin: 0px 30px;
}
img.pregunta-opcion-der:hover{
	transform: scale(1.1);
	filter: grayscale(0%);
}
.realimentacion{
	width: 40%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #0071BC;
	border-radius: 25px;
	z-index: 1236;
	padding: 50px;
}
.close-realimentacion{
	position: absolute;
	top: 5%;
	right: 5%;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 25px;
	font-family: 'Quicksand', sans-serif;
}
.black-realimentacion{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1234;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
}
.main-help-return{
	font-family: 'Quicksand', sans-serif;
	color: #989898;
	font-size: 18px;
	width: 100%;
}
/*Fin pantalla de preguntas*/
/*Pop up*/
	.black{
		background-color: rgba(0, 0, 0, 0.8);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1234;
		display: none;
	}
	.pop-2{
		position: absolute;
		width: 50%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background-color: #3FA9F5;
		z-index: 1234;
		border: 1px solid #FFFFFF;
		border-radius: 20px;
		padding: 20px;
		color: #FFFFFF;
		text-align: center;
		font-size: 30px;
		font-family: 'Quicksand', sans-serif;
		box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.75);
	}
	.pop-2 img{
		display: block;
		margin: auto;
		margin-bottom: 30px;
	}
	.pop-osc{
		background-color: #244F85;
	}
	.pop-ejemplo{
		background-color: #00A99D;
	}
	img.img-number-pop{
		width: 200px;
	}
	img.close-img{
		width: 50px;
	}
	.close-2{
		position: absolute;
		top: 10px;
		right: 10px;
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
	}
	.pop{
		position: absolute;
		width: 100%;
		height: 65%;
		bottom: 0;
		z-index: 1234;
		display: none;
		background-color: #FFFFFF;
	}
	.pop-3{
		position: absolute;
		width: 100%;
		height: 85%;
		bottom: 0;
		z-index: 1234;
		display: none;
		background-color: #FFFFFF;	
	}
	.close{
		width: 50px;
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
		margin-left: 20px;
	}
	.close:hover{
		box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.75);
	}
	#regresar{
		border-radius: 50%;
	}
	.container-pop{
		position: absolute;
		top: 5%;
		left: 50%;
		transform: translate(-50%, 0%);
		width: 100%;
		clear: both;
		display: flex;
		align-items: center;
	}
	.iframe-pop{
		width: 80%;
		height: 350px;
		margin: auto;
	}
	.pop-element{
		width: 48%;
		float: left;
	}
	.pop-right{
		border-left: 1px solid #000000;
	}
	.number-pop{
		font-family: 'Quicksand', sans-serif;
		font-size: 170px;
		color: #000000;	
	}
	.text-pop{
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		font-size: 25px;
		text-align: justify;
		padding: 30px;
	}
	.img-pop{
		width: 50%;
		margin: auto;
	}
	.img-pop-big{
		width: 60%;
		margin: auto;	
	}
	.table-pop{
		font-size: 18px;
		width: 100%;
	}
	.table-pop td{
		border: 1px solid #9BD4DF;
	}
/*Fin pop up*/
/*Pantalla index*/
	.start{
		position: absolute;
		bottom: 9%;
		left: 46%;
		width: 19%;
		transform: translate(-50%, 0);
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
		border-radius: 5px;
	}
	.start:hover{
		box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.75);
	}
	.title-port{
		font-family: 'Raleway', sans-serif;
		position: absolute;
		color: #FFFFFF;
		font-weight: bolder;
		bottom: 20%;
		right: 5%;
		text-align: left;
		font-size: 25px;
	}
	.desc-port{
		font-weight: normal;
	}
/*Fin pantalla index*/
/*Pantalla intro*/
	.text-central{
		position: absolute;
		width: 50%;
		top: 66%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #FFFFFF;
		font-family: 'Quicksand', sans-serif;
		font-size: 30px;
		padding: 20px;
		border-radius: 20px;
	}
/*Fin pantalla intro*/
/*Pantalla contenidos*/
	.list-content{
		position: absolute;
		width: 80%;
		top: 63%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		font-size: 25px;
		background-color: #fff;
		padding: 20px;
		border-radius: 8px;
		transition: all .4s ease-out;
	}
	.list-content ul{
		text-align: left;
		line-height: 40px;
	}
	a.link-content{
		text-decoration: none;
		color: #676767;
		-webkit-transition: all ease 0.2s;
	}
	a.link-content:hover{
		text-decoration: underline;
		font-weight: bold;
	}
	.title-content{
		position: absolute;
		width: 100%;
		top: 22%;
		left: 0%;
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		font-size: 30px;
		text-align: left;
	}
	.text-title-content{
		font-size: 50px;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
		margin-left: 10%;
		color: #3FA9F5;
	}
	img.img-title-content{
		width: 50%;
	}
	.desc-content{
		color: #FFFFFF;
		position: relative;
	}
	.text-desc-content{
		position: absolute;
		width: 40%;
		top: 47%;
		left: 2%;
		transform: translate(0%, -50%);
		font-size: 20px;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
	}
/*Fin pantalla contenidos*/
/*Pantalla glosario*/
	.desc-glosary{
		position: absolute;
		width: 30%;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
		background-color: #3FA9F5;
		padding: 3%;
		border-radius: 10%;
		color: #FFFFFF;
		font-family: 'Quicksand', sans-serif;
		text-align: justify;
		font-size: 20px;
	}
	.bombillo{
		width: 20%;
		display: block;
		margin: auto;
		margin-bottom: 30px;
	}
	a.link-content.active{
		text-decoration: underline;
		font-weight: bold;
	}
/*Fin pantalla glosario*/
/*Pantalla video*/
	#video{
		position: absolute;
		width: 80%;
		box-shadow: 8px 8px 2px 0px rgba(0,0,0,0.75);
		border-radius: 10px;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.producto{
		padding: 10px;
		width: 20%;
		position: absolute;
		top: 50%;
		left: 10%;
		transform: translate(0%, -50%);
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 10px;
		-webkit-transition: background-color ease 0.3s;
	}
	.producto:hover{
		background-color: rgba(255, 255, 255, 0.9);
	}
/*Fin pantalla video
/*Pantalla de materia prima*/
	.container{
		position: absolute;
		width: 80%;
		top: 63%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.texto1{
		position: absolute;
		width: 50%;
		top: 50%;
		left: 0%;
		transform: translate(0%, -50%);
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		font-size: 25px;
		text-align: justify;
	}
	.imagen1{
		position: absolute;
		width: 45%;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.seguimiento{
		position: absolute;
		width: 50%;
		bottom: 5%;
		left: 50%;
		transform: translate(-50%, 0%);
		display: flex;
		justify-content: center;
	}
	.circle{
		width: 20px;
		height: 20px;
		border: 1px solid #9BD4DF;
		margin: 0px 10px 0px 10px;
		border-radius: 50%;
		cursor: pointer;
		-webkit-transition: all ease 0.2s;
	}
	.circle:hover{
		background-color: #ddf1f5;
		transform: scale(1.2);
	}
	.circle-active{
		background-color: #9BD4DF;
	}
	/*Pantalla elementos*/
	.container-btns{
		width: 100%;
		text-align: center;
	}
	.main-btn{
		width: 40%;
		float: left;
		margin: 2% 5%;
		position: relative;
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
	}
	.main-btn img{
		width: 100%;
	}
	.main-btn:hover{
		transform: scale(1.1);
	}
	.txt-btn{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: 'Quicksand', sans-serif;
		font-size: 30px;
		color: #D9E021;
	}
	/*Fin pantalla elementos*/
	/*Pantalla compra*/
	.texto2{
		position: absolute;
		width: 50%;
		top: 50%;
		left: 0%;
		transform: translate(0%, -50%);
		color: #676767;
		font-family: 'Quicksand', sans-serif;
		font-size: 25px;
		text-align: justify;
	}
	.desc-compra{
		position: absolute;
		width: 40%;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.main-btn-2{
		width: 100%;
		float: left;
		margin-bottom: 2%;
		position: relative;
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
	}
	.main-btn-2 img{
		width: 100%;
	}
	.main-btn-2:hover{
		transform: scale(1.1);
	}
	.title-2{
		margin-bottom: 20px;
		color: #0071BC;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
	}
	.txt-btn-2{
		position: absolute;
		top: 45%;
		left: 8%;
		transform: translate(0%, -50%);
		font-family: 'Quicksand', sans-serif;
		font-size: 18px;
		color: #FFFFFF;
	}
	.number-btn-2{
		position: absolute;
		top: 40%;
		right: 13%;
		transform: translate(0%, -50%);
		font-family: 'Quicksand', sans-serif;
		font-size: 40px;
		color: #000000;	
	}
	.btn-text-2{
		width: 60%;
		margin: auto;
		margin-top: 30px;
		position: relative;
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
	}
	.text-btn-text-2{
		position: absolute;
		top: 50%;
		padding: 10px;
		transform: translate(0%, -50%);
		font-family: 'Quicksand', sans-serif;
		text-align: left;
		font-size: 22px;
		color: #FFFFFF;
	}
	.btn-text-2 img{
		width: 100%;
	}
	.btn-text-2:hover{
		transform: scale(1.1);
	}
	/*Fin pantalla compra*/
	/*Pantalla procedimientos*/
	.title-list{
		text-align: left;
		color: #0071BC;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
	}
	.btn-text-3{
		width: 20%;
		margin-top: 30px;
		position: relative;
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
		text-align: left;
	}
	.btn-text-3 img{
		width: 100%;
	}
	.btn-text-3:hover{
		transform: scale(1.1);
	}
	/*Fin pantalla procedimientos*/
	/*Pantalla evaluación*/
	.pregunta{
		width: 35%;
		position: absolute;
		top: 50%;
		right: 10%;
		transform: translate(0%, -50%);
		border-radius: 15px;
	}
	img.pregunta-fondo{
		position: relative;
		width: 100%;
	}
	img.pregunta-opcion{
		position: absolute;
		bottom: 30px;
		width: 30%;
		-webkit-transition: all ease 0.2s;
		cursor: pointer;
		filter: grayscale(50%);
	}
	img.pregunta-opcion:hover{
		transform: scale(1.1);
		filter: grayscale(0%);
	}
	.opcion-si{
		left: 15%;
	}
	.opcion-no{
		right: 15%;
	}
	.correct-option{
		color: #5cb85c;
	}
	.incorrect-option{
		color: #d9534f;
	}
	.pregunta-2{
		width: 35%;
		position: absolute;
		bottom: 5%;
		right: 10%;
		border-radius: 15px;
	}
	.pregunta-3{
		width: 35%;
		position: absolute;
		top: 50%;
		left: 10%;
		transform: translate(0%, -50%);
		border-radius: 15px;
	}
	/*Fin pantalla evaluación*/
/*Fin pantalla de materia prima*/
/*Cambios revision 1*/
.img-aprenderas{
	width: 45%;
	position: absolute;
	top: 56%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text-central-aprenderas{
	position: absolute;
	width: 30%;
	top: 58%;
	left: 48.5%;
	transform: translate(-50%, -50%);
	color: #676767;
	font-family: 'Quicksand', sans-serif;
	font-size: 30px;
}
.return-container{
	position: absolute;
	top: 60%;
	left: 10%;
	display: flex;
	align-items: center;
}
.return-container-2{
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, 0%);
	display: flex;
	align-items: center;	
}
/*Fin cambios revision 1*/
/*OVA seminario 2*/
		.texto-globo-2{
			position: absolute;
			width: 50%;
			top: 50%;
			left: 0%;
			transform: translate(0%, -50%);
			color: #676767;
			font-family: 'Quicksand', sans-serif;
			font-size: 25px;
			text-align: justify;
			border: 1px solid #9BD4DF;
			padding: 15px;
			border-radius: 15px;
			box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5);
		}
		.texto-globo-2::before{
		   border: 25px solid white;
	       content: '';
	       border-left-color: transparent;
	       border-top-color: transparent;
	       border-right-color: transparent;
	       position: absolute;
	       right: -48px;
	       top: 10%;
	       transform: rotate(90deg);
		}
		.img-formulacion{
			position: absolute;
			top: 60%;
			width: 30%;
			filter: grayscale(0.5);
			cursor: pointer;
			-webkit-transition: all ease 0.4s;
		}
		.img-formulacion:hover{
			filter: grayscale(0);
			transform: scale(1.1);
		}
		.formulacion-1{
			left: 15%;
		}
		.formulacion-2{
			right: 15%;
		}
		.bombillo-deco{
			position: absolute;
			width: 5%;
			bottom: 15%;
			right: 10%;
		}
		.texto-globo-3{
			position: absolute;
			width: 50%;
			top: 50%;
			left: 0%;
			transform: translate(0%, -120%);
			color: #676767;
			font-family: 'Quicksand', sans-serif;
			font-size: 25px;
			text-align: justify;
			border: 1px solid #9BD4DF;
			padding: 15px;
			border-radius: 15px;
			box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5);
		}
		.texto-globo-3::before{
		   border: 25px solid white;
	       content: '';
	       border-left-color: transparent;
	       border-top-color: transparent;
	       border-right-color: transparent;
	       position: absolute;
	       right: -48px;
	       top: 10%;
	       transform: rotate(90deg);
		}
		.imagen6{
			position: absolute;
			top: 70%;
			left: 10%;
			width: 45%;
		}
		.img-importante{
			width: 60%;
			position: absolute;
			top: 60%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.imagen-cursor{
			cursor: pointer;
		}
/*Fin OVA seminario 2*/
/* Ova Geotecnia*/
	.img-ejemplo{
		width: 250px;
		display: block;
		margin: auto;
		margin-top: 30px;
		cursor: pointer;
		-webkit-transition: all ease 0.3s;
	}
	.img-ejemplo:hover{
		transform: scale(1.1);
	}
	#frame{
		position: absolute;
		width: 90%;
		height: 55%;
		box-shadow: 8px 8px 2px 0px rgba(0,0,0,0.75);
		border-radius: 10px;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
/*Fin OVA geotecnia*/

/*Responsive*/
	@media all and (max-width: 1500px){
		.content{
			width: 800px;
		}
		.text-title-central{
			font-size: 20px;
		}
		.desc-title-central{
			font-size: 20px;
		}
		.text-central-2{
			font-size: 18px;	
		}
		.imagen3{
			width: 80%;
			margin-top: 20px;
		}
		.imagen-final{
			margin-top: 20px;
		}
		.main-help-2{
			font-size: 15px;
		}
		.main-help-2 img{
			width: 8%;
		}
		.title-port{
			font-size: 15px;
		}
		.title-banner{
			font-size: 16px;
		}
		.desc-banner{
			font-size: 15px;
			line-height: 18px;
		}
		.text-central{
			font-size: 22px;
		}
		.text-central-aprenderas{
			font-size: 20px;	
		}
		.list-content{
			font-size: 18px;
		}
		.list-content ul{
			line-height: 24px;
		}
		.title-content{
			font-size: 15px;
		}
		.text-title-content{
			font-size: 25px;
		}
		.text-desc-content{
			font-size: 13px;
		}
		.desc-glosary{
			font-size: 16px;
		}
		.main-title img{
			width: 50px;
		}
		.text-main-title{
			font-size: 18px;
		}
		.main-help{
			font-size: 15px;
		}
		.main-help img{
			width: 8%;
		}
		.main-help-3{
			font-size: 13px;
		}
		.main-help-3 img{
			width: 18px;
		}
		.main-help-4{
			font-size: 13px;
		}
		.main-help-4 img{
			width: 18px;
		}
		.main-help-5{
			font-size: 13px;
		}
		.main-help-5 img{
			width: 18px;
		}
		.main-help-6{
			font-size: 13px;
		}
		.main-help-6 img{
			width: 18px;
		}
		.main-help-7{
			font-size: 13px;
		}
		.main-help-7 img{
			width: 18px;
		}
		.main-help-return{
			font-size: 15px;
		}
		.close{
			width: 40px;
		}
		.texto1{
			font-size: 17px;
		}
		.circle{
			width: 15px;
			height: 15px;
		}
		.txt-btn{
			font-size: 20px;
		}
		.texto2{
			font-size: 18px;
		}
		.txt-btn-2{
			font-size: 14px;
		}
		.number-btn-2{
			font-size: 30px;
		}
		/*Pop up*/
			.container-pop{
				top: 10%;
			}
			.number-pop{
				font-size: 150px;
			}
			.text-pop{
				font-size: 17px;
				padding: 20px;
			}
			.text-btn-text-2{
				font-size: 15px;
			}
			.table-pop{
				font-size: 14px;
			}
			.pop-2{
				width: 80%;
				font-size: 20px;
			}
			img.img-number-pop{
				width: 150px;
			}
			img.close-img{
				width: 50px;
			}
		/*Fin pop up*/
		#info-desc{
			font-size: 14px !important;
		}
		.text-pregunta{
			font-size: 17px;
		}
		.txt-btn-3{
			font-size: 14px;
		}
		/*OVA filosofía*/
			.texto-globo{
				font-size: 17px;
			}
			.texto-right{
				font-size: 17px;
			}
			.text-docente-1{
				font-size: 17px;
			}
			.text-docente-text{
				padding: 10px;
			}
			.img-docente-text{
				padding: 10px;
			}
			.btn-docente-text{
				margin-top: 10px;
			}
			.btn-docente-text-2{
				margin-top: 20px;
			}
			.imagen4{
				position: absolute;
				width: 25%;
				right: 0;
				top: 50%;
				transform: translate(0%, -50%);
			}
		/*Fin OVA filosofía*/
		.return-container{
			top: 75%;
			left: 5%;
		}
		.texto-globo-2{
			font-size: 17px;
		}
		.texto-globo-3{
			font-size: 17px;
		}
		.bombillo-deco{
			bottom: 13%;
		}
		.img-ejemplo{
			width: 150px;
		}
	}
/*Fin responsive*/