/* tela inicial */
#background {
    position: absolute;
    background-image: url(../img/entrada/background.jpeg);
    height: 768px;
    width: 1024px;
    top: 0px;
    left: 0px;
}


#arvEsq {
    position: absolute;
    background-image: url(../img/entrada/arvoreEsq.png);
    height: 548px;
    width: 441px;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    display: none;
}

#arvDir {
    position: absolute;
    background-image: url(../img/entrada/arvoreDir.png);
    height: 548px;
    width: 441px;
    top: 0px;
    left: 641px;
    background-repeat: no-repeat;
    display: none;
}

#tenda {
    position: absolute;
    background-image: url(../img/entrada/tenda.png);
    height: 683px;
    width: 1024px;
    top: 100px;
    left: 0px;
}


#nomeJogo {
    position: absolute;
    background-image: url(../img/entrada/nomeJogo.png);
    height: 140px;
    width: 730px;
    top: 15px;
    left: 155px;
    display: none;
}

#layInicio {
    position: absolute;
    background-image: url(../img/entrada/layIniciar.png);
    height: 447px;
    width: 722px;
    top: 185px;
    left: 161px;
    display: none;
}

#btnIniciar {
    background-image: url(../img/entrada/btnIniciar.png);
    position: absolute;
    top: 476px;
    left: 382px;
    width: 269px;
    height: 89px;
    cursor: pointer;
    display: none;
}

    #btnIniciar:active {
        background-image: url(../img/entrada/btnIniciarClick.png);
        position: absolute;
        top: 476px;
        left: 382px;
        width: 269px;
        height: 89px;
        cursor: pointer;
        display: none;
    }


/* pg jogadores */

#background2 {
    position: absolute;
    background-image: url(../img/entrada/background.jpeg);
    height: 768px;
    width: 1024px;
    top: 0px;
    left: 0px;
}


#arvEsq2 {
    position: absolute;
    background-image: url(../img/entrada/arvoreEsq.png);
    height: 548px;
    width: 441px;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    display: none;
}

#arvDir2 {
    position: absolute;
    background-image: url(../img/entrada/arvoreDir.png);
    height: 548px;
    width: 441px;
    top: 0px;
    left: 640px;
    background-repeat: no-repeat;
    display: none;
}

#tenda2 {
    position: absolute;
    background-image: url(../img/entrada/tenda.png);
    height: 683px;
    width: 1024px;
    top: 100px;
    left: 0px;
}

#selecionar {
    position: absolute;
    background-image: url(../img/escolhaEquipe/layoutEquipes.png);
    height: 563px;
    width: 915px;
    top: 75px;
    left: 48px;
    display: none;
}

#btn2 {
    position: absolute;
    background-image: url(../img/escolhaEquipe/btn2equipes.png);
    height: 73px;
    width: 219px;
    top: 403px;
    left: 114px;
    cursor: pointer;
}

#btn3 {
    position: absolute;
    background-image: url(../img/escolhaEquipe/btn3equipes.png);
    height: 73px;
    width: 219px;
    top: 403px;
    left: 414px;
    cursor: pointer;
}

#btn4 {
    position: absolute;
    background-image: url(../img/escolhaEquipe/btn4equipes.png);
    height: 73px;
    width: 219px;
    top: 403px;
    left: 689px;
    cursor: pointer;
}





/*pgJogo*/

#background3 {
    position: absolute;
    background-image: url(../img/entrada/background.jpeg);
    height: 768px;
    width: 1024px;
    top: 0px;
    left: 0px;
}


#arvEsq3 {
    position: absolute;
    background-image: url(../img/entrada/arvoreEsq.png);
    height: 548px;
    width: 441px;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    display: none;
}

#arvDir3 {
    position: absolute;
    background-image: url(../img/entrada/arvoreDir.png);
    height: 548px;
    width: 441px;
    top: 0px;
    left: 640px;
    background-repeat: no-repeat;
    display: none;
}

#tenda3 {
    position: absolute;
    background-image: url(../img/entrada/tenda.png);
    height: 683px;
    width: 1024px;
    top: 100px;
    left: 0px;
}

#layoutValendo {
    position: absolute;
    background-image: url(../img/telaprejogo/escolha.png);
    height: 337px;
    width: 752px;
    top: 260px;
    left: 140px;
}

