@import url("S_G06_U01_L05_03.css");
::-webkit-scrollbar {
    width: 10px;
    background: #dbe8ec;
}

::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #3c454e;
    border: thin solid #1a1f25;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(top, #5aafb0, #4ca06d);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 225, .5), inset 1px 0 0 rgba(255, 255, 255, .4), inset 0 1px 2px rgba(255, 255, 255, .3);
    border: thin solid #232c34;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: -webkit-linear-gradient(top, #4ca06d, #5aafb0);
}
/* Pseudo-clase */

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(77, 161, 112, .6);
}

::-ms-scrollbar {
    width: 10px;
    background: #dbe8ec;
}

::-ms-scrollbar-button {
    width: 8px;
    height: 5px;
}

::-ms-scrollbar-track {
    background: #3c454e;
    border: thin solid #1a1f25;
    -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -ms-border-radius: 10px;
    border-radius: 10px;
}

::-ms-scrollbar-thumb {
    background: -ms-linear-gradient(top, #5aafb0, #4ca06d);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 225, .5), inset 1px 0 0 rgba(255, 255, 255, .4), inset 0 1px 2px rgba(255, 255, 255, .3);
    border: thin solid #232c34;
    border-radius: 10px;
    -ms-border-radius: 10px;
}

::-ms-scrollbar-thumb:hover {
    background: -ms-linear-gradient(top, #4ca06d, #5aafb0);
}
/* Pseudo-clase */

::-ms-scrollbar-thumb:window-inactive {
    background: rgba(77, 161, 112, .6);
}

::-moz-scrollbar {
    width: 10px;
    background: #dbe8ec;
}

::-moz-scrollbar-button {
    width: 8px;
    height: 5px;
}

::-moz-scrollbar-track {
    background: #3c454e;
    border: thin solid #1a1f25;
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    border-radius: 10px;
}

::-moz-scrollbar-thumb {
    background: -moz-linear-gradient(top, #5aafb0, #4ca06d);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 225, .5), inset 1px 0 0 rgba(255, 255, 255, .4), inset 0 1px 2px rgba(255, 255, 255, .3);
    border: thin solid #232c34;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

::-moz-scrollbar-thumb:hover {
    background: -moz-linear-gradient(top, #4ca06d, #5aafb0);
}
/* Pseudo-clase */

::-moz-scrollbar-thumb:window-inactive {
    background: rgba(77, 161, 112, .6);
}

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

.imgFondo {
    background-image: url(../img/S_G06_U01_L05_03_02/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 690px;
    position: absolute;
    top: -12px;
    z-index: 0;
}

.ggc_header_S {
    position: relative;
    z-index: 2;
}

.actividad {
    position: relative;
    z-index: 2;
}

.sugerencia {
    position: relative;
    z-index: 2;
}

.pestana1 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgPestana1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1179.57px;
    height: 623.08px;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.pestana2 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgPestana2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1179.57px;
    height: 623.08px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.pestana3 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgPestana3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1179.57px;
    height: 623.08px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.tab1 {
    width: 100px;
    height: 59px;
    left: 892px;
    position: absolute;
    top: 26px;
    cursor: pointer;
    z-index: 4;
}

.tab2 {
    width: 100px;
    height: 59px;
    left: 994px;
    position: absolute;
    top: 26px;
    cursor: pointer;
    z-index: 4;
}

.tab3 {
    width: 100px;
    height: 59px;
    left: 1096px;
    position: absolute;
    top: 26px;
    cursor: pointer;
    z-index: 4;
}

.imgClickBtn {
    background-image: url(../img/S_G06_U01_L05_03_02/imgBotonE.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 56.18px;
    height: 56.18px;
}

.menu {
    position: absolute;
    left: -9px;
    top: 59px;
}

.menu > li {
    width: 290.59px;
    height: 50.588px;
    background-color: #FF5252;
    border-radius: 12px;
    font-family: 'cabinbold';
    font-size: 37px;
    color: #FFFFFF;
    letter-spacing: normal;
    margin: 11px 0px 11px 0px;
    cursor: pointer;
}

.menu > li span {
    padding-left: 15px;
}

.menu > li .imgClickBtn {
    position: absolute;
    left: 291px;
    margin-top: -48px;
}

.imgMaterial1 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial2 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial3 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial4 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial5 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial6 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial7 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial8 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial9 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

.imgMaterial10 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgMaterial10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 877.47px;
    height: 600.99px;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 346px;
    top: 45px;
}

[data-sg-id^="btn-"] {
    display: block;
}

.textarea {
    position: absolute;
    top: 197px;
    left: 127px;
    height: 122px;
    width: 965px;
    border: 0px;
    resize: none;
    outline: none;
    color: #565656;
    font-size: 39px;
    font-family: 'cabinregular';
}

.imgBtnDesarrollo {
    background-image: url(../img/S_G06_U01_L05_03_02/imgBtnDesarrollo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 156.29px;
    height: 43.7px;
    position: absolute;
    z-index: 0;
    left: 1002px;
    top: 537px;
    cursor: pointer;
}

.imgContent1 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgContent1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1179.57px;
    height: 637.07px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 0;
    left: 50%;
    top: 53.1%;
}

.imgHome {
    background-image: url(../img/S_G06_U01_L05_03_02/imgHome.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 61.7px;
    height: 61.7px;
    position: absolute;
    z-index: 0;
    left: 90.2%;
    top: 9%;
    cursor: pointer;
}

.btnGlosario {
    cursor: pointer;
    position: absolute;
    width: 234px;
    height: 64px;
    top: 439px;
    left: 457px;
    border-radius: 20px;
    border-bottom-right-radius: 32px;
    border-top-right-radius: 32px;
}

.resaltarR {
    background-color: #871010 !important;
}

.imgContentP {
    background-image: url(../img/S_G06_U01_L05_03_02/contentP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1123.76px;
    height: 176.35px;
    position: absolute;
    z-index: 0;
    left: 57px;
    top: 486px;
}

.imgContentP .textoE {
    font-family: 'cabinregular';
    font-size: 38px;
    color: #626363;
    position: absolute;
    top: 35px;
    left: 41px;
    line-height: 38px;
}

.popupF {
    background-image: url(../img/S_G06_U01_L05_03_02/popupF.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 555.74px;
    height: 280.28px;
    position: absolute;
    z-index: 0;
    left: 90.2%;
    top: 9%;
    cursor: pointer;
}

.popupF .circulo {
    top: 26PX;
    left: 491px;
    width: 45px;
    height: 45px;
}

.popupV {
    background-image: url(../img/S_G06_U01_L05_03_02/popupV.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 555.74px;
    height: 280.28px;
    position: absolute;
    z-index: 0;
    left: 90.2%;
    top: 9%;
    cursor: pointer;
}

.popupV .circulo {
    top: 26PX;
    left: 491px;
    width: 45px;
    height: 45px;
}

.V {
    background-image: url(../img/S_G06_U01_L05_03_02/v.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 79.26px !important;
    height: 131.97px !important;
    position: absolute;
    z-index: 0;
    left: 90.2%;
    top: 502px !important;
    cursor: default;
    pointer-events: none;
}

.F {
    background-image: url(../img/S_G06_U01_L05_03_02/f.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 79.26px !important;
    height: 131.97px !important;
    position: absolute;
    z-index: 0;
    left: 90.2%;
    top: 502px !important;
    cursor: default;
    pointer-events: none;
}

.textoGolosa {
    position: absolute;
    font-family: 'cabinbold';
    font-size: 37px;
    color: #FF5252;
    letter-spacing: normal;
    top: 47px;
    left: 88px;
}

.golosa {
    background-image: url(../img/S_G06_U01_L05_03_02/imgGolosa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 562.99px;
    height: 236.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 0;
    left: 50%;
    top: 358px;
}

.circulo {
    position: absolute;
    width: 79px;
    height: 79px;
    border-radius: 50%;
    top: 535px;
    left: 842px;
    cursor: pointer;
}

.imgNino1 {
    background-image: url(../img/S_G06_U01_L05_03_02/imgNino1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 182.75px;
    height: 218.4px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 0;
    left: 430px;
    top: 161px;
}

.pregunta {
    display: none;
}

.parcheB {
    position: absolute;
    width: 300px;
    height: 50px;
    /* border: 1px solid black; */
    
    top: 30px;
    left: 52px;
    background-color: #ECEFF0;
    z-index: 3;
}