/*@font-face {
    font-family: 'segoe-print';
    src: url('font/segoe-print.eot');
    src: url('font/segoe-print.eot?#iefix') format('embedded-opentype'), url('font/segoe-print.woff') format('woff'), url('font/segoe-print.ttf') format('truetype'), 
        url('font/segoe-print.svg#segoePrint') format('svg');
}*/

.flechaAtras {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 94%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.flechaSiguiente {
    width: 70px;
    height: 70px;
    top: 94%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.home1{
     width: 50px;
    height: 50px;
     top: 8.5%;
  left: 94.5%;
    position: absolute;
}

.ggc_contenido_L {
    /*background-image: url(../img/L_G06_U06_L04_03_01/L_G06_U06_L01-35.png);*/
    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #FFFFFF;
}


.area1{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area2{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area3{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area4{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area5{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area6{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct6-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area7{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area8{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area9{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area10{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area11{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct9-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area12{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct10-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area13{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct11-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area14{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct12-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area15{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct13-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area16{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct14-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area17{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct15-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area18{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct16-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area19{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct17-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area20{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct18-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area21{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct19-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area22{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct20-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area23{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct21-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area24{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct22-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}
.area25{
    background-image: url(../img/L_G07_U03_L01_03_02/imgAct23-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.app1{
    width: 1155.27px;
  height: 475.4px;
  top: 18%;
  left: 3%;
  position: absolute;
}
.appear1{
     background-image: url(../img/L_G07_U03_L01_03_02/imgIlus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1153.27px;
      height: 478.4px;
  top: 17.5%;
  left: 3.2%;
    position: absolute;
}
.app2{
    width: 1155.27px;
  height: 475.4px;
  top: 18%;
  left: 3%;
  position: absolute;
}
.appear2{
     background-image: url(../img/L_G07_U03_L01_03_02/imgIlus2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1153.27px;
      height: 478.4px;
  top: 17.5%;
  left: 3.2%;
    position: absolute;
}
.app3{
    width: 1155.27px;
  height: 475.4px;
  top: 18%;
  left: 3%;
  position: absolute;
}
.appear3{
     background-image: url(../img/L_G07_U03_L01_03_02/imgIlus3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1153.27px;
      height: 478.4px;
  top: 17.5%;
  left: 3.2%;
    position: absolute;
}

.marco1{
     width: 26.27px;
  height: 36.4px;
  top: 41%;
  left: 24.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco2{
     width: 26.27px;
  height: 36.4px;
  top: 66.5%;
  left: 24.6%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco3{
     width: 26.27px;
  height: 36.4px;
    top: 37.5%;
  left: 73.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco4{
    width: 77.27px;
  height: 36.4px;
  top: 37%;
  left: 76.3%;
  position: absolute;
  border-radius: 15px;
  cursor: default!important;
}
.marco5{
     width: 26.27px;
  height: 36.4px;
    top: 62%;
  left: 73.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}


.marco6{
     width: 26.27px;
  height: 36.4px;
     top: 35.5%;
  left: 12.2%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco7{
    width: 204.27px;
  height: 36.4px;
  top: 45.5%;
  left: 4.5%;
  position: absolute;
  border-radius: 15px;
  cursor: default!important;
}
.marco8{
     width: 26.27px;
  height: 36.4px;
   top: 56.5%;
  left: 63%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco9{
     width: 26.27px;
  height: 36.4px;
     top: 66.5%;
  left: 62.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}

.marco10{
    width: 87.27px;
  height: 36.4px;
  top: 25.5%;
  left: 7.5%;
  position: absolute;
  border-radius: 15px;
  cursor: default!important;
}

.marco11{
    width: 116.27px;
  height: 36.4px;
  top: 25.5%;
  left: 4.55%;
  position: absolute;
  border-radius: 15px;
  cursor: default!important;
}

.marco12{
  width: 22.27px;
  height: 36.4px;
  top: 71.5%;
  left: 52.5%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}

.marco13{
    width: 22.27px;
  height: 36.4px;
  top: 75%;
  left: 13.5%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco14{
   width: 22.27px;
  height: 36.4px;
  top: 75%;
  left: 36.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}

.marco15{
  width: 22.27px;
  height: 36.4px;
  top: 41%;
  left: 53.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco16{
  width: 106.27px;
  height: 36.4px;
  top: 41%;
  left: 81.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}

.marco17{
     width: 32.27px;
  height: 34.4px;
  top: 61.5%;
  left: 40.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}

.marco18{
    width: 48.27px;
  height: 32.4px;
  top: 66.5%;
  left: 4.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco19{
   width: 101.27px;
  height: 36.4px;
  top: 20.5%;
  left: 51.5%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}


.marco20{
     width: 102.27px;
  height: 34.4px;
  top: 25.5%;
  left: 4.5%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}

.marco21{
     width: 100.27px;
  height: 32.4px;
  top: 46%;
  left: 33.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco22{
    width: 83.27px;
  height: 33.4px;
  top: 51.2%;
  left: 29.5%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}



.marco23{
     width: 98.27px;
  height: 34.4px;
  top: 52.5%;
  left: 14.5%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}

.marco24{
   width: 183.27px;
  height: 39.4px;
  top: 21.5%;
  left: 63.5%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}
.marco25{
    width: 116.27px;
  height: 33.4px;
  top: 62.8%;
  left: 51.8%;
  position: absolute;
    border-radius: 15px;
    cursor: default!important;
}