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

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

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

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

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

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

.flechaSiguiente {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 92%;
    top: 49%;
}

.completa1 {
    position: absolute;
    top: 43.8%;
    left: 35.5%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa1:focus {
    outline: none;
}

.completa2 {
    position: absolute;
    top: 24%;
    left: 48.1%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa2:focus {
    outline: none;
}
.completa3 {
    position: absolute;
    top: 43.8%;
    left: 60.5%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa3:focus {
    outline: none;
}

.completa4 {
    position: absolute;
    top: 24%;
    left: 72.6%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa4:focus {
    outline: none;
}
.completa5 {
    position: absolute;
    top: 43.8%;
    left: 85.5%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa5:focus {
    outline: none;
}
.completa6 {
    position: absolute;
    top: 81.2%;
    left: 35.5%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa6:focus {
    outline: none;
}

.completa7 {
    position: absolute;
    top: 81.2%;
    left: 48.1%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa7:focus {
    outline: none;
}
.completa8 {
    position: absolute;
    top: 58.8%;
    left: 60.5%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa8:focus {
    outline: none;
}

.completa9 {
    position: absolute;
    top: 58.8%;
    left: 72.6%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa9:focus {
    outline: none;
}
.completa10 {
    position: absolute;
    top: 81.2%;
    left: 85.5%;
    font-size: 40px;
    z-index: 2;
    width: 49px;
    height: 48px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa10:focus {
    outline: none;
}