@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}

/* CSS */
/* Cuerpo */
body,html {
	margin : 0px 0px 0px 0px;
	height: 100%;
	margin-left: 15%;
	background-color: #171D35;
}

/* Formato parrafo */
p {
	margin-top: 0;
	margin-bottom: 0;
	position:relative;
}
/* Formato texto */
body,td,th {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #333;
	/*line-height:175%;*/
}
.t9 {
	font-size: 12px;
}
.t10 {
	font-size: 10px;
}
.t11 {
	font-size: 11px;
}
.t12 {
	font-size: 12px;
}
.t14 {
	font-size: 14px;
}
.t16 {
	font-size: 16px;
}

.seccion .fondoGuru{
	position: absolute;

}

.vertical-centered-text {
  display: table;
  width: 13em;
  height: 8em;
  margin-left: 3.8em;
}
  .vertical-centered-text > * {
    display: table-cell;
	vertical-align: middle;
	
}

.vertical-centered-text p{
	width: 10em;
    height: 6em;
    padding-left: 1.3em;
    color: #FFF;
    font-size: 0.5em;
    line-height: 1;
}

.vertical-centered-text img{
    position: absolute;
	width: 14.5em;
	top:-3em;
	left: -1.5em;
}

.vertical-centered-text-form img{
	position: absolute;
    width: 27.6em;
    top: -3em;
    left: 5.3em;
}

.vertical-centered-text .textoUnDia{
	width: 6.5em;
	position: absolute;
	left: 2.5em;
	top: 0em;
	z-index: 3;
}

.vertical-centered-text-form .textoUnDia{
	width: 12em;
	position: absolute;
	left: 13em;
	top: 3em;
	z-index: 3;
}

.vertical-centered-text .guruTexto{
	width: 14em;
    position: absolute;
    top: 0.65em;
    left: -1.3em;
    z-index: 1;
}

.vertical-centered-text .genio{
    width: 16.3em;
    position: absolute;
    top: -3.65em;
    left: -2.4em;
}
  
/* Header Fixed --------------------------------------------------------  */

.logo{
	width:100%; 
	position:absolute; 
	top:20%; 
	left:0%; 
	z-index:10;
}
.seccion{
  position:relative;
  height:100vh;
  margin:0px; padding:0px;
}

/* Formato enlaces -------------------------------------------------------- */
a {
	color: #295e94;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #295e94;
}
a:hover {
	text-decoration: underline;
	color: #295e94;
}
a:active {
	text-decoration: none;
	color: #295e94;
}


/*  -------------------------------------------------------- */



/* Formulario */
input[type="radio"] {
    display: none;
}
.mi{
	display: inline-block;
	border: none;
	width: 4em;
	cursor:pointer;
	margin-left:14em;
}

.mi img{
	width: 16em;
}

.nmi{
	display: inline-block;
	border: none;
	width: 4em;
	cursor:pointer;
    margin-left: -35em;
    margin-top: 6.5em;

}

.nmi img{
	width: 16em;
}

.content-button{
    position: relative;
}

.boton {
	border: none;
	background:url('img/botones/comenzar.png');
    background-size:cover;
    background-repeat: no-repeat;
	/*width: 185px; height: 85px;*/
    width: 18.5em;
    height: 6.5em;
	cursor:pointer;
    position: absolute;
    z-index: 2;

	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 18.5em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: -5em;
		top: 51em;
	}
		
	#alerta p{
		font-size: 2em;
    position: absolute;
    top: 9em;
    left: -3.8em;
	}

.button-validar .boton{
	border: none;
	background:url('img/botones/verResultados.png');
    background-size:cover;
    background-repeat: no-repeat;
	/*width: 185px; height: 85px;*/
    width: 17em;
    height: 6.5em;
	cursor:pointer;
    position: absolute;
    z-index: 2;
	left: 11em;
	top: 20.5em;
}

.buttonBackgound img{ 
    width: 15em
}

.botonx {
	display: inline-block;
	position: absolute;	
	border: none;
	background: url('img/botones/cerrar.png');
	background-repeat: no-repeat;
	background-size: 3em;
	width: 13%; height: 45px;
	cursor:pointer;
	top: 0em;
	left: 18.1em;
	}
	
.campo {
	border: 1px solid #CCC;
	width: 100%; height: 28px;
	background-color: #FFF;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	font-size: 16px;
	color:#333;
	line-height:20px;
	border-radius:50px;
	padding-left: 1em;
	}
.area {
	border: 1px solid #CCC;
	width: 98%;
	height: 120px;
	font-size: 16px;
	color: #333;
	background-color: #FFF;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	overflow:auto;
	border-radius:5px;
	}
		
/* HR Color */
hr {
padding: 0;
border: solid #CCC;
border-width: 1px 0 0 0;
color: #CCC;
height: 1px;
margin:20px 0px 20px 0px;
}

.linegris {
padding: 0;
border: solid #CCC;
border-width: 1px 0 0 0;
color: #CCC;
height: 1px;
}

/* Encabezados */
h1 {
	color: #44B2E6;
	font-size: 20px;
	font-weight: bold;
	font-style:italic;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	color: #146F9A;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}
h3 {
	color: #666;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
h4 {
	color: #666;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 8px;
}
h5 {
	color: #146F9A;
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

#loading .textoUnDiaPensanding{
    width: 12em !important;
	position: absolute;
	left: -18em !important;
	top: 3em !important;
	z-index: 5;
}

#loading .pensandingGenio {
    width: 18.5em !important;
    position: absolute;
    top: 3em !important;
    left: 2.5em!important;
}

#loading p{
	font-size: 2em;
	position: absolute;
	font-family: 'Lato', sans-serif;
	left: -10.8em;
}

.contenedorRedes{
	display: inline;
    position: absolute;
    top: 63em;
    left: 8em;
    text-align: center;
    padding-bottom: 2em;;
}
.contenedorRedes p {
	display: inline;
	font-family:  'Lato', Verdana, Arial, sans-serif;
	color: #D9AE52;
	font-size: 1.2em;
}

.contenedorRedes .imgRedes {
	width: 1em;
	padding: 0;
	margin: 0;
}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
		margin-left: -17.8em;
		top: 5em;
		font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 2.95em !important;
		margin-left: -4em;
		font-size: 1em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
    width: 100% !important;
    height: 20px;
    border: none;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    margin-left: -8.5em;
    margin-top: 11em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color:#BA4545 !important;
		width:60% !important;
		height:10px;
		margin-top:5.65em !important;
		margin-left: -4em;
		font-size: 1em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 100% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.5em;
		margin-left: -8.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top:8.35em !important;
		margin-left: -4em;
		font-size: 1em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 100% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.5em;
		margin-left: -8.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top: 11.1em !important;
		margin-left: -4em;
		font-size: 1em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 100% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.5em;
		margin-left: -8.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color:#CC66CC !important;
		width:60% !important;
		height:10px;
		margin-top: 13.85em !important;
		margin-left: -4em;
		font-size: 1em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 100% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.5em;
		margin-left: -8.5em;
	}



@media print {
    #superior{ display:none;}
	body{ margin-top:5%;}
  }					
/* Fin CSS */

/*MOBILE CSS*/

/*MOBILE CSS 410px*/ @media screen and (max-width: 410px) and (min-width: 401px) and (orientation : portrait){
	
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
		  font-size: 16px;
		  position: absolute;
		  border: solid 1px #BA4545;
	}

	body,html {
		margin : 0px 0px 0px 0px;
		height: 640px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 640px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 14em !important;
		color: #FFF;
		font-size: 0.4em !important;
		line-height: 1 !important;
		position: absolute;
		top: 5.5em;
		left: -1.6em;
	  }
	  
	  .vertical-centered-text img{
		width: 9.5em !important;
		top: 0.5em !important;
		left: 1em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
	  }
	  
	  
	  .vertical-centered-text .guruTexto{
		width: 9.5em !important;
		position: absolute;
		top: 2.3em !important;
		left: -4.1em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 11em !important;
		position: absolute;
		top: -0.27em !important;
		left: -4.8em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		left: 0;
		top: 29.5em;
		z-index: 5;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em !important;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 5;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 29.9em;
			left: -6.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 23.5em;
			left: 32em;
			z-index: 5;
		}
		
		.nmi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			padding: 0;
			top: 25em !important;
			left: 0em !important;
		}

		.botonx {
			display: block;
			position: relative;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;
			margin-left: -28.2%;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		width: 19em !important;
		top: 1em !important;
		left: 1.7em !important;
	}

	.vertical-centered-text-form {
		position: relative;
		left: 8%;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 19em !important;
		top: 1em !important;
		left: 1.7em !important;
	}
	
	.vertical-centered-text .textoUnDia{
		width: 6.5em;
		position: absolute;
		z-index: 3;
		left: 0em !important;
		top: 1.7em !important;
	}

	.vertical-centered-text .textoUnDia2{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		left: 5.1em !important;
		top: 1.8em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		width: 2.5em !important;
		left: 10em !important;
		top: 3.2em !important;
		z-index: 3;
	}
	
	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 17.5em;
		margin-left: -4em;
		top: 5.5em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 16px;
		width: 15em;
		height: 2em;
		margin-bottom: -0.5em !important;
		margin-left: -43%;
	}

	.button-validar {
		width: 90%;
		height: 10vh;
		position: relative;
		margin: 0 auto;
		margin-top: 3vh;
		text-align: center;
		top: -5.2em;
		left: -3em;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
	}

	#alerta {
		padding: 5%;
		line-height: 120%;
		display: none;
		margin-left: -6.5em;
		margin-top: 5em;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 16.5em;
		top: 32.5em;
	}

	.contenedorRedes{
		width: 100%;
		height: 4em;
		position: absolute;
		top: 35.5em !important;
		left: -0.5em !important;
		text-align: center;
		display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 2em;
		top: 4.3em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
    	margin-left: 11.5em;
    	top: 0em;
    	font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 2em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 9.5em;
		margin-top: 4em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 5.2em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color: #F5A527 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 8.3em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color: #3FA9F5 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 11.3em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		height: 10px;
		margin-top: 14.3em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 9.5em !important;
	}


}