#btnValendo {
    position: absolute;
    background-image: url(../img/telaprejogo/btnValendo.png);
    height: 93px;
    width: 281px;
    top: 430px;
    left: 370px;
    cursor: pointer;
}

#escolher {
    position: absolute;
    background-image: url(../img/jogo/escolher.png);
    width: 362px;
    height: 134px;
    top: 630px;
    left: 323px;
    background-repeat: no-repeat;
}

#modalAcerto {
    background-image: url(../img/jogo/pop/positivo.png);
    position: absolute;
    height: 276px;
    width: 615px;
    top: 496px !important;
    left: 200px;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*#modalacerto {
    background-image: url(../img/jogo/pop/positivo.png);
    position: absolute;
    top: 150px;
    left: 400px;
    width: 625px;
    height: 287px;
    background-repeat: no-repeat;
}*/

#modalErro {
    background-image: url(../img/jogo/pop/negativo.png);
    position: absolute;
    top: 442px !important;
    left: 147px !important;
    width: 650px;
    height: 190px;
    background-repeat: no-repeat;
    font-family: VAGRoundedBlackSSiBlack;
    font-size: 35px;
    padding: 50px;
    text-align: center;
    padding-top: 110px;
}

#modalJogadorVerde {
    background-image: url(../img/jogo/equipeVerde.png);
    position: absolute;
    top: 150px;
    width: 752px;
    height: 337px;
}

#modalJogadorAzul {
    background-image: url(../img/jogo/equipeAzul.png);
    position: absolute;
    top: 150px;
    width: 752px;
    height: 337px;
}

#modalJogadorAmarelo {
    background-image: url(../img/jogo/equipeAmarela.png);
    position: absolute;
    top: 150px;
    width: 752px;
    height: 337px;
}

#modalJogadorVermelho {
    background-image: url(../img/jogo/equipeLaranja.png);
    position: absolute;
    top: 150px;
    width: 752px;
    height: 337px;
}

#modalJogadorVerde {
    background-image: url(../img/jogo/equipeVerde.png);
    position: absolute;
    top: 150px;
    width: 752px;
    height: 337px;
}


.jogadores {
    position: absolute;
    width: 183px;
    height: 67px;
}


.pontos {
    position: absolute;
    top: 13px;
    left: 95px;
    width: 74px;
    height: 40px;
    font-family: VAGRoundedLightSSiLight;
    font-size: 37px;
    text-align: center;
}

/* cabeçalho */

#faixa {
    position: absolute;
    background-image: url(../img/jogo/faixa/faixa.png);
    height: 104px;
    width: 1026px;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
}

#jogador1 {
    position: absolute;
    background-image: url(../img/jogo/faixa/jgVerde.png);
    height: 87px;
    width: 220px;
    top: 5px;
    left: 10px;
    background-repeat: no-repeat;
}


#jogador2 {
    position: absolute;
    background-image: url(../img/jogo/faixa/jgAzul.png);
    top: 5px;
    left: 253px;
    height: 87px;
    width: 253px;
    background-repeat: no-repeat;
}


#jogador3 {
    position: absolute;
    background-image: url(../img/jogo/faixa/jgAmarelo.png);
    top: 5px;
    left: 511px;
    height: 87px;
    width: 220px;
    background-repeat: no-repeat;
}

#jogador4 {
    position: absolute;
    background-image: url(../img/jogo/faixa/jgVermelho.png);
    top: 5px;
    left: 753px;
    height: 87px;
    width: 220px;
    background-repeat: no-repeat;
}

/*FINAL*/


#background4 {
    position: absolute;
    background-image: url(../img/entrada/background.jpeg);
    height: 768px;
    width: 1024px;
    top: 0px;
    left: 0px;
}


#arvEsq4 {
    position: absolute;
    background-image: url(../img/entrada/arvoreEsq.png);
    height: 548px;
    width: 441px;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    display: none;
}

#arvDir4 {
    position: absolute;
    background-image: url(../img/entrada/arvoreDir.png);
    height: 548px;
    width: 441px;
    top: 0px;
    left: 640px;
    background-repeat: no-repeat;
    display: none;
}

#tenda4 {
    position: absolute;
    background-image: url(../img/entrada/tenda.png);
    height: 683px;
    width: 1024px;
    top: 100px;
    left: 0px;
}

/* bnt re começar */
#painelBtn {
    position: absolute;
    background-image: url(../img/sub/painel_botao.png);
    height: 278px;
    width: 671px;
    top: 578px;
    left: 320px;
    background-repeat: no-repeat;
}

