#descricao {
    position: absolute;
    top: 250px;
    left: 300px;
    display: none;
    background-color: #BDDFFF;
    width: 500px;
    height: 300px;
    border-radius: 100px;
}

#txtRegiao {
    font-family: 'interstateplusregular';
    font-size: 40px;
    margin-top: -95px;
    margin-left: 495px;
    margin-right: 258px;
    position: absolute;
    top: 115px;
    color: #a03257;
}

#txtDesc {
    font-family: 'interstateplusregular';
    font-size: 30px;
    margin-top: 265px;
    margin-left: 58px;
    margin-right: 258px;
    color: #3c1e00;
    letter-spacing: 0.06em;
}

#txtNome {
    font-family: 'interstateplusregular';
    font-size: 50px;
    left: 390px;
    position: absolute;
    top: 115px;
    color: #d7d7d7;
}

/*Intro*/
#PgIntro {
    position: absolute;
    background-image: url("../img/intro/intro.png");
    align-content: center;
}


#btnIntro {
    position: absolute;
    top: 540px;
    left: 440px;
    margin-right: 300px;
    margin-left: -70px;
    width: 280px;
    height: 134px;
    background-image: url("../img/intro/btn_comecar.png");
    background-position: 100% 0px;
    cursor: pointer;
}

#PgIntro #btnIntro:active {
    background-position: 0% 0px;
}


/*Menu*/
#PgMenu {
    background-image: url("../img/cenario/BgFundo.png");
}

#bgDescricao {
    width: 926px;
    height: 623px;
    background-image: url("../img/cenario/descricao.png");
    position: absolute;
    top: 80px;
    left: 50px;
}


#txtDescricao {
    font-family: 'interstateplusregular';
    font-size: 50px;
    margin-left: 90px;
    margin-right: 80px;
    margin-top: 60px;
    text-align: center;
    font-weight: bold;
    color: #fbf3f3;
}

#txtDescricao2 {
    font-family: 'interstateplusregular';
    font-size: 40px;
    margin-left: 90px;
    margin-right: 80px;
    margin-top: 37px;
    text-align: center;
    font-weight: bold;
}

.btnMenu {
    position: absolute;
    top: 390px;
    width: 265px;
    height: 242px;
    background-repeat: no-repeat;
}

#PgMenu #bgMenu {
}

#PgMenu #btnFazenda {
    left: 95px;
    background-image: url("../img/cenario/fazenda.png");
}

#nomeFazenda {
    left: 120px;
    z-index: 1;
    top: 355px;
    width: 214px;
    height: 89px;
    background-image: url("../img/cenario/titulo.png");
    position: absolute;
}

.nomesAbetura {
    font-family: 'interstateplusregular';
    font-size: 35px;
    margin-left: 52px;
    margin-top: 25px;
}

#PgMenu #btnLitoral {
    left: 385px;
    background-image: url("../img/cenario/litoral.png");
}

#nomeLitoral {
    left: 410px;
    z-index: 1;
    top: 355px;
    width: 214px;
    height: 89px;
    background-image: url("../img/cenario/titulo.png");
    position: absolute;
}


#PgMenu #btnCidade {
    left: 675px;
    background-image: url("../img/cenario/cidade.png");
}

#nomeCidade {
    left: 700px;
    z-index: 1;
    top: 355px;
    width: 214px;
    height: 89px;
    background-image: url("../img/cenario/titulo.png");
    position: absolute;
}

.quadroMiniatura {
    position: absolute;
    background-image: url('../img/cenario/quadroMiniatura.png');
    top: 1px;
    left: 1px;
    width: 265px;
    height: 242px;
}


/*Cabecalho*/
.cabecalho {
    position: absolute;
    width: 721px;
    height: 128px;
    left: 200px;
    top: 20px;
    background-image: url("../img/cenario/fases.png");
}

.lupa {
    width: 111px;
    position: absolute;
    top: 20px;
    left: 20px;
    height: 134px;
    background-image: url("../img/cenario/lupa.png");
}

.voltarMenu {
    position: absolute;
    top: 0px;
    left: -190px;
    width: 178px;
    height: 132px;
    background-image: url("../img/cenario/voltar.png");
    cursor: pointer;
}


    .voltarMenu:active {
        background-position: 178px 0px;
    }

.destaque {
    color: #448ccb;
}

.textoCabecalho {
    font-family: 'interstateplusregular';
    z-index: 1;
    position: absolute;
    top: 36px;
    left: 85px;
    font-size: 30px;
    text-align: center;
    margin-right: 5em;
    margin-left: 8em;
}

#nomeObjeto {
    display: none;
    font-family: 'interstateplusregular';
    z-index: 1;
    position: absolute;
    top: 30%;
    left: -40px;
    font-size: 35px;
    text-align: center;
    width: 870px;
}


/*Fazenda*/
#PgCampo {
    background-image: url("../img/campo/bgCampo.png");
}

    #PgCampo #vaca {
        background-image: url("../img/campo/vacas.png");
        position: absolute;
        width: 406px;
        height: 309px;
        top: 440px;
        left: 620px;
        cursor: pointer;
    }

    #PgCampo #galinha {
        background-image: url("../img/campo/galinheiro.png");
        position: absolute;
        width: 338px;
        height: 283px;
        top: 155px;
        left: 660px;
        cursor: pointer;
    }

    #PgCampo #peixe {
        background-image: url("../img/campo/peixe.png");
        position: absolute;
        width: 190px;
        height: 117px;
        top: 640px;
        left: 100px;
        cursor: pointer;
    }

    #PgCampo #cana {
        background-image: url("../img/campo/cana.png");
        position: absolute;
        width: 246px;
        height: 178px;
        top: 240px;
        left: 0px;
        cursor: pointer;
    }

    #PgCampo #cafe {
        background-image: url("../img/campo/cafezal.png");
        position: absolute;
        width: 327px;
        height: 165px;
        top: 210px;
        left: 325px;
        cursor: pointer;
    }

/*Litoral*/
#PgLitoral {
    background-image: url("../img/litoral/litoralCenario.png");
}

    #PgLitoral #algasVermelhas {
        background-image: url("../img/litoral/algasVermelhas.png");
        position: absolute;
        width: 191px;
        height: 160px;
        top: 583px;
        left: 40px;
        cursor: pointer;
    }

    #PgLitoral #algasPardas {
        background-image: url("../img/litoral/algasPardas.png");
        position: absolute;
        width: 148px;
        height: 251px;
        top: 540px;
        left: 780px;
        cursor: pointer;
    }

    #PgLitoral #peixes {
        background-image: url("../img/litoral/peixes.png");
        position: absolute;
        width: 264px;
        height: 121px;
        top: 570px;
        left: 410px;
        cursor: pointer;
    }

    #PgLitoral #camarao {
        background-image: url("../img/litoral/camarao.png");
        position: absolute;
        width: 133px;
        height: 102px;
        top: 430px;
        left: 760px;
        cursor: pointer;
    }

    #PgLitoral #sal {
        background-image: url("../img/litoral/sal.png");
        position: absolute;
        width: 563px;
        height: 143px;
        top: 180px;
        left: 20px;
        cursor: pointer;
    }

/*Cidade*/
#PgCidade {
    background-image: url("../img/cidade/bgfundo.png");
    background-position: 0px 50px;
}

    #PgCidade #padaria {
        background-image: url("../img/cidade/padaria.png");
        position: absolute;
        width: 155px;
        height: 169px;
        top: 270px;
        left: 750px;
        cursor: pointer;
    }

    #PgCidade #supermercado {
        background-image: url("../img/cidade/supermecado.png");
        position: absolute;
        width: 345px;
        height: 213px;
        top: 490px;
        left: 110px;
        cursor: pointer;
    }

    #PgCidade #restaurante {
        background-image: url("../img/cidade/restaurante.png");
        position: absolute;
        width: 168px;
        height: 204px;
        top: 500px;
        left: 550px;
        cursor: pointer;
    }

    #PgCidade #sorveteria {
        background-image: url("../img/cidade/sorveteria.png");
        position: absolute;
        width: 199px;
        height: 228px;
        top: 220px;
        left: 545px;
        cursor: pointer;
    }

    #PgCidade #quitanda {
        background-image: url("../img/cidade/quitanda.png");
        position: absolute;
        width: 182px;
        height: 201px;
        top: 240px;
        left: 100px;
        cursor: pointer;
    }


/*Pop Up*/

#bgPopUp {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,.8);
    width: 1024px;
    height: 768px;
    top: -20px;
    left: -200px;
    z-index: 2;
}

#popUp {
    background-image: url("../img/popUp/popUp.png");
    width: 864px;
    top: 86px;
    left: 71px;
    height: 597px;
    position: absolute;
    z-index: 2;
}

#popUpMini {
    background-repeat: no-repeat;
    width: 309px;
    height: 335px;
    cursor: pointer;
    bottom: -57px;
    left: 605px;
    position: absolute;
    z-index: 1;
    display: none;
}

#popUpMax {
    width: 100%;
    height: 768px;
    position: absolute;
    text-align: left;
    background-repeat: no-repeat;
    z-index: 4;
    display: none;
    background-color: rgba(0,0,0,.8);
}

#blank {
    position: absolute;
    top: 80px;
    height: auto;
    padding: 10px 10px 25px 10px;
    background-color: #ffffff;
}

.retrato {
    width: 340px;
}

.paisagem {
    width: 749px;
}

.quadrado {
    width: 530px;
}

.textoCredito {
    font-family: 'interstateplusregular';
    font-size: 15px;
    cursor: default;
    display: none;
}

#credito {
    position: absolute;
    width: auto;
    color: #ffffff;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

#descCredito {
    width: auto;
}

#btnXPopUpMax {
    position: absolute;
    background-image: url("../img/Fotos_grande/btnX.png");
    background-position: 100% 0px;
    width: 66px;
    height: 68px;
    z-index: 6;
    cursor:pointer;
}

#btnVoltar {
    background-image: url('../img/popUp/btn_voltar.png');
    position: absolute;
    top: 270px;
    left: 45px;
    width: 75px;
    height: 108px;
    display: none;
    cursor: pointer;
}

#btnAvancar {
    background-image: url('../img/popUp/btn_avancar.png');
    position: absolute;
    top: 310px;
    left: 710px;
    width: 75px;
    height: 108px;
    cursor: pointer;
}

#btnX {
    background-image: url("../img/popUp/btnX.png");
    background-position: 100% 0px;
    position: absolute;
    width: 66px;
    height: 68px;
    left: 820px;
    top: -30px;
    cursor:pointer;
}

    #btnX:active {
        background-position: 0% 0px;
    }

#objeto {
    position: absolute;
    width: 342px;
    height: 298px;
    top: -46px;
    left: -42px;
}


#quadro {
    position: absolute;
    background-image: url("../img/popUp/animacao/quadroAnimacao.png");
    width: 348px;
    height: 304px;
    top: -50px;
    left: -45px;
}

#txtCredito {
    position: absolute;
    color: #3c1e00;
}