/*MOBILE CSS 340px*/ @media screen and (max-width: 360px) and (min-width: 200px) and (orientation : portrait){

	body,html {
		margin : 0px 0px 0px 0px;
		height: auto !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 640px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		  width: 13em !important;
		  height: 10em !important;
		  color: #FFF;
		  font-size: 0.3em !important;
		  line-height: 1 !important;
		  padding-left: 3.5em !important;
		  position: absolute;
		  top: 7em;
	  }
	  
	  .vertical-centered-text img{
		  position: absolute;
		  width: 8em !important;
		  top: 0.5em !important;
		  left: 1em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 1.8em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.2em !important;
		position: absolute;
		left: -0.6em !important;
		top: 1.5em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2{
		width: 1.2em !important;
		position: absolute;
		left: 4.4em !important;
		top: 1.5em !important;
		z-index: 3;
	  }
	  
	  .vertical-centered-text-form .textoUnDia{
		  width: 2.5em !important;
		  position: absolute;
		  left: 8.5em !important;
		  top: 4.5em !important;
		  z-index: 3;
	  }
	  
	  .vertical-centered-text .guruTexto{
		width: 8em !important;
		position: absolute;
		top: 2.3em !important;
		left: -3.8em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		  width: 9em !important;
		  position: absolute;
		  top: 0.12em !important;
		  left: -4.5em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		height: 3.5em;
		left: 0em;
		top: 24.5em;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 8.5em !important;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: -17%;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 25.7em;
			left: -8em;
			z-index: 5;
		}
		
		.mi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 19.2em;
			left: 31em;
			z-index: 5;
		
		}
		
		.nmi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			height: 3.5em;
			top: 21em !important;
			left: 0em !important;
		}

		.botonx {
			display: inline-block;
			position: absolute;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 100%;
			width: 3em;
			height: 3.5em;
			cursor: pointer;
			z-index: 5;
			margin-left: -39.8%;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.seccion .fondoGuru{
		position: absolute;
		width: max-content;
		height: auto;
	}
	
	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		font-size: 0.5em;
		line-height: 1;
	
	}
	
	.vertical-centered-text img{
		position: absolute;
		width: 14.5em;
		top:-3em;
		left: -1.5em;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 16em !important;
		top: 2em !important;
		left: 5.3em;
	}
	
	.vertical-centered-text .genio{
		width: 16.3em;
		position: absolute;
		top: -3.65em;
		left: -2.4em;
	}

	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 15em;
		margin-left: -4em;	
		top: 6.5em;
		
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 16px;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 4.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: -22%;
		margin-top: -113%;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 9em;
		background-repeat: no-repeat;
		width: 9.5em;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 16em;
		top: 29em;
	}

	.contenedorRedes{
		width: 100%;
    	position: absolute;
    	top: 31em !important;
    	left: -1em !important;
    	text-align: center;
    	display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 1.8em;
		top: 4.5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
		margin-left: 11.5em;
		top: 2em;
		font-size: 0.9em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 1.2em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 50% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 10.5em;
		margin-top: 3.5em;
	
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 4.4em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 50% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 10.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color: #F5A527 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 7.5em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 50% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 10.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color: #3FA9F5 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 10.5em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 50% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 10.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		height: 10px;
		margin-top: 13.5em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 50% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 10.5em !important;
	}
}

/*MOBILE CSS 570px horizontal*/ @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

	body,html {
		margin: 0 auto;
		height: 100%;
		width: 100%;
	}
	
	/* Formato parrafo */
	p {
		margin-top: 0;
		margin-bottom: 0;
		position:relative;
	}
	/* Formato texto */
	body,td,th {
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 16px;
		color: #333;
		/*line-height:175%;*/
	}
	.t9 {
		font-size: 12px;
	}
	.t10 {
		font-size: 10px;
	}
	.t11 {
		font-size: 11px;
	}
	.t12 {
		font-size: 12px;
	}
	.t14 {
		font-size: 14px;
	}
	.t16 {
		font-size: 16px;
	}
	
	.seccion .fondoGuru{
		position: absolute;
		width: 100%;
		height: 789px;
	}
	
	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	  .vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		
	}
	
	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		font-size: 0.5em;
		line-height: 1;
		position: relative;
		left: 1em;
		top: 1em;
	}
	
	.vertical-centered-text img{
		position: absolute;
		width: 11.5em !important;
		top: 0.5em !important;
		left: 0.8em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 23em !important;
		top: 3em !important;
		left: 8.6em !important;
	}
	
	.vertical-centered-text .textoUnDia{
		width: 1.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: 1.8em !important;
		z-index: 3;
	}

	.vertical-centered-text-input {
		width: 21.5em;
		margin-left: 3em;
		top: 9.5em;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		width: 2.5em !important;
		left: 18.8em !important;
		top: 5.6em !important;
		z-index: 3;
	}

	.vertical-centered-text .textoUnDia2{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		margin-left: 39%;
		margin-top: 12%;
	}
	
	.vertical-centered-text .guruTexto{
		width: 11em !important;
		position: absolute;
		top: 3.2em !important;
		left: 1em !important;
		z-index: 1;
	}
	
	.vertical-centered-text .genio{
		width: 12.8em !important;
		position: absolute;
		top: 0.13em !important;
		left: 0.15em !important;
	}
	
	
	
	  
	/* Header Fixed --------------------------------------------------------  */
	
	.logo{
		width:100%; 
		position:absolute; 
		top:20%; 
		left:0%; 
		z-index:10;
	}
	.seccion{
	  position:relative;
	  height:100vh;
	  margin:0px; padding:0px;
	}
	
	/* Formato enlaces -------------------------------------------------------- */
	a {
		color: #295e94;
	}
	a:link {
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		color: #295e94;
	}
	a:hover {
		text-decoration: underline;
		color: #295e94;
	}
	a:active {
		text-decoration: none;
		color: #295e94;
	}
	
	
	/*  -------------------------------------------------------- */
	
	
	
	/* Formulario */
	input[type="radio"] {
		display: none;
	}
	.mi{
		display: inline-block;
		border: none;
		width: 13em;
		height: 5em;
		cursor: pointer;
		margin: 0;
		position: relative;
		left: -16em;
		top: 0.5em;
		z-index: 5;
	}
	
	.mi img{
		width: 13em;
   		left: 0em;
	}
	
	.nmi{
		display: inline-block;
		border: none;
		width: 15em;
		height: 5em;
		cursor: pointer;
		margin: 0;
		left: 16.5em;
		top: 0.4em;
		position: relative;
		z-index: 5;
	}
	
	.nmi img{
		width: 13em;
		left: 1em;
	}
	
	.content-button{
		position: relative;
		width: 100%;
		margin: 0 auto;
		left: 0em;
		top: 22em;
	}
	
	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 15.5em !important;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		margin-left: -10%;
		z-index: 2;
		}
	
		#alerta input {
			border: none;
			background: url(img/botones/Reintentar.png);
			background-size: 100%;
			background-repeat: no-repeat;
			width: 13em;
			height: 6em;
			cursor: pointer;
			position: absolute;
			z-index: 2;
			left: 8.5em;
			top: 53em;
		}
			
		#alerta p{
		    position: absolute;
    		top: 7em;
    		left: -0.8em;
    		font-size: 2.5em;
		}

		.vertical-centered-text .contenedorAlerta{
			position: absolute;
			width: 27.6em !important;
			top: -3em !important;
			left: -7.3em !important;
		}
	
	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: -15%;
	}
	
	.buttonBackgound img{ 
		width: 15em
	}
	
	.contenedorBotonX{
		position: relative;
		width: 100%;
		height: 5em;
		top: -0.5em;
		left: 2em;
	}

	.botonx {
		display: inline-block;
		position: absolute;
		border: none;
		background: url(img/botones/cerrar.png);
		background-repeat: no-repeat;
		background-size: 3em;
		width: 13%;
		height: 43px;
		cursor: pointer;
		margin-left: 1.6%;
		}
		
	.campo {
		border: 1px solid #CCC;
		width: 100%; height: 28px;
		background-color: #FFF;
		font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
		font-size: 16px;
		color:#333;
		line-height:20px;
		border-radius:50px;
		padding-left: 1em;
		}
	.area {
		border: 1px solid #CCC;
		width: 98%;
		height: 120px;
		font-size: 16px;
		color: #333;
		background-color: #FFF;
		font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
		overflow:auto;
		border-radius:5px;
		}
			
	/* HR Color */
	hr {
	padding: 0;
	border: solid #CCC;
	border-width: 1px 0 0 0;
	color: #CCC;
	height: 1px;
	margin:20px 0px 20px 0px;
	}
	
	.linegris {
	padding: 0;
	border: solid #CCC;
	border-width: 1px 0 0 0;
	color: #CCC;
	height: 1px;
	}
	
	/* Encabezados */
	h1 {
		color: #44B2E6;
		font-size: 20px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	h2 {
		color: #146F9A;
		font-size: 16px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	}
	h3 {
		color: #666;
		font-size: 10px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	h4 {
		color: #666;
		font-size: 12px;
		margin-top: 0px;
		margin-bottom: 8px;
	}
	h5 {
		color: #146F9A;
		font-size: 14px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	}
	
	#loading .textoUnDiaPensanding{
		width: 12em !important;
		position: absolute;
		left: -18em !important;
		top: 3em !important;
		z-index: 5;
	}
	
	#loading .pensandingGenio{
		width: 26.35em !important;
		position: absolute;
		top: -0.8em !important;
		left: -25.155em!important;
	}
	
	#loading p{
		font-size: 2em;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: -10.8em;
	}
	
	.contenedorRedes{
		display: inline;
		position: absolute;
		top: 45em !important;
		left: 8.5em !important;
		text-align: center;
		padding-bottom: 2em;
	}
	.contenedorRedes p {
		display: inline;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.5em;
		padding: 0;
		margin: 0;
	}
	
		/*::::::::::::::::RESULTADO:::::::::::::::::::::*/
	
		#alerta b{
			position: relative;
			margin-left: 6.2em;
			top: 9em;
			left: -3em;
			font-size: 1em;
		}

		#rta .vertical-centered-text p {
			font-size: 2em !important;
			width: 73% !important;
			height: 5em !important;
			position: absolute;
			font-family: 'Lato', sans-serif;
			left: 2.2em;
			top: 11em;
			z-index: 5;
		}
	
		#rta .vertical-centered-text .tituloArte{
			color: #A3C959 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 4.5em !important;
			margin-left: -2.3em;
			font-size: 0.8em !important;
		}
	
		.barraArte{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-left: -3.5em;
			margin-top: 11.35em;
		}
	
		#rta .vertical-centered-text .tituloJuridica{
			color: #BA4545 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 6.2em !important;
			margin-left: -2.2em;
			font-size: 0.9em !important;
		}
	
	
		.barraJuridica{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -3.5em;
		}
	
		#rta .vertical-centered-text .tituloEmpre{
			color: #F5A527 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 9.3em !important;
			margin-left: -2.2em;	
			font-size: 0.9em !important;
		}
	
		.barraEmpre{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -3.5em;
		}
	
		#rta .vertical-centered-text .tituloIngenieria{
			color: #3FA9F5 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 12.3em !important;
			margin-left: -2.2em;	
			font-size: 0.9em !important;
		}
	
		.barraIngenieria{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -3.5em;
		}
	
		#rta .vertical-centered-text .tituloBiologicas{
			color: #CC66CC !important;
			width: 100% !important;
			height: 10px;
			margin-top: 15.35em !important;
			margin-left: -2.2em;	
			font-size: 0.9em !important;
		}
	
		.barraBiologicas{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em !important;
			margin-left: -3.5em !important;
		}
}


