html {
	overflow-x:hidden;
	overflow-y:auto;
}
body							 {
	background: #4b6e28;
}
/* para preencher todo o fundo. Se não declarar width e height da div-tela em PIXELS,a altura não é preenchida 100% */
/* 	div-tela	width=1024px		height=768px		*/
.div-tela					 {
	margin:0px auto;
	width:1024px;
	height:768px;
	border:0px solid #cccccc;
	background:url(../imgs/fundo_acento.png);
}
.div-fundo-entrada {
	width:100%;
	height: 100%;
}
		/* --- para elaborar fundo usar imagem matriz.png --- */
.div-titulo {
	margin:0 auto;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:0px;
	width:1024px;
	z-index: 10;
}
.div-objeto {
	position:absolute;
	left:35px;
	top:450px;
	z-index:11;
	color:#000000;
	font-size:28px;
	font-weight:bold;
}
/* ---- CSS peculiar para o jogo INICIO ---- */
.div-adorno-1 {
	position:absolute;
	left:135px;
	top:130px;
	z-index:1;
}
.div-btn-regras {
	position:absolute;
	left:100px;
	top:230px;
	z-index:10;
}
.div-btn-jogar {
	position:absolute;
	right:20px;
	top:670px;
	z-index:10;
}
.div-mascote-1 {
	position:absolute;
	left:420px;
	top:100px;
	z-index:2;
}
.div-mascote-2 {
	position:absolute;
	left:230px;
	top:158px;
	z-index:2;
}
.div-mascote-3 {
	position:absolute;
	right:0px;
	top:254px;
	z-index: 3;
}
/* ---- CSS peculiar para o jogo FIM ---- */
.div-menu					 {
	position:fixed;
	left:0px;
	z-index:20;
}
.menu-opcoes			 {
	background:#0088cc;
	color:#ffffff;
	text-align:right;
	padding:5px 20px;
	border-radius:0px 0px 0px 10px;
	font-weight:bold;
}
.menu-opcoes:hover {
	background:#39B3D7;
	color:#ffffff;
	text-align:right;
	padding:5px 20px;
	border-radius:0px 0px 0px 10px;
	font-weight:bold;
	cursor:pointer;
}
.div-imagem				 {
	margin:0 auto 50px auto;
	text-align:center;
	padding-top:50px;
}
.div-imagem img		 {
	height:300px;
}
.div-palavra					 {
	margin:0px auto 40px auto;
	text-align:center;
	padding-top:280px;
}
.div-acentuacao					 {
	margin:0px auto 0px auto;
	text-align:center;
}
.palavra-letra				 {
	display:inline-block;
	width:70px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	font-size:40px;
	border-radius:10px;
}
.div-acentuacao .palavra-letra {
	margin-right:5px;
	margin-bottom:5px;
}
.letra-fixa						 {
	color:#000000;
	border:4px solid #000000;
	background:#ffffff;
}
.letra-aescolher			 {
	color:#000000;
	border:4px dotted #999999;
	background:#f0f0f0;
}
.letra-aescolher:hover {
	color:#000000;
	border:4px dotted #999999;
	background:#ffffff;
	cursor:pointer;
}
.letra-selecionada		 {
	color:#000000;
	border:4px solid #000000;
	background:#ffffff;
}
.letra-espacador	 {
	margin-left:10px;
}
.div-opcoes-acentuacao	 {
	position:absolute;
	top:200px;
	width:1024px;
	z-index:30;
	margin:0 auto;
	text-align:center;
}
.div-opcoes				 {
	margin:0px auto 0 auto;
	text-align:center;
	padding-top:40px;
}
.letra-opcao			 {
	color:#666666;
	border:4px solid #666666;
	background:#f0f0f0;
}
.letra-opcao:hover {
	color:#000000;
	border:4px solid #000000;
	background:#ffffff;
	cursor:pointer;
}
.letra-certa			 {
	color:#ffffff;
	border:4px solid #47a447;
	background:#5CB85C;
}
.letra-certa:hover {
	color:#ffffff;
	border:4px solid #47a447;
	background:#00cc00;
	cursor:pointer;
}
.letra-errada			 {
	color:#ffffff;
	border:4px solid #D43F3A;
	background:#D9534F;
}
.letra-errada:hover {
	color:#ffffff;
	border:4px solid #D43F3A;
	background:#ff0000;
	cursor:pointer;
}
.popover {
	background-clip:padding-box;
	background-color:rgba(250,250,250,0);
	border:0px solid rgba(0,0,0,1);
	border-radius:6px;
	box-shadow:0 5px 10px rgba(0,0,0,0);
	display:none;
	left:0;
	max-width:276px;
	padding:1px;
	position:absolute;
	text-align:left;
	top:0;
	white-space:normal;
	z-index:80;
}
.div-tentativas		 {
	margin:18px auto 0 auto;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:40px;
}
.div-botoes				 {
	position:absolute;
	top:768px;
	width:1024px;
}
.btn-block				 {
	display:inline;
	width:98%;
	margin:0px 10px 10px 10px;
	font-size:30px;
	font-weight:bold;
	position:absolute;
	z-index:32;
	bottom:0px;
}
.btn-chamada			 {
	width:350px;
	font-size:40px;
	font-weight:bold;
}
.div-mensagem	 {
	position:absolute;
	bottom:0px;
	z-index:30;
	width:1024px;
	height:768px;
	background:url(../imgs/fundo-mensagem.png);
}
.div-mensagem .div-botao 	 {
}
.div-mensagem .div-mascote  {
	position:absolute;
	z-index:31;
	bottom:0px;
}
.div-mensagem .div-frase 	 {
	padding-top:80px;
}
.mascote-frase	 {
	background:#ffffff;
	color:#000000;
	font-weight:bold;
	font-size:30px;
	width:70%;
	text-align:center;
	margin:0 auto;
	padding:30px;
	border-radius:20px;
}
.mascote-posicao {
	margin:0 auto;
	text-align:center;
	width:1024px;
}
.div-roteiro-links {
	position:absolute;
	top:0;
	left:0;
	padding:5px;
}
.roteiro-menu 		 {
	color:#999;
	text-decoration:none;
	cursor:default;
	background:#f0f0f0;
	padding:2px 5px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	border-radius:4px;
}
a.roteiro:link 		 {
	color:#999;
	text-decoration:none;
	cursor:pointer;
	background:#f0f0f0;
	padding:2px 5px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	border-radius:4px;
}
a.roteiro:visited 	 {
	color:#999;
	text-decoration:none;
	cursor:pointer;
	background:#f0f0f0;
	padding:2px 5px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	border-radius:4px;
}
a.roteiro:hover 		 {
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:#77ac1b;
	padding:2px 5px;
	border:1px solid #77ac1b;
	-moz-border-radius:4px;
	border-radius:4px;
}
a.roteiro:active 		 {
	color:#000;
	text-decoration:none;
	cursor:pointer;
	background:#f0f0f0;
	padding:2px 5px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	border-radius:4px;
}
a.roteiro:focus	 	 {
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:#77ac1b;
	padding:2px 5px;
	border:1px solid #77ac1b;
	-moz-border-radius:4px;
	border-radius:4px;
}
.btn-regras {
		background:url(../imgs/btn-regras.png) no-repeat;
	width:232px;
		height:90px;
		font-size:0px;
		display:inline-block;
		text-align:center;
		margin:0px;
		border:0px;
		padding:0px;
}
.btn-regras:hover {
		background:url(../imgs/btn-regras-hover.png) no-repeat;
	width:232px;
		height:90px;
		font-size:0px;
		display:inline-block;
		text-align:center;
		margin:0px;
		border:0px;
		padding:0px;
}
.btn-jogar {
		background:url(../imgs/btn-jogar.png) no-repeat;
	width:233px;
		height:93px;
		font-size:0px;
		display:inline-block;
		text-align:center;
		margin:0px;
		border:0px;
		padding:0px;
}
.btn-jogar:hover {
		background:url(../imgs/btn-jogar-hover.png) no-repeat;
	width:233px;
		height:93px;
		font-size:0px;
		display:inline-block;
		text-align:center;
		margin:0px;
		border:0px;
		padding: 0px;
}

body div#_menu {
width:90px !important;
}