@import url("S_G06_U02_L03_03.css");
.observaAnimacion3 {
    background-image: url(../img/S_G06_U02_L03_03_03/observaAnimacion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
}
.observaAnimacion4 {
    background-image: url(../img/S_G06_U01_L05_03_03/observaAnimacion4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
}

.grafica1 {
    background-image: url(../img/S_G06_U01_L05_03_03/grafica1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
}

.grafica2 {
    background-image: url(../img/S_G06_U01_L05_03_03/grafica2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
}
.mapa{
background-image: url(../img/S_G06_U01_L05_03_03/mapa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
}
/*POP UPS*/
.flechaSiguiente15{
    width: 210px;
    height: 96px;
    background-image: url(../img/S_G06_U02_L03_03_03/next-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 86.5%!important;
  left: 80%!important;
}
.flechaSiguiente16{
    width: 69px;
    height: 69px;
    background-image: url(../img/S_G06_U02_L03_03_03/next2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 86.5%!important;
  left: 48%!important;
}
.flechaSiguiente18{
    width: 74px;
    height: 74px;
    background-image: url(../img/S_G06_U02_L03_03_03/next4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 86.5%!important;
  left: 90%!important;
}
.flechaSiguiente17{
    width: 243px;
    height: 74px;
    background-image: url(../img/S_G06_U02_L03_03_03/next3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 86.5%!important;
  left: 40%!important;
}
.flechaAtras18{
    width: 74px;
    height: 74px;
    background-image: url(../img/S_G06_U02_L03_03_03/back-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 86.5%!important;
  left: 3%!important;
}
.popGrafica {
    width: 1225px;
    height: 627px;
    background-image: url(../img/S_G06_U01_L05_03_03/popUpGrafica.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.closePopup {
    background-image: url(../img/closePopup/closePopup.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 65px;
    height: 65px;
    position: absolute;
    right: -0.5%;
    top: -3%;
}

/*MenCode*/
.liq{
      width: 380px;
  height: 120px;
  position: absolute;
  top: 30%;
  left: 2%;
    z-index: 5;
}
.sol{
      width: 380px;
  height: 120px;
  position: absolute;
  top: 49%;
  left: 2%;
    z-index: 5;
}
.gas{
      width: 380px;
  height: 120px;
  position: absolute;
  top: 68%;
  left: 2%;
    z-index: 5;
}
.area1{
    background-image: url(../img/S_G06_U02_L03_03_03/imgAct1-29.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1182px;
    height: 518px;
    position: absolute;
    top:10%;
    left: 2%;
}

.content1{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 757px;
    height: 518px;
    position: absolute;
      top: 0%;
  left: 36%;
}

.nexty1{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}

.content2{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 788px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.5%;
}

.nexty2{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy2{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content3{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 791px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty3{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy3{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content4{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty4{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy4{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}



.area2{
    background-image: url(../img/S_G06_U02_L03_03_03/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1182px;
    height: 518px;
    position: absolute;
    top:10%;
    left: 2%;
}

.content5{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty5{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy5{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content6{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus6-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty6{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy6{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content7{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty7{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy7{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content8{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty8{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy8{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}


.content9{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus9-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty9{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy9{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content10{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus10-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty10{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy10{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}


.content11{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus11-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty11{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy11{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}


.content12{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus12-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty12{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy12{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content13{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus13-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty13{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy13{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}


.content14{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus14-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty14{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy14{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content15{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus15-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty15{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy15{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.area3{
    background-image: url(../img/S_G06_U02_L03_03_03/imgAct2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1182px;
    height: 518px;
    position: absolute;
    top:10%;
    left: 2%;
}


.content16{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus16-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty16{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy16{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}


.content17{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus17-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty17{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy17{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content18{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus18-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty18{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy18{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.content19{
     background-image: url(../img/S_G06_U02_L03_03_03/imgIlus19-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 790px;
    height: 519px;
    position: absolute;
      top: 0%;
  left: 33.1%;
}

.nexty19{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 90%;
}
.prevy19{
    width: 57px;
    height: 58px;
    position: absolute;
        top: 44.5%;
  left: 33.5%;
}

.area4{
    

    background-image: url(../img/S_G06_U02_L03_03_03/imgAct3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1204px;
    height: 594px;
    position: absolute;
    top:4%;
    left: 2%;

}




/*drag2 */
.cntMovimientos2 {
      width: 737px;
  height: 555px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 15%;
    left: 10%;
     background-image: url(../img/S_G06_U02_L03_03_03/tabalaDrag1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.movimientoDrag2 {
    width: 240px;
    height: 166px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop2 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 4px;
  position: absolute;
  top: 0%;
}


#lstDrags2 {
    margin: 0;
  padding: 0;
  position: absolute;
  top: 2%;
  left: 102%;
}

#lstDrags2 li:nth-child(1) .movimientoDrag2 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#lstDrags2 li:nth-child(2) .movimientoDrag1 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-02-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrags2 li:nth-child(3) .movimientoDrag3 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-03-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrags2 li:nth-child(4) .movimientoDrag4 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-04-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrops2 {
    margin: 0;
  padding: 0;
  position: absolute;
   top: 31%;
  left: 1%;
  width: 360px;
  height: 185px;
}



.movimientoDrag1 {
    width: 240px;
    height: 166px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop1 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 4px;
  position: absolute;
  top: 200px;
}

.movimientoDrag3 {
    width: 240px;
    height: 71px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop3 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 360px;
  position: absolute;
  top: 4px;
}

.movimientoDrag4 {
    width: 240px;
    height: 71px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop4 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 360px;
  position: absolute;
  top: 185px;
}


/*fin drag*/

/*drag3 */
.cntMovimientos3 {
      width: 737px;
  height: 555px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 15%;
    left: 10%;
     background-image: url(../img/S_G06_U02_L03_03_03/tabalaDrag2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.movimientoDrag6 {
    width: 240px;
    height: 166px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop6 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 4px;
  position: absolute;
  top: 0%;
}


#lstDrags3 {
    margin: 0;
  padding: 0;
  position: absolute;
  top: 2%;
  left: 102%;
}

#lstDrags3 li:nth-child(1) .movimientoDrag5 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-05-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#lstDrags3 li:nth-child(2) .movimientoDrag6 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-06-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrags3 li:nth-child(3) .movimientoDrag7 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-07-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrags3 li:nth-child(4) .movimientoDrag8 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-08-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrops3 {
    margin: 0;
  padding: 0;
  position: absolute;
   top: 31%;
  left: 1%;
  width: 360px;
  height: 185px;
}



.movimientoDrag5 {
    width: 240px;
    height: 166px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop5 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 4px;
  position: absolute;
  top: 200px;
}

.movimientoDrag7 {
    width: 240px;
    height: 71px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop7 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 360px;
  position: absolute;
  top: 4px;
}

.movimientoDrag8 {
    width: 240px;
    height: 71px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop8 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 360px;
  position: absolute;
  top: 185px;
}


/*fin drag*/


/*drag2 */
.cntMovimientos4 {
      width: 737px;
  height: 555px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 15%;
    left: 10%;
     background-image: url(../img/S_G06_U02_L03_03_03/tabalaDrag3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.movimientoDrag9 {
    width: 240px;
    height: 166px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop9 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 4px;
  position: absolute;
  top: 0%;
}


#lstDrags4 {
    margin: 0;
  padding: 0;
  position: absolute;
  top: 2%;
  left: 102%;
}

#lstDrags4 li:nth-child(1) .movimientoDrag9 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-09-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#lstDrags4 li:nth-child(2) .movimientoDrag10 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-10-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrags4 li:nth-child(3) .movimientoDrag11 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-11-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrags4 li:nth-child(4) .movimientoDrag12 {
    background-image: url(../img/S_G06_U02_L03_03_03/imgStone-12-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#lstDrops4 {
    margin: 0;
  padding: 0;
  position: absolute;
   top: 31%;
  left: 1%;
  width: 360px;
  height: 185px;
}



.movimientoDrag10 {
    width: 240px;
    height: 166px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop10 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 4px;
  position: absolute;
  top: 200px;
}

.movimientoDrag11 {
    width: 240px;
    height: 71px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop11 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 360px;
  position: absolute;
  top: 4px;
}

.movimientoDrag12 {
    width: 240px;
    height: 71px;
    position: relative;
    margin-bottom: 13px;
}

.movimientoDrop12 {
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     /* margin-top: 12px; */
       width: 352px;
  height: 185px;
  left: 360px;
  position: absolute;
  top: 185px;
}


/*fin drag*/



/*tabs MENCO*/


/*tab*/


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

.tab {
    width: 75px;
    height: 30px;
    border: 5px solid #85B23F;
    
    border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    text-align: center;
    line-height: 32px;
    font-family: 'cabinregular';
    font-size: 41px;
    color: #F9F7E4;
     background-color: #F9F7E4;
    font-weight: normal;
}

.tab:hover {
   
    
     font-weight: normal;
}



.tabActiva.tab {
   
   
    background-color: #85B23F;
     font-weight: normal;
    
}



#tabContainer1 {
    background-image: url(../img/S_G06_U01_L04_03_03/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1232px;
    height: 607px;
    position: absolute;
      top: 4%;
      left: 0.5%;
    z-index: 0;
}

#tabContainer2 {
    background-image: url(../img/S_G06_U01_L04_03_03/imgAct2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1235px;
    height: 607px;
    position: absolute;
    top: 4%;
      left: 0.5%;
    z-index: 0;
}

#tabContainer3 {
    background-image: url(../img/S_G06_U01_L04_03_03/imgAct3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1232px;
    height: 607px;
    position: absolute;
    top: 4%;
      left: 0.5%;
    z-index: 0;
}
#tabContainer4 {
    background-image: url(../img/S_G06_U01_L04_03_03/imgAct4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1232px;
    height: 607px;
    position: absolute;
    top: 4%;
    left: 0.5%;
    z-index: 0;
}

#tabContainer5 {
    background-image: url(../img/S_G06_U01_L04_03_03/imgAct5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1232px;
    height: 607px;
    position: absolute;
    top: 4%;
    left: 0.5%;
    z-index: 0;
}

#tabContainer6 {
    background-image: url(../img/S_G06_U01_L04_03_03/imgAct6-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1232px;
    height: 607px;
    position: absolute;
    top: 4%;
    left: 0.5%;
    z-index: 0;
}
#tabContainer7 {
    background-image: url(../img/S_G06_U01_L04_03_03/imgAct7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1232px;
    height: 607px;
    position: absolute;
    top: 4%;
    left: 0.5%;
    z-index: 0;
}
#tabContainer8 {
    background-image: url(../img/S_G06_U01_L04_03_03/imgAct8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1232px;
    height: 607px;
    position: absolute;
    top: 4%;
    left: 0.5%;
    z-index: 0;
}
.clicTab1{
        background-image: url(../img/click/clickPregunta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 25px;
  height: 27px;
  position: absolute;
  top: 27%;
  left: 72.5%;
    z-index: 2;
}
.clicTab2{
        background-image: url(../img/click/clickPregunta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 25px;
  height: 27px;
  position: absolute;
  top: 27%;
  left: 85.5%;
    z-index: 2;
}




/*fintabs*/


/*popus*/


.pop1 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 380px;
  height: 520px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #E74F1C; /* Old browsers */
	background: -moz-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E74F1C), color-stop(100%, #E74F1C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* IE10+ */
	background: linear-gradient(to right, #E74F1C 0%, #E74F1C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74F1C', endColorstr='#E74F1C', GradientType=1 ); /* IE6-9 */
}
.pop1 .btnCerrar1 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar1-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -6%;
  right: -8%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop1 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 97%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn1 {
	position: absolute;
	left: 960px;
	top: 350px;
	width: 70px;
	height: 80px;
}
.ilus1{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 317px;
  height: 438px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}




.pop2 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 380px;
  height: 520px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #E74F1C; /* Old browsers */
	background: -moz-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E74F1C), color-stop(100%, #E74F1C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* IE10+ */
	background: linear-gradient(to right, #E74F1C 0%, #E74F1C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74F1C', endColorstr='#E74F1C', GradientType=1 ); /* IE6-9 */
}
.pop2 .btnCerrar2 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar1-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -6%;
  right: -8%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop2 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 97%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn2 {
	position: absolute;
	left: 960px;
	top: 350px;
	width: 70px;
	height: 80px;
}
.ilus2{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 317px;
  height: 438px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}



.pop3 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 380px;
  height: 520px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #E74F1C; /* Old browsers */
	background: -moz-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E74F1C), color-stop(100%, #E74F1C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* IE10+ */
	background: linear-gradient(to right, #E74F1C 0%, #E74F1C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74F1C', endColorstr='#E74F1C', GradientType=1 ); /* IE6-9 */
}
.pop3 .btnCerrar3 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar1-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -6%;
  right: -8%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop3 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 97%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn3 {
	position: absolute;
	left: 960px;
	top: 350px;
	width: 70px;
	height: 80px;
}
.ilus3{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 317px;
  height: 438px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}




.pop4 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 380px;
  height: 200px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #E74F1C; /* Old browsers */
	background: -moz-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E74F1C), color-stop(100%, #E74F1C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* IE10+ */
	background: linear-gradient(to right, #E74F1C 0%, #E74F1C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74F1C', endColorstr='#E74F1C', GradientType=1 ); /* IE6-9 */
}
.pop4 .btnCerrar4 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar1-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -20%;
  right: -9%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop4 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 91%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn4 {
	position: absolute;
	left: 960px;
	top: 350px;
	width: 70px;
	height: 80px;
}
.ilus4{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 323px;
  height: 152px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}




.pop5 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 440px;
  height: 415px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #E74F1C; /* Old browsers */
	background: -moz-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E74F1C), color-stop(100%, #E74F1C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* IE10+ */
	background: linear-gradient(to right, #E74F1C 0%, #E74F1C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74F1C', endColorstr='#E74F1C', GradientType=1 ); /* IE6-9 */
}
.pop5 .btnCerrar5 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar1-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -8%;
  right: -7%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop5 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 95%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn5 {
	position: absolute;
	left: 960px;
	top: 350px;
	width: 65px;
	height: 70px;
}
.ilus5{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 371px;
  height: 338px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}



.pop6 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 440px;
  height: 452px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #E74F1C; /* Old browsers */
	background: -moz-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E74F1C), color-stop(100%, #E74F1C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* IE10+ */
	background: linear-gradient(to right, #E74F1C 0%, #E74F1C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74F1C', endColorstr='#E74F1C', GradientType=1 ); /* IE6-9 */
}
.pop6 .btnCerrar6 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar1-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -8%;
  right: -7%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop6 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 95%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn6 {
	position: absolute;
	left: 960px;
	top: 350px;
	width: 65px;
	height: 70px;
}
.ilus6{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus6-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 382px;
  height: 396px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}



.pop7 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 555px;
  height: 370px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #0569B3; /* Old browsers */
	background: -moz-linear-gradient(left, #0569B3 0%, #0569B3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0569B3), color-stop(100%, #0569B3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0569B3 0%, #0569B3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0569B3 0%, #0569B3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0569B3 0%, #0569B3 100%); /* IE10+ */
	background: linear-gradient(to right, #0569B3 0%, #0569B3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0569B3', endColorstr='#0569B3', GradientType=1 ); /* IE6-9 */
}
.pop7 .btnCerrar7 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar2-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -8%;
  right: -7%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop7 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 95%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn7 {
	position: absolute;
	left: 960px;
	top: 350px;
	width: 65px;
	height: 70px;
}
.ilus7{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 469px;
  height: 285px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}







.pop8 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 350px;
  height: 452px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #E74F1C; /* Old browsers */
	background: -moz-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E74F1C), color-stop(100%, #E74F1C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* IE10+ */
	background: linear-gradient(to right, #E74F1C 0%, #E74F1C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74F1C', endColorstr='#E74F1C', GradientType=1 ); /* IE6-9 */
}
.pop8 .btnCerrar8 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar1-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -8%;
  right: -7%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop8 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 95%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn8 {
	position: absolute;
	left: 960px;
	top: 350px;
	width: 65px;
	height: 70px;
}
.ilus8{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 286px;
  height: 375px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}





.pop9 {
	margin: 0px;
	margin-left:18%;
	margin-top:19%;
	width: 350px;
  height: 452px;;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #E74F1C; /* Old browsers */
	background: -moz-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #E74F1C), color-stop(100%, #E74F1C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #E74F1C 0%, #E74F1C 100%); /* IE10+ */
	background: linear-gradient(to right, #E74F1C 0%, #E74F1C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74F1C', endColorstr='#E74F1C', GradientType=1 ); /* IE6-9 */
}
.pop9 .btnCerrar9 {
	background-image: url(../img/S_G06_U01_L04_03_03/cerrar1-01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 65px;
	height: 67px;
	position: absolute;
	  top: -8%;
  right: -7%;
	border: 0;
	font-size: 0;
	margin-top: 9px;
	margin-right: 12px;
	z-index:2;
}

.pop9 .contenido{
background-color: #FFFFFF;
width: 95%;
height: 95%;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 2% auto 0 auto;

position: relative;}


.btn9{
	position: absolute;
	left: 960px;
	top: 350px;
	width: 65px;
	height: 70px;
}
.ilus9{
     background-image: url(../img/S_G06_U01_L04_03_03/imgIlus9-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 310px;
  height: 374px;
  position: absolute;
  top: 7%;
  left: 5.5%;
}