ul.matrix		
		{
		display:	block;
		overflow:	hidden;
		margin: 	0px;
		
		}

ul.matrix li 	{
		float: 	left;
		
		}
		
ul.matrix li a
		{
		display:	block;
			
						
		background:	transparent url(../media/box.png);

		}	


ul.matrix li a:hover
		{

		background:	transparent url(../media/box-hover.png); 
	
		}
		

ul.matrix li a img
		{
		 margin: 5px;
		}

ul.matrix li a span
		{
		display: 	none;
		width: 		130px;
		height: 	30px;
		font-size:	11px;
		line-height: 	14px;
		padding-left: 	5px;
		padding-right: 	5px;
		padding-top: 	3px;
		padding-bottom:	2px;
		background:	transparent url(../media/etichetta.png);
		color: 		#fff;
		position: 	absolute;
		bottom:		5px;
		left: 		5px;
		text-align: 	center;
		}


ul.matrix li a:hover span
		{
		display: 	block;
		}