* { padding:0; margin:0; border:0; font-family:Arial, Helvetica, sans-serif; }

div.memory-game {
	border:3px solid #eceae7;
	width:930px;
	height:auto;
	overflow:hidden;
	position:relative;
	background:#ffe4b4;
}

div.memory-game ul, div.memory-game li {
	list-style:none;
}
div.memory-game ul {
	overflow:hidden;
	position:relative;
	margin:11px;
}
div.memory-game li {
	float:left;
	height:89px;
	overflow:hidden;
	width:89px;
	border-bottom: 2px solid #C7B28C;
    border-right: 1px solid #C7B28C;
}
div.memory-game li:hover {
	border:0;
	-moz-opacity:.60; filter:alpha(opacity=60); opacity:.60;
}
div.memory-game li img {
	display:block
}
#informacoes {
	position:absolute;
	top:3px;
	left:3px;
	width:930px;
	height:414px;
	background-color: #000;
	display:none;
}
.resposta { 
	display:none; 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.resposta .foto { 
	position:absolute; 
	top:10px; 
	left:11px; 
}

.resposta .texto {
	position:absolute;
	width:270px;
	top:20px;
	left:636px;
}
.resposta .texto h2 {
	color:#fff;
	font-size:24px;
	padding-bottom:10px;
}
.resposta .texto p {
	color:#d7d3ce;
	font-size:12px;
	line-height:18px;
}
.resposta .texto a.voltar {
	background:url(../img/voltar.gif) no-repeat;
	width:56px;
	height:24px;
	display:block;
	float:left;
	margin-top:14px;
	cursor:pointer;
}
.resposta .texto a.voltar:hover {
	background-position:0 -30px;
}
#info {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	background:#000;
	top:0;
	left:0;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
	display:none; 
}
#info div#final {
	text-align:center;
	color:#fff;
	margin-top:20px;
}
#info div#final h3 {
	font-size:60px;
	font-weight:bold;
	padding-bottom:10px;
	color:#f90;
}
#info div#final p {
	font-size:12px;
	margin:0 auto 5px;
}
#info div#final p b {
	color:#f90;
}

#info div#final p b {
	color:#9bc80d;
}
#info div#final p.cliques, #info div p.tempo {
	font-weight:bold;
	line-height:38px;
	width:190px;
	margin:15px auto 10px;
	text-indent:50px;
	text-align:left;
	background:url(../img/mouse.png) no-repeat left center;
}
#info div#final p.tempo {
	background-image:url(../img/relogio.png);
}
#info div.botoes {
	width:150px;
	margin:25px auto 0;
	text-indent:50px;
	text-align:left;
}
#facebookPost, #twitterPost {
	display:block; 
	height:24px;
	width:150px;
	overflow:hidden;
	clear:both;
	margin-top:10px;
	text-indent:-5000px;
}
#facebookPost {
	background:url(../img/facebook.gif) no-repeat 0 0;
}
#twitterPost {
	background:url(../img/twitter.gif) no-repeat 0 0;
}
#facebookPost:hover, #twitterPost:hover { 
	background-position:0 -24px;
}
#play-again {
	margin-top:40px;
	margin-left:30px;
	width:89px;
	background:url(../img/jogar-de-novo.gif) no-repeat;
	background-position:0 0;
	height:24px;
	cursor:pointer;
	text-indent:-5000px;
	display:block;
}
#play-again:hover {
	background-position:0 -30px;
}

#capa {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	-moz-opacity:.95; filter:alpha(opacity=95); opacity:.95;
}
#capa div {
	position:absolute;
	left:30px;
	top:20px;
	color:#fff;
	width:500px;
}
#capa div h3 {
	font-size:40px;
	font-weight:bold;
	padding-bottom:10px;
}
#capa div p {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
}
#capa div #iniciar {
	width:100px;
	background:url(../img/comecar.gif) no-repeat 0 0;
	height:24px;
	cursor:pointer;
	text-indent:-5000px;
	display:block;
}
#capa div #iniciar:hover {
	background-position:0 -30px;
}