@charset "utf-8";
BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#logo {
	background-image:url(imagenes/titulo.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:800px;
	height:141px;
	display:block; 
	margin:0 auto;
}

.acertado {
	border: thin solid #FF0000;
}

#logo a{
	display: block;
	width: 800px;
	height: 141px;
}

#logo a span{
	display:none;
}

H1 {
	text-align:center;
}

#tabla {
	text-align:center;
	padding:10px;
	margin-right: auto;
	margin-left: auto;
	width:800px;
	background-color:#CCCCCC;
}

#cabecera {
	text-align:center;
	background-color:#403285;
	width:800px;
	margin-right: auto;
	margin-left: auto;
	color:#FFFFFF;
}

#resultados {
	text-align:center;
	width:800px;
	margin-right: auto;
	margin-left: auto;
}

#pie {
	width:800px;
	margin-right: auto;
	margin-left: auto;
}

IMG {
border:none;
}

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{
	visibility: visible;
	top: 0;
	left: -90px;
	top: 30px;
}