/*@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: 60px;
    height: 60px;
    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: 60px;
    height: 60px;
    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%);
}

.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;
}


.fondoCabecera1{
     background-image: url(../img/L_G07_U03_L01_04/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0px;
    left: 0px;
    position: absolute;
}
.fondoCabecera2{
     background-image: url(../img/L_G07_U03_L01_04/imgAct2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0px;
    left: 0px;
    position: absolute;
}




/*DRAGS*/



.cntMovimientos {
     width: 1247px;
  height: 110px;
  background-color: transparent;
  position: absolute;
  top: 89%;
  left: 0%;
}

.movimientoDrag {
    width: 115px;
    height: 45px;
    position: relative;
}



.movimientoDrag .textoCentrado {
    font-family: 'cabinbold';
    font-size: 30px;
    color: #000;
    text-align: center;
}

.movimientoDrop {
    width: 180px;
    height: 45px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 0px;
}


#lstDrags {
    margin: 0;
    padding: 0;
    position: absolute;
    
}
#lstDrags li{
    float: left;
    
    margin-right: 10px;
    margin-bottom: 5px;
}


#lstDrops {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -455%;
  left: 2.3%;
  width: 1126px;
  height: 463px;
}
.textoCentrado {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    font-size: 35px;
    color: #003F84;
    
}




/*DRAGS*/



.cntMovimientos2 {
      width: 1240px;
  height: 140px;
  background-color: transparent;
  position: absolute;
  top: 13%;
  left: 10%;
}

.movimientoDrag2 {
    width: 210px;
    height: 45px;
    position: relative;
}


.movimientoDrag2 .textoCentrado {
    font-family: 'cabinregular';
    font-size: 30px;
    color: #056170;
    text-align: center;
}

.movimientoDrop2 {
    width: 155px;
    height: 45px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 0px;
}

#lstDrags2 {
    margin: 0;
    padding: 0;
    position: absolute;
    
}
#lstDrags2 li{
    float: left;
    
    margin-right: 10px;
    margin-bottom: 5px;
}




#lstDrops2 {
    margin: 0;
  padding: 0;
  position: absolute;
    top: 134%;
  left: 3.3%;
  width: 1126px;
  height: 363px;
}
.textoCentrado {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    font-size: 35px;
    color: #003F84;
    
}


.letra1{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 13.2%;
  left: 9.5%;
}
.letra2{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 13.2%;
  left: 32%;
}
.letra3{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 13.2%;
  left: 58%;
}
.letra4{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 19.2%;
  left: 5.5%;
}
.letra5{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 19.2%;
  left: 21.5%;
}
.letra6{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 19.2%;
  left: 65.5%;
}
.letra7{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 25%;
  left: 17.5%;
}
.letra8{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 25%;
  left: 37.5%;
}
.letra9{
    font-family: 'cabinbold';
    font-size: 36px;
    color:#056170;
    position: absolute;
      top: 25%;
  left: 65.5%;
}