.area1 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area2 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area3 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area4 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area5 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area6 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area6-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area7 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area8 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.area9 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-area9-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
    right: 0%;
    top: 0%;
}

.siguiente {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 93%;
    top: 49%;
}

.siguiente2 {
    width: 445px;
    height: 90px;
    position: absolute;
    left: 10.5%;
    top: 77%;
}

.siguiente3 {
    width: 97px;
    height: 65px;
    position: absolute;
    left: 68.7%;
    top: 3.5%;
}

.opc1 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-ilus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 93.28px;
    height: 87.61px;
    position: absolute;
    left: 29.4%;
    top: 79.4%;
}

.opc2 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-ilus2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80.9px;
    height: 80.9px;
    position: absolute;
    left: 41%;
    top: 79%;
}

.opc3 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-ilus3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 124.33px;
    height: 75.47px;
    position: absolute;
    left: 52.4%;
    top: 79.4%;
}

.opc4 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-ilus4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 74px;
    height: 74px;
    position: absolute;
    left: 64.9%;
    top: 78.6%;
}

.videoContenedor video {
  width: 580px;
  height: 325px;
  position: absolute;
  top: 26%;
  left: 10%;
}
.videoContenedor {
  padding-top: 2%;
  margin: 0 auto;
  width: 650px;
  height: 325px;
}
.pop1 {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
    width: 1204.67px;
    height: 720.25px;
    border-radius: 7px;
    background-color: transparent;
}

.pop1 .contenido {
    background-color: transparent;
    width: 99%;
    height: 99%;
    text-align: center;
    border-radius: 7px;
    margin: 1% auto 0 auto;
    position: relative;
}

.btn1 {
    position: absolute;
    width: 190.38px;
    height: 223.38px;
}

.pop1 .btnCerrar1 {
    width: 81px;
    height: 83px;
    position: absolute;
    top: 11px;
    right: -6px;
    border-radius: 46px;
    border: 0;
    z-index: 2;
}

.imgPop1 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-pop1-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1204.67px;
    height: 720.25px;
    position: absolute;
    top: 0%;
    left: 0%;
}

.pop2 {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
    width: 1204.67px;
    height: 720.25px;
    border-radius: 7px;
    background-color: transparent;
}

.pop2 .contenido {
    background-color: transparent;
    width: 99%;
    height: 99%;
    text-align: center;
    border-radius: 7px;
    margin: 1% auto 0 auto;
    position: relative;
}

.btn2 {
    position: absolute;
    width: 190.38px;
    height: 223.38px;
}

.pop2 .btnCerrar2 {
    width: 81px;
    height: 83px;
    position: absolute;
    top: 11px;
    right: -6px;
    border-radius: 46px;
    border: 0;
    z-index: 2;
}

.imgPop2 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-pop2-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1204.71px;
    height: 719.92px;
    position: absolute;
    top: 0%;
    left: 0%;
}

.pop3 {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
    width: 1204.67px;
    height: 720.25px;
    border-radius: 7px;
    background-color: transparent;
}

.pop3 .contenido {
    background-color: transparent;
    width: 99%;
    height: 99%;
    text-align: center;
    border-radius: 7px;
    margin: 1% auto 0 auto;
    position: relative;
}

.btn3 {
    position: absolute;
    width: 190.38px;
    height: 223.38px;
}

.pop3 .btnCerrar3 {
    width: 81px;
    height: 83px;
    position: absolute;
    top: 11px;
    right: -6px;
    border-radius: 46px;
    border: 0;
    z-index: 2;
}

.imgPop3 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-pop3-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1204.88px;
    height: 721.25px;
    position: absolute;
    top: 0%;
    left: 0%;
}

.pop4 {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
    width: 1204.67px;
    height: 720.25px;
    border-radius: 7px;
    background-color: transparent;
}

.pop4 .contenido {
    background-color: transparent;
    width: 99%;
    height: 99%;
    text-align: center;
    border-radius: 7px;
    margin: 1% auto 0 auto;
    position: relative;
}

.btn4 {
    position: absolute;
    width: 190.38px;
    height: 223.38px;
}