/*MOBILE CSS 400x*/ @media screen and (max-width: 400px) and (min-width: 350px) and (max-aspect-ratio: 13/9) and (orientation : portrait){
	
	body,html {
		margin : 0px 0px 0px 0px;
		height: 640px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 640px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 14em !important;
		color: #FFF;
		font-size: 0.4em !important;
		line-height: 1 !important;
		position: absolute;
		top: 5.5em;
		left: -1.6em;
	  }
	  
	  .vertical-centered-text img{
		width: 9.5em !important;
		top: 0.5em !important;
		left: 1em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
	  }
	  
	  
	  .vertical-centered-text .guruTexto{
		width: 9.5em !important;
		position: absolute;
		top: 2.3em !important;
		left: -4.1em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 11em !important;
		position: absolute;
		top: -0.27em !important;
		left: -4.8em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		left: 0;
		top: 29.5em;
		z-index: 5;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em !important;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 5;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 29.9em;
			left: -6.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 23.5em;
			left: 32em;
			z-index: 5;
		}
		
		.nmi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			padding: 0;
			top: 25em !important;
			left: 0em !important;
		}

		.botonx {
			display: block;
			position: relative;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;
			margin-left: -28.2%;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		width: 19em !important;
		top: 1em !important;
		left: 1.7em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 19em !important;
		top: 1em !important;
		left: 1.7em !important;
	}
	
	.vertical-centered-text .textoUnDia{
		width: 6.5em;
		position: absolute;
		z-index: 3;
		left: 0em !important;
		top: 1.7em !important;
	}

	.vertical-centered-text .textoUnDia2{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		left: 5.1em !important;
		top: 1.8em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		width: 2.5em !important;
		left: 10em !important;
		top: 3.2em !important;
		z-index: 3;
	}
	
	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 17.5em;
		margin-left: -0.8em;
		top: 5.5em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
		left: -3em;
	}
	
	.vertical-centered-text-input input{
		font-size: 16px;
		width: 15em;
		height: 2em;
		margin-bottom: -0.5em !important;
		margin-left: -43%;
	}

	.button-validar {
		width: 90%;
		height: 10vh;
		position: relative;
		margin: 0 auto;
		margin-top: 3vh;
		text-align: center;
		top: 16em;
		left: -0.5em;	
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
	}

	#alerta {
		padding: 5%;
		line-height: 120%;
		display: none;
		margin-left: -6.5em;
		margin-top: 5em;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 16.5em;
		top: 32.5em;
	}

	.contenedorRedes{
		width: 100%;
		height: 4em;
		position: absolute;
		top: 35.5em !important;
		left: -0.5em !important;
		text-align: center;
		display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 2em;
		top: 4.3em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
    	margin-left: 11.5em;
    	top: 0em;
    	font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 2em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 9.5em;
		margin-top: 4em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 5.2em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color: #F5A527 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 8.3em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color: #3FA9F5 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 11.3em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		height: 10px;
		margin-top: 14.3em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 9.5em !important;
	}


}

/*MOBILE CSS 640px Horizontal*/ @media screen and (min-width: 640px) and (max-height: 640px) and (orientation: landscape){
		input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
  		font-size: 16px;
	}

	body,html {
		margin: 0 auto;
		height: 100%;
		width: 100%;
	}
	
	/* Formato parrafo */
	p {
		margin-top: 0;
		margin-bottom: 0;
		position:relative;
	}
	/* Formato texto */
	body,td,th {
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 16px;
		color: #333;
		/*line-height:175%;*/
	}
	.t9 {
		font-size: 12px;
	}
	.t10 {
		font-size: 10px;
	}
	.t11 {
		font-size: 11px;
	}
	.t12 {
		font-size: 12px;
	}
	.t14 {
		font-size: 14px;
	}
	.t16 {
		font-size: 16px;
	}
	
	.seccion .fondoGuru{
		position: absolute;
		width: 100%;
		height: 789px;
	}
	
	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	  .vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		
	}
	
	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		font-size: 0.5em;
		line-height: 1;
		position: relative;
		left: 1em;
		top: 1em;
	}
	
	.vertical-centered-text img{
		position: absolute;
		width: 11.5em !important;
		top: 0.5em !important;
		left: 0.8em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 23em !important;
		top: 3em !important;
		left: 8.6em !important;
	}
	
	.vertical-centered-text .textoUnDia{
		width: 1.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: 1.8em !important;
		z-index: 3;
	}

	.vertical-centered-text-input {
		width: 21.5em;
		margin-left: 3em;
		top: 9.5em;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		width: 2.5em !important;
		left: 18.8em !important;
		top: 5.6em !important;
		z-index: 3;
	}

	.vertical-centered-text .textoUnDia2{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		margin-left: 39%;
		margin-top: 12%;
	}
	
	.vertical-centered-text .guruTexto{
		width: 11em !important;
		position: absolute;
		top: 3.2em !important;
		left: 1em !important;
		z-index: 1;
	}
	
	.vertical-centered-text .genio{
		width: 12.8em !important;
		position: absolute;
		top: 0.13em !important;
		left: 0.15em !important;
	}
	
	
	
	  
	/* Header Fixed --------------------------------------------------------  */
	
	.logo{
		width:100%; 
		position:absolute; 
		top:20%; 
		left:0%; 
		z-index:10;
	}
	.seccion{
	  position:relative;
	  height:100vh;
	  margin:0px; padding:0px;
	}
	
	/* Formato enlaces -------------------------------------------------------- */
	a {
		color: #295e94;
	}
	a:link {
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		color: #295e94;
	}
	a:hover {
		text-decoration: underline;
		color: #295e94;
	}
	a:active {
		text-decoration: none;
		color: #295e94;
	}
	
	
	/*  -------------------------------------------------------- */
	
	
	
	/* Formulario */
	input[type="radio"] {
		display: none;
	}
	.mi{
		display: inline-block;
		border: none;
		width: 13em;
		height: 5em;
		cursor: pointer;
		margin: 0;
		position: relative;
		left: -16em;
		top: 0.5em;
		z-index: 5;
	}
	
	.mi img{
		width: 13em;
   		left: 0em;
	}
	
	.nmi{
		display: inline-block;
		border: none;
		width: 15em;
		height: 5em;
		cursor: pointer;
		margin: 0;
		left: 16.5em;
		top: 0.4em;
		position: relative;
		z-index: 5;
	}
	
	.nmi img{
		width: 13em;
		left: 1em;
	}
	
	.content-button{
		position: relative;
		width: 100%;
		margin: 0 auto;
		left: 0em;
		top: 22em;
	}
	
	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 15.5em !important;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		margin-left: -14%;
		z-index: 2;
		}
	
		#alerta input {
			border: none;
			background: url(img/botones/Reintentar.png);
			background-size: 100%;
			background-repeat: no-repeat;
			width: 13em;
			height: 6em;
			cursor: pointer;
			position: absolute;
			z-index: 2;
			left: 2em;
			top: 42em;
		}
			
		#alerta p{
		    position: absolute;
    		top: 7em;
    		left: -0.8em;
    		font-size: 2.5em;
		}

		.vertical-centered-text .contenedorAlerta{
			position: absolute;
			width: 27.6em !important;
			top: -3em !important;
			left: -7.3em !important;
		}
	
	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: 14%;
	}
	
	.buttonBackgound img{ 
		width: 15em
	}
	
	.contenedorBotonX{
		position: relative;
		width: 100%;
		height: 5em;
		top: -0.5em;
		left: 2em;
	}

	.botonx {
		display: inline-block;
		position: absolute;
		border: none;
		background: url(img/botones/cerrar.png);
		background-repeat: no-repeat;
		background-size: 3em;
		width: 13%;
		height: 43px;
		cursor: pointer;
		margin-left: 1.6%;
		}
		
	.campo {
		border: 1px solid #CCC;
		width: 100%; height: 28px;
		background-color: #FFF;
		font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
		font-size: 16px;
		color:#333;
		line-height:20px;
		border-radius:50px;
		padding-left: 1em;
		}
	.area {
		border: 1px solid #CCC;
		width: 98%;
		height: 120px;
		font-size: 16px;
		color: #333;
		background-color: #FFF;
		font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
		overflow:auto;
		border-radius:5px;
		}
			
	/* HR Color */
	hr {
	padding: 0;
	border: solid #CCC;
	border-width: 1px 0 0 0;
	color: #CCC;
	height: 1px;
	margin:20px 0px 20px 0px;
	}
	
	.linegris {
	padding: 0;
	border: solid #CCC;
	border-width: 1px 0 0 0;
	color: #CCC;
	height: 1px;
	}
	
	/* Encabezados */
	h1 {
		color: #44B2E6;
		font-size: 20px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	h2 {
		color: #146F9A;
		font-size: 16px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	}
	h3 {
		color: #666;
		font-size: 10px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	h4 {
		color: #666;
		font-size: 12px;
		margin-top: 0px;
		margin-bottom: 8px;
	}
	h5 {
		color: #146F9A;
		font-size: 14px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	}
	
	#loading .textoUnDiaPensanding{
		width: 12em !important;
		position: absolute;
		left: -18em !important;
		top: 3em !important;
		z-index: 5;
	}
	
	#loading .pensandingGenio{
		width: 26.35em !important;
		position: absolute;
		top: -0.8em !important;
		left: -25.155em!important;
	}
	
	#loading p{
		font-size: 2em;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: -10.8em;
	}
	
	.contenedorRedes{
		display: inline;
		position: absolute;
		top: 45em !important;
		left: 8.5em !important;
		text-align: center;
		padding-bottom: 2em;
	}
	.contenedorRedes p {
		display: inline;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.5em;
		padding: 0;
		margin: 0;
	}
	
		/*::::::::::::::::RESULTADO:::::::::::::::::::::*/
	
		#alerta b{
			position: relative;
			margin-left: 6.2em;
			top: 4em;
			left: -6em;
			font-size: 1em;
		}

		#rta .vertical-centered-text p {
			font-size: 2em !important;
			width: 73% !important;
			height: 5em !important;
			position: absolute;
			font-family: 'Lato', sans-serif;
			left: -0.8em;
			top: 7em;
			z-index: 5;
		}
	
		#rta .vertical-centered-text .tituloArte{
			color: #A3C959 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 4.5em !important;
			margin-left: -2.3em;
			font-size: 0.8em !important;
		}
	
		.barraArte{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-left: -3.5em;
			margin-top: 11.35em;
		}
	
		#rta .vertical-centered-text .tituloJuridica{
			color: #BA4545 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 6.2em !important;
			margin-left: -2.2em;
			font-size: 0.9em !important;
		}
	
	
		.barraJuridica{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -3.5em;
		}
	
		#rta .vertical-centered-text .tituloEmpre{
			color: #F5A527 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 9.3em !important;
			margin-left: -2.2em;	
			font-size: 0.9em !important;
		}
	
		.barraEmpre{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -3.5em;
		}
	
		#rta .vertical-centered-text .tituloIngenieria{
			color: #3FA9F5 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 12.3em !important;
			margin-left: -2.2em;	
			font-size: 0.9em !important;
		}
	
		.barraIngenieria{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -3.5em;
		}
	
		#rta .vertical-centered-text .tituloBiologicas{
			color: #CC66CC !important;
			width: 100% !important;
			height: 10px;
			margin-top: 15.35em !important;
			margin-left: -2.2em;	
			font-size: 0.9em !important;
		}
	
		.barraBiologicas{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em !important;
			margin-left: -3.5em !important;
		}
}

