@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%;background-color:#405F86;}
div.clear {clear:both;}
img{width:100%;height:auto;}

.geral{width:100%;height:100%;overflow:hidden;}

#wrap {position:relative;width:100%;height:100%;background-color:#405F86;}

.sair{position:absolute;width:5%;top:4%;right:2%;margin:auto;z-index:3000;cursor:pointer;display:none;}

#intro{position:relative;height:100%;margin:0 auto;top:50%;transform:translateY(-50%);
/* display:none; */
}
#capa{position:relative;width:100%;height:auto;margin:0 auto;}
.inicio{position:absolute;width:20%;height:20%;right:0;left:0;bottom:0;top:0;margin:auto;cursor:pointer;}

#intro_mobile{display:none;}
#intro_mobile2{display:none;}
#intro_mobile3{display:none;}
.laco_intro{position:absolute;width:20%;top:33%;bottom:auto;right:0;left:0;margin:auto;}
.pergaminho{position:absolute;top:0%;bottom:0;right:0;left:0;margin:auto;display:none;}

.fechar_p{position:absolute;width:14%;top:8%;bottom:auto;right:22%;left:auto;margin:auto;cursor:pointer;display:none;}
.seguir_intro{position:absolute;width:20%;top:auto;bottom:14%;right:18%;left:auto;margin:auto;cursor:pointer;display:none;}
#contemBtn{position:absolute;width:37%;height:43%;top:37%;bottom:auto;right:auto;left:35%;margin:auto;cursor:pointer;display:none;
/* background-color:rgba(255,0,0,.4); */
}
#arvore{width:27%;float:left;}
#noel{width:27%;float:right;}
#presepio{width:58%;margin:0 auto;margin-top:5%;}
.voltarBtn{position:absolute;width:18%;top:9%;bottom:auto;right:18%;left:auto;margin:auto;cursor:pointer;display:none;}

.canvas{position:absolute;height:100%;width:auto;top:0;bottom:0;right:0;left:0;margin:auto;}

.pagina{position:relative;height:100%;margin:0 auto;top:50%;transform:translateY(-50%);
display:none;
}
/* #pagina3{display:block;} */
#base{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;z-index:-1;}


.laco_mundo{position:absolute;width:19%;top:auto;bottom:6%;right:1%;left:auto;margin:auto;cursor:pointer;}
.bandeira{position:absolute;width:13%;height:13%;bottom:auto;right:auto;margin:auto;cursor:pointer;
/* background-color:rgba(255,0,0,.4); */
}
.brasil{top:5%;left:41%;}
.alemanha{top:9%;left:58%;}
.egito{top:30%;left:72%;}
.china{top:51%;left:72%;}
.inglaterra{13%;top:64%;left:65%;}
.australia{top:68%;left:31%;}
.suecia{top:41%;left:17%;}
.italia{top:19%;left:23%;}

/* .nome{position:absolute;bottom:auto;right:auto;margin:auto;background-color:#FFFFCC;border:1px dotted #000;font-size:2em;padding:0.5%; */
/* display:none; */
/* } */
/* #n_brasil{top:20%;left:41%;} */
/* #n_alemanha{top:23%;left:60%;} */
/* #n_egito{top:43%;left:74%;} */

.contemCartao{position:absolute;width:90%;height:auto;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;z-index:5;
display:none;
	} 
.cartao{position:relative;width:100%;margin:0 auto;top:50%;transform:translateY(-50%);} 

#final{position:relative;width:100%;height:auto;margin:0 auto;}
#voltar_final{position:absolute;width:13%;right:26%;left:auto;bottom:0;top:auto;margin:auto;cursor:pointer;}
#historia_final{position:absolute;width:20%;right:1%;left:auto;bottom:0;top:auto;margin:auto;cursor:pointer;}

/*
.fechar_cartao{position:absolute;width:20%;height:10%;bottom:9%;left:3%;background-color:rgba(255,0,0,.4);z-index:6;cursor:pointer;}
*/


@media only screen and (orientation:portrait){
  body {height:100vw;transform:rotate(90deg);}
}

@media only screen and (orientation:landscape){
	body {margin:0; padding:0;width:100%;height:100%;text-align:center;color:#333;font-size: 62.5%;}  
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	.contemCartao{width:100%;}
}

@media screen and (max-width: 824px) and (orientation: landscape) {
	.contemCartao{width:100%;}
}