.pop4 .btnCerrar4 {
    width: 81px;
    height: 83px;
    position: absolute;
    top: 11px;
    right: -6px;
    border-radius: 46px;
    border: 0;
    z-index: 2;
}

.imgPop4 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-pop4-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1205.5px;
    height: 721.25px;
    position: absolute;
    top: 0%;
    left: 0%;
}

.pop5 {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
    width: 1204.67px;
    height: 720.25px;
    border-radius: 7px;
    background-color: transparent;
}

.pop5 .contenido {
    background-color: transparent;
    width: 99%;
    height: 99%;
    text-align: center;
    border-radius: 7px;
    margin: 1% auto 0 auto;
    position: relative;
}

.btn5 {
    position: absolute;
    width: 190.38px;
    height: 223.38px;
}

.pop5 .btnCerrar5 {
    width: 81px;
    height: 83px;
    position: absolute;
    top: 11px;
    right: -6px;
    border-radius: 46px;
    border: 0;
    z-index: 2;
}

.imgPop5 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-pop5-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1204.75px;
    height: 720.25px;
    position: absolute;
    top: 0%;
    left: 0%;
}

.pop6 {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
    width: 1204.67px;
    height: 720.25px;
    border-radius: 7px;
    background-color: transparent;
}

.pop6 .contenido {
    background-color: transparent;
    width: 99%;
    height: 99%;
    text-align: center;
    border-radius: 7px;
    margin: 1% auto 0 auto;
    position: relative;
}

.btn6 {
    position: absolute;
    width: 190.38px;
    height: 223.38px;
}

.pop6 .btnCerrar6 {
    width: 81px;
    height: 83px;
    position: absolute;
    top: 11px;
    right: -6px;
    border-radius: 46px;
    border: 0;
    z-index: 2;
}

.imgPop6 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-pop6-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1206px;
    height: 721.5px;
    position: absolute;
    top: 0%;
    left: 0%;
}

.pop7 {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
    width: 1204.67px;
    height: 720.25px;
    border-radius: 7px;
    background-color: transparent;
}

.pop7 .contenido {
    background-color: transparent;
    width: 99%;
    height: 99%;
    text-align: center;
    border-radius: 7px;
    margin: 1% auto 0 auto;
    position: relative;
}

.btn7 {
    position: absolute;
    width: 713.38px;
    height: 238.38px;
}

.pop7 .btnCerrar7 {
    width: 81px;
    height: 83px;
    position: absolute;
    top: 11px;
    right: -6px;
    border-radius: 46px;
    border: 0;
    z-index: 2;
}

.imgPop7 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-pop7-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1205.5px;
    height: 720.75px;
    position: absolute;
    top: 0%;
    left: 0%;
}









/* MATCHED */ 


.textoCeldas{
      vertical-align: top;
  color: #6E6E6E;
  font-family: 'cabinregular';
  font-size: 40px;
  line-height: 125px;
  letter-spacing: 0;
  border-bottom: 5px solid transparent;
  text-align: center;
}


.containerDrags {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 1000px;
    top: 55%;
    width: 1007px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.itemContainerDrag {
    width: 200px;
    height: 143px;
    border-radius: 10px;
    margin: 3px 0px 3px 0px;
    position: relative;
    display: inline-block;
}

.pareja1 {
    background-color: #54D1C1;
}

.pareja2 {
    background-color: #FF75A9;
}

.pareja3 {
    background-color: #54D1C1;
}

.pareja4 {
    background-color: #FF75A9;
}

.drop1P1 {
    width: 200px;
    height: 143px;
    background-color: #706F6F;
    border-radius: 10px;
    
}

.contentClick {
    cursor: pointer;
    width: 597px;
    height: 153px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 510px;
    left: 320px;
    z-index: 2;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.campoMemoria ul {
    display: table-cell;
    margin: 0px;
}
.img1 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match1-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img2 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match2-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img3 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match3-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img4 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match4-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img5 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match5-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img6 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match6-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img7 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match7-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img8 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match8-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img9 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match9-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}
.img10 {
    background-image: url(../img/S_G06_U04_L01_03_03/imgAct3-match10-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 183.33px;
    height: 121.33px;
    position: absolute;
    top: 7%;
    left: 4%;
}