#questao {
    font-family: "ventura_eddingbold";
    font-size: 25px!important;
    color: #503510;
    width: 825px;
    height: 69px;
    /*margin-left: 83px;
    margin-top: 16px;*/
    display: table-cell;
    vertical-align: middle;
    padding: 0px 70px 0px 70px;
}

#msgTentar {
    font-family: "ventura_eddingbold";
    font-size: 34px!important;
    padding: 50px;
    color: #503510;
}

#msgFeedback {
    font-family: "ventura_eddingbold";
    font-size: 34px!important;
    padding: 42px;
    color: #503510;
    margin-top: 10px;
}


/* Css da intro */
#splashScreen {
    background: url("../img/splash-screen/background-splash.png") no-repeat;
    text-align: center;
}

    #splashScreen > #logo {
        margin-top: 130px;
    }


.logo-texto {
    position: absolute;
    background: url("../img/modal/modal-introducao.png");
    top: 440px;
    left: 212px;
    width: 601px;
    height: 267px;
}

.btn-comecar {
    background: url("../img/splash-screen/btn-splash.png") 0 0;
    height: 83px;
    width: 305px;
    margin-left: 360px;
    margin-top: -50px;
    position: absolute;
    cursor: pointer;
    top: 720px;
}

    .btn-comecar:active {
        background-position: 0% 100%;
    }

.txt-comecar {
    font-family: "ventura_eddingbold";
    text-align: center;
    font-size: 37.5px;
    color: #22470b;
    position: absolute;
    top: 45px;
    left: 25px;
    width: 550px;
    height: 175px;
    padding-top: 5px;
}

#btn-iniciar {
    background: url("../img/splash-screen/btn-iniciar.png") 0 0;
    height: 83px;
    width: 305px;
    margin-left: 360px;
    top: 670px;
    position: absolute;
    cursor: pointer;
    display: none;
}

    #btn-iniciar:active {
        background-position: 0% 100%;
    }

#splashScreen > #btn-comecar:active {
    background: url("../img/splash-screen/btn-iniciar2.png");
}

/* Css da tela do game */
#gameScreen {
    background: url("../img/background-game.png");
    text-align: center;
}

    #gameScreen > #painel-superior {
        height: 108px;
        width: 1024px;
        background: url("../img/painel-superior.png");
        margin-top: 0px;
        position: absolute;
        display: table;
    }

    #gameScreen > #painel-material {
        height: 425px;
        width: 154px;
        background: url("../img/background-pecas.png");
        margin-top: 258px;
        margin-left: 4px;
        position: absolute;
    }

    #gameScreen > #btn-apagar {
        height: 124px;
        width: 123px;
        background: url("../img/btn-borracha.png") 0px 0px;
        position: absolute;
        margin-left: 220px;
        margin-top: 640px;
        cursor: pointer;
    }

        #gameScreen > #btn-apagar:active {
            background: url("../img/btn-borracha.png") 0px 124px;
        }

    #gameScreen > #btn-confirmar {
        height: 75px;
        width: 273px;
        background: url("../img/btn-confirmar.png") 0px 0px;
        position: absolute;
        margin-left: 374px;
        margin-top: 671px;
        cursor: pointer;
    }

        #gameScreen > #btn-confirmar:active {
            background: url("../img/btn-confirmar.png") 0px 75px;
        }

    #gameScreen > #btn-excluir {
        height: 124px;
        width: 123px;
        background: url("../img/btn-lixeira.png") 0px 0px;
        position: absolute;
        margin-left: 671px;
        margin-top: 640px;
        cursor: pointer;
    }

        #gameScreen > #btn-excluir:active {
            background: url("../img/btn-lixeira.png") 0px 124px;
        }

    #gameScreen > #btn-dividir {
        height: 98px;
        width: 145px;
        background: url("../img/btn-dividir.png") 0px 0px;
        position: absolute;
        margin-left: 870px;
        margin-top: 355px;
        cursor: pointer;
    }

        #gameScreen > #btn-dividir:active {
            background: url("../img/btn-dividir.png") 0px 98px;
        }

    #gameScreen > #btn-troca {
        height: 86px;
        width: 124px;
        background: url("../img/btn-troca.png") 0px 0px;
        position: absolute;
        margin-left: 20px;
        margin-top: 161px;
        cursor: pointer;
    }

        #gameScreen > #btn-troca:active {
            background: url("../img/btn-troca.png") 0px 86px;
        }

    #gameScreen > #playground {
        height: 483px;
        width: 673px;
        left: 181px;
        top: 143px;
        position: absolute;
    }

    #gameScreen > #balao {
        height: 51px;
        width: 51px;
        margin-left: 121px;
        margin-top: 414px;
        position: absolute;
        background: url("../img/btn-balao-troca.png") 0px 0px;
        cursor: pointer;
    }

        #gameScreen > #balao:active {
            background: url("../img/btn-balao-troca.png") 0px 51px;
        }


/* Modais */
.modal-custom {
    z-index: 1002;
}

.backgrond-fade {
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    display: block;
    min-width: 1024px!important;
    min-height: 768px!important;
    z-index: 1001;
}

#modalAcerto {
    position: absolute;
    text-align: center;
    margin-left: 300px;
    margin-top: 243px;
    width: 424px;
    height: 261px;
    background: url("../img/modal/modal-continuar.png");
}

#modalFeedback {
    position: absolute;
    text-align: center;
    margin-left: 230px;
    margin-top: 218px;
    width: 514px;
    height: auto;
    background: url("../img/modal/modal-tesoura.png");
    background-repeat: no-repeat;
}

#btn-continuar {
    height: 83px;
    width: 335px;
    background: url("../img/modal/btn-continuar.png") 0px 0px;
    cursor: pointer;
    margin: 35% auto;
}

    #btn-continuar:active {
        background: url("../img/modal/btn-continuar.png") 0px 83px;
    }

