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

.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}
/*fondoSol*/

.fondoIntro {
    background-image: url(../img/S_G06_U03_L01/observaAnimacion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
}

.cntPregunta {
    background-image: url(../img/S_G06_U01_L04_01/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1127px;
    height: 613px;
    position: absolute;
    top: 6%;
    left: 5%;
}

.ggc_textArea1 {
        font-family: "cabinmedium" !important;
    width: 1126px;
    height: 450px;
    background-color: transparent;
    font-size: 35px;
    margin: 0% auto 0 auto;
    padding: 5px;
    resize: none;
    border: none;
    color: #706F6F;
    position: absolute;
    top: 21%;
    left: 6.5%;
}

.ggc_textArea1:focus {
    outline: none;
}

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

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

.flechaSiguiente {
        width: 65px;
    height: 65px;
    top: 45.2%;
    left: 94.9%;
    position: absolute;
}
.flechaAtras {
        width: 65px;
    height: 65px;
    top: 45.2%;
    left:0%;
    position: absolute;
}