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

.IL_L_G06_U05_L01_03_01_01 {
    background-image: url(../img/L_G06_U05_L01_03_01/IL_L_G06_U05_L01_03_01_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 288px;
    height: 567px;
    position: absolute;
    top: 15.5%;
    left: 0.8%;
}
/*television*/

.IL_L_G06_U05_L01_03_01_02 {
    background-image: url(../img/L_G06_U05_L01_03_01/IL_L_G06_U05_L01_03_01_02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 899px;
    height: 678px;
    position: absolute;
    top: 0%;
    left: 24%;
}
/*pantalla*/

.pantalla {
    background-image: url(../img/L_G06_U05_L01_03_01/pantalla.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 590px;
    height: 437px;
    position: absolute;
    top: 21%;
    left: 6%;
}

.pantalla2 {
    background-color: transparent;
    width: 590px;
    height: 437px;
    position: absolute;
    top: 21%;
    left: 6%;
}

.pantalla2 .texto {
    font-family: 'cabinmedium';
    font-size: 44px;
    line-height: 46px;
    color: #494949;
    margin: 20% 0 0 5%;
}

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

.tituloTelevision {
    font-family: 'cabinbold';
    font-size: 45px;
    line-height: 44px;
    color: #E8E3D7;
    position: absolute;
    top: 90px;
    left: 160px;
}

.tituloVideo {
    color: #ffffff;
    font-family: 'cabinbold';
    font-size: 41px;
    line-height: 44px;
    text-align: center;
}

.btnPrograma {
    width: 385px;
    height: 98px;
    display: inline;
    position: relative;
    margin: 9px 3px;
}

.tituloEmite {
    font-family: 'cabinbold';
    font-size: 45px;
    line-height: 44px;
    color: #EC7B23;
    text-align: center;
}

.textoEmite {
    font-family: 'cabinregular';
    font-size: 36px;
    line-height: 38px;
    color: #494949;
    text-align: center;
    margin-top: 10px;
    letter-spacing: -0.5px;
}
/*programa1*/

#programa1 {
    background-image: url(../img/L_G06_U05_L01_03_01/programa1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196px;
    height: 636px;
    margin: 62px 0 0 0;
}
/*programa2*/

#programa2 {
    background-image: url(../img/L_G06_U05_L01_03_01/programa2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196px;
    height: 636px;
    margin: 62px 0 0 0;
}
/*programa3*/

#programa3 {
    background-image: url(../img/L_G06_U05_L01_03_01/programa3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196px;
    height: 636px;
    margin: 62px 0 0 0;
}
/*programa4*/

#programa4 {
    background-image: url(../img/L_G06_U05_L01_03_01/programa4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196px;
    height: 636px;
    margin: 62px 0 0 0;
}
/*programa5*/

#programa5 {
    background-image: url(../img/L_G06_U05_L01_03_01/programa5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196px;
    height: 636px;
    margin: 62px 0 0 0;
}
/*programa6*/

#programa6 {
    background-image: url(../img/L_G06_U05_L01_03_01/programa6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196px;
    height: 636px;
    margin: 62px 0 0 0;
}
/*programa7*/

#programa7 {
    background-image: url(../img/L_G06_U05_L01_03_01/programa7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196px;
    height: 636px;
    margin: 62px 0 0 0;
}
/*programa8*/

#programa8 {
    background-image: url(../img/L_G06_U05_L01_03_01/programa8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196px;
    height: 636px;
    margin: 62px 0 0 0;
}

.closePopup1 {
    background-image: url(../img/closePopup/closePopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    top: -18px;
    right: -18px;
}

.closePopup2 {
    background-image: url(../img/closePopup/closePopup2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    top: -18px;
    right: -18px;
}

.closePopup3 {
    background-image: url(../img/closePopup/closePopup3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    top: -18px;
    right: -18px;
}

.closePopup4 {
    background-image: url(../img/closePopup/closePopup4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    top: -18px;
    right: -18px;
}

.closePopup5 {
    background-image: url(../img/closePopup/closePopup5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    top: -18px;
    right: -18px;
}

.closePopup6 {
    background-image: url(../img/closePopup/closePopup6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    top: -18px;
    right: -18px;
}

#videoContenedor1,
#videoContenedor2 {
    top: 25%;
    left: 37%;
    width: 678px;
    height: 364px;
    position: absolute;
}

#videoContenedor1 video,
#videoContenedor2 video {
    width: 678px;
    height: 364px;
}

.respuestaFV {
    width: 80px;
    height: 77px;
    background-image: url(../img/L_G06_U05_L01_03_01/respuestaFV.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin: 10px 2.6px;
    cursor: pointer;
}

.respuestaFV .texto {
    color: #D1D1D1;
    font-family: 'cabinbold';
    font-size: 79px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    white-space: nowrap;
}

.success {
    width: 71px;
    height: 81px;
    background-image: url(../img/L_G06_U05_L01_03_01/success.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.fail {
    width: 73px;
    height: 73px;
    background-image: url(../img/L_G06_U05_L01_03_01/fail.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

#tblQuestionario {
    color: #494949;
    font-family: 'cabinmedium';
    font-size: 40px;
    line-height: 38px;
    margin: 4% auto 0 auto;
}

#tblQuestionario tr td {
    vertical-align: middle;
}

#tblQuestionario tr td:nth-child(1) {
    padding-right: 25px;
}