canvas{

   width: 500px;
   height: 400px;
   
   background-color: "#0080FF";
   /* background: url("imagenes/imagen3.jpg");*/
   border: 5px solid;
   }


.contadorPuntos{
	width: 300px;
	height: 50px;
	font-size: 30px;
	background-color: #088A08;
	float: left;
}
.perdiste{
	width: 200;
	height: 50;
	font-size: 50px;
	background-color: #FF0000;
	float: left;
}
.ganaste{
	width: 200;
	height: 50;
	font-size: 50px;
	background-color: #FF0000;
	float: left;
}
#div{
	width:800px;
	height: 600px;
	background-color: #1C1C1C;
}
#plano{
	width: 1000px;
	height: 600px;
	background-color: #610B4B;
}
#plano .div1{
	width:200px;
	height:200px;
	float: left;
}

#plano .div2{
    width: 200px;
    height: 200px;
    float: right;
    color: #FAFAFA;
    font-size: 30px;

}
#enlace{
	width:100px;
	height:50px;
	color:#FAFAFA;

}
a{
	color: #64FE2E;
	font-size: 20px;
}
#tabla{
	background: #2EFEF7;

}
#contenedor{
	width:50px;
	height: 50px;

	}
#contenedor #table{
	width:30px;
	height: 30px;
	background-color: #38610B;
	color:#F8FBEF;
	font-size: 16px;
}
#puntos #nivel{
	font-size: 20px;
}
iframe{
	float: left;
}



/* He utilizado la propiedad backgroud-image: url(). Échale un vistazo, funciona.*/
/* body {
  background-image: url("imagenes/segunda_imagen.png");
  document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
}*/