/*MOBILE CSS 414x*/ @media screen and (max-width: 414px) and (min-width: 411px) and (orientation : portrait){
		input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
  		font-size: 16px;
	}

	body,html {
		margin : 0px 0px 0px 0px;
		height: 568px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 812px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0.7em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 12em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.4em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		position: absolute;
		top: 7em;
		left: 0.2em;
	  }
	  
	  .vertical-centered-text img{
		width: 9.5em !important;
		top: 1.5em !important;
		left: 1em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 3.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.5em !important;
		position: absolute;
		left: 0em !important;
		top: 2.7em !important;
		z-index: 3;
	
	}
	  
	  .vertical-centered-text-form .textoUnDia{
		width: 1.5em !important;
		position: absolute;
		left: 5em !important;
		top: 2.7em !important;
		z-index: 3;
	
	  }

	  .vertical-centered-text .textoUnDia2{
		width: 1.5em !important;
		position: absolute;
		left: 5em !important;
		top: 2.7em !important;
		z-index: 3;
	
	}
	  
	  .vertical-centered-text .guruTexto{
		width: 9em !important;
		position: absolute;
		top: 3.9em !important;
		left: -3.8em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 10.7em !important;
		position: absolute;
		top: 1.09em !important;
		left: -4.6em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		height: 5em;
		left: 0;
		top: 35.5em;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em !important;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-top: -6em;
		margin-left: -5em;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 33.05em;
			left: -5.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 26.6em;
			left: 33.5em;
			z-index: 5;
		}
		
		.nmi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			position: relative;
			top: 27.5em !important;
			left: 0em !important;
			width: 100%;
			height: 2em;
		}
		
		.botonx {
			display: inline-block;
			position: absolute;	
			border: none;
			background: url('img/botones/cerrar.png');
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%; height: 45px;
			cursor:pointer;
			margin-left: -20%;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.seccion .fondoGuru{
		position: absolute;
		width: max-content;
		height: auto;
	}
	
	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		position: absolute;
		width: 19em !important;
		top: 3em !important;
		left: 2.6em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 19em !important;
		top: 3em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		left: 11.2em !important;
		top: 5.2em !important;
		z-index: 3;
		width: 3em !important;
	}
	
	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 17.5em;
		margin-left: -2.5em;
		top: 7.5em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 16px;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 15.9em;
		top: 33.8em;
	}

	.contenedorRedes{
		width: 100%;
		position: absolute;
		top: 39.5em !important;
		left: -1em !important;
		text-align: center;
		display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
    	width: 85% !important;
    	height: 5em !important;
    	position: absolute;
    	font-family: 'Lato', sans-serif;
		left: 2.8em;
		top: 5em;
    	z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
    	margin-left: 11.5em;
    	top: 2em;
    	font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 1.4em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 9.5em;
		margin-top: 4em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color:#BA4545 !important;
		width:60% !important;
		height:10px;
		margin-top: 4.5em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top: 7.6em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top:10.6em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color:#CC66CC !important;
		width:60% !important;
		height:10px;
		margin-top:13.7em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 9.5em !important;
	}
}

/*MOBILE CSS 730px Horizontal*/ @media screen and (max-width: 736px) and (min-width: 700px) and (orientation : landscape){
		input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
  		font-size: 16px;
	}

	body,html {
		margin: 0 auto;
		height: 100%;
		width: 100%;
	}

	#p1{
		width: 100%;
	}
	
	/* Formato parrafo */
	p {
		margin-top: 0;
		margin-bottom: 0;
		position:relative;
	}
	/* Formato texto */
	body,td,th {
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 16px;
		color: #333;
		/*line-height:175%;*/
	}
	.t9 {
		font-size: 12px;
	}
	.t10 {
		font-size: 10px;
	}
	.t11 {
		font-size: 11px;
	}
	.t12 {
		font-size: 12px;
	}
	.t14 {
		font-size: 14px;
	}
	.t16 {
		font-size: 16px;
	}
	
	.seccion .fondoGuru{
		position: absolute;
		width: 100%;
		height: 55em;
	}
	
	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	  .vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}
	
	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		font-size: 0.5em;
		line-height: 1;
		position: absolute;
		left: 2.2em;
		top: 7em;
	}
	
	.vertical-centered-text img{
		position: absolute;
		width: 11.5em !important;
		top: 2em !important;
		left: 2.1em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 23em !important;
		top: 3em !important;
		left: 11.6em !important;
	}
	
	.vertical-centered-text .textoUnDia{
		width: 1.5em !important;
		position: absolute;
		left: 0.6em !important;
		top: 3.5em !important;
		z-index: 3;
	}

	.vertical-centered-text-input {
		width: 21.5em;
		margin-left: 6em;
		top: 8.5em;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		width: 3.5em !important;
		left: 21.3em !important;
		top: 6em !important;
		z-index: 3;
	}
	
	.vertical-centered-text .textoUnDia2{
		position: absolute;
		width: 1.8em !important;
		left: 7em !important;
		top: 3.5em !important;
		z-index: 3;
	}

	.vertical-centered-text .guruTexto{
		width: 11em !important;
		position: absolute;
		top: 4.9em !important;
		left: -4.1em !important;
		z-index: 1;
	}
	
	.vertical-centered-text .genio{
		width: 12.8em !important;
		position: absolute;
		top: 1.7em !important;
		left: -5.05em !important;
	}
	
	
	
	  
	/* Header Fixed --------------------------------------------------------  */
	
	.logo{
		width:100%; 
		position:absolute; 
		top:20%; 
		left:0%; 
		z-index:10;
	}
	.seccion{
	  position:relative;
	  height:100vh;
	  margin:0px; padding:0px;
	}
	
	/* Formato enlaces -------------------------------------------------------- */
	a {
		color: #295e94;
	}
	a:link {
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		color: #295e94;
	}
	a:hover {
		text-decoration: underline;
		color: #295e94;
	}
	a:active {
		text-decoration: none;
		color: #295e94;
	}
	
	
	/*  -------------------------------------------------------- */
	
	
	
	/* Formulario */
	input[type="radio"] {
		display: none;
	}
	.mi{
		display: inline-block;
		border: none;
		width: 13em;
		height: 5em;
		cursor: pointer;
		margin: 0;
		position: relative;
		left: -14.5em;
		top: 2.5em;
		z-index: 5;
	}
	
	.mi img{
		width: 13em;
   		left: 0em;
	}
	
	.nmi{
		display: inline-block;
		border: none;
		width: 15em;
		height: 5em;
		cursor: pointer;
		margin: 0;
		left: 14.5em;
		top: 2.4em;
		position: relative;
		z-index: 5;
	}
	
	.nmi img{
		width: 13em;
		left: 1em;
	}
	
	.content-button{
		position: relative;
		width: 100%;
		margin: 0 auto;
		left: 4em;
		top: 27em;
	}
	
	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 15.5em !important;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		margin-left: -21.5%;
		z-index: 2;
		}
	
		#alerta input {
			border: none;
			background: url(img/botones/Reintentar.png);
			background-size: 100%;
			background-repeat: no-repeat;
			width: 13em;
			height: 6em;
			cursor: pointer;
			position: absolute;
			z-index: 2;
			left: 6.5em;
			top: 49.8em;
		}
			
		#alerta p{
		    position: absolute;
    		top: 7em;
    		left: -0.8em;
    		font-size: 2.5em;
		}

		.vertical-centered-text .contenedorAlerta{
			position: absolute;
			width: 27.6em !important;
			top: -3em !important;
			left: -7.3em !important;
		}
	
	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
	}
	
	.buttonBackgound img{ 
		width: 15em
	}
	
	.contenedorBotonX{
		position: relative;
		width: 100%;
		height: 5em;
		top: 2.5em;
		left: 4em;
	}

	.botonx {
		display: inline-block;
		position: absolute;
		border: none;
		background: url(img/botones/cerrar.png);
		background-repeat: no-repeat;
		background-size: 3em;
		width: 13%;
		height: 43px;
		cursor: pointer;
		margin-left: 2.3%;
		}
		
	.campo {
		border: 1px solid #CCC;
		width: 100%; height: 28px;
		background-color: #FFF;
		font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
		font-size: 16px;
		color:#333;
		line-height:20px;
		border-radius:50px;
		padding-left: 1em;
		}
	.area {
		border: 1px solid #CCC;
		width: 98%;
		height: 120px;
		font-size: 16px;
		color: #333;
		background-color: #FFF;
		font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
		overflow:auto;
		border-radius:5px;
		}
			
	/* HR Color */
	hr {
	padding: 0;
	border: solid #CCC;
	border-width: 1px 0 0 0;
	color: #CCC;
	height: 1px;
	margin:20px 0px 20px 0px;
	}
	
	.linegris {
	padding: 0;
	border: solid #CCC;
	border-width: 1px 0 0 0;
	color: #CCC;
	height: 1px;
	}
	
	/* Encabezados */
	h1 {
		color: #44B2E6;
		font-size: 20px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	h2 {
		color: #146F9A;
		font-size: 16px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	}
	h3 {
		color: #666;
		font-size: 10px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	h4 {
		color: #666;
		font-size: 12px;
		margin-top: 0px;
		margin-bottom: 8px;
	}
	h5 {
		color: #146F9A;
		font-size: 14px;
		font-weight: bold;
		font-style:italic;
		margin-top: 0px;
		margin-bottom: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	}
	
	#loading .textoUnDiaPensanding{
		width: 12em !important;
		position: absolute;
		left: -18em !important;
		top: 3em !important;
		z-index: 5;
	}
	
	#loading .pensandingGenio{
		width: 26.35em !important;
		position: absolute;
		top: -0.8em !important;
		left: -25.155em!important;
	}
	
	#loading p{
		font-size: 2em;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: -10.8em;
	}
	
	.contenedorRedes{
		display: inline;
		position: absolute;
		top: 51em !important;
		left: 10em !important;
		text-align: center;
		padding-bottom: 2em;
	}

	.contenedorRedes p {
		display: inline;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.5em;
		padding: 0;
		margin: 0;
	}
	
		/*::::::::::::::::RESULTADO:::::::::::::::::::::*/
	
		#alerta b{
			position: relative;
			margin-left: -0.8em;
			top: 7.5em;
			left: 1.5em;
			font-size: 1em;
		}

		#rta .vertical-centered-text p {
			font-size: 2em !important;
			width: 85% !important;
			height: 5em !important;
			position: absolute;
			font-family: 'Lato', sans-serif;
			left: 0.8em;
			top: 8.5em;
			z-index: 5;
		}
	
		#rta .vertical-centered-text .tituloArte{
			color: #A3C959 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 5.95em !important;
			margin-left: -0.5em;
			font-size: 0.8em !important;
		}
	
		.barraArte{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-left: -1em;
			margin-top: 9em;
		}
	
		#rta .vertical-centered-text .tituloJuridica{
			color: #BA4545 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 7.2em !important;
			margin-left: -0.5em;
			font-size: 0.9em !important;
		}
	
	
		.barraJuridica{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -1em;
		}
	
		#rta .vertical-centered-text .tituloEmpre{
			color: #F5A527 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 10.3em !important;
			margin-left: -0.5em;
			font-size: 0.9em !important;
		}
	
		.barraEmpre{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -1em;
		}
	
		#rta .vertical-centered-text .tituloIngenieria{
			color: #3FA9F5 !important;
			width: 100% !important;
			height: 10px;
			margin-top: 13.3em !important;
			margin-left: -0.5em;
			font-size: 0.9em !important;
		}
	
		.barraIngenieria{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em;
			margin-left: -1em;
		}
	
		#rta .vertical-centered-text .tituloBiologicas{
			color: #CC66CC !important;
			width: 100% !important;
			height: 10px;
			margin-top: 16.4em !important;
			margin-left: -0.5em;
			font-size: 0.9em !important;
		}
	
		.barraBiologicas{
			background: rgba(0,0,0,0.3);
			width: 100% !important;
			height: 20px;
			border: none;
			position: relative;
			overflow: hidden;
			border-radius: 50px;
			margin-top: 1.5em !important;
			margin-left: -1em !important;
		}
} 

