@import url("M_G06_U01_L03_03.css");
.cntResumen1 {
    background-image: url(../img/resumen/cntResumen1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 823.7px;
    height: 197.6px;
    position: absolute;
    left: 50%;
    top: 18%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.cntResumen2 {
    background-image: url(../img/resumen/cntResumen2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 523.7px;
    height: 185px;
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.cntResumen3 {
    background-image: url(../img/resumen/cntResumen3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 930px;
    height: 179px;
    position: absolute;
    left: 50%;
    top: 24%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.cntResumen4 {
    background-image: url(../img/resumen/cntResumen4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 930px;
    height: 179px;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.cntResumen5 {
    background-color: #67AA69;
    width: 1066px;
    height: 232px;
    position: absolute;
    left: 50%;
    top: 26%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.cntResumen5 .texto {
    font-family: 'cabinregular';
    letter-spacing: 0;
    color: #FEFEFE;
    font-size: 35px;
    text-align: center;
    line-height: 40px;
    margin-top: 1%;
}

.correcto {
    background-image: url(../img/resumen/correcto.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 33px;
    height: 42px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    right: 18%;
    display: none;
}

.incorrecto {
    background-image: url(../img/resumen/incorrecto.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 38.4px;
    height: 38.4px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    right: 18%;
    display: none;
}

.clickResumen {
    background-image: url(../img/click/clickResumen.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 33px;
    height: 36px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    right: 18%;
}

.textoOculto {
    font-family: 'Myriad Pro';
    font-size: 50px;
    color: #FEFEFE;
    font-weight: bolder;
    display: none;
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.flechaPregunta {
    position: absolute;
    width: 370px;
    height: 71px;
    background: #E7B041;
    left: 50%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    bottom: -30.5%;
}

.flechaPregunta:after {
    content: "";
    position: absolute;
    bottom: -98.5%;
    left: 50%;
    border-style: solid;
    border-width: 71px 186px 0;
    border-color: #E7B041 transparent;
    display: block;
    width: 0;
    z-index: 1;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.flechaPregunta .clickResumen {
    background-image: url(../img/click/clickResumen.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 44.5px;
    height: 49.5px;
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    z-index: 2;
}

.flechaPregunta .pregunta {
    font-family: 'cabinregular';
    font-size: 80px;
    color: #FEFEFE;
    letter-spacing: 0;
    white-space: nowrap;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    display: none;
}

.flechaPregunta2:after {
    content: "";
    position: absolute;
    bottom: -98.5%;
    left: 50%;
    border-style: solid;
    border-width: 71px 224px 0;
    border-color: #E7B041 transparent;
    display: block;
    width: 0;
    z-index: 1;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.flechaPregunta2 .pregunta {
    font-size: 70px;
    top: 80%;
}