@import url("S_G06_U02_L01_03.css");
.imgFondo {
    background-image: url(../img/S_G06_U02_L01_03_01/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
}

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

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

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

.imgPopup1 .btnCerrarP {
    background-image: url(../img/nav/navClose-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68px;
    height: 70px;
    position: absolute;
    left: 1011px;
    top: -20px;
}

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

.imgPopup2 .btnCerrarP {
    background-image: url(../img/S_G06_U02_L01_03_01/imgBtnCP2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68px;
    height: 70px;
    position: absolute;
    left: 1011px;
    top: -20px;
}

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

.imgPopup3 .btnCerrarP {
    background-image: url(../img/S_G06_U02_L01_03_01/imgBtnCP3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68px;
    height: 70px;
    position: absolute;
    left: 1011px;
    top: -20px;
}

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

.imgPopup4 .btnCerrarP {
    background-image: url(../img/S_G06_U02_L01_03_01/imgBtnCP1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68px;
    height: 70px;
    position: absolute;
    left: 1011px;
    top: -20px;
}

.btnBloqueS {
    top: 35px;
    left: 195px;
    cursor: pointer;
    width: 160px;
    height: 54px;
    position: absolute;
    border-radius: 9px;
}

.clickAlcalino {
    background-image: url(../img/click/clickAlcalino.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.19px;
    height: 36.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 140px;
    top: 231px;
    cursor: pointer;
}

.clickLantanidos {
    background-image: url(../img/click/clickLantanidos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.19px;
    height: 36.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 277px;
    top: 514px;
    cursor: pointer;
}

.clickActinidos {
    background-image: url(../img/click/clickActinidos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.19px;
    height: 36.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 276px;
    top: 585px;
    cursor: pointer;
}

.clickGnobles {
    background-image: url(../img/click/clickGnobles.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.19px;
    height: 36.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 982px;
    top: 218px;
    cursor: pointer;
}

.clickAlcalinoterreos {
    background-image: url(../img/click/clickAlcalinoterreo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.19px;
    height: 36.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 249px;
    top: 169px;
    cursor: pointer;
}

.clickTransicion {
    background-image: url(../img/click/clickTransicion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.19px;
    height: 36.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 515px;
    top: 284px;
    cursor: pointer;
}

.clickHalogenos {
    background-image: url(../img/click/clickHalogenos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.19px;
    height: 36.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 893px;
    top: 114px;
    cursor: pointer;
}

.clickFboro {
    background-image: url(../img/click/clickFboro.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.19px;
    height: 36.19px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 689px;
    top: 181px;
    cursor: pointer;
}

.clickCarbono {
    background-image: url(../img/click/clickCarbono.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 35.39px;
    height: 35.38px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 752px;
    top: 114px;
    cursor: pointer;
}

.imgGyP {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1GyP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1122.96px;
    height: 634.96px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 360px;
}

.imgTablaP {
    background-image: url(../img/S_G06_U02_L01_03_01/imgPTablaP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1121.08px;
    height: 634.98px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 360px;
}

.imgPopupMalcalinos {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupMAlca.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 306.63px;
    height: 371.86px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 296px;
    top: 282px;
    display: none;
}

.imgPopupMalcalinos .btnCerraP {
    position: absolute;
    
    width: 40px;
    height: 40px;
    transform: rotate(-22deg);
    top: 4px;
    left: 262px;
    border-radius: 9px;
}

.imgPopupMTransicion {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupMT.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 487.5px;
    height: 371.92px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 469px;
    top: 280px;
    display: none;
}

.imgPopupMTransicion .btnCerraP {
    position: absolute;
  
    width: 40px;
    height: 40px;
    transform: rotate(-22deg);
    top: 6px;
    left: 216px;
    border-radius: 9px;
}

.imgPopupGnobles {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupGN.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 282.33px;
    height: 427.75px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 844px;
    top: 254px;
    display: none;
}

.imgPopupGnobles .btnCerraP {
    position: absolute;
   
    width: 40px;
    height: 40px;
    transform: rotate(-22deg);
    top: 6px;
    left: 6px;
    border-radius: 9px;
}

.imgPopupHalogenos {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupHA.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 281.67px;
    height: 370.5px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 795px;
    top: 276px;
    display: none;
}

.imgPopupHalogenos .btnCerraP {
    position: absolute;
   
    width: 40px;
    height: 40px;
    transform: rotate(-22deg);
    top: 6px;
    left: 6px;
    border-radius: 9px;
}

.imgPopupACT {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupACT.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 731.33px;
    height: 194.67px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 634px;
    top: 516px;
    display: none;
}

.imgPopupACT .btnCerraP {
    position: absolute;
    
    width: 40px;
    height: 40px;
    transform: rotate(-22deg);
    top: 6px;
    left: 684px;
    border-radius: 9px;
}

.imgPopupLAN {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupLA.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 733.88px;
    height: 197.56px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 634px;
    top: 451px;
    display: none;
}

.imgPopupLAN .btnCerraP {
    position: absolute;
    
    width: 40px;
    height: 40px;
    transform: rotate(-22deg);
    top: 6px;
    left: 684px;
    border-radius: 9px;
}

.imgAct1PopupFB {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupFB.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 290.06px;
    height: 318.92px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 610px;
    top: 253px;
    display: none;
}

.imgAct1PopupFB .btnCerraP {
    position: absolute;
   
    width: 40px;
    height: 40px;
    transform: rotate(-69deg);
    top: 6px;
    left: 6px;
    border-radius: 9px;
}

.imgAct1PopupFN {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupFNitro.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 290.06px;
    height: 318.92px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 702px;
    top: 253px;
    display: none;
}

.imgAct1PopupFN .btnCerraP {
    position: absolute;
  
    width: 40px;
    height: 40px;
    transform: rotate(-69deg);
    top: 6px;
    left: 6px;
    border-radius: 9px;
}

.imgAct1PopupFCarb {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupFcAr.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 289.33px;
    height: 319.08px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 655px;
    top: 253px;
    display: none;
}

.imgAct1PopupFCarb .btnCerraP {
    position: absolute;
  
    width: 40px;
    height: 40px;
    transform: rotate(-69deg);
    top: 6px;
    left: 6px;
    border-radius: 9px;
}

.imgAct1PopupOX {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupOX.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 291.75px;
    height: 322.25px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 747px;
    top: 254px;
    display: none;
}

.imgAct1PopupOX .btnCerraP {
    position: absolute;
   
    width: 40px;
    height: 40px;
    transform: rotate(-69deg);
    top: 6px;
    left: 6px;
    border-radius: 9px;
}

.imgAct1PopupAlcT {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1PopupAlcT.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 325.25px;
    height: 380.5px;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 346px;
    top: 282px;
    display: none;
}

.imgAct1PopupAlcT .btnCerraP {
    position: absolute;
    width: 40px;
    height: 40px;
    transform: rotate(-113deg);
    -moz-transform: rotate(-113deg);
    -webkit-transform: rotate(-113deg);
    -ms-transform: rotate(-113deg);
    top: 7px;
    left: 276px;
    border-radius: 9px;
}
/* inicio tablaperiodica*/

.clickTp {
    background-image: url(../img/click/clickTp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 12.18px;
    height: 13.57px;
    position: absolute;
    left: 16px;
    top: 40px;
}

.tablaPeriodica {
    position: absolute;
    top: 114px;
    left: 218px;
}

.tablaPeriodica .elemento {
    border: 1px solid black;
    width: 43.93px;
    height: 51.312px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-color: #09518C;
    background-color: #09518C;
    cursor: pointer;
    position: relative;
}

.tablaPeriodica .elemento .numero {
    font-family: 'cabinbold';
    font-size: 9px;
    /* text-align: center; */
    
    line-height: 16px;
    padding-bottom: 4px;
    position: absolute;
    left: 17px;
    color: #09518C;
}

.tablaPeriodica .elemento .nombre {
    font-size: 23px;
    line-height: 7px;
    text-align: center;
    font-family: 'cabinbold';
    letter-spacing: normal;
    color: #09518C;
    padding-top: 21px;
}

.tablaPeriodica .elemento > div:nth-child(1) {
    background-color: #FFFEF8;
    height: 37px;
    border-top-right-radius: 5px;
}
/*.tablaPeriodica {
    counter-reset: contadorElemento;
}

.tablaPeriodica .elemento .numero:before {
    content: counter(contadorElemento);
    counter-increment: contadorElemento;
}*/

.tablaPeriodica .elemento:nth-child(2) {
    position: absolute;
    left: 780px;
    top: 0px;
    border-color: #0E78C6;
    background-color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(2) .nombre {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(2) .numero {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(3) {
    position: absolute;
    left: 0px;
    top: 54px;
    border-color: #007F2A;
    background-color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(3) .nombre {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(3) .numero {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(4) {
    position: absolute;
    left: 46px;
    top: 54px;
    border-color: #93C01F;
    background-color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(4) .nombre {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(4) .numero {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(5) {
    position: absolute;
    left: 550px;
    top: 54px;
    border-color: #7C62CC;
    background-color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(5) .nombre {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(5) .numero {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(6) {
    position: absolute;
    left: 596px;
    top: 54px;
    border-color: #49C47B;
    background-color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(6) .nombre {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(6) .numero {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(7) {
    position: absolute;
    left: 642px;
    top: 54px;
    border-color: #49C47B;
    background-color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(7) .nombre {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(7) .numero {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(8) {
    position: absolute;
    left: 688px;
    top: 54px;
    border-color: #49C47B;
    background-color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(8) .nombre {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(8) .numero {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(9) {
    position: absolute;
    left: 734px;
    top: 54px;
    border-color: #FBC36A;
    background-color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(9) .nombre {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(9) .numero {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(10) {
    position: absolute;
    left: 780px;
    top: 54px;
    border-color: #0E78C6;
    background-color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(10) .nombre {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(10) .numero {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(11) {
    position: absolute;
    left: 0px;
    top: 108px;
    border-color: #007F2A;
    background-color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(11) .nombre {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(11) .numero {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(12) {
    position: absolute;
    left: 46px;
    top: 108px;
    border-color: #93C01F;
    background-color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(12) .nombre {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(12) .numero {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(13) {
    position: absolute;
    left: 550px;
    top: 108px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(13) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(13) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(14) {
    position: absolute;
    left: 596px;
    top: 108px;
    border-color: #7C62CC;
    background-color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(14) .nombre {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(14) .numero {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(15) {
    position: absolute;
    left: 642px;
    top: 108px;
    border-color: #49C47B;
    background-color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(15) .nombre {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(15) .numero {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(16) {
    position: absolute;
    left: 688px;
    top: 108px;
    border-color: #49C47B;
    background-color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(16) .nombre {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(16) .numero {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(17) {
    position: absolute;
    left: 734px;
    top: 108px;
    border-color: #FBC36A;
    background-color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(17) .nombre {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(17) .numero {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(18) {
    position: absolute;
    left: 780px;
    top: 108px;
    border-color: #0E78C6;
    background-color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(18) .nombre {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(18) .numero {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(19) {
    position: absolute;
    left: 0px;
    top: 162px;
    border-color: #007F2A;
    background-color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(19) .nombre {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(19) .numero {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(20) {
    position: absolute;
    left: 46px;
    top: 162px;
    border-color: #93C01F;
    background-color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(20) .nombre {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(20) .numero {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(21) {
    position: absolute;
    left: 92px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(21) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(21) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(22) {
    position: absolute;
    left: 138px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(22) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(22) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(23) {
    position: absolute;
    left: 183px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(23) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(23) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(24) {
    position: absolute;
    left: 229px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(24) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(24) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(25) {
    position: absolute;
    left: 275px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(25) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(25) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(26) {
    position: absolute;
    left: 321px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(26) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(26) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(27) {
    position: absolute;
    left: 367px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(27) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(27) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(28) {
    position: absolute;
    left: 413px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(28) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(28) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(29) {
    position: absolute;
    left: 459px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(29) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(29) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(30) {
    position: absolute;
    left: 504px;
    top: 162px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(30) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(30) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(31) {
    position: absolute;
    left: 550px;
    top: 162px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(31) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(31) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(32) {
    position: absolute;
    left: 596px;
    top: 162px;
    border-color: #7C62CC;
    background-color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(32) .nombre {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(32) .numero {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(33) {
    position: absolute;
    left: 642px;
    top: 162px;
    border-color: #7C62CC;
    background-color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(33) .nombre {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(33) .numero {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(34) {
    position: absolute;
    left: 688px;
    top: 162px;
    border-color: #49C47B;
    background-color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(34) .nombre {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(34) .numero {
    color: #49C47B;
}

.tablaPeriodica .elemento:nth-child(35) {
    position: absolute;
    left: 734px;
    top: 162px;
    border-color: #FBC36A;
    background-color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(35) .nombre {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(35) .numero {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(36) {
    position: absolute;
    left: 780px;
    top: 162px;
    border-color: #0E78C6;
    background-color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(36) .nombre {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(36) .numero {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(37) {
    position: absolute;
    left: 0px;
    top: 216px;
    border-color: #007F2A;
    background-color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(37) .nombre {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(37) .numero {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(38) {
    position: absolute;
    left: 46px;
    top: 216px;
    border-color: #93C01F;
    background-color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(38) .nombre {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(38) .numero {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(39) {
    position: absolute;
    left: 92px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(39) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(39) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(40) {
    position: absolute;
    left: 138px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(40) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(40) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(41) {
    position: absolute;
    left: 183px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(41) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(41) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(42) {
    position: absolute;
    left: 229px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(42) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(42) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(43) {
    position: absolute;
    left: 275px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(43) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(43) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(44) {
    position: absolute;
    left: 321px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(44) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(44) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(45) {
    position: absolute;
    left: 367px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(45) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(45) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(46) {
    position: absolute;
    left: 413px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(46) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(46) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(47) {
    position: absolute;
    left: 459px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(47) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(47) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(48) {
    position: absolute;
    left: 504px;
    top: 216px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(48) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(48) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(49) {
    position: absolute;
    left: 550px;
    top: 216px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(49) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(49) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(50) {
    position: absolute;
    left: 596px;
    top: 216px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(50) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(50) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(51) {
    position: absolute;
    left: 642px;
    top: 216px;
    border-color: #7C62CC;
    background-color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(51) .nombre {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(51) .numero {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(52) {
    position: absolute;
    left: 688px;
    top: 216px;
    border-color: #7C62CC;
    background-color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(52) .nombre {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(52) .numero {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(53) {
    position: absolute;
    left: 734px;
    top: 216px;
    border-color: #FBC36A;
    background-color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(53) .nombre {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(53) .numero {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(54) {
    position: absolute;
    left: 780px;
    top: 216px;
    border-color: #007AC7;
    background-color: #007AC7;
}

.tablaPeriodica .elemento:nth-child(54) .nombre {
    color: #007AC7;
}

.tablaPeriodica .elemento:nth-child(54) .numero {
    color: #007AC7;
}

.tablaPeriodica .elemento:nth-child(55) {
    position: absolute;
    left: 0px;
    top: 270px;
    border-color: #007F2A;
    background-color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(55) .nombre {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(55) .numero {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(56) {
    position: absolute;
    left: 46px;
    top: 270px;
    border-color: #93C01F;
    background-color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(56) .nombre {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(56) .numero {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(57) {
    position: absolute;
    left: 92px;
    top: 270px;
    border-color: #573882;
    background-color: #573882;
}

.tablaPeriodica .elemento:nth-child(57) .nombre {
    color: #573882;
}

.tablaPeriodica .elemento:nth-child(57) .numero {
    color: #573882;
}

.tablaPeriodica .elemento:nth-child(58) {
    position: absolute;
    left: 138px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(58) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(58) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(59) {
    position: absolute;
    left: 183px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(59) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(59) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(60) {
    position: absolute;
    left: 229px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(60) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(60) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(61) {
    position: absolute;
    left: 275px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(61) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(61) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(62) {
    position: absolute;
    left: 321px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(62) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(62) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(63) {
    position: absolute;
    left: 367px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(63) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(63) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(64) {
    position: absolute;
    left: 413px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(64) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(64) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(65) {
    position: absolute;
    left: 459px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(65) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(65) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(66) {
    position: absolute;
    left: 504px;
    top: 270px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(66) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(66) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(67) {
    position: absolute;
    left: 550px;
    top: 270px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(67) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(67) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(68) {
    position: absolute;
    left: 596px;
    top: 270px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(68) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(68) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(69) {
    position: absolute;
    left: 642px;
    top: 270px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(69) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(69) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(70) {
    position: absolute;
    left: 688px;
    top: 270px;
    border-color: #7C62CC;
    background-color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(70) .nombre {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(70) .numero {
    color: #7C62CC;
}

.tablaPeriodica .elemento:nth-child(71) {
    position: absolute;
    left: 734px;
    top: 270px;
    border-color: #FBC36A;
    background-color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(71) .nombre {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(71) .numero {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(72) {
    position: absolute;
    left: 780px;
    top: 270px;
    border-color: #0E78C6;
    background-color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(72) .nombre {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(72) .numero {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(73) {
    position: absolute;
    left: 0px;
    top: 325px;
    border-color: #007F2A;
    background-color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(73) .nombre {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(73) .numero {
    color: #007F2A;
}

.tablaPeriodica .elemento:nth-child(74) {
    position: absolute;
    left: 46px;
    top: 325px;
    border-color: #93C01F;
    background-color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(74) .nombre {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(74) .numero {
    color: #93C01F;
}

.tablaPeriodica .elemento:nth-child(75) {
    position: absolute;
    left: 92px;
    top: 325px;
    border-color: #35A8E0;
    background-color: #35A8E0;
}

.tablaPeriodica .elemento:nth-child(75) .nombre {
    color: #35A8E0;
}

.tablaPeriodica .elemento:nth-child(75) .numero {
    color: #35A8E0;
}

.tablaPeriodica .elemento:nth-child(76) {
    position: absolute;
    left: 138px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(76) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(76) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(77) {
    position: absolute;
    left: 183px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(77) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(77) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(78) {
    position: absolute;
    left: 229px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(78) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(78) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(79) {
    position: absolute;
    left: 275px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(79) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(79) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(80) {
    position: absolute;
    left: 321px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(80) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(80) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(81) {
    position: absolute;
    left: 367px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(81) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(81) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(82) {
    position: absolute;
    left: 413px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(82) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(82) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(83) {
    position: absolute;
    left: 459px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(83) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(83) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(84) {
    position: absolute;
    left: 504px;
    top: 325px;
    border-color: #F95C16;
    background-color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(84) .nombre {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(84) .numero {
    color: #F95C16;
}

.tablaPeriodica .elemento:nth-child(85) {
    position: absolute;
    left: 550px;
    top: 325px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(85) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(85) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(86) {
    position: absolute;
    left: 596px;
    top: 325px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(86) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(86) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(87) {
    position: absolute;
    left: 642px;
    top: 325px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(87) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(87) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(88) {
    position: absolute;
    left: 688px;
    top: 325px;
    border-color: #D3185C;
    background-color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(88) .nombre {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(88) .numero {
    color: #D3185C;
}

.tablaPeriodica .elemento:nth-child(89) {
    position: absolute;
    left: 734px;
    top: 325px;
    border-color: #FBC36A;
    background-color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(89) .nombre {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(89) .numero {
    color: #FBC36A;
}

.tablaPeriodica .elemento:nth-child(90) {
    position: absolute;
    left: 780px;
    top: 325px;
    border-color: #0E78C6;
    background-color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(90) .nombre {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(90) .numero {
    color: #0E78C6;
}

.tablaPeriodica .elemento:nth-child(91) {
    position: absolute;
    left: 138px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(91) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(91) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(92) {
    position: absolute;
    left: 183px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(92) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(92) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(93) {
    position: absolute;
    left: 229px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(93) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(93) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(94) {
    position: absolute;
    left: 275px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(94) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(94) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(95) {
    position: absolute;
    left: 321px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(95) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(95) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(96) {
    position: absolute;
    left: 367px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(96) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(96) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(97) {
    position: absolute;
    left: 413px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(97) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(97) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(98) {
    position: absolute;
    left: 459px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(98) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(98) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(99) {
    position: absolute;
    left: 504px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(99) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(99) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(100) {
    position: absolute;
    left: 550px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(100) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(100) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(101) {
    position: absolute;
    left: 596px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(101) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(101) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(102) {
    position: absolute;
    left: 642px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(102) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(102) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(103) {
    position: absolute;
    left: 688px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(103) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(103) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(104) {
    position: absolute;
    left: 734px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(104) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(104) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(105) {
    position: absolute;
    left: 780px;
    top: 404px;
    border-color: #0E387C;
    background-color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(105) .nombre {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(105) .numero {
    color: #0E387C;
}

.tablaPeriodica .elemento:nth-child(106) {
    position: absolute;
    left: 138px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(106) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(106) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(107) {
    position: absolute;
    left: 183px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(107) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(107) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(108) {
    position: absolute;
    left: 229px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(108) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(108) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(109) {
    position: absolute;
    left: 275px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(109) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(109) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(110) {
    position: absolute;
    left: 321px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(110) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(110) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(111) {
    position: absolute;
    left: 367px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(111) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(111) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(112) {
    position: absolute;
    left: 413px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(112) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(112) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(113) {
    position: absolute;
    left: 459px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(113) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(113) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(114) {
    position: absolute;
    left: 504px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(114) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(114) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(115) {
    position: absolute;
    left: 550px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(115) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(115) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(116) {
    position: absolute;
    left: 596px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(116) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(116) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(117) {
    position: absolute;
    left: 642px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(117) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(102) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(118) {
    position: absolute;
    left: 688px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(118) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(118) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(119) {
    position: absolute;
    left: 734px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(119) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(119) .numero {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(120) {
    position: absolute;
    left: 780px;
    top: 475px;
    border-color: #6E3C6F;
    background-color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(120) .nombre {
    color: #6E3C6F;
}

.tablaPeriodica .elemento:nth-child(120) .numero {
    color: #6E3C6F;
}
/*Big */

.tablaPeriodica .elementoBig {
    border: 2px solid black;
    width: 87.483px;
    height: 104.179px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-color: #09518C;
    background-color: #09518C;
    left: 268px;
    top: 13px;
    position: absolute;
}

.tablaPeriodica .elementoBig:nth-child(1) {
    position: absolute;
    left: 780px;
    top: 0px;
    border-color: #0E78C6;
    background-color: #0E78C6;
}

.tablaPeriodica .elementoBig .nombreBig {
    font-size: 53px;
    line-height: 7px;
    text-align: center;
    font-family: 'cabinbold';
    letter-spacing: normal;
    color: #09518C;
    padding-top: 43px;
    /* position: absolute; */
    /* top: 41px; */
    /* left: 25px; */
}

.tablaPeriodica .elementoBig .numeroBig {
    font-family: 'cabinbold';
    font-size: 15px;
    /* text-align: center; */
    
    line-height: 16px;
    padding-bottom: 4px;
    position: absolute;
    left: 7px;
    color: #09518C;
    position: absolute;
    top: 5px;
}

.tablaPeriodica .elementoBig .masaAtomica {
    font-family: 'cabinbold';
    font-size: 12px;
    /* text-align: center; */
    
    line-height: 16px;
    padding-bottom: 4px;
    position: absolute;
    /* left: 49px;*/
    
    left: 40px;
    color: #09518C;
    letter-spacing: normal;
    top: 5px;
    width: 45px;
    text-align: right;
}

.tablaPeriodica .elementoBig > div:nth-child(1) {
    background-color: #FFFEF8;
    height: 73.921px;
    border-top-right-radius: 10px;
}

.tablaPeriodica .elementoBig .nombreE {
    text-align: center;
    padding-top: 5px;
    font-size: 17px;
    color: #FFFFFF;
    font-family: 'cabinregular';
}

.flecha {
    position: absolute;
    top: 28px;
    border-top: 2px solid #09518C;
    width: 49.047px;
    left: 356px;
    z-index: 2;
}

.triangulo_der {
    width: 0;
    height: 0;
    border-top: 6pX solid transparent;
    border-left: 9px solid #09518C;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: -7px;
    left: 47px;
}

.triangulo_izq {
    width: 0;
    height: 0;
    border-top: 6pX solid transparent;
    border-right: 9px solid #09518C;
    border-bottom: 6pX solid transparent;
    position: absolute;
    top: -7px;
    left: -2px;
}

.elemento:hover {
    /*-webkit-animation: 1s elemento_Seleccionado 1;
    -moz-animation: 1s elemento_Seleccionado 1;*/
    
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    z-index: 2;
}

@-webkit-keyframes elemento_Seleccionado {
    from {
        transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        z-index: 1;
    }
    to {
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        z-index: 2;
    }
}
/*fin tabla periodica*/

.imgAct1Eje {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1Ejercicio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1180.95px;
    height: 656.92px;
}

.imgAct1Eje .btnCerrarP {
    cursor: pointer;
    position: absolute;
    width: 73px;
    height: 78px;
    top: 3px;
    left: 1102px;
    transform: rotate(-23deg);
    border-radius: 25px;
}

.btnElemento {
    width: 144px;
    height: 48px;
    border: 2px solid #EFCC00;
    border-radius: 8px;
    background-color: #FADF40;
    cursor: pointer;
    pointer-events: none;
}

.btnElemento > div:nth-child(1) {
    color: #565655;
    font-family: 'cabinmedium';
    font-size: 30px;
    padding-top: 5px;
    width: 114px;
    text-align: center;
}

.btnElemento > div:nth-child(2) {
    background-image: url(../img/S_G06_U02_L01_03_01/imgAct1BtnE.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 50.1px;
    /* left: 154px; */
    /* top: 56px; */
    
    position: absolute;
    /* float: right; */
    
    margin-top: -42px;
    margin-left: 112px;
}

.btnActividad {
    cursor: pointer;
    position: absolute;
    width: 140.612px;
    height: 138.179px;
    border-radius: 50%;
    top: 507px;
    left: 97px;
}

.ulElementos {
    position: absolute;
    top: 142px;
    left: -13px;
}

.ulElementos li {
    margin: 1px 1px 1px 1px;
}

.imgBtnValidar {
    background-image: url(../img/S_G06_U02_L01_03_01/btnValidar.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 130.65px;
    height: 125.82px;
    position: absolute;
    top: 318px;
    left: 50px;
    cursor: pointer;
}

input {
    position: absolute;
    top: -43px;
    left: 223px;
    height: 36px;
    font-family: 'cabinmedium';
    font-size: 29px;
    color: #565655;
    width: 194px;
    outline: none;
    border: 0px;
    text-transform: capitalize;
}

#input_simbolo {
    top: 18px;
    left: 432px;
    width: 93px;
}

#input_grupo {
    top: 18px;
    left: 626px;
    width: 75px;
}

#input_familia {
    top: 92px;
    left: 324px;
    width: 95px;
}

#input_Nfamilia {
    top: 159px;
    left: 483px;
    width: 217px;
}

#input_Periodo {
    top: 237px;
    left: 325px;
    width: 74px;
}

#input_Bloque {
    top: 237px;
    left: 599px;
    width: 74px;
}

#input_Metal {
    top: 417px;
    left: 279px;
    background-color: transparent;
    width: 46px;
    text-align: center;
    font-size: 41px;
    height: 39px;
    cursor: pointer;
}

#input_NMetal {
    top: 417px;
    left: 417px;
    background-color: transparent;
    width: 46px;
    text-align: center;
    font-size: 41px;
    height: 39px;
    cursor: pointer;
}

#input_Mloide {
    top: 419px;
    left: 578px;
    background-color: transparent;
    width: 46px;
    text-align: center;
    font-size: 41px;
    height: 39px;
    cursor: pointer;
}

.btnElementoSelect {
    color: #FFFFFF;
    border: 2px solid #0D5F7C;
    background-color: #0D5F7C;
}

.btnElemento > div:nth-child(1) {
    color: #FFFFFF;
}