@import url('S_G06_U02_L06_03.css');
@import url('S_G06_U02_L06_03_01.css');
@import url('S_G06_U02_L06_02.css');

.titulo {
    font-family: "cabinregular" !important;
    font-size: 45.31px;
    line-height: 44px;
}

.input1{
    top: 179px;
    left: 287px;
    width: 424px;
    font-size: 30px;
    line-height: 29px;
    height: 76.25px;
    padding: 0px;
    font-family: 'cabinbold';
    color: #FF6A4E;
}

.input2{
    top: 179px;
    left: 721px;
    width: 346px;
    font-size: 30px;
    line-height: 29px;
    height: 76.25px;
    padding: 0px;
    font-family: 'cabinbold';
    color: #9ED32A;
}

/* SubTitulo */

.cajaSubtitulo {
    width: 533.69px;
    height: 76.05px;
    background-color: #D40E39;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
    
.txtcajaSubtitulo {
    margin: 0px;
    font-size: 40px;
    height: 76.05px;
    font-family: "cabinbold";
    line-height: 76.05px;
    letter-spacing: normal;
    color: #FFFFFF;
    text-align: center;

}








/* Caja Menu */
.cajaMenu {
    width: 96.67px;
    height: 62.67px;
    background-color: #717070;
    border-radius: 10px 10px 0px 0px;
}

.cajaMenu:hover {background-color: #D40436;}

.txtcajaMenu {
    margin: 0px;
    font-size: 45px;
    height: 62.67px;
    font-family: "cabinregular";
    line-height: 62.67px;
    letter-spacing: normal;
    color: #FFFFFF;
    text-align: center;
}

.tableMenu {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
    position: absolute;
    top: 2.5%;
    left: 62%;
}

.celdaTableMenu {
    display: inline-block;
    margin-right: 4px;
}







/* Clases genericas */

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

.avisoSuperior{
    margin: 0px;
    font-family: "cabinbold";
    font-size: 18px;
    line-height: 21.6px;
    letter-spacing: normal;
    position: absolute;
    top: 7%;
    left: 64.5%;
    color: #575756;


}

.avisoSuperiroImg{
    width: 27.23px;
    position: relative;
    top: 8px;
}
    

.flechaSiguiente {
    
    background-image: url(../img/nav/flechaSiguiente8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50.27px;
    height: 53.732px;
    top: 50%;
    left: 1201px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


.flechaAtras {
    background-image: url(../img/nav/flechaAtras8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50.27px;
    height: 53.732px;
    top: 50%;
    left: 47px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.txtSuperior {
    font-size: 20px;
    font-family: "cabinregular";
    line-height: 24px;
    letter-spacing: normal;
    position: absolute;
    top: 2%;
    left: 2.5%;
    color: #706F6F;
}

.videoContenedor2 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.closePopup {
    background-image: url(../img/closePopup/closePopup-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81px;
    height: 81px;
    border-radius: 73px;
    -webkit-border-radius: 73px;
    -moz-border-radius: 73px;
    position: relative;
    top: -2%;
    left: 94%;
}

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

.btn1popup {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 74px;
    height: 86px;
    position: absolute;
    top: 68.5%;
    left: 8.4%;
}

.imFondo1 {
    background-image: url(../img/S_G06_U02_L06_03_01/Fondo1Act1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1196.3px;
    height: 616.01px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.btn-inicio {
    background-image: url(../img/nav/btn2-inicio--01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 56.27px;
    height: 56.28px;
    top: 9.5%;
    left: 96.9%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}

.btn-an1 {
    width: 350.071px;
    height: 74.766px;
    top: 80.5%;
    left: 39%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
        border-radius: 18px;

}

.img-btn1 {
    background-image: url(../img/S_G06_U02_L06_03_01/btn1Act1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:722.13px;
    height:81.34px;
     top: 80.5%;
    left: 672px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.btn-an2 {
    width: 350.071px;
    height: 74.766px;
    top: 80.5%;
    left: 68.5%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
        border-radius: 18px;

}

.img-btn2 {
    background-image: url(../img/S_G06_U02_L06_03_01/btn2Act1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:722.13px;
    height:81.34px;
     top: 80.5%;
    left: 672px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


.border {
    border: 3px dashed #A2BC00;
    width: 1172px;
    height: 570.861px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
     position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
   left: 50%;
        top: 50%;
    
}

.imfF1 {
    background-image: url(../img/S_G06_U02_L06_03_06/img-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:1165.21px;
    height:525.03px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 54%;
}



.imfF2 {
    background-image: url(../img/S_G06_U02_L06_03_06/img-02.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:1082.67px;
    height:452.06px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 52%;
    top: 59%;
}



.imfF3 {
    background-image: url(../img/S_G06_U02_L06_03_06/img-03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:1104.98px;
    height:430.52px;
    top: 58%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imfF4 {
    background-image: url(../img/S_G06_U02_L06_03_06/img-04.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1030.41px;
    height: 475.57px;
    top: 55%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}



.imfF5 {
    background-image: url(../img/S_G06_U02_L06_03_06/img-05.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 1014.68px;
    height: 534.33px;
    top: 54%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


.imfF6 {
    background-image: url(../img/S_G06_U02_L06_03_06/img-06.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 1147.67px;
    height: 505.35px;
    top: 54%;
    left: 51.3%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


.imfF7 {
    background-image: url(../img/S_G06_U02_L06_03_06/img-07.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1063.024px;
    height: 611.021px;
    top: 50.5%;
    left: 49%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imfF8 {
    background-image: url(../img/S_G07_U04_L02_03_01/img8Act1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1180.29px;
    height: 630.23px;
    top: 346px;
    left: 49.7%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}









/* Clases genericas Fin */


.pestañaDesarrollo {
    width: 189.706px;
    height: 50.261px;
    top: 8.3%;
    left: 71.3%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 10px 10px 0px 0px;

}

.pestañaActividad {
    width: 189.706px;
    height: 50.261px;
    top: 8.3%;
    left: 87%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 10px 10px 0px 0px;


}






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

.log_cc {
    background-image: url(../img/imgLicencia_cc.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 85.7%;
    position: absolute;
    top: 82%;
}

.flechaAtras3 {
    background-image: url(../img/nav/flechaAtras3.png);
    width: 60.207px;
    height: 60.207px;
    position: absolute;
    background-size: 100%, 100%;
}

.flechaSiguiente3 {
    background-image: url(../img/nav/flechaSiguiente3.png);
    width: 60.207px;
    height: 60.207px;
    position: absolute;
    background-size: 100%, 100%;
}

.sugerencia {
    color:#fff;
}

.navegacion {
    position: absolute;
    top: 99px;
    left:65px;
    z-index: 200;
    width: 1119px;
    background: RED;
}

.activo {
    width: 110px;
    height: 60px;
    background-image: url(../img/S_G06_U05_L05_03_01/activo.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
}

.inactivo {
    width: 110px;
    height: 60px;
    background-image: url(../img/S_G06_U05_L05_03_01/desactivo.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
}

.lboton {
    color:#fff;
    text-align: center;
    font-size: 40px; 
}

.activo .lboton {
    color:#465BA2;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pop5 .popcontenido5 {
    background-image:url(../img/S_G06_U05_L05_03_01/popcontenido5.png);
    background-size: 100%;
    height: 426.68px;
    margin: 3.5% auto 0;
    position: relative;
    text-align: center;
    width: 912.6px;
}

.pop5 {
    background: none;
    border-radius: 7px;
    height:426.68px;
    margin: 19% 0 0 18%;
    width:912.6px;
}

.pop5 .btnCerrar5 {
    background-image: url("../img/S_G06_U05_L05_03_01/cerrar.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: 0 none;
    font-size: 0;
    height: 67px;
    margin-right: -24px;
    margin-top: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    z-index: 2;
}


.btn1popup {
    top: 76.3%;
    left: 73%;
    height: 61px;
    width: 57px;
}


.popMain {
    background-image: url(../img/S_G06_U02_L06_03_06/img-03-02.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:1109px;
    height:711px;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 52%;
    top: 59%;
}