@import url("M_G06_U01_L06.css");

.fondoTarea {
background-image: url(../img/fondoTarea.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 98%;
height: 96%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

/*subFondo*/
.subFondoTarea {
width: 1125px;
height: 605px;
position: absolute;
top: 4.5%;
left: 50%;
transform: translate(-50%);
padding: 5px;
border: 3px dashed #B17F49;
}

.numeroR{
width: 78px;
height: 78px;
position: relative;
left: 43%;
}

.texto1{
color: #343A49;
font-family: 'cabinregular';
font-size: 35px;
left: 5%;
position: relative;
white-space: nowrap;
margin-top: 25px;

}
.texto2{
color: #343A49;
font-family: 'cabinregular';
font-size: 35px;
letter-spacing: normal;
left: 5%;
position: relative;
white-space: nowrap;
margin-top: 16px;

}
.tblTarea{
color: #343A49;
font-family: 'cabinregular';
font-size: 35px;
margin-left: 10%;
line-height: 42px;

}
.respuesta {
width: 380px;
height: 40px;
margin: 5px 0px;
background-color: #9FE2C8;
border: 2px solid #fefefe;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
cursor: pointer;
padding: 10px;
    color: #E80000;
font-family: 'Cabin SemiBold';
font-size: 40px;
letter-spacing: normal;
}
.respuestaVisible{
background-color: #FEFEFE;
cursor: default;

}
.respuesta span{ 
display: none;
margin-left: 8%;
top: 50%;
position: absolute;
transform: translate(0,-50%);
}

.clickObj {
background-image: url(../img/click/clickObj.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 27px;
height: 30px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}