.area1 {
    background-image: url(../img/S_G07_U01_L02_03_03/imgAct3-area1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area2 {
    background-image: url(../img/S_G07_U01_L02_03_03/imgAct3-area2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.Siguiente {
    width: 64px;
    height: 75px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 1190px;
    top: 50%;
    z-index: 3;
}

.ans1 {
    width: 729px;
    height: 70px;
    position: absolute;
    top: 16%;
    left: 36%;
    background-color: #037F3B;
}

.ans2 {
    width: 729px;
    height: 70px;
    position: absolute;
    top: 32%;
    left: 36%;
    background-color: #037F3B;
}

.ans3 {
    width: 729px;
    height: 115px;
    position: absolute;
    top: 47%;
    left: 36%;
    background-color: #037F3B;
}
.ans4 {
    width: 729px;
    height: 115px;
    position: absolute;
    top: 67%;
    left: 36%;
    background-color: #037F3B;
}

.press1{
       width: 42px;
    height: 42px;
    position: absolute;
    top: 17%;
    left: 32%;
}
.press2{
       width: 42px;
    height: 42px;
    position: absolute;
    top: 32.5%;
    left: 32%;
}
.press3{
       width: 42px;
    height: 42px;
    position: absolute;
    top: 50.5%;
    left: 32%;
}
.press4{
       width: 42px;
    height: 42px;
    position: absolute;
    top: 70%;
    left: 32%;
}
.mouse1 {
    background-image: url(../img/S_G07_U01_L02_03_03/imgAct3-mouse1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 27px;
    height: 29.88px;
    position: absolute;
    right: 0%;
    top: 80%;
}