@charset "utf-8";
.ggc_contenido_L {
    width: 92%;
    padding: 2% 4% 0
}

.cntBordeTarea {
    border: 3px dashed #A27F51;
    width: 95%;
    height: 590px;
    padding: 1.5% 1.5%;
    margin: 0 auto;
}

.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%;
}

.tarea {
    background-image: url(../img/img_tarea_muneca-23.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 382px;
    height: 523px;
    /* text-align: right; */
    /* margin-top: 3%; */
    /* margin-left: 2%; */
    
    position: absolute;
    transform: translate(50%);
    left: 43.4%;
    top: 63px;
}
/*FLECHAS*/

.flechaAtrasTarea {
    background-image: url(../img/flechaAtrasTarea.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
}

.flechaSiguienteTarea {
    background-image: url(../img/flechaSiguienteTarea.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 67px;
    height: 67px;
}

.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%;
}

.p {
    font-family: "cabinregular";
    font-size: 34px;
    line-height: 50.98px;
    letter-spacing: normal;
}

.content_tareas {
    position: absolute;
    width: 631px;
    height: 293px;
    font-family: "cabinregular";
    font-size: 35px;
    line-height: 35.9px;
    letter-spacing: normal;
}

.log_cc {
    background-image: url(../img/imgLicencia_cc.png);
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 88%;
    position: absolute;
    top: 84%;
}

.titleCC {
    width: 85%;
}

.circulo {
    content: "";
    width: 10.75PX;
    height: 10.75PX;
    background-color: #343A49;
    vertical-align: text-top;
    border-radius: 10px;
    margin-top: 12px;
    margin-right: 3px;
}

.imgGoogleT {
    background-image: url(../img/imgGoogleTarea-28.png);
    width: 572.488px;
    height: 381.957px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 5.85%;
    position: absolute;
    top: 37%;
}

.imgDetectiveT {
    background-image: url(../img/imgDtectiveTarea-28.png);
    width: 402.75px;
    height: 570.202px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 5.85%;
    position: absolute;
    top: 9%;
}

.flechaSiguiente {
    background-image: url(../img/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 35px;
    position: absolute;
    /* left: 101.3%; */
    
    top: 85%;
    /* transform: translate(50%); */
}
.flechaAtras {
    background-image: url(../img/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 35px;
    position: absolute;
      top: 85%;
    
   
}