#btnRecomeçar {
    position: absolute;
    background-image: url(../img/sub/btn_recomecar.png);
    height: 90px;
    width: 280px;
    top: 653px;
    left: 380px;
    cursor: pointer;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

    #btnRecomeçar:active {
        background-position: 0px 100%;
    }

#fume {
    position: absolute;
    background-image: url(../img/sub/fume.png);
    top: 0px;
    left: 0px;
    height: 1024px;
    width: 768px;
}

#painel {
    position: absolute;
    background-image: url(../img/sub/painel_novo.png);
    top: 0px;
    left: 0;
    height: 576px;
    width: 1024px;
}

#crown1 {
    position: absolute;
    background-image: url(../img/sub/crown.png);
    top: 0px;
    left: 26px;
    height: 24px;
    width: 36px;
    display: none;
    z-index: 999;
}

#crownBlue {
    position: absolute;
    background-image: url(../img/sub/crownBlue.png);
    top: 0px;
    left: 269px;
    height: 24px;
    width: 36px;
    display: none;
    z-index: 999;
}

#crownLaranja {
    position: absolute;
    background-image: url(../img/sub/crownLaranja.png);
    top: 0px;
    left: 527px;
    height: 24px;
    width: 36px;
    display: none;
    z-index: 999;
}

#crownVermelha {
    position: absolute;
    background-image: url(../img/sub/crownVermelha.png);
    top: 0px;
    left: 769px;
    height: 24px;
    width: 36px;
    display: none;
    z-index: 999;
}




.oferta .front, .oferta .back {
    height: 205px;
    width: 301px;
    cursor: pointer;
    padding-top: 25px;
}

#placa1 {
    top: 277px;
    left: 92px;
    background-image: url(../img/jogo/placa2.png);
}

#placa2 {
    top: 277px;
    left: 625px;
    background-image: url(../img/jogo/placa1.png);
}

.oferta {
    position: absolute;
    font-family: VAGRoundedBlackSSiBlack;
    font-size: 34px;
    text-align: center;
    padding-top: 15px;
    width: 301px;
    height: 235px;
}

    .oferta:active {
        background-position: 100% 0px;
    }

.quantidade {
    margin-right: 7px;
}

.preco {
    width: 270px;
    padding-left: 15px;
}

.nome {
    width: 290px;
}


.btnErroModal {
    background-image: url(../img/jogo/pop/btnContinuar.png);
    position: absolute;
    top: 205px;
    left: 210px;
    width: 281px;
    height: 93px;
    cursor: pointer;
}

.btnAcertoModal {
    background-image: url(../img/jogo/pop/btnContinuar.png);
    position: absolute;
    top: 149px;
    left: 167px;
    width: 281px;
    height: 93px;
    cursor: pointer;
}

.jogadorVerde, .jogadorAzul, .jogadorAmarelo, .jogadorVermelho {
    width: 21%;
    position: absolute;
    top: 85px;
    padding: 2%;
    color: #FFF;
    font-family: VAGRoundedBlackSSiBold;
    font-size: 31px;
}

.jogadorVerde {
    left: 2px;
}

.jogadorAzul {
    left: 235px;
}

.jogadorAmarelo {
    left: 489px;
}

.jogadorVermelho {
    left: 737px;
}

.feliz, .triste {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 5px;
}

.feliz {
    background-image: url(../img/sub/feliz.png);
}

.triste {
    background-image: url(../img/sub/triste.png);
}

#sobrePlaca1 {
    position: absolute;
    top: 277px;
    left: 92px;
    width: 301px;
    height: 235px;
    cursor: pointer;
    z-index: 999;
}

#sobrePlaca2 {
    position: absolute;
    width: 301px;
    height: 235px;
    top: 277px;
    left: 625px;
    cursor: pointer;
    z-index: 999;
}

#abacaxi {
    position: absolute;
    background-image: url(../img/entrada/abacaxi.png);
    top: 430px;
    left: 104px;
    width: 794px;
    height: 227px;
    display: none;
    background-repeat: no-repeat;
}

#abobora {
    position: absolute;
    background-image: url(../img/entrada/abobora.png);
    top: 467px;
    left: 99px;
    width: 796px;
    height: 179px;
    display: none;
    background-repeat: no-repeat;
}