/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
	body,html {
		margin : 0px 0px 0px 0px;
		height: 568px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 812px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0.7em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.35em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		position: absolute;
		top: 6em;
		left: -0.5em;
	  }
	  
	  .vertical-centered-text img{
		width: 8em !important;
		top: 1em !important;
		left: 0.25em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.2em !important;
		position: absolute;
		left: 3.6em !important;
		top: 2.2em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2{
		width: 1.2em !important;
		position: absolute;
		left: 3.6em !important;
		top: 2.2em !important;
		z-index: 3;
	  }
	  
	  .vertical-centered-text-form .textoUnDia{
		width: 2.2em !important;
		position: absolute;
		left: 8.8em !important;
		top: 4.2em !important;
		z-index: 3;
	  }
	  
	  .vertical-centered-text .guruTexto{
		width: 8em !important;
		position: absolute;
		top: 3em !important;
		left: 0em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 9em !important;
		position: absolute;
		top: 0.65em !important;
		left: -0.3em !important;
	  }

	  .content-button{
		position: relative;
		
	}

	.boton {
		border: none;
    	background: url(img/botones/comenzar.png);
    	background-size: 100%;
    	background-repeat: no-repeat;
   	 	width: 10em !important;
    	height: 3.5em;
    	cursor: pointer;
		position: absolute;
		margin-left: -3%;
    	z-index: 2;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 26.15em;
			left: -8em;
			z-index: 5;
		}
		
		.mi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 19.7em;
			left: 31em;
			z-index: 5;
		}
		
		.nmi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			height: 2.5em;
			top: 19.2em !important;
			left: -0.05em !important;
		}

		.botonx {
			display: inline-block;
			position: absolute;	
			border: none;
			background: url('img/botones/cerrar.png');
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%; height: 45px;
			cursor:pointer;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.seccion .fondoGuru{
		position: absolute;
		width: max-content;
		height: auto;
	}
	
	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		position: absolute;
		width: 19em !important;
    top: -5em !important;
    left: 2.8em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 16em !important;
		top: 2em !important;
		left: 2em !important;
	}
	
	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 14.5em;
		margin-left: -3.5em;
		top: 5.8em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;

	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 14.8em;
		top: 32.5em;
	}

	.contenedorRedes{
		width: 100%;
		position: absolute;
		left: -1em !important;
		text-align: center;
		display: inline-block;
		top: 31em !important;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 3em;
		top: 4.8em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: absolute;
		margin-left: 3em;
		top: 8em;
		font-size: 0.75em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 6.4em !important;
		margin-left: 11.5em;
		font-size: 0.7em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 9.5em;
		margin-top: 4em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 10em !important;
		margin-left: 11.5em;
		font-size: 0.7em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top:13.4em !important;
		margin-left: 11.5em;
		font-size: 0.7em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top:16.9em !important;
		margin-left: 11.5em;
		font-size: 0.7em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color:#CC66CC !important;
		width:60% !important;
		height:10px;
		margin-top:20.45em !important;
		margin-left: 11.5em;
		font-size: 0.7em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 9.5em !important;
	}	
 }

 /* iphone 6, 6s, 7, 8 */@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation : portrait) { 
	body,html {
		margin : 0px 0px 0px 0px;
		height: 640px !important;
		background-color: #171D35;
	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 667px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		color: #FFF;
		font-size: 0.4em !important;
		line-height: 1 !important;
		position: absolute;
		top: 5.5em;
		left: 1.4em;
	  }
	  
	  .vertical-centered-text img{
		width: 9.5em !important;
		top: 0.5em !important;
		left: 1.2em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		margin-left: 52.5%;
		margin-top: 0%;
	  }
	  
	  
	  .vertical-centered-text .guruTexto{
		width: 9.5em !important;
		position: absolute;
		top: 2.3em !important;
		left: 0.95em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 11em !important;
		position: absolute;
		top: -0.27em !important;
		left: 0.2em !important;
	  }

	  .content-button{
		position: relative;
		width: 90%;
		margin-left: 0%;
		margin-top: 28%;
		z-index: 5;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em !important;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 5;
		margin-top: -30%;
		margin-left: -11%;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 30em;
			left: -5.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 23.5em;
			left: 32em;
			z-index: 5;
		}
		
		.nmi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			padding: 0;
			top: 25.7em !important;
			left: 0.45em !important;
		}

		.botonx {
			display: block;
			position: relative;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;
			margin-left: -14.5%;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		position: absolute;
		width: 19em !important;
		top: 2em !important;
		left: 2.2em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 19em !important;
		top: 1em !important;
		left: 5.3em;
	}

	.vertical-centered-text .textoUnDia2{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		margin-left: 2%;
		margin-top: -2%;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		width: 2.5em !important;
		left: 10.5em !important;
		top: 3.2em !important;
		z-index: 3;
	}
	
	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 17.5em;
		margin-left: -3.5em;
		top: 5.5em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
		left: 0em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
		width: 100%;
		margin-left: 0em;
	}

	.button-validar {
		width: 90%;
		height: 10vh;
		position: relative;
		margin: 0 auto;
		text-align: center;
		top: 6.2em;
		left: 0.5em;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;

	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 21em;
		top: 39.7em;
	}

	.contenedorRedes{
		width: 100%;
		position: absolute;
		top: 35.5em !important;
		left: -0.5em !important;
		text-align: center;
		display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#loading .pensandingGenio {
		width: 18.5em !important;
		position: absolute;
		top: 3em !important;
		left: 2.5em!important;
	}

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 3em;
		top: 5em;
		z-index: 5;
	}

	#rta .vertical-centered-text .pensandingTexto{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 2em;
		top: 5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta {
		padding: 5%;
		line-height: 120%;
		display: none;
		margin-left: -5.8em;
		margin-top: 5em;
	}

	#alerta b{
		position: relative;
		margin-left: 15.5em;
		top: 1em;
		font-size: 0.8em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 1.5em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 9.5em;
		margin-top: 4em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 4.6em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color: #F5A527 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 7.7em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color: #3FA9F5 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 10.7em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		height: 10px;
		margin-top: 13.8em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 9.5em !important;
	}
 }

  /* iphone 6, 6s, 7, 8 horizontal*/@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { 
	body,html {
		margin : 0px 0px 0px 0px;
		height: 640px !important;
		background-color: #171D35;
	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 667px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		color: #FFF;
		font-size: 0.4em !important;
		line-height: 1 !important;
		position: absolute;
		top: 5.5em;
		left: 7.8em;
	  }
	  
	  .vertical-centered-text img{
		width: 9.5em !important;
		top: 0.5em !important;
		left: 6.2em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		margin-left: 3.8em;
		margin-top: 1.5em;
	  }
	  
	  
	  .vertical-centered-text .guruTexto{
		width: 9.5em !important;
		position: absolute;
		top: 2.3em !important;
		left: 5.95em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 11em !important;
		position: absolute;
		top: -0.27em !important;
		left: 5.2em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		left: 0;
		top: 29em;
		z-index: 5;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em !important;
		height: 3.5em;
		cursor: pointer;
		position: absolute;
		z-index: 5;
		margin-left: -6%;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 30.5em;
			left: 4.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 8em;
			cursor: pointer;
			top: 24.1em;
			left: 40em;
			z-index: 5;
		}
		
		.nmi img{
			width: 8em;
			position: absolute;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			padding: 0;
			top: 25.7em !important;
			left: 0.45em !important;
		}

		.botonx {
			display: block;
			position: relative;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;
			margin-left: 16.5%;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background: url(img/botones/verResultados.png);
				background-size: 100%;
				background-repeat: no-repeat;
				width: 17em;
				height: 6.5em;
				cursor: pointer;
				position: absolute;
				margin-top: -21em;
				margin-left: 16em;
				z-index: 2;
			}

			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 19em !important;
		top: 1em !important;
		left: 12.3em !important;
	}

	.vertical-centered-text .textoUnDia2{
		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		margin-left: 4em;
		margin-top: 1.2em;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		width: 2.5em !important;
		left: 20.5em !important;
		top: 3.5em !important;
		z-index: 3;
	}
	
	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 17.5em;
		margin-left: 6.5em;
		top: 5.5em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 8em;
		top: 36.5em;
	}

	.contenedorRedes{
		width: 100%;
		position: absolute;
		top: 35.5em !important;
		left: -0.5em !important;
		text-align: center;
		display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 0em;
		top: 4em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
		margin-left: 3em;
		top: -1em;
		font-size: 0.8em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 80% !important;
		height: 10px;
		margin-top: 1.2em !important;
		margin-left: 0.5em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: -4em;
		margin-top: 0em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 90% !important;
		height: 10px;
		margin-top: 4.1em !important;
		margin-left: 0.5em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: -4em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color: #F5A527 !important;
		width: 80% !important;
		height: 10px;
		margin-top: 7em !important;
		margin-left: 0.5em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: -4em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color: #3FA9F5 !important;
		width: 80% !important;
		height: 10px;
		margin-top: 10.1em !important;
		margin-left: 0.5em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: -4em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 80% !important;
		height: 10px;
		margin-top: 13.1em !important;
		margin-left: 0.5em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: -4em !important;
	}
 }