#btn-continuarFeed {
    height: 83px;
    width: 335px;
    background: url("../img/modal/btn-continuar.png") 0px 0px;
    cursor: pointer;
    margin: 35% auto;
}

    #btn-continuarFeed:active {
        background: url("../img/modal/btn-continuar.png") 0px 83px;
    }

#modalTentar {
    width: 514px;
    height: 316px;
    background: url("../img/modal/modal-tentar.png");
    position: absolute;
    text-align: center;
    margin-left: 255px;
    margin-top: 233px;
}

#btn-tentar {
    height: 83px;
    width: 401px;
    background: url("../img/modal/btn-tentar.png") 0px 0px;
    cursor: pointer;
    margin: 38% auto;
}

    #btn-tentar:active {
        background: url("../img/modal/btn-tentar.png") 0px 83px;
    }

#modalTroca {
    width: 243px;
    height: 155px;
    position: absolute;
    text-align: center;
    margin-left: 391px;
    margin-top: 246px;
    background: url("../img/modal/modal-trocar.png");
    cursor: pointer;
}

/* Material do painel */
#matFixo-100, .matFixo-100 {
    position: absolute;
    background: url(../img/material-100.png) 0px 0px;
    height: 111px;
    width: 112px;
    left: 19px;
    top: 30px;
    cursor: pointer;
}

#matFixo-10, .matFixo-10 {
    position: absolute;
    background: url(../img/material-10.png) 0px 0px;
    height: 111px;
    background-repeat: no-repeat;
    width: 60px;
    left: 45px;
    top: 185px;
    cursor: pointer;
    text-align: center;
    background-position: center;
    background-position-y: 0px;
}

#matFixo-1, .matFixo-1 {
    position: absolute;
    background: url(../img/material-1.png) 0px 0px;
    height: 40px;
    width: 63px;
    left: 43px;
    top: 322px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 23px;
}

.drag-painel {
    z-index: 1000;
}

.matFixo-100 {
    height: 180px;
    width: 210px;
    background: url("../img/game-material-100.png") 0px 0px;
}

.matFixo-10 {
    width: 21px;
    height: 180px;
    background: url("../img/game-material-10.png") 0px 0px;
}

.matFixo-1 {
    width: 21px;
    height: 18.4px;
    background: url("../img/game-material-1.png") 0px 0px;
}

.selecionado {
    background-position: 0px 50%;
}

.proibido {
    background-position: 0px 100% !important;
}



/* acertos */

#modalAcerto1 {
    position: absolute;
    text-align: center;
    margin-left: 300px;
    margin-top: 243px;
    width: 424px;
    height: 261px;
    background: url("../img/pops/pop1.png");
}

#txtModalAcerto1 {
    position: absolute;
    font-family: 'ventura_eddingbold';
    font-size: 33px;
    text-align: center;
}

#modalAcerto2 {
    position: absolute;
    text-align: center;
    margin-left: 300px;
    margin-top: 243px;
    width: 431px;
    height: 307px;
    background: url("../img/pops/pop2.png");
}

#modalAcerto3 {
    position: absolute;
    text-align: center;
    margin-left: 300px;
    margin-top: 243px;
    width: 417px;
    height: 249px;
    background: url("../img/pops/pop3.png");
}

/*#btn-continuar1 {
    height: 83px;
    width: 335px;
    background-image: url("../img/pops/btnContinuar.png") 0px 0px;
    cursor: pointer;
    margin: 35% auto;
}

    #btn-continuar1:active {
       background-image: url("../img/pops/btnContinuarClick.png") 0px 83px;
    }

#btn-continuar2 {
    height: 83px;
    width: 335px;
  background-image: url("../img/pops/btnContinuar.png") 0px 0px;
    cursor: pointer;
    margin: 35% auto;
}

    #btn-continuar2:active {
background-image: url("../img/pops/btnContinuarClick.png") 0px 83px;
    }

#btn-continuar3 {
    height: 83px;
    width: 335px;
    background-image: url("../img/pops/btnContinuar.png");
    cursor: pointer;
    margin: 35% auto;
}

    #btn-continuar3:active {
        background: url("../img/pops/btnContinuarClick.png") 0px 83px;
    }*/

.btnModalAcerto {
    position: absolute;
    height: 83px;
    width: 335px;
    top: 150px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../img/pops/btnContinuar.png");
    left: 45px;
}

    .btnModalAcerto:active {
        background-image: url("../img/pops/btnContinuarClick.png");
    }






#btn-Continuar2 {
    top: 197px;
    left: 50px;
}

#btn-continuar3 {
    top: 139px;
    left: 44px;
}

#btn-continuar4 {
    position: absolute;
    height: 83px;
    width: 349px;
    top: 119px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../img/pops/btnContinuar.png");
    left: 39px;
    background-size: 250px;
}

    #btn-continuar4:active {
        background-image: url("../img/pops/btnContinuarClick.png");
    }

#final {
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("../img/pops/final.png");
    width: 514px;
    height: 316px;
    top: 300px;
    left: 250px;
    display: none;
    z-index: 9999;
}

#backFinal {
    position: absolute;
    background-color: rgba(0,0,0, 0.5);
    height: 768px;
    width: 1024px;
    display: none;
    z-index: 9999;
    display: none;
}

#btnNovamente {
    position: absolute;
    height: 83px;
    width: 349px;
    top: 489px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../img/pops/jogarNovamente.png");
    left: 379px;
    background-size: 250px;
    display: none;
    z-index: 9999;
}

    #btnNovamente:active {
        background-image: url("../img/pops/jogarNovamente2.png");
    }