body {
  font-family:Times New Roman, Times, serif;
  font-size: 14pt;
  color: #111111;
  background-color: #fffff8;
}
h1 {
  margin: 0pt 0pt 0pt 0pt;
  font-size: 40pt;
}
a {
  text-decoration: none;
  color: #111111;
}
.Timer{
  font-family: 'Josefin Slab', serif;
  font-size: 25pt;
  color: #111111;
}
.Board{
  background-color: #fffff8;
  border: 2px solid #111111;
}
.Tiles{
  border: 2px solid #111111;
}
.P{
  background-color: #C89632;
}
.P{
  background-color: #C89000;
}
.V{
  background-color: #C83250;
}
.T{
  background-color: #5032C8;
}
.Z{
  background-color: #3296C8;
}
.W{
  background-color: #C83296;
}
.F{
  background-color: #0FFAE6;
}
.I{
  background-color: #9632C8;
}
.U{
  background-color: #64C832;
}
.X{
  background-color: #FAC80F;
}
.L{
  background-color: #C86432;
}
.Y{
  background-color: #96C832;
}
.N{
  background-color: #32C864;
}
#menu {
  position: absolute;
  padding:10px;
  width: 10%;
  z-index: 5;
}
#Board {
  position: absolute;
  height: 100%;
  width: 100%;
  min-width: 720px;
}
#info {
}
#info-hover {
  display:none;
}
#info:hover #info-hover {
  position: absolute;
  text-align: justify;
  height: auto;
  width: 80%;
  display:block;
  background: rgba(252, 252, 243, 0.9);
  padding: 10px;
}

#footer {
	position: absolute;
	margin: 0pt 0pt 0pt 0pt;
	font-size: 16px;
	bottom: 2pt;
}
.BotonNew {
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	border: 1px solid #777;
	padding: 7px 15px;
	margin: 4px;
	font: bold 16px/20px Arial, Helvetica;
	text-decoration: none;
	color: black;
	border-radius: 4px;
	background: repeating-linear-gradient(0deg, white 40px, yellow 100px);
	cursor:pointer;  
}   
.BotonNew:hover{
	background-color: #eee;        
	background: repeating-linear-gradient(0deg, red 35px, pink 90px);
}
.BotonNew:focus {
    outline: 0;
	background: repeating-linear-gradient(0deg, white 40px, yellow 100px);
}    
input#ReponerBoton, input#SiguienteBoton, input#StartAgainButton  {
	position: absolute;
	bottom: 20px;
	width: 100px;
}
input#ReponerBoton {
	left: 80px;
}
input#SiguienteBoton {
	left: 80px;
}
div#Aciertos, div#volver {
	position:absolute;
	display:none;
}
div#Aciertos {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	width:530px;
	height:150px;
	top:650px;
	left:420px;
	background-image:url('images/muybien.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
 	 z-index: 10;
}
div#volver{
	width: 95px;
	height: 63px;
	padding: 0px;
	margin: 0px;
	border: 0px navy solid;
	background-image: url('images/volver.gif');
	background-repeat: no-repeat;
   	top: 480px;
	left: 80px;
    cursor: pointer;
	 	 z-index: 11;
  }