body {
background:url(../imagen/bgim.jpg);
font-family:Arial, Helvetica, sans-serif;
margin:0;
}

	ul 	{padding:10px;margin:0px;width:750px;background:#FFFFFF; text-align:left;}
		li {list-style-type:none;width:0px;padding:1px 1px;background:#FFFFFF; text-align:left;}
		
			a img.min {border:0px solid #fff;}
			a span {visibility:hidden;color:white;text-align:center;font:bold 10px "Trebuchet MS",arial;position:absolute;top:415px;left:250px;visibility:hidden;border:1px solid #fff;z-index:10;}
			a:hover img.min {z-index:100;border:1px solid red;}
			a:hover {display:inline;z-index:100;} /* Hace que funcione en IE6*/
			a:hover span {visibility:visible;border:1px solid #fff;background:#000000;z-index:100;}
			a:hover span img {visibility:visible;z-index:100;}		
		
		
		
			a:focus span , a:active span  {visibility:visible;z-index:10;background:#000000;}
			a img.fotos {border:1px solid white;margin:5px;}
	</ul>