@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;font-family: 'Roboto Condensed', sans-serif;}
html {height:100%;}
body {margin:0;width:100%;height:100%;padding:0;text-align:center;color:#333;font-size:62.5%;}
div.clear {clear:both;}

.geral{width:100%;height:100%;
/* overflow:hidden; */
}
#wrap {position:relative;width:100%;height:100%;background-color:#fff;}

@media screen and (min-width: 823px)  and (orientation: landscape) {	
img{width:auto;height:100%;}
#intro{position:relative;height:100%;margin:0 auto;}
.imgIntro{position:relative;height:100%;margin:0 auto;}
.imgBase{position:relative;height:100%;margin:0 auto;}
.inicio{position:absolute;width:20%;right:25%;left:auto;bottom:6%;margin:auto;cursor:pointer;}
.inicioImg{width:100%;height:auto;}
.pagina{position:relative;height:100%;width:auto;margin:0 auto;
display:none;}
.imgPagina{position:relative;width:auto;height:100%;margin:0 auto;top:50%;transform:translateY(-50%);}
img.fundoPagina{position:relative;width:92%;height:auto;margin:0 auto;}
/* .popupBtn{position:absolute;width:5%;height:10%;right:16%;bottom:6%;cursor:pointer;z-index:2;} */
.popupBtn{position: relative;width: 95%;}
#imgBtnPopup{    position: absolute;
    width: 4%;
    height: auto;
    right: 7%;
    left: auto;
    top: auto;
    bottom: 196%;
cursor: pointer}
#popupJunto{position: relative;
    width: max-content;
    margin: 0 auto;
}
.popup{position: absolute;background: rgba(0,0,0,0.7);top: 0;right: 0;left: 0;cursor: pointer;display:none;z-index: 3;}
#fecharPopup{position:absolute;height:5%;right:-3%;left:auto;top:0%;bottom:auto;cursor:pointer;}
.btnEsquerda{position:relative;width:50%;float:left;}
.btnDireita{position:relative;width:50%;float:right;}
.anterior{position:absolute;width:20%;height:auto;right:0;left:auto;top:auto;bottom:4%;cursor:pointer;}
.proximo{position:absolute;width:20%;height:auto;right:auto;left:0;top:auto;bottom:4%;cursor:pointer;}
}

@media screen and (orientation: portrait) {	
img{width:100%;height:auto;}
#intro{position:relative;width:100%;margin:0 auto;top:50%;transform:translateY(-50%);}
.imgIntro{position:relative;width:100%;margin:0 auto;}
.imgBase{position:relative;width:88%;margin:0 auto;}
.inicio{position:absolute;width:50%;right:0;left:0;bottom:3%;margin:auto;cursor:pointer;}
.pagina{position:relative;height:100%;width:auto;margin:0 auto;
display:none;}
.imgPagina.imgIntro{position:relative;width:100%;margin:0 auto;}
.popupBtn{position:absolute;width:18%;height:max-content;right:12%;bottom:4%;cursor:pointer;z-index:2;}
#popupJunto{position: relative;
    width:95%;
    margin: 0 auto;
}
.popup{position: absolute;height:100%;background: rgba(0,0,0,0.7);top: 0;right: 0;left: 0;cursor: pointer;display:none;z-index: 3;}
.btnEsquerda{position:relative;width:50%;float:left;}
.btnDireita{position:relative;width:50%;float:right;}
#fecharPopup{position:absolute;width:7%;right:0%;left:auto;top:0%;bottom:auto;cursor:pointer;}
.anterior{position:absolute;width:50%;right:0;left:auto;top:auto;bottom:4%;cursor:pointer;}
.proximo{position:absolute;width:50%;right:auto;left:0;top:auto;bottom:4%;cursor:pointer;}
}