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

.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}

.titulo {
    font-family: 'cabinbold';
    font-size: 42px;
    line-height: 39px;
    color: #212121;
    position: absolute;
    top: 8%;
    left: 12%;
}

#cntBtnTabs {
    display: inline-block;
    position: absolute;
    top: 20.75%;
    left: 65%;
    z-index: 2;
}

.tab {
    width: 92px;
    height: 53px;
    border: 1.5px solid #FFFFFF;
    border-bottom: 0px;
    border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    text-align: center;
    line-height: 58px;
    font-family: 'cabinbold';
    font-size: 38px;
    color: #000000;
}

.tab:hover {
    zoom: 101%;
    height: 55px;
}

.tab:nth-child(1) {
    background-color: #F9E70D;
}

.tab:nth-child(2) {
    background-color: #F5AE33;
}

.tab:nth-child(3) {
    background-color: #B4DE4B;
}

.tabActiva {
    zoom: 101%;
    height: 56px;
}

#tabContainer1 {
    background-image: url(../img/L_G07_U01_L01_04/tabContainer1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1040px;
    height: 453px;
    position: absolute;
    top: 28.5%;
    left: 6%;
    z-index: 1;
}

#tabContainer2 {
    background-image: url(../img/L_G07_U01_L01_04/tabContainer2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1040px;
    height: 453px;
    position: absolute;
    top: 28.5%;
    left: 6%;
    z-index: 1;
}

#tabContainer3 {
    background-image: url(../img/L_G07_U01_L01_04/tabContainer3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1040px;
    height: 453px;
    position: absolute;
    top: 28.5%;
    left: 6%;
    z-index: 1;
}

.respuesta {
    background-image: url(../img/L_G07_U01_L01_04/respuesta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71px;
    height: 71px;
    cursor: pointer;
}

.success {
    background-image: url(../img/L_G07_U01_L01_04/success.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 74px;
    height: 49px;
    position: relative;
    top: 10%;
    left: 10%;
}

.fail {
    background-image: url(../img/L_G07_U01_L01_04/fail.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 59px;
    height: 59px;
    position: relative;
    top: 6%;
    left: 5%;
}

#cntDefiniciones {
    background-color: #FFDC69;
    width: 1036px;
    height: 514px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin: 10.5% auto 0 auto;
}

#lstDefiniciones {
    margin: 0 0 0 4%;
    padding: 4.5% 0 0 0;
    font-family: 'cabinregular';
    font-size: 38px;
    line-height: 75px;
    color: #444444;
}

#lstDefiniciones span {
    font-family: 'cabinbold';
    font-size: 40px;
}

.cntOculto {
    display: inline-block;
    position: absolute;
    border: 4px solid #FBAC00;
    width: 141px;
    height: 49px;
    background-color: #fefefe;
    vertical-align: sub;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.clickDefinicion {
    background-image: url(../img/click/clickDefinicion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 31px;
    height: 34px;
}

#oculto1 {
    top: 27.5%;
    left: 59.8%;
}

#oculto2 {
    width: 380px;
    top: 39%;
    left: 27%;
}

#oculto3 {
    width: 250px;
    top: 61%;
    left: 12%;
}

#oculto4 {
    width: 350px;
    top: 61%;
    left: 55%;
}

#oculto5 {
    width: 280px;
    top: 72%;
    left: 27.1%;
}

#oculto6 {
    top: 27.5%;
    left: 17.5%;
    width: 245px;
}

#oculto7 {
    top: 27.5%;
    left: 57.5%;
    width: 145px;
}

#oculto8 {
    top: 38.5%;
    left: 35%;
    width: 105px;
}

#oculto9 {
    top: 49.5%;
    left: 72%;
    width: 145px;
}

#oculto10 {
    top: 60.5%;
    left: 32.5%;
    width: 200px;
}

#tblRelacion {
    position: absolute;
    top: 15%;
    left: 1.5%;
}

.estrategia1 {
    background-color: #FDF59E !important;
}

.estrategia2 {
    background-color: #D7E7AF !important;
}

.estrategia3 {
    background-color: #AEDBF1 !important;
}

.cntEjemplo {
    border: 1px solid #515151;
    width: 913px;
    background-color: #EFEFEF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 18px;
    margin-right: 25px;
    cursor: pointer;
}

.cntEstrategia {
    position: relative;
    border: 1px solid #515151;
    width: 272px;
    background-color: #EFEFEF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 18px;
    cursor: pointer;
}

.texto {
    font-family: 'cabinregular';
    font-size: 31px;
    line-height: 36px;
    color: #515151;
    letter-spacing: -0.5px;
    margin: 8px;
}

.cntEstrategia .texto {
    font-size: 34px;
    white-space: nowrap;
    position: absolute;
    left: 6%;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    margin: 0;
}