.imgFondo {
    background-image: url(../img/S_G06_U04_L05_04/fondo-28.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
}

.flechaAtras {
    background-image: url(../img/S_G07_U05_L03_04/flechaAtras.png);
    width: 64px;
    height: 64px;
    position: absolute;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.flechaSiguiente {
    background-image: url(../img/S_G07_U05_L03_04/flechaSiguiente.png);
    width: 64px;
    height: 64px;
    position: absolute;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.contenido {
    background-image: url(../img/S_G06_U04_L05_04/cont-31.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1193.35px;
    height: 633.38px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.ilustracion1 {
    background-image: url(../img/S_G07_U05_L03_04/ilustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.ilustracion2 {
    background-image: url(../img/S_G07_U05_L03_04/ilustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1131.53px;
    height: 665.97px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.ilustracion3 {
    background-image: url(../img/S_G07_U05_L03_04/ilustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1198.44px;
    height: 622.47px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.ilustracion4 {
    background-image: url(../img/S_G07_U05_L03_04/ilustracion4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1171.03px;
    height: 634.47px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 52.5%;
    top: 50%;
}

.imgFondo {
    background-image: url(../img/S_G07_U05_L03_04/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
}

#lstDrags {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 74px;
    width: 1162px;
    top: 575px;
    left: 50px;
}

#lstDrags li {
    float: left;
    width: 283.26px;
    height: 68.96px;
    margin-right: 5px;
}

.ggc_contenido_S {
    color: #DDDB00;
}

#lstDrops {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 29px;
    left: 890px;
    width: 314px;
    height: 513px;
    z-index: 2;
    background: transparent;
}

.movimientoDrag {
    overflow: visible !important;
    width: 283.26px;
    height: 68.96px;
}

.movimientoDrop {
    width: 283.26px;
    height: 68.96px;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    display: block;
}

.dd1 {
    width: 283.26px;
    height: 68.96px;
    position: absolute;
    background-image: url(../img/S_G06_U04_L05_04/cont-32.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    white-space: nowrap;
}

.dd2 {
    width: 283.26px;
    height: 68.96px;
    position: absolute;
    background-image: url(../img/S_G06_U04_L05_04/cont-33.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    white-space: nowrap;
}

.dd3 {
    width: 283.26px;
    height: 68.96px;
    position: absolute;
    background-image: url(../img/S_G06_U04_L05_04/cont-34.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    white-space: nowrap;
}

.dd4 {
    width: 283.26px;
    height: 68.96px;
    position: absolute;
    background-image: url(../img/S_G06_U04_L05_04/cont-35.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    white-space: nowrap;
}