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

.titulo {
    font-family: 'cabinbold';
    font-size: 45px;
    line-height: 54px;
    color: #fefefe;
    text-align: center;
    margin-top: 2%;
}

.textoContenido {
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 42px;
    color: #fefefe;
    margin: 2% 0 0 6%;
}

.textoContenido2 {
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 40px;
    color: #fefefe;
    margin: 1.5% auto 0 auto;
    display: table;
}

#cntBtnGrupo1 {
    margin: 1.5% auto 0 auto;
    display: table;
}

.btnSonido {
    background-image: url(../img/btnSonido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 107px;
    height: 107px;
    -webkit-border-radius: 107px;
    -moz-border-radius: 107px;
    border-radius: 107px;
    margin-left: -5px;
}

#btn1 {
    background-image: url(../img/L_G06_U06_L02_03_01/btn1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 326px;
    height: 98px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 60px;
    display: inline-block;
}

#btn2 {
    background-image: url(../img/L_G06_U06_L02_03_01/btn2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 326px;
    height: 98px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
}

#btn3 {
    background-image: url(../img/L_G06_U06_L02_03_01/btn3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 384px;
    height: 95px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 30px;
    display: inline-block;
    position: absolute;
    left: 16%;
    top: 53%;
    cursor: pointer;
}

#btn4 {
    background-image: url(../img/L_G06_U06_L02_03_01/btn4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 384px;
    height: 95px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    position: absolute;
    left: 52%;
    top: 53%;
    cursor: pointer;
}

.clickBtn {
    background-image: url(../img/click/clickBtn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 41px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 82.5%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}

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

.lstJergasOcultas {
    position: relative;
    margin: 29% 0 0 13%;
    padding: 0;
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 39px;
    color: #fefefe;
    display: none;
}

#btn5 {
    background-image: url(../img/L_G06_U06_L02_03_01/btn5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 384px;
    height: 95px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 30px;
    display: inline-block;
    position: absolute;
    left: 16%;
    top: 56%;
    cursor: pointer;
}

#btn6 {
    background-image: url(../img/L_G06_U06_L02_03_01/btn6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 384px;
    height: 95px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 30px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 56%;
    cursor: pointer;
}

#btn7 {
    background-image: url(../img/L_G06_U06_L02_03_01/btn7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 384px;
    height: 95px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 30px;
    display: inline-block;
    position: absolute;
    left: 31%;
    top: 73%;
    cursor: pointer;
}

.closePopup {
    width: 72px;
    height: 72px;
    -webkit-border-radius: 72px;
    -moz-border-radius: 72px;
    border-radius: 72px;
    display: inline-block;
    position: absolute;
    right: -2%;
    top: 9%;
}

#jergaFamiliar {
    background-image: url(../img/L_G06_U06_L02_03_01/jergaFamiliar.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1088px;
    height: 561px;
}

#jergaSocial {
    background-image: url(../img/L_G06_U06_L02_03_01/jergaSocial.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1088px;
    height: 561px;
}

#jergaProfesional {
    background-image: url(../img/L_G06_U06_L02_03_01/jergaProfesional.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1088px;
    height: 561px;
}

#campoOcultoJerga {
    width: 967px;
    height: 212px;
    resize: none;
    background-color: #fefefe;
    border: 0px;
    margin: 0.8% auto 0 auto;
    display: table;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border: 1px dashed #A6C9D8;
    position: relative;
}

#campoOcultoJerga .texto {
    font-size: 35px;
    font-family: 'cabinregular';
    line-height: 39px;
    color: #5EA6BE;
    margin: 2% 0 0 2%;
}

#marimba {
    background-image: url(../img/L_G06_U06_L02_03_02/marimba.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 281px;
    height: 171px;
    display: inline-block;
    position: absolute;
    left: 38%;
    top: 68%;
}

#IL_L_G06_U06_L02_03_01_01 {
    background-image: url(../img/L_G06_U06_L02_03_01/IL_L_G06_U06_L02_03_01_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 305px;
    height: 270px;
    display: inline-block;
   position: absolute;
  top: 52%;
  left: 19%;
}
#IL_L_G06_U06_L02_03_01_02 {
    background-image: url(../img/L_G06_U06_L02_03_01/IL_L_G06_U06_L02_03_01_02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 328px;
    height: 255px;
    display: inline-block;
      position: absolute;
  top: 53.5%;
  left: 54%;
}