body {
	background-color: black;
	border:0px;
	color:#FFFFCC;
}
#main {
 width:100%;
 height:430px;
}
.submain {
	width:100%;
	margin:5px 0px 0px 10px;
}
.imghg {
	width:20px;
	height:20px;
	border: 0px transparent solid;
}
#letras {
	position:fixed;
	bottom:10px;
	right:0px;
	width:560px;
	height:90px;
	
/*	background-color: gray;*/
}
.letra {background-color:blue; cursor:pointer;}
.letrab {background-color:red;}
.letra, .letrab {
	float:left;
	width:32px;
	height:32px;
	text-align:center;
	font-size:18px;
	padding:3px;
	margin:3px;
	color:white;
}
.letra a {color:aqua;}
.letra:active { background-color: yellow;}
#letrascorretas {
	position:fixed;
	bottom:110px;
	right:0px;
	width:560px;
	height:50px;
/*	background-color:fuchsia;*/
	margin:0px 0px 0px 0px;
	font-size:34px;
	color: aqua;
}
#img {
	border:3px black double;
}
#perdeu {
	background-color:red;
}
#perdeu strong { font-size: 22px; color:rgb(255, 204, 0); }
#ganhou {
	background-color:green;
}
#perdeu, #ganhou {
	position:fixed;
	bottom:165px;
	right:10px;
	width:550px;
	height:70px;	
	color:white;
	font-size:22px;
	padding:10px;
	z-index:1500;
}
#perdeu a, #ganhou a {
	background-color:black; color:lime;
}
#restam {
	position:fixed;
	left:20px;
	bottom:15px;
	width:120px;
	height:20px;
	//margin:50px 0px 0px 180px;
	padding:10px;
	font-size:20px;
	color:red;
	background-color: black;
}





@media all and (max-width: 901px) { 
#restam { bottom:0px; }
#letrascorretas { bottom:130px; right:auto; }
#letras { bottom:30px; right:auto; }
#perdeu, #ganhou { bottom:30px; right:auto; }
}