/*@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_07/imgAct7-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_07/imgAct7-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_07/imgAct7-area3-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;
}

