*{
	font-family: "Helvetica";
}

.container-principal{
    background: #FFFFFF;
    width: 55%;
    height: 95vh;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    box-shadow: 0 0 17px 0px #444444;
}

p{
	font-size: 12px !important;
	line-height: 17px;
	color: #707070;
}

.header-container-principal{
	width: 100%;
	text-align: center;
}

.logo-evaluaciones{
	margin-top: 20px;
    font-size: 20px;
    color: #00B9F2;
    font-weight: bold;
    text-align: center;
    width: 50%;
}

.logo-evaluaciones-index{
	margin-top: 30px;
	font-size: 20px;
	color: #00B9F2;
	font-weight: bold;
	text-align: center;
	width: 25%;	
}

.div-parrafo{
    margin: 40px 19%;
}

.div-button{
	text-align: center;
    margin-top: 30px;
	margin-bottom: 40px;
}

.div-button-secondary{
	margin-bottom: 60px;
}

.div-btn{
	text-align: center;
	width: 100%;
}

.button-primary{
	background: #0071A3;
	color: #FFFFFF;
	border: none;
	font-size: 18px;
	font-weight: bold;
    height: 70px;
    width: 42%;
	border-radius: 10px;
	box-shadow: 0px 2px 8px 0px #6b6b6b;
}

.button-secondary{
	background: none !important;
	color: #00B9F2 !important;
	border: none;
	font-weight: bold;
	outline: none !important;
	font-size: 14px;
}

.button-secondary:hover{
	color: #0071A3 !important;
}

.img-footer{
	width: 16%;
	height: auto;
	margin-right: 6px;
}

.img-pisa{
	width: 8%;
	height: auto;
}	

.img-ministerio{
	width: 40%;
	height: auto;
}	

.div-footer{
	bottom: 0;
    position: fixed;
    margin: 0px 5px;
	background: #ffffff;
}

.div-logos{
    width: 80%;
    float: left;
    margin-right: 0px !important;
    padding-right: 0px !important;
    padding-left: 26px;
    height: auto;
    margin-top: 10px;
}

.div-redes{
	width: 25%;
	float: left;
	padding-left: 0px;
    padding-right: 0px;
}

.img-redes{
	width: 14%;
	margin: 5px 2px;
}

.button-primary a {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.button-secondary a {
	color: #00B9F2 !important;
	text-decoration: none !important;
}

.icon-button{
	width: 18px;
	margin-left: 14px;
}

.icon-back{
	width: 24px;
	margin-right: 10px;
}

.div-back{
	margin-top: 30px;
    padding-right: 0px;
}

.div-back img{
	float: left;
}

.div-back h5{
	float: left;
}

.titulo-pagina{
	color: #1983A7;
	font-weight: bold;
	margin: 4px !important;
	float: left;
	font-size: 15px;
}

.div-header{
	padding-left: 30px;
	padding-right: 30px;
}

.volver-al-inicio{
	color: #1983A7;
	margin: 3px !important;
	float: right;
	font-size: 14px;
	font-weight: bold;
}

.icon-home{
	width: 20px;
	float: right;
	margin-right: 10px;
}

.div-inicio{
	float: right !important;
	margin-top: 30px;
}

.button-back{
	background: none !important;
	box-shadow: none !important;
	border: none !important;
	width: 100% !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
}

/****************CURSOS*********************/

.button-curso{
	margin-bottom: 15px;
}

.button-curso-primaria{
	background: #A6CE39;
}

.button-curso-primaria:hover{
	background: #339963;

}

.button-curso-secundaria{
	background: #0071A3;
}

.div-cursos{
	margin-top: 50px !important;	
}

/****************MATERIAS*********************/

.div-materias{
	margin-top: 50px !important;	
}

.icon-materia{
	width: 24px;
	height: auto;
	margin-right: 10px;
}

.button-materia{
	margin-bottom: 15px;
}

.button-matematica{
	background: #DA1F3D;
}

.button-matematica:hover{
	background: #b71a33;
}

.button-sociales{
	background: #F58233;
}

.button-sociales:hover{
	background: #e07831;
}

.button-naturales{
	background: #339963;
}

.button-naturales:hover{
	background: #26754b;
}

.button-lengua{
	background: #9E76B4;
}

.button-lengua:hover{
	background: #6c507b;
}

/****************PREGUNTAS*********************/

.div-pregunta{
	margin: 22px 76px;
	background: #9E76B4;
	border-radius: 10px;
	padding: 10px;
}

.pregunta{
	font-size: 15px !important;
    line-height: 19px !important;
    color: #FFFFFF;
    margin-bottom: 0px !important;
}

.pregunta_texto{
	font-size: 15px !important;
    line-height: 19px !important;
    color: #707070 !important;
    margin-bottom: 0px !important;
}

.div-respuestas{
	text-align: center;
	margin: auto;
	margin: 0 76px;
	display: inline-block;
}

.label-respuesta{
	background: #FFFFFF !important;
	color: #707070 !important;
	margin-bottom: 16px !important;
	font-size: 14px;
	white-space: normal;
	padding: 14px;
	box-shadow: 0px 3px 7px 0px #adadad;
	border: none;
	text-align: left;
	border-radius: 12px !important;
}

.div-button-continuar{
	margin: 0 76px;
	text-align: right;
}

.button-continuar{
	background: #0071A3;
	color: #FFFFFF;
	border: none;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 30px;
	border-radius: 10px;
	box-shadow: 0px 2px 8px 0px #6b6b6b;
}

.button-continuar a {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.active{
	background: #6D6E71 !important;
	border: none !important;
	outline: none !important;
	color: #FFFFFF !important;
	font-weight: bold;
}

.numero-pregunta{
	float: left;
}

.logo-pisa{
	float: left;
	width: 40px;
	margin-left: 16px;
}

.logo-aprender-pregunta{
	float: left;
	width: 54px;
	margin-left: 16px;
}
/******************RESULTADO***********************/
.div-texto-header{
	margin: 22px 76px;
}

.div-texto-header p{
	margin-top: 20px;
	font-size: 12px !important;
	line-height: 17px !important;
	font-weight: bold;
}

.div-cantidad-respuestas{
	text-align: center;
	margin-top: 50px !important;
	margin-bottom: 150px !important;
	background: #FF8B87;
	border-radius: 10px;
	padding: 10px;
    margin: 40px 18% !important;
}

.cantidad-respuestas{
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 0px;
}

.cantidad{
	color: #FFFFFF;

}

.div-texto-bottom{
	margin: 22px 76px;
}

.div-texto-bottom p{
	margin-top: 20px;
	font-size: 12px !important;
	line-height: 17px !important;
}

.div-button-resultado{
	margin-top: 40px;
	margin-bottom: 0px !important;
}

/*****************RESULTADO-RESPUESTAS******************/
.respuesta-incorrecta{
	background: #6D6E71 !important;
	color: #FFFFFF !important;
}

.respuesta-correcta{
	background: #339963 !important;
	color: #FFFFFF !important;
}

.div-content{
	height: 73vh;
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 10px;
}

/************ITEMS-LIBERADOS*******************/
.parrafo-items{
	font-weight: normal !important;
}

.formulario{
	width: 35%;
	margin: 0 auto;
}

.formulario label{
	font-size: 13px;
	color: #707070;
	font-weight: bold;
}

.formulario select{
	font-size: 14px;
	color: #707070;
}

.div-button-descargar{
	text-align: center;
	margin-top: 30px;
}

.div-parrafo-index{
	background: #FF8B87;
	border-radius: 10px;
	padding: 10px;
    margin: 40px 12% !important;
}

.div-parrafo-index .parrafo{
	font-size: 16px !important;
    line-height: 20px !important;
    color: #FFFFFF;
    font-weight: bold;
}

.div-border{
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	padding: 20px;
}

.div-titulo{
	text-align: center;
}

.div-pregunta-texto{
	margin: 22px 76px;
}

.div-pregunta-texto .seccion .title-seccion{
	font-size: 1.2rem !important;
	color: #F58233;
	font-weight: bold;	
}

.div-pregunta-texto .titulo .title-texto{
	font-size: 1.2rem !important;
	color: #707070;
	font-weight: bold;	
}

.div-pregunta-texto .subtitulo{
	margin-top: 16px;
}

.div-pregunta-texto .subtitulo .text-subtitulo{
	font-size: .8rem !important;
	color: #707070;
	font-weight: bold;	
}

.div-pregunta-texto .texto{
	font-size: .8rem !important;
	color: #707070;
}

.info-pregunta{
    margin: 22px 76px;
}

.barra-progreso{
	width: 150px;
    border: 1px solid #707070;
    border-radius: 6px;
    margin-left: 16px;
    height: 20px;
    float: left;
}

.progreso{
	width: 10%;
	height: 100%;
	float: left;
}

.progreso-1{
	background: #00B9EE;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px; 
}

.progreso-2{
	background: #96C92A;
}

.progreso-3{
	background: #FFB900;
}

.progreso-4{
	background: #FF8581;
}

.progreso-5{
	background: #A574B7;
}

.progreso-6{
	background: #4EB5EF;
}
.progreso-7{
	background: #F7C84D;
}
.progreso-8{
	background: #F28481;
}
.progreso-9{
	background: #F4A800;
}
.progreso-10{
	background: #4092D7;
}

.last {
    border-bottom-right-radius: 6px;
	border-top-right-radius: 6px; 
}



.barra-separadora{
	border: 1px solid #25C3F1;
	margin: 40px 76px;
}

.div-titulo-guia{
	padding-left: 0px !important;
}


@media screen and (max-width: 640px) {
  .ocultar-header {
    display: none;
  }
}

@media screen and (max-width: 440px) {
  .ocultar-img-buttons {
    display: none;
  }
}

@media screen and (max-width: 692px) {
  .img-redes {
    max-width:10px;
  }
}