@import url("M_G06_U05_L04_03.css");
/*ILUSTRACIONES*/
/*peso*/

.enunciadoElemento {
    font-family: 'cabinregular';
    font-size: 35px;
    color: #706F6F;
    line-height: 43px;
    margin: 21px 0 0 56px;
    letter-spacing: -0.8px;
    text-align: center;
}

.ggc_contenido_M {
    background: #fefefe;
    border-bottom-color: #1D70B7;
    color: #FFFFFF;
}

.flechaSiguiente {
    width: 88px;
    height: 61px;
    top: 94%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

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

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

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

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

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

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

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

.area8 {
    background-image: url(../img/M_G07_U02_L03_03_01/imgAct1-area8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 666px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.completa1 {
    position: absolute;
    top: 36%;
    left: 56%;
    font-size: 55px;
    z-index: 2;
    width: 245px;
    height: 70px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: capitalize;
}

.completa1:focus {
    outline: none;
}

.completa2 {
    position: absolute;
    top: 53%;
    left: 56%;
    font-size: 55px;
    z-index: 2;
    width: 245px;
    height: 70px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: capitalize;
}

.completa2:focus {
    outline: none;
}

.completa3 {
    position: absolute;
    top: 71%;
    left: 56%;
    font-size: 55px;
    z-index: 2;
    width: 245px;
    height: 70px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: capitalize;
}

.completa3:focus {
    outline: none;
}

.completa4 {
        position: absolute;
    top: 56.5%;
    left: 15%;
    font-size: 37px;
    z-index: 2;
    width: 170px;
    height: 45px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa4:focus {
    outline: none;
}

.completa5 {
        position: absolute;
    top: 56.3%;
    left: 35%;
    font-size: 37px;
    z-index: 2;
    width: 170px;
    height: 45px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa5:focus {
    outline: none;
}

.completa6 {
    position: absolute;
    top: 40.5%;
    left: 46.5%;
    font-size: 45px;
    z-index: 2;
    width: 60px;
    height: 60px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa6:focus {
    outline: none;
}

.completa7 {
    position: absolute;
    top: 57.5%;
    left: 46.5%;
    font-size: 45px;
    z-index: 2;
    width: 60px;
    height: 60px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa7:focus {
    outline: none;
}

.completa8 {
    position: absolute;
    top: 72.5%;
    left: 46.5%;
    font-size: 45px;
    z-index: 2;
    width: 60px;
    height: 60px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa8:focus {
    outline: none;
}

.completa9 {
    position: absolute;
    top: 40.5%;
    left: 68.5%;
    font-size: 45px;
    z-index: 2;
    width: 130px;
    height: 60px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa9:focus {
    outline: none;
}

.completa10 {
    position: absolute;
    top: 57%;
    left: 68.5%;
    font-size: 45px;
    z-index: 2;
    width: 130px;
    height: 60px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa10:focus {
    outline: none;
}

.completa11 {
    position: absolute;
    top: 72.5%;
    left: 68.5%;
    font-size: 45px;
    z-index: 2;
    width: 130px;
    height: 60px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa11:focus {
    outline: none;
}

.completa12 {
    position: absolute;
    top: 26%;
    left: 26%;
    font-size: 35px;
    z-index: 2;
    width: 775px;
    height: 100px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa12:focus {
    outline: none;
}

.completa13 {
    position: absolute;
    top: 45%;
    left: 26%;
    font-size: 35px;
    z-index: 2;
    width: 775px;
    height: 100px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa13:focus {
    outline: none;
}

.completa14 {
    position: absolute;
    top: 63.5%;
    left: 26%;
    font-size: 35px;
    z-index: 2;
    width: 775px;
    height: 100px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa14:focus {
    outline: none;
}

.completa15 {
    position: absolute;
    top: 29.5%;
    left: 42.5%;
    font-size: 45px;
    z-index: 2;
    width: 255px;
    height: 80px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa15:focus {
    outline: none;
}

.completa16 {
    position: absolute;
    top: 48%;
    left: 42.5%;
    font-size: 45px;
    z-index: 2;
    width: 255px;
    height: 80px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa16:focus {
    outline: none;
}

.completa17 {
    position: absolute;
    top: 66.2%;
    left: 42.5%;
    font-size: 45px;
    z-index: 2;
    width: 255px;
    height: 80px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa17:focus {
    outline: none;
}

.completa18 {
    position: absolute;
    top: 55.5%;
    left: 12%;
    font-size: 35px;
    z-index: 2;
    width: 990px;
    height: 150px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa18:focus {
    outline: none;
}

.completa19 {
    position: absolute;
    top: 55.5%;
    left: 12%;
    font-size: 35px;
    z-index: 2;
    width: 990px;
    height: 150px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa19:focus {
    outline: none;
}

.globo1 {
    background-image: url(../img/M_G07_U02_L03_03_01/imgAct1-ilus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 400.55px;
    height: 158.22px;
    position: absolute;
    left: 24%;
    top: 21%;
}

.globo2 {
    background-image: url(../img/M_G07_U02_L03_03_01/imgAct1-ilus2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 513.98px;
    height: 207.65px;
    position: absolute;
    left: 49%;
    top: 39%;
}

.globo3 {
    background-image: url(../img/M_G07_U02_L03_03_01/imgAct1-ilus3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 347.26px;
    height: 46.87px;
    position: absolute;
    left: 61%;
    top: 30%;
}

.play {
    width: 103.76px;
    height: 103.12px;
    position: absolute;
    left: 2.3%;
    top: 53.5%;
    border-radius: 50px;
}