/* iphone 6+, 6s+, 7+, 8+ */ @media only screen and (min-device-width: 414px)and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation : portrait){
	body,html {
		margin: 0px 0px 0px 0px;
		height: 812px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 812px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.4em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		left: 0.6em;
	  }
	  
	  .vertical-centered-text img{
		width: 8.5em !important;
		top: 0.78em !important;
		left: 1.5em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.5em !important;
		position: absolute;
		left: 2.9em !important;
		top: -0.3em !important;
		z-index: 3;
	  }
	  
	  .vertical-centered-text-form .textoUnDia{
		width: 3em !important;
		position: absolute;
		left: 10.25em !important;
		top: 4.5em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2 {

		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		margin-left: 36%;
		margin-top: 12%;
	
	}
	  
	  .vertical-centered-text .guruTexto{
		width: 8.5em !important;
		position: absolute;
		top: 2.8em !important;
		left: -3.5em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 9.5em !important;
		position: absolute;
		top: 0.45em !important;
		left: -4em !important;
	  }

	  .content-button{
		position: relative;
		left: -21em !important;
		top: 25em !important;
		width: 100%;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em !important;
		height: 6.5em;
		cursor: pointer;
		position: relative;
		z-index: 2;
		}

		.mi{
			display: inline-block;
			position: relative;
			border: none;
			width: 0;
			cursor: pointer;
			top: 18.2em;
			left: 11.5em;
			z-index: 5;;
		}
		
		.mi img{
			width: 8em;
			position: relative;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: relative;
			border: none;
			width: 0;
			cursor: pointer;
			top: 18.2em;
			left: 15em;
			z-index: 5;
		}
		
		.nmi img{
			width: 8em;
			position: relative;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			border: none;
			width: 0;
			cursor: pointer;
			top: 22.8em !important;
			left: -5.8em !important;
			z-index: 5;
		}

		.botonx {
			display: inline-block;
			position: relative;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 100%;
			width: 3em;
			height: 45px;
			cursor: pointer;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 20.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	
	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		position: absolute;
		width: 19em !important;
    top: -5em !important;
    left: 2.3em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 17.5em !important;
		top: 2em !important;
		left: 3em !important;
	}
	
	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 17.5em;
		margin-left: -3.5em;
		top: 7.5em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		height: 6.5em;
		margin-left: -58%;
		margin-top: 0%;
		position: relative;
		z-index: 2;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em;
		height: 6.5em;
		cursor: pointer;
		position: relative;
		z-index: 2;
		left: 25%;
		top: 14.8em;
	}

	.contenedorRedes{
		width: 100%;
		position: absolute;
		top: 34em !important;
		left: -1.3em !important;
		text-align: center;
		display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: relative;
		font-family: 'Lato', sans-serif;
		left: 2.7em;
		top: 3.5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
    	margin-left: 11.5em;
    	top: 0.8em;
    	font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -1.4em !important;
		margin-left: 10em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 9.5em;
		margin-top: -0.2em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -3.2em !important;
		margin-left: 10em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: -0.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color: #F5A527 !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -3.2em !important;
		margin-left: 10em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: -0.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color: #3FA9F5 !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -3.2em !important;
		margin-left: 10em;
		font-size: 0.8em !important;;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: -0.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -3.2em !important;
		margin-left: 10em;
		font-size: 0.8em !important;;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 0.2em !important;
		margin-left: 9.5em !important;
	}
 }

/* iphoneX */@media only screen and (min-device-width: 375px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) { 
	body,html {
		margin: 0px 0px 0px 0px;
		height: 812px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 812px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.3em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		left: 3.1em;
		top: 8em;
	  }
	  
	  .vertical-centered-text img{
		width: 8.5em !important;
		top: 0.78em !important;
		left: 1.5em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.5em !important;
		position: absolute;
		left: 4.6em !important;
		top: 1.8em !important;
		z-index: 3;
	  }
	  
	  .vertical-centered-text-form .textoUnDia{
		width: 3em !important;
		position: absolute;
		left: 10.25em !important;
		top: 4.5em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2 {

		width: 1.3em !important;
		position: absolute;
		z-index: 3;
		margin-left: 0%;
		margin-top: 0%;;
	
	}
	  
	  .vertical-centered-text .guruTexto{
		width: 8.5em !important;
		position: absolute;
		top: 2.8em !important;
		left: 1.5em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 9.5em !important;
		position: absolute;
		top: 0.45em !important;
		left: 0.7em !important;
	  }

	  .content-button{
		position: relative;
		left: 0em !important;
		top: 26em !important;
		width: 100%;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em !important;
		height: 6.5em;
		cursor: pointer;
		position: relative;
		z-index: 2;
		}

		.mi{
			display: inline-block;
			position: relative;
			border: none;
			width: 0;
			cursor: pointer;
			top: 18.2em;
			left: 11.5em;
			z-index: 5;;
		}
		
		.mi img{
			width: 8em;
			position: relative;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: relative;
			border: none;
			width: 0;
			cursor: pointer;
			top: 18.2em;
			left: 15em;
			z-index: 5;
		}
		
		.nmi img{
			width: 8em;
			position: relative;
			z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			border: none;
			width: 0;
			cursor: pointer;
			top: 22.8em !important;
			left: -2.8em !important;
			z-index: 5;
		}

		.botonx {
			display: inline-block;
			position: relative;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 100%;
			width: 3em;
			height: 45px;
			cursor: pointer;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 20.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	
	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		position: absolute;
		width: 19em !important;
    top: -5em !important;
    left: 2.3em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 17.5em !important;
		top: 2em !important;
		left: 3em !important;
	}
	
	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 17.5em;
		margin-left: -3.5em;
		top: 7.5em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		height: 6.5em;
		margin-left: -82%;
		margin-top: 13%;
		position: relative;
		z-index: 2;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 10em;
		height: 6.5em;
		cursor: pointer;
		position: relative;
		z-index: 2;
		left: 26%;
		top: 18.8em;
	}

	.contenedorRedes{
		width: 100%;
		position: absolute;
		top: 34em !important;
		left: -1.3em !important;
		text-align: center;
		display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 1.2em;
		padding: 0;
		margin-left: 2em; 
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: relative;
		font-family: 'Lato', sans-serif;
		left: 2.75em;
		top: 3.5em;
		z-index: 5;
	}

	#rta .vertical-centered-text .pensandingTexto{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: relative;
		font-family: 'Lato', sans-serif;
		left: 0.75em;
		top: 1.8em;
		z-index: 5;
	
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
		margin-left: 13.5em;
		top: 0.8em;
		font-size: .8em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -1.4em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 9.5em;
		margin-top: -0.2em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 70% !important;
		position: relative;
		height: 10px;
		margin-top: -2.9em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: -0.3em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color: #F5A527 !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -3.2em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: -0.1em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color: #3FA9F5 !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -3.2em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 0em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		position: relative;
		height: 10px;
		margin-top: -3.2em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: -0.2em !important;
		margin-left: 9.5em !important;
	}
}

/* iphoneX */@media only screen and (orientation : landscape) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 
	body,html {
		margin : 0px 0px 0px 0px;
		height: 568px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 1112px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 13em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.5em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		position: absolute;
		left: 5.15em;
		top: 5em;
	  }
	  
	  .vertical-centered-text img{
		width: 12.5em !important;
		top: -2.22em !important;
		left: 6.5em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 4.8em !important;
		position: absolute;
		left: 10.3em !important;
		top: 0.3em !important;
		z-index: 3;
	  }
	  
	  .vertical-centered-text-form .textoUnDia{
		  width: 10em !important;
		  position: absolute;
		  left: 5.7em !important;
		  top: 0.5em !important;
		  z-index: 3;
	  }
	  
	  .vertical-centered-text .guruTexto{
		width: 18em !important;
		position: absolute;
		top: -1em !important;
		left: 3.6em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 14.1em !important;
		position: absolute;
		top: -2.8em !important;
		left: 5.7em !important;
	  }

	  .content-button{
		position: relative;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 21.5em !important;
		top: 41.5em !important;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 36.7em;
			left: 7em;
			z-index: 5;
		}
		
		.mi img{
			width: 100%;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 30.2em;
			left: 38em;
			z-index: 5;
		}
		
		.nmi img{
			width: 100%;
   			position: absolute;
    		z-index: 5;
		}

		.botonx {
			display: inline-block;
			position: absolute;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;
			top: 34.5em !important;
			left: 26.3em !important;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		width: 25em !important;
		top: -5em !important;
		left: 13.3em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 25em !important;
		top: -5em !important;
		left: 13.3em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		position: absolute;
		left: 20.8em !important;
		top: 0em !important;
		z-index: 3;
	}
	

	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 23.5em;
		margin-left: 7.4em;
		top: 4.5em;
		
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 21.4em !important;
		top: 21em !important;
	}

	#alerta input {
	    border: none;
    background: url(img/botones/Reintentar.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12em;
    height: 6.5em;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    left: 32.2em;
    top: 46.5em;
	}

	.contenedorRedes{
		width: 100%;
    	position: absolute;
    	top: 61.5em !important;
    	left: -1em !important;
    	text-align: center;
    	display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.5em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 2.2em;
   		padding: 0;
    	margin-left: 2em
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 9.8em;
		top: 6.5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
    	margin-left: 11.5em;
    	top: 0em;
    	font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color:#A3C959 !important;
		width:60% !important;
		height:10px;
		margin-top: 2.5em !important;
   		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 9.5em;
		margin-top: 4em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color:#BA4545 !important;
		width:60% !important;
		height:10px;
		margin-top:5.6em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top:8.5em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top:11.6em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 65% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 9.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color:#CC66CC !important;
		width:60% !important;
		height:10px;
		margin-top:14.7em !important;
		margin-left: 9em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 65% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 9.5em !important;
	}
}


/*MOBILE CSS TABLET */ @media screen and (max-width: 800px) and (min-width: 768px) and (orientation : portrait){
	body,html {
		margin : 0px 0px 0px 0px;
		height: 568px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 1024px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 0em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.5em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		position: absolute;
		left: 6.15em;
		top: 7em;
	  }
	  
	  .vertical-centered-text img{
		width: 11.5em !important;
		top: 1.78em !important;
		left: 7.1em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.3em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.1em !important;
		z-index: 3;
	  }

	  
	  .vertical-centered-text .guruTexto{
		width: 10em !important;
		position: absolute;
		top: 5em !important;
		left: 7.65em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 13em !important;
		position: absolute;
		top: 1.15em !important;
		left: 6.3em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		height: 3.5em;
		left: 0em !important;
		top: 38em !important;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 4.5em;
		cursor: pointer;
		position: absolute;
		margin-left: -8%;
		z-index: 2;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 39.6em;
			left: 6em;
			z-index: 5;
		}
		
		.mi img{
			width: 100%;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 33.1em;
			left: 40em;
			z-index: 5;
		}
		
		.nmi img{
			width: 100%;
   			position: absolute;
    		z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			height: 3.5em;
			top: 33em !important;
			left: 7.15em !important;
		}

		.botonx {
			display: inline-block;
			position: absolute;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;

			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		width: 25em !important;
		top: 3em !important;
		left: 13.3em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 23em !important;
		top: 4em !important;
		left: 14em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		width: 2.8em !important;
		position: absolute;
		left: 24.1em !important;
		top: 7em !important;
		z-index: 3;
	}
	

	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 23.5em;
		margin-left: 7.4em;
		top: 8.5em;
		
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: 19%;
	}

	#alerta {
		padding: 5%;
		line-height: 120%;
		display: none;
		margin-left: 13.1em;
		margin-top: 10em;
	}

	#alerta input {
	    border: none;
    background: url(img/botones/Reintentar.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12em;
    height: 6.5em;
    cursor: pointer;
    position: absolute;
    z-index: 2;
	left: 9.2em;
    top: 40em;
	}

	.contenedorRedes{
		width: 100%;
    	position: absolute;
    	top: 47.5em !important;
    	left: 0em !important;
    	text-align: center;
    	display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.5em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 2.2em;
   		padding: 0;
    	margin-left: 2em
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 0.5em;
		top: 5.5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
		margin-left: 1.5em;
		top: -3em;
		font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color:#A3C959 !important;
		width:60% !important;
		height:10px;
		margin-top: -3.8em !important;
		margin-left: -5em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 1.5em;
		margin-top: 1em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color:#BA4545 !important;
		width:60% !important;
		height:10px;
		margin-top: -0.8em !important;
		margin-left: -5em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 1.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top:2.3em !important;
		margin-left: -5em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 1.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top:5.3em !important;
		margin-left: -5em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 1.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color:#CC66CC !important;
		width:60% !important;
		height:10px;
		margin-top:8.5em !important;
		margin-left: -5em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 1.5em !important;
	}
}

/*MOBILE CSS desk 1024 */ @media screen and (max-width: 1300px) and (min-width: 1000px){
	body,html {
		margin : 0px 0px 0px 0px;
		height: 568px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 1024px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 4em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.5em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		position: absolute;
		left: 6.4em;
		top: 7.5em;
	  }
	  
	  .vertical-centered-text img{
		width: 11.5em !important;
		top: 1.78em !important;
		left: 7.1em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.3em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.1em !important;
		z-index: 3;
	  }

	  
	  .vertical-centered-text .guruTexto{
		width: 10em !important;
		position: absolute;
		top: 5em !important;
		left: 7.65em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 13em !important;
		position: absolute;
		top: 1.15em !important;
		left: 6.3em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		height: 3.5em;
		left: 0em !important;
		top: 38em !important;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 4.5em;
		cursor: pointer;
		position: absolute;
		margin-left: -6%;
		z-index: 2;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 39.6em;
			left: 14.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 100%;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 33.1em;
			left: 45em;
			z-index: 5;
		}
		
		.nmi img{
			width: 100%;
   			position: absolute;
    		z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			height: 3.5em;
			top: 33em !important;
			left: 14.4em !important;
		}

		.botonx {
			display: inline-block;
			position: absolute;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;

			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		width: 23em !important;
		top: 4em !important;
		left: 18em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 23em !important;
		top: 4em !important;
		left: 14em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		width: 2.8em !important;
		position: absolute;
		left: 24.1em !important;
		top: 7em !important;
		z-index: 3;
	}
	

	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 23.5em;
		margin-left: 7.4em;
		top: 8.5em;
		
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: 25%;
		margin-top: 2%;
	}

	#alerta {
		padding: 5%;
		line-height: 120%;
		display: none;
		margin-left: 14.8em;
		margin-top: 11em;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 14em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 11em;
		top: 38em;
	}

	.contenedorRedes{
		width: 100%;
    	position: absolute;
    	top: 47.5em !important;
    	left: 0em !important;
    	text-align: center;
    	display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.5em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 2.2em;
   		padding: 0;
    	margin-left: 2em
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 1.5em;
		top: 4.5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
		margin-left: 5.5em;
		top: -3em;
		font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: -0.8em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 3.5em;
		margin-top: 1em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 2.4em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top:5.5em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top:8.7em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		height: 10px;
		margin-top: 11.6em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 3.5em !important;
	}
}

/*MOBILE CSS desk 1366 */ @media screen and (max-width: 1366px) and (min-width: 1350px){
	body,html {
		margin : 0px 0px 0px 0px;
		height: 568px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 1024px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 9em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.5em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		position: absolute;
		left: 6.4em;
		top: 7.5em;
	  }
	  
	  .vertical-centered-text img{
		width: 11.5em !important;
		top: 1.78em !important;
		left: 7.1em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.3em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.1em !important;
		z-index: 3;
	  }

	  
	  .vertical-centered-text .guruTexto{
		width: 10em !important;
		position: absolute;
		top: 5em !important;
		left: 7.65em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 13em !important;
		position: absolute;
		top: 1.15em !important;
		left: 6.3em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		height: 3.5em;
		left: 0em !important;
		top: 38em !important;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 4.5em;
		cursor: pointer;
		position: absolute;
		margin-left: -5%;
		z-index: 2;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 39.6em;
			left: 22.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 100%;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 33.1em;
			left: 55.5em;
			z-index: 5;
		}
		
		.nmi img{
			width: 100%;
   			position: absolute;
    		z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			height: 3.5em;
			top: 33em !important;
			left: 0em !important;
		}

		.botonx {
			display: inline-block;
			position: absolute;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;
			margin-left: 30.5%;
			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		width: 23em !important;
		top: 4em !important;
		left: 18em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 23em !important;
		top: 4em !important;
		left: 14em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		width: 2.8em !important;
		position: absolute;
		left: 24.1em !important;
		top: 7em !important;
		z-index: 3;
	}
	

	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 23.5em;
		margin-left: 7.4em;
		top: 8.5em;
		
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: 31%;
		margin-top: 0%;
	}

	#alerta {
		padding: 5%;
		line-height: 120%;
		display: none;
		margin-left: 14.8em;
		margin-top: 11em;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 14em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 11em;
		top: 38em;
	}

	.contenedorRedes{
		width: 100%;
    	position: absolute;
    	top: 47.5em !important;
    	left: 0em !important;
    	text-align: center;
    	display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.5em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 2.2em;
   		padding: 0;
    	margin-left: 2em
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 1.5em;
		top: 4.5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta b{
		position: relative;
		margin-left: 5.5em;
		top: -3em;
		font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: -0.8em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 3.5em;
		margin-top: 1em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 2.4em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top:5.5em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top:8.7em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		height: 10px;
		margin-top: 11.6em !important;
		margin-left: 6em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 3.5em !important;
	}
}

/*MOBILE CSS desk 1440 */ @media screen and (max-width: 1500px) and (min-width: 1440px){
	body,html {
		margin : 0px 0px 0px 0px;
		height: 568px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 100% !important;
		height: 1024px;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 10em !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.5em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		position: absolute;
		left: 6.4em;
		top: 7.5em;
	  }
	  
	  .vertical-centered-text img{
		width: 11.5em !important;
		top: 1.78em !important;
		left: 7.1em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.3em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.1em !important;
		z-index: 3;
	  }

	  
	  .vertical-centered-text .guruTexto{
		width: 10em !important;
		position: absolute;
		top: 5em !important;
		left: 7.65em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 13em !important;
		position: absolute;
		top: 1.15em !important;
		left: 6.3em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		height: 3.5em;
		left: 0em !important;
		top: 38em !important;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 4.5em;
		cursor: pointer;
		position: absolute;
		margin-left: -5%;
		z-index: 2;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 39.6em;
			left: 23.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 100%;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 33.1em;
			left: 57.8em;
			z-index: 5;
		}
		
		.nmi img{
			width: 100%;
   			position: absolute;
    		z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			height: 3.5em;
			top: 33em !important;
			left: 25.1em !important;
		}

		.botonx {
			display: inline-block;
			position: absolute;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;

			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		width: 23em !important;
		top: 4em !important;
		left: 25em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 23em !important;
		top: 4em !important;
		left: 14em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		width: 2.8em !important;
		position: absolute;
		left: 24.1em !important;
		top: 7em !important;
		z-index: 3;
	}
	

	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 23.5em;
		margin-left: 7.4em;
		top: 8.5em;
		
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: 32%;
		margin-top: 0%;
	}

	#alerta {
		padding: 5%;
		line-height: 120%;
		display: none;
		margin-left: 21.8em;
		margin-top: 11em;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 14em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 19em;
		top: 37em;
	}

	.contenedorRedes{
		width: 100%;
    	position: absolute;
    	top: 47.5em !important;
    	left: 0em !important;
    	text-align: center;
    	display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.5em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 2.2em;
   		padding: 0;
    	margin-left: 2em
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: 4.8em;
		top: 4.5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13.5em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 19em;
		top: 37.5em;
	}

	#alerta b{
		position: relative;
		margin-left: 5.5em;
		top: -3em;
		font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: -0.2em !important;
		margin-left: 5em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 3.5em;
		margin-top: 1em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 3em !important;
		margin-left: 5em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top:5.9em !important;
		margin-left: 5em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top:9em !important;
		margin-left: 5em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		height: 10px;
		margin-top: 12.15em !important;
		margin-left: 5em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 3.5em !important;
	}
}

/*MOBILE CSS desk 1440 */ @media screen and (max-width: 2000px) and (min-width: 1919px){
	body,html {
		margin : 0px 0px 0px 0px;
		height: 568px !important;

	}

	.seccion {
		position: relative;
		width: 100%;

	}

	.seccion img{
		width: 100%;

	}
	.seccion .fondoGuru {
		position: absolute;
		width: 30% !important;
		height: 1080px;
		margin-left: 34.5% !important;
	}

	.vertical-centered-text {
		display: table;
		width: 10em !important;
		height: 0em !important;
		margin-left: 28% !important;
	  }
		.vertical-centered-text > * {
		  display: table-cell;
		  vertical-align: middle;
		  
	  }
	  
	  .vertical-centered-text p{
		width: 11em !important;
		height: 10em !important;
		color: #FFF;
		font-size: 0.5em !important;
		line-height: 1 !important;
		padding-left: 2em !important;
		position: absolute;
		left: 6.4em;
		top: 7.5em;
	  }
	  
	  .vertical-centered-text img{
		width: 11.5em !important;
		top: 1.78em !important;
		left: 7.1em !important;
	  }
	  
	  .vertical-centered-text-form img{
		  position: absolute;
		  width: 16.5em !important;
		  top: -3em;
		  left: 2.3em !important;
	  }
	  
	  .vertical-centered-text .textoUnDia{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.3em !important;
		z-index: 3;
	  }

	  .vertical-centered-text .textoUnDia2{
		width: 1.8em !important;
		position: absolute;
		left: 11.9em !important;
		top: 3.1em !important;
		z-index: 3;
	  }

	  
	  .vertical-centered-text .guruTexto{
		width: 10em !important;
		position: absolute;
		top: 5em !important;
		left: 7.65em !important;
		z-index: 1;
	  }
	  
	  .vertical-centered-text .genio{
		width: 13em !important;
		position: absolute;
		top: 1.15em !important;
		left: 6.3em !important;
	  }

	  .content-button{
		position: relative;
		width: 100%;
		height: 3.5em;
		left: 0em !important;
		top: 38em !important;
	}

	.boton {
		border: none;
		background: url(img/botones/comenzar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13em !important;
		height: 4.5em;
		cursor: pointer;
		position: absolute;
		margin-left: -5%;
		z-index: 2;
		}

		.mi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 39.6em;
			left: 35.5em;
			z-index: 5;
		}
		
		.mi img{
			width: 100%;
			position: absolute;
			z-index: 5;
		}
		
		.nmi{
			display: inline-block;
			position: absolute;
			border: none;
			width: 11em;
			cursor: pointer;
			top: 33.1em;
			left: 69.8em;
			z-index: 5;
		}
		
		.nmi img{
			width: 100%;
   			position: absolute;
    		z-index: 5;
		}

		.contenedorBotonX{
			position: relative;
			width: 100%;
			height: 3.5em;
			top: 33em !important;
			left: 37.2em !important;
		}

		.botonx {
			display: inline-block;
			position: absolute;
			border: none;
			background: url(img/botones/cerrar.png);
			background-repeat: no-repeat;
			background-size: 3em;
			width: 13%;
			height: 45px;
			cursor: pointer;

			z-index: 5;
			}

			.button-validar .boton{
				border: none;
				background:url('img/botones/verResultados.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 17em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 13em;
				top: 25.5em;
			}
	
			#alerta input {
				border: none;
				background:url('img/botones/Reintentar.png');
				background-size:cover;
				background-repeat: no-repeat;
				/*width: 185px; height: 85px;*/
				width: 18.5em;
				height: 6.5em;
				cursor:pointer;
				position: absolute;
				z-index: 2;
				left: 5.5em;
				top: 40em;
			}

	.vertical-centered-text {
	  display: table;
	  width: 13em;
	  height: 8em;
	  margin-left: 3.8em;
	}
	
	.vertical-centered-text > * {
		display: table-cell;
		vertical-align: middle;
		
	}


	.vertical-centered-text p{
		width: 10em;
		height: 6em;
		color: #FFF;
		line-height: 1;
	
	}
	
	.vertical-centered-text .contenedorAlerta{
		width: 23em !important;
		top: 4em !important;
		left: 14.5em !important;
	}
	
	.vertical-centered-text-form img{
		position: absolute;
		width: 23em !important;
		top: 4em !important;
		left: 14em !important;
	}
	
	.vertical-centered-text-form .textoUnDia{
		width: 2.8em !important;
		position: absolute;
		left: 24.1em !important;
		top: 7em !important;
		z-index: 3;
	}
	

	.vertical-centered-text-input{
		width: 15em;
		margin-left: -4em;	
	}
	
	.vertical-centered-text-input {
		width: 26.5em;
		margin-left: 5.7em;
		top: 8.5em;
	}
	
	.vertical-centered-text-input p{
		font-size: 1em;
	}
	
	.vertical-centered-text-input input{
		font-size: 0.7em;
		height: 2em;
		margin-bottom: -0.5em !important;
	}

	.button-validar .boton{
		border: none;
		background: url(img/botones/verResultados.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 17em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		margin-left: 34.5%;
		margin-top: -1.8%;
	}

	#alerta {
		padding: 5%;
		line-height: 120%;
		display: none;
		margin-left: 11.5em;
		margin-top: 12em;
	}

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 14em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: 19em;
		top: 37em;
	}

	.contenedorRedes{
		width: 100%;
		position: absolute;
		top: 47.5em !important;
		left: -2em !important;
		text-align: center;
		display: inline-block;
	}
	.contenedorRedes p {
		display: block;
		font-family:  'Lato', Verdana, Arial, sans-serif;
		color: #D9AE52;
		font-size: 1.5em;
		margin-left: 2em;
		margin-right: 0.2em;
	}
	
	.contenedorRedes .imgRedes {
		width: 2.2em;
   		padding: 0;
    	margin-left: 2em
	}

	/*::::::::::::::::PENSANDING:::::::::::::::::::::*/

	#rta .vertical-centered-text .textoUnDiaPensanding{
		width: 8.5em !important;
		position: absolute;
		left: 5.7em !important;
		top: -1.5em !important;
		z-index: 5;
	}

	#rta .vertical-centered-text p{
		font-size: 2em !important;
		width: 85% !important;
		height: 5em !important;
		position: absolute;
		font-family: 'Lato', sans-serif;
		left: -4.2em;
		top: 4.5em;
		z-index: 5;
	}

	/*::::::::::::::::RESULTADO:::::::::::::::::::::*/

	#alerta input {
		border: none;
		background: url(img/botones/Reintentar.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 13.5em;
		height: 6.5em;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		left: -2em;
		top: 37.5em;
	}

	#alerta b{
		position: relative;
		margin-left: 5.5em;
		top: -3em;
		font-size: 1em;
	}

	#rta .vertical-centered-text .tituloArte{
		color: #A3C959 !important;
		width: 60% !important;
		height: 10px;
		margin-top: -0.9em !important;
		margin-left: 13em;
		font-size: 0.8em !important;
	}

	.barraArte{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-left: 3.5em;
		margin-top: 1em;
	}

	#rta .vertical-centered-text .tituloJuridica{
		color: #BA4545 !important;
		width: 60% !important;
		height: 10px;
		margin-top: 2.2em !important;
		margin-left: 13em;
		font-size: 0.8em !important;
	}


	.barraJuridica{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloEmpre{
		color:#F5A527 !important;
		width:60% !important;
		height:10px;
		margin-top: 5.2em !important;
		margin-left: 13em;
		font-size: 0.8em !important;
	}

	.barraEmpre{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloIngenieria{
		color:#3FA9F5 !important;
		width:60% !important;
		height:10px;
		margin-top:8.3em !important;
		margin-left: 13em;
		font-size: 0.8em !important;
	}

	.barraIngenieria{
		background: rgba(0,0,0,0.3);
		width: 91% !important;;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em;
		margin-left: 3.5em;
	}

	#rta .vertical-centered-text .tituloBiologicas{
		color: #CC66CC !important;
		width: 60% !important;
		height: 10px;
		margin-top: 10.35em !important;
		margin-left: 13em;
		font-size: 0.8em !important;
	}

	.barraBiologicas{
		background: rgba(0,0,0,0.3);
		width: 91% !important;
		height: 20px;
		border: none;
		position: relative;
		overflow: hidden;
		border-radius: 50px;
		margin-top: 1.2em !important;
		margin-left: 3.5em !important;
	}
}