#alface {
    position: absolute;
    background-image: url(../img/entrada/alface.png);
    top: 467px;
    left: 99px;
    width: 810px;
    height: 183px;
    display: none;
    background-repeat: no-repeat;
}

#aspargo {
    position: absolute;
    background-image: url(../img/entrada/aspargo.png);
    top: 490px;
    left: 121px;
    width: 778px;
    height: 163px;
    display: none;
    background-repeat: no-repeat;
}

#beterraba {
    position: absolute;
    background-image: url(../img/entrada/beterraba.png);
    top: 472px;
    left: 102px;
    width: 817px;
    height: 163px;
    display: none;
    background-repeat: no-repeat;
}

#cenoura {
    position: absolute;
    background-image: url(../img/entrada/cenoura.png);
    top: 430px;
    left: 69px;
    width: 863px;
    height: 223px;
    display: none;
    background-repeat: no-repeat;
}

#couve {
    position: absolute;
    background-image: url(../img/entrada/couve.png);
    top: 490px;
    left: 121px;
    width: 778px;
    height: 163px;
    display: none;
    background-repeat: no-repeat;
}

#damasco {
    position: absolute;
    background-image: url(../img/entrada/damasco.png);
    top: 521px;
    left: 135px;
    width: 778px;
    height: 163px;
    display: none;
    background-repeat: no-repeat;
}

#figo {
    position: absolute;
    background-image: url(../img/entrada/figo.png);
    top: 534px;
    left: 140px;
    width: 778px;
    height: 163px;
    display: none;
    background-repeat: no-repeat;
}

#goiaba {
    position: absolute;
    background-image: url(../img/entrada/goiaba.png);
    top: 508px;
    left: 113px;
    width: 776px;
    height: 129px;
    display: none;
    background-repeat: no-repeat;
}

#laranja {
    position: absolute;
    background-image: url(../img/entrada/laranja.png);
    top: 490px;
    left: 121px;
    width: 778px;
    height: 163px;
    display: none;
    background-repeat: no-repeat;
}

#maca {
    position: absolute;
    background-image: url(../img/entrada/maca.png);
    top: 510px;
    left: 101px;
    width: 836px;
    height: 139px;
    display: none;
    background-repeat: no-repeat;
}

#melancia {
    position: absolute;
    background-image: url(../img/entrada/melancia.png);
    top: 448px;
    left: 104px;
    width: 804px;
    height: 184px;
    display: none;
    background-repeat: no-repeat;
}

#melao {
    position: absolute;
    background-image: url(../img/entrada/melao.png);
    top: 490px;
    left: 121px;
    width: 778px;
    height: 163px;
    display: none;
    background-repeat: no-repeat;
}

#mexerica {
    position: absolute;
    background-image: url(../img/entrada/mexerica.png);
    top: 528px;
    left: 110px;
    width: 778px;
    height: 163px;
    display: none;
    background-repeat: no-repeat;
}

#tomate {
    position: absolute;
    background-image: url(../img/entrada/tomate.png);
    top: 511px;
    left: 99px;
    width: 788px;
    height: 129px;
    display: none;
    background-repeat: no-repeat;
}

#limao {
    position: absolute;
    background-image: url(../img/entrada/limao.png);
    top: 510px;
    left: 101px;
    width: 798px;
    height: 115px;
    display: none;
    background-repeat: no-repeat;
}

#caqui {
    position: absolute;
    background-image: url(../img/entrada/caqui.png);
    top: 510px;
    left: 101px;
    width: 782px;
    height: 123px;
    display: none;
    background-repeat: no-repeat;
}

#cebola {
    position: absolute;
    background-image: url(../img/entrada/cebola.png);
    top: 510px;
    left: 114px;
    width: 775px;
    height: 128px;
    display: none;
    background-repeat: no-repeat;
}

#brocolis {
    position: absolute;
    background-image: url(../img/entrada/brocolis.png);
    top: 490px;
    left: 104px;
    width: 798px;
    height: 172px;
    display: none;
    background-repeat: no-repeat;
}

#madeira {
    position: absolute;
    background-image: url(../img/entrada/madeiraFrente.png);
    top: 627px;
    left: 0px;
    height: 36px;
    width: 1024px;
    background-repeat: no-repeat;
}

.total {
    font-size: 20px !important;
    top: 465px;
    left: 25px;
    position: absolute;
    margin-left: -4px;
}

.resultadoPainel > div {
    height: 40px;
}