@charset "utf-8";
/* CSS Document */
/*clear float*/


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

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


.q1-a{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 28%;
    left: 15%;
    font-style: italic;
}
.q1-b{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 33%;
    left: 15%;
    font-style: italic;
}
.q1-c{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 38%;
    left: 15%;
    font-style: italic;
}
.q1-d{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 43%;
    left: 15%;
    font-style: italic;
}

.q2-a{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 68%;
    left: 15%;
    font-style: italic;
}
.q2-b{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 73%;
    left: 15%;
    font-style: italic;
}
.q2-c{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 78%;
    left: 15%;
    font-style: italic;
}
.q2-d{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 83%;
    left: 15%;
    font-style: italic;
}

.q3-a{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 28%;
    left: 15%;
    font-style: italic;
}
.q3-b{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 41%;
    left: 15%;
    font-style: italic;
}
.q3-c{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 54%;
    left: 15%;
    font-style: italic;
}
.q3-d{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 67%;
    left: 15%;
    font-style: italic;
}

.q4-a{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 38%;
    left: 15%;
    font-style: italic;
}
.q4-b{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 51%;
    left: 15%;
    font-style: italic;
}
.q4-c{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 64%;
    left: 15%;
    font-style: italic;
}
.q4-d{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 71%;
    left: 15%;
    font-style: italic;
}
.q5-a{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 38%;
    left: 15%;
    font-style: italic;
}
.q5-b{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 45%;
    left: 15%;
    font-style: italic;
}
.q5-c{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 52%;
    left: 15%;
    font-style: italic;
}
.q5-d{
    font-size: 30px;
    color: #575756;
    position: absolute;
    top: 59%;
    left: 15%;
    font-style: italic;
}