/*css pra dispor o conteudo mesmo sem javascript
    mostra tudo, sem navegaçao
*/
nav{
    display: none;
}
.pagina{
    display: block;
    height: auto;
}
body{
    overflow: auto;
}
footer{
    margin-top:20px;
    position: relative;
    display: block;
    margin-bottom: 0;
}
.tela-principal{
 display: block;
 position: relative; 
 height: auto;
}
/*sem javascript, nao anima, pra evitar desilusoes*/
.animated {
  animation: none !important;
}

#btavanc{
    display: block;
    position: relative;
    z-index: 20;
    margin-bottom: 20px;
}

@media screen and (max-width:900px){
    #mlt{
        left: 1.9%;
        top: 4%;
    }   
    #mrt{    
        right: 1.9%;
        top: 4%;
    }
    header{
        top:5.2%;
    }
    #hiddenFix{
        top:0;
    }
    .tela-principal {
        margin-top: 0px;
        padding-top: 100px;
    }

}

#bt-avancar2 #a2b{
    opacity: 0;
    transition: 500ms
}

#bt-avancar2:hover #a2b{
    opacity: 1;   
    transition: 500ms
}
#bt-avancar2 #a2a{
    opacity: 1;
    transition: 500ms
}

#bt-avancar2:hover #a2a{
    opacity: 0;
    transition: 500ms
}


#bt-voltar2 #v2b{
    opacity: 0;
    transition: 500ms
}
#bt-voltar2:hover #v2b{
    opacity: 1;
    transition: 500ms
}

#bt-voltar2 #v2a{
    opacity: 1; 
    transition: 500ms
}
#bt-voltar2:hover #v2a{
    opacity: 0;
    transition: 500ms
}

/* modais da cena 02*/
#pg4 .modinfo{
    display: block;
}

button#ref1{
    display: none;
}
button#ref2{
    display: none;
}
#pg4  .modinfo .close{
    display: none;
}

.clique{
    display: none;
}

footer{
    overflow: hidden;
}