@charset "utf-8";

/* CSS Document */

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

#wrap {width:100%;height:100%;background-color:#9b3c3f;}

#contem{position:relative;margin:0 auto;width:88.95478%;height:100%;font-size:2em;}

#sair{float:right;margin-top:2%;cursor:pointer;}
#imgSair{display:none;}

#intro{position:relative;width:100%;height:77%;}

#titulo{position:relative;width:74.068%;height:17%;margin:0 auto;top:5%;}

.inicio{position:relative;width:20%;height:14%;margin:0 auto;top:35%;cursor:pointer;}

.pagina{position:relative;width:67.073%;height:66.3%;margin:0 auto;top:6%;cursor:pointer;background-color:#efd498;display:none;}
#elementos{position:relative;float:left;width:25%;height:100%;background-color:#efd498;}
.casa{position:relative;float:left;width:44%;height:15%;top:2%;margin-left:3%;border:2px solid #990033;background-color:#ECCB82;}
.enfeite{position:absolute;border-radius:0.9em;}
.arvore{position:absolute;}
.largura{width:85%;height:93%;}
.central{position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;}
.menor{width:50%;}
.clicado{background-color:rgba(255,255,255,0.4);box-shadow:0px 0px 20px rgba(255,255,255,1);}

#fundo{position:relative;float:right;width:75%;height:100%;background-image:url('../images/fundo2.png');background-repeat:no-repeat;background-size:100%;overflow:hidden;cursor:pointer;background-color:#efd498;}
.arvoreC{position:absolute;width:50%;top:10%;left:5%;display:none;}

.novamente{position:absolute;right:0;bottom:0;}
.impressao{position:absolute;width:8%;height:10%;left:0;bottom:0;background-color:#9b3c3f;border:2px solid #cfc6d8;border-radius:1.3em;z-index:1000;}
#imp{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}

.btnAjuda{position:relative;width:8%;margin:0 auto;top:50%;cursor:pointer;}
.contemAjuda{position:absolute;width:70%;top:20%;bottom:0;right:0;left:0;margin:auto;z-index:4000;display:none;}
#fecharAjuda{float:right;cursor:pointer;z-index:5000;}
.txtAjuda{width:95%;margin:0 auto;margin-top:1%;padding:1%;background-color:#fff;color:#519d8e;font-weight:bold;font-size:18px;border:10px solid #e885b7;border-radius:0.5em;}

img{max-width:100%;height:auto;}
	
  @media screen and (max-width: 768px) {
	#titulo{width:100%;height:7%;}
	.inicio{width:45%;}
    .btnAjuda{width:14%;}
    .contemAjuda{width:100%;top:32%;}
	.pagina{width:100%;top:20%;}
	.arvoreC{width:70%;height:53.92%;left:0%;}
	.btnFinal{display:none}
	} 
	
@media screen and (max-width: 414px) {
	#titulo{width:68%;height:7%;top:3%;}
	#sair{width:12%;}
	.pagina{width:100%;height:88%;top:3%;}
	#elementos{width:100%;height:40%;}
	.casa{width:20.3%;height:27%;top:3%;}
	#fundo{float:none;width:78.36%;height:51.22%;margin:0 auto;background-image:url('../images/fundo3.png');}
	.arvoreC{width:75%;top:15%;left:13%;}
	.inicio{width:55%;}
	.btnAjuda{width:25%;}
	.contemAjuda{width:100%;top:32%;}
	.btnFinal{display:none}
}  
	
 @media screen and (max-width: 1024px) and (orientation: landscape) {
	#titulo{width:58%;height:8%;top:1%;}
	.pagina{width:75.001%;height:88.3999%;top:2%;}
	.arvoreC{width:60.9%;height:54%;}
	.btnFinal{display:none}
} 
	
@media screen and (max-width: 736px) and (orientation: landscape) {	
	#titulo{width:60%;height:12%;top:3%;}
	#sair{width:7%;}
	.contemAjuda{top:0%;}
	.pagina{width:70.073%;height:80%;top:4%;}
	#elementos{width:37%;height:97%;}
	#fundo{width:63%;background-image:url('../images/fundo3.png');}
	.casa{width:28%;margin-left:13%;}
	.menor{width:42%;}
	.arvoreC{width:75%;top:15%;left:13%;}	
	.inicio{width:30%;}
	.btnFinal{display:none}
}

@media print {
	body {height:667px;}
	#wrap{position:absolute;width:706px;top:0;left:0;}
	#contem{width:706px;}
	.pagina{width:100%;}
	#titulo:before {content:url("../images/titulo3.png");}
	#fundo:before {content:url("../images/fundo2.png");}
	#titulo{width:100%;height:75px;}	
	#fundo{clear:both;position:absolute;top:0;right:auto;bottom:0;left:55px;margin:auto;overflow:visible;}
	#sair{display:none;}
	#elementos{display:none;}
	.btnFinal{display:none;}
	#imgTitulo{display:none;}
}