@charset "utf-8";
@import url("L_G06_U05_L01_03.css");
/* CSS Document */

.btnSonido {
    background-image: url(../img/btnSonido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 114px;
    height: 114px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 60%;
    z-index: 2;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
}

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

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

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

.btnSonido {
    background-image: url(../img/btnSonido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 77px;
    height: 77px;
    position: absolute;
    top: 7%;
    left: 66%;
}


#frame1{
position: absolute;
  top: 52%;
  left: 8%;
}
#frame2{
position: absolute;
  top: 52%;
  left: 56%;
}