html  {
	overflow-x:hidden;
	overflow-y:auto;
}
body  {
	background: #d8eefa;
}
/* 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_mar.png);
}
.div-fundo-entrada			 {
	width:100%;
	height: 100%;
	background:url(../imgs/fundo_mar2.png);
}
		/* --- 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:400px;
	z-index:11;
	color:#000000;
	font-size:28px;
	font-weight:bold;
}

/* ---- CSS peculiar para o jogo INICIO ---- */
.div-adorno-1 {
	position:absolute;
	left:300px;
	top:110px;
	z-index:1;
}
.div-adorno-2 {
	position:absolute;
		top:580px;
		left:0px;
		z-index:3;
}
.div-btn-regras {
	position:absolute;
	left:70px;
	top:240px;
	z-index:10;
}
.div-btn-jogar {
	position:absolute;
	right:20px;
	top:670px;
	z-index:10;
}
.div-mascote-1 {
	position:absolute;
	left:608px;
	top:90px;
	z-index:2;
}
.div-mascote-2 {
	position:absolute;
	right:20px;
	top:220px;
	z-index:2;
}
.div-mascote-3 {
	position:absolute;
	left:60px;
	top:345px;
	z-index: 3;
}
/* ---- CSS peculiar para o jogo FIM ---- */
.div-menu					 {
	position:fixed;
	left:0px;
	z-index:31;
}
.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;
	position:absolute;
	top:600px;
	width:1024px;
	z-index:30;
}
.palavra-letra				 {
	display:inline-block;
	width:50px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	font-size:24px;
	border-radius:10px;
	margin-bottom:10px;
}
.palavra-letra-enigma		 {
	display:inline-block;
	width:70px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	font-size:40px;
	border-radius:10px;
	margin-bottom:10px;
}
.palavra-letra-enigma		 {
	display:inline-block;
	width:70px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	font-size:40px;
	border-radius:10px;
	margin-bottom:10px;
}
.div-letra-adivinha			 {
	position:absolute;
	left:190px;
	top:300px;
}
.palavra-letra-prancha		 {
	display:inline-block;
	text-align:center;
	width:120px;
	padding:5px 30px 5px 30px;
	font-weight:bold;
	font-size:70px;
	border-radius:10px;
	margin-bottom:10px;
}
.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					 {
	margin:0px auto 0 auto;
	text-align:center;
	width:1024px;
	position:absolute;
	padding:80px 22px 0px 22px;
	z-index:30;
}
.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:#5CB85C;
	cursor:pointer;
}
.letra-errada				 {
	color:#ffffff;
	border:4px solid #D43F3A;
	background:#D9534F;
}
.letra-errada:hover			 {
	color:#ffffff;
	border:4px solid #D43F3A;
	background:#D9534F;
	cursor:pointer;
}
.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:42;
	bottom:0px;
}
.btn-chamada				 {
	width:350px;
	font-size:40px;
	font-weight:bold;
}
.div-mensagem				 {
	position:absolute;
	bottom:0px;
	z-index:40;
	width:1024px;
	height:768px;
	background:url(../imgs/fundo-mensagem.png);
}
.div-mensagem .div-botao 	 {
}
.div-mensagem .div-mascote 	 {
	position:absolute;
	z-index:41;
	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;
}