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

.flechaSiguiente2 {
    width: 290px;
    height: 70px;
    top: 94%;
    left: 50%;
    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;
}

.tituloContent {
    text-align: center;
    font-size: 38.65px;
    font-family: "cabinregular";
    line-height: 53.75px;
}

.fondoCabecera {
    background-image: url(../img/L_G07_U02_L01_03_02/fondoActividad-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0px;
    left: 0px;
    position: absolute;
}

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

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

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

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

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

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

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

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

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

.area10 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area10-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area11 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area11-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area12 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area12-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area13 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area13-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area14 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area14-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area15 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area15-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area16 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area16-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area17 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area17-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area18 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area18-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area19 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area19-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area20 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area20-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.area21 {
    background-image: url(../img/L_G07_U02_L02_03_05/imgAct5-area21-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    top: 0%;
    left: 0%;
    position: absolute;
}

.shot1 {
    width: 105px;
    height: 125px;
    top: 41%;
    left: 16.7%;
    position: absolute;
}

.shot2 {
    width: 105px;
    height: 125px;
    top: 41%;
    left: 16.7%;
    position: absolute;
}

.cover1 {
    background-color: #FDEDF4;
    width: 768px;
    height: 100px;
    top: 21%;
    left: 32.7%;
    position: absolute;
}

.cover2 {
    background-color: #FDEDF4;
    width: 768px;
    height: 100px;
    top: 36.5%;
    left: 32.7%;
    position: absolute;
}

.cover3 {
    background-color: #FDEDF4;
    width: 768px;
    height: 100px;
    top: 51.5%;
    left: 32.7%;
    position: absolute;
}

.cover4 {
    background-color: #FDEDF4;
    width: 768px;
    height: 132px;
    top: 66.5%;
    left: 32.7%;
    position: absolute;
}

.cover5 {
    background-color: #FDEDF4;
    width: 768px;
    height: 155px;
    top: 14%;
    left: 32.7%;
    position: absolute;
}

.cover6 {
    background-color: #FDEDF4;
    width: 768px;
    height: 154px;
    top: 36.5%;
    left: 32.7%;
    position: absolute;
}

.cover7 {
    background-color: #FDEDF4;
    width: 768px;
    height: 154px;
    top: 59.5%;
    left: 32.7%;
    position: absolute;
}

#puzzle {
    position: absolute;
    border-right: solid #000000 1px;
    border-bottom: solid #000000 1px;
    left: 22%;
    top: 109px;
    background-color: #fff;
}

#puzzle .hover {
    background-color: #98BE13;
}

#puzzle .complete,
#wordList .complete {
    background-color: #98BE13;
}

#puzzle .active,
#wordList .active {
    background-color: #39F;
}

#puzzle .alphabet {
    font-family: 'cabinmedium';
    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
    border-left: solid black 1px;
    border-top: solid black 1px;
    line-height: 29px;
    color: #000;
}

.completa1 {
    position: absolute;
    top: 56.7%;
    left: 7.5%;
    font-size: 30px;
    z-index: 2;
    width: 115px;
    height: 105px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa1:focus {
    outline: none;
}

.completa2 {
    position: absolute;
    top: 56.7%;
    left: 18%;
    font-size: 30px;
    z-index: 2;
    width: 115px;
    height: 105px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa2:focus {
    outline: none;
}

.completa3 {
    position: absolute;
    top: 56.7%;
    left: 28%;
    font-size: 30px;
    z-index: 2;
    width: 115px;
    height: 105px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa3:focus {
    outline: none;
}

.completa4 {
    position: absolute;
    top: 56.7%;
    left: 38%;
    font-size: 30px;
    z-index: 2;
    width: 125px;
    height: 105px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa4:focus {
    outline: none;
}

.completa5 {
    position: absolute;
    top: 56.7%;
    left: 49.5%;
    font-size: 30px;
    z-index: 2;
    width: 115px;
    height: 105px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa5:focus {
    outline: none;
}

.completa6 {
    position: absolute;
    top: 56.7%;
    left: 60%;
    font-size: 30px;
    z-index: 2;
    width: 140px;
    height: 105px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa6:focus {
    outline: none;
}

.completa7 {
    position: absolute;
    top: 56.7%;
    left: 75.5%;
    font-size: 30px;
    z-index: 2;
    width: 190px;
    height: 105px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa7:focus {
    outline: none;
}

.completa8 {
    position: absolute;
    top: 71.7%;
    left: 7.5%;
    font-size: 30px;
    z-index: 2;
    width: 113px;
    height: 90px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa8:focus {
    outline: none;
}

.completa9 {
    position: absolute;
    top: 71.7%;
    left: 28.5%;
    font-size: 30px;
    z-index: 2;
    width: 113px;
    height: 90px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa9:focus {
    outline: none;
}

.completa10 {
    position: absolute;
    top: 31.7%;
    left: 8.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa10:focus {
    outline: none;
}
.completa11 {
    position: absolute;
    top: 31.7%;
    left: 30.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa11:focus {
    outline: none;
}
.completa12 {
    position: absolute;
    top: 31.7%;
    left: 52.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa12:focus {
    outline: none;
}
.completa13 {
    position: absolute;
    top: 31.7%;
    left: 74.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa13:focus {
    outline: none;
}
.completa14 {
        position: absolute;
    top: 52.5%;
    left: 8.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa14:focus {
    outline: none;
}
.completa15 {
        position: absolute;
    top: 52.5%;
    left: 30.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa15:focus {
    outline: none;
}
.completa16 {
        position: absolute;
    top: 52.5%;
    left: 52.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa16:focus {
    outline: none;
}
.completa17 {
        position: absolute;
    top: 52.5%;
    left: 74.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa17:focus {
    outline: none;
}

.completa18 {
    position: absolute;
    top: 73.9%;
    left: 8.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa18:focus {
    outline: none;
}
.completa19 {
    position: absolute;
    top: 73.9%;
    left: 30.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa19:focus {
    outline: none;
}


.completa20 {
    position: absolute;
    top: 31.7%;
    left: 8.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa20:focus {
    outline: none;
}
.completa21 {
    position: absolute;
    top: 31.7%;
    left: 30.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa21:focus {
    outline: none;
}
.completa22 {
    position: absolute;
    top: 31.7%;
    left: 52.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa22:focus {
    outline: none;
}
.completa23 {
    position: absolute;
    top: 31.7%;
    left: 74.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa23:focus {
    outline: none;
}
.completa24 {
        position: absolute;
    top: 52.5%;
    left: 8.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa24:focus {
    outline: none;
}
.completa25 {
        position: absolute;
    top: 52.5%;
    left: 30.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa25:focus {
    outline: none;
}
.completa26 {
        position: absolute;
    top: 52.5%;
    left: 52.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa26:focus {
    outline: none;
}
.completa27 {
        position: absolute;
    top: 52.5%;
    left: 74.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa27:focus {
    outline: none;
}

.completa28 {
    position: absolute;
    top: 73.9%;
    left: 8.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa28:focus {
    outline: none;
}
.completa29 {
    position: absolute;
    top: 73.9%;
    left: 30.3%;
    font-size: 30px;
    z-index: 2;
    width: 210px;
    height: 62px;
    border: 0;
    text-align: left;
    color: #FF3E3E;
    background-color: transparent;
    font-family: 'cabinregular';
}

.completa29:focus {
    outline: none;
}