.siguiente {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 94%;
    top: 88.5%;
}

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

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

.area3 {
    background-image: url(../img/M_G07_U01_L04_03_03/imgAct3-area3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 673px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.area4 {
    background-image: url(../img/M_G07_U01_L04_03_03/imgAct3-area4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 673px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.area5 {
    background-image: url(../img/M_G07_U01_L04_03_03/imgAct3-area5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 673px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.area6 {
    background-image: url(../img/M_G07_U01_L04_03_03/imgAct3-area6-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 673px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.area7 {
    background-image: url(../img/M_G07_U01_L04_03_03/imgAct3-area7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 673px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.completa1 {
    position: absolute;
    top: 47.5%;
    left: 37%;
    font-size: 25px;
    z-index: 2;
    width: 52px;
    height: 52px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa1:focus {
    outline: none;
}

.completa2 {
    position: absolute;
    top: 67.9%;
    left: 29.3%;
    font-size: 20px;
    z-index: 2;
    width: 39px;
    height: 38px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa2:focus {
    outline: none;
}

.completa3 {
    position: absolute;
    top: 80.3%;
    left: 29.3%;
    font-size: 20px;
    z-index: 2;
    width: 39px;
    height: 38px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa3:focus {
    outline: none;
}

.completa4 {
    position: absolute;
    top: 77.7%;
    left: 51.5%;
    font-size: 20px;
    z-index: 2;
    width: 39px;
    height: 38px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa4:focus {
    outline: none;
}

.completa5 {
    position: absolute;
    top: 42.7%;
    left: 69.7%;
    font-size: 20px;
    z-index: 2;
    width: 39px;
    height: 38px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa5:focus {
    outline: none;
}