div.imagen {
        display: none;
        background-image: url("img/sprite-Clash.png");
        width: 146px;
        height: 146px;
        position: absolute;
      }
      #form .nombre:hover  {
        border: 1px red;
        background-color: black;
        color: black;
    }
	  div#form:hover div.ylosabes {
		display: block;
	  }
	  div.ylosabes {
		display: none;
		position: absolute;
		width: 150px; height: 150px;
	  }
	  div.ylosabes img {
		width: 100%;
	  }
	  div#form {
		border: 1px solid red;
		width: 500px;
		float: left;
	  }
	  div#derecha {
		border: 1px solid green;
		width: 500px;
		float: right;
	  }
	  div.limpiar {clear: both;}
	  div#derecha ul li span {
		width: 250px;height: 16px;
		background-image: url("../img/FireballCard.png");
		float: right;
		display: none;
	  }
	  div#derecha ul li:hover span{
		display: block;
	  }

	  div.cartaayer {
		border: 1px solid green;
		width: 150px; height: 170px;
		position: absolute;
		top: 0px; left: 0px;
	  }
	  div.cartaayer img {
		position: absolute;
	  }
	  div.cartaayer img.arriba {
		z-index: 10;
	  }
	  div.cartaayer img.abajo {
		z-index: 5;
	  }
	  div.cartaayer:hover img.abajo {
		z-index: 15;
	  }
	  	  div.ultimacarta {
		border: 1px solid green;
		width: 150px; height: 170px;
		position: absolute;
		top: 0px; right: 0px;
	  }
	  	  div.ultimacarta img {
		position: absolute;
	  }
	  div.ultimacarta img.arriba {
		z-index: 10;
	  }
	  div.ultimacarta img.abajo {
		z-index: 5;
	  }
	  div.ultimacarta:hover img.abajo {
		z-index: 15;
	  }