@charset "utf-8";
.ggc_contenido_S{
	width: 92%;
	padding: 2% 4% 0
}
.cntBordeTarea {
	border: 3px dashed #A27F51;
	width: 94%;
	height: 590px;
	padding: 1%;
	margin: 0 auto;
	left: 50%;
	top: 52%;
	transform: translate(-50%,-50%);
	position: absolute;
}
.cntTarea {
	background-image: url(../img/fondoTarea.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 98%;
	height: 98%;
	text-align: left;
	padding: 1% 1% 0% 1%;
}
/*FLECHAS*/
.flechaAtrasTarea {
	background-image: url(../img/flechaAtrasTarea.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 77px;
	height: 77px;
}
.flechaSiguienteTarea {
	background-image: url(../img/flechaSiguienteTarea.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 77px;
	height: 77px;
}
.tituloTarea {
	font-family: 'cabinbold';
	font-size: 45px !important;
	line-height: 49px;
	margin-top: 4.5%;
	margin-left: 2%;
	letter-spacing: 0;
}
.tituloTarea2 {
	font-family: 'cabinbold';
	font-size: 30px !important;
	line-height: 49px;
	margin-top: 1.4%;
	margin-left: 3%;
	letter-spacing: 0;
}
.listaTarea {
	font-family: 'cabinmedium';
	font-size: 42px !important;
	line-height: 45px;
	margin-left: 2%;
	margin-top: 2%;
	width: 100%;
}
.listaTarea li {
	margin-left: -7%;
}
.listaTarea .texto {
	margin-left: 5%;
	margin-top: -4.8%;
}
.vineta {
	content: "";
	width: 13px;
	height: 13px;
	background-color: #DB9600;
	float: left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left: -2%;
	/* margin-right: 1.5%; */
	vertical-align: middle;
	margin-top: 2%;
}
.numeracion {
	width: 34px;
	height: 34px;
	margin-left: 1%;
	margin-top: 1%;
	margin-right: 1%;
}
.listaAspectosTarea {
	font-family: 'cabinmedium';
	font-size: 50px !important;
	line-height: 58px;
	margin-left: 7%;
	margin-top: 2%;
}


.listaTareaA {
	font-family: 'cabinbold';
font-size: 30px !important;
line-height: 63px;
margin-left: 11%;
margin-bottom:: 1%;
width: 100%;
}
.listaTareaA li {
	margin-left: -7%;
}
.listaTareaA .texto {
	margin-left: 5%;
	margin-top: -4.8%;
}




/*POP UPS*/
.lyPopup {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: 'alegreya_sansmedium';
    font-size: 45px;
    line-height: 45px;
    width: 985px;
    color: #393c4a;
}

    .lyPopup .lyContent {
		background-color: #90BE21;
		padding: 15px;
		text-align: left;
		width: 94%;
		padding: 20px 20px;
    }

    .lyPopup .lyContentIn {
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        text-align: center;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

    .lyPopup .title {
        font-family: 'cabinbold';
        font-size: 63px;
        line-height: 59px;
        color: #303D48;
        padding-top: 5%;
    }

    .lyPopup .cnt {
        font-family: 'cabinmedium';
        font-size: 45px;
        line-height: 43px;
        color: #201815;
        padding-bottom: 5%;
    }

    .lyPopup .dividor {
        width: 100%;
        height: 20px;
    }

    .lyPopup .closePopup {
        background-image: url(../img/closePopup/closePopup.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 67px;
        height: 67px;
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        font-size: 0;
		margin-top: -12px;
		margin-right: 8px;
        z-index: 2;
    }

	
.popTeoria {
	margin-left: 9%;
	margin-top: 16%;
	width:998px;
	height:385px;
}

.popTeoria .lyContent{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.popTeoria .cnt {
	margin: 0 auto;
	letter-spacing: 0;
		color: #7F7F7F;
	font-size: 39px;
	font-family: 'cabinregular';
	padding-bottom: 10%;
	line-height: 39px;
	text-align: left;
margin-left: 2%;
}
.popTeoria .title {
	color: #90BE21;
	font-size: 58px;
	padding-top: 5%;
padding-bottom: 2%;
}


/**/
.popResultado {
	margin-left: 22%;
	margin-top: 20%;
	width:577px;
	height:238px;
		-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.popResultado .lyContent{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.popResultado .title {
	color: #90BE21;
	font-size: 58px;
	padding-top: 5%;
padding-bottom: 2%;
}
.popResultado .resultado {
	margin: 0 auto;
	letter-spacing: 0;
	font-family: 'alegreya_sansmedium';
	color: #343A49;
	font-size: 69px;
	line-height:150px;
	padding-bottom: 10%;
	text-align: center;
}

.popResultado .btnOk{
	width:174px;
	height:66px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#41A837;
	line-height:65px;
	color:#FFFFFF;
	font-family: 'alegreya_sansbold';
	text-align:center;
	position:absolute;
	left: 50%;
	top: 90%;
	transform: translate(-50%, -50%);
}




/**/
.numeroPregunta{
	letter-spacing: 0;
	color: #029F7D;
	font-size: 75.6px;
	font-family: 'cabinbold';
text-align: center; margin-top: -1%;

}


.respuestaTarea {
	background: url(../img/respuestaTarea.png) center no-repeat;
	background-size: 100% 100%;
	width: 58.6px;
	height: 55.8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	margin: 0 auto;
}

.failTarea{
	background: url(../img/respuestaMala2.png) center no-repeat;
	background-size: 100% 100%;
	width: 58.6px;
	height: 55.8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 auto;
}
.successTarea{
	background: url(../img/respuestaBuena2.png) center no-repeat;
	background-size: 100% 100%;
	width: 58.6px;
	height: 55.8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 auto;
	}
	
	
.numeracion{
	width:28px;
	height:71px;
}

.tituloPregunta{
	letter-spacing: 0;
	color: #057F62;
	font-size: 40px;
	line-height:40px;
	font-family: 'cabinbold';
	margin-left: 1%;
}

.tblPregunta {
	margin: 5% 0% 0% 2%;
		letter-spacing: 0;
	color: #6F6F6E;
	font-size: 36px;
	font-family: 'cabinregular';
	line-height: 37px;
}
.tblPregunta tr td {
	padding-bottom: 2%;
}

.pregunta3{
	margin-top:1%;
}
.pregunta3 tr td{
	padding-bottom: 1%;
}