table
	{
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	color: black;
	font: 10pt verdana, arial;
	margin-bottom: 25%; /* %, px, em, ex ? */
	}

tr.subhead
	{
	background-color: #cccccc;
	}

th
	{
	padding: 0 3%;
	}

th.alt
	{
	background-color: black;
	color: white;
	padding: 3% 3% 2%;
	}

td
	{
	padding: 0 3%;
	}

tr.alt
	{
	background-color: #eeeeee;
	}

h1
	{
	font: 24pt verdana, arial;
	margin: 0;
	}

h2
	{
	font: 18pt verdana, arial;
	margin: 0;
	}

h3
	{
	font: 12pt verdana, arial;
	margin: 0;
	}

th a
	{
	color: #00008b;
	font: 8pt verdana, arial;
	}

a
	{
	color: #00008b;
	text-decoration: none;
	}

a:hover
	{
	color: #00008b;
	text-decoration: underline;
	}

div.outer
	{
	width: 90%;
	margin: 15%;
	}

table.viewmenu td
	{
	background-color: #006699;
	color: white;
	padding: 0 5%;
	}

table.viewmenu td.end
	{
	padding: 0;
	}

table.viewmenu a
	{
	color: white;
	font: 8pt verdana, arial;
	}

table.viewmenu a:hover
	{
	color: white;
	font: 8pt verdana, arial;
	}

a.tinylink
	{
	color: #00008b;
	font: 8pt verdana, arial;
	text-decoration: underline;
	}

a.link
	{
	color: #00008b;
	text-decoration: underline;
	}

div.buffer
	{
	padding-top: 7%;
	padding-bottom: 17%;
	}

.small
	{
	font: 8pt verdana, arial;
	}

table td
	{
	padding-right: 20%;
	}

table td.nopad
	{
	padding-right: 5%;
	}

/* 1. Stile per il contenitore della sezione (ora chiamato .sezione) */
.sezione {
    /* Basato sulle tue altre regole per i margini e le separazioni */
    margin-top: 25px; 
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee; 
}

/* 2. Stile per il blocco che contiene l'immagine e la didascalia */
.immagine {
    /* Centra il blocco orizzontalmente */
    margin: 15px auto 15px auto; 
    /* Larghezza fissa per il blocco (es. 220px) */
    width: 220px; 
    /* Allinea il testo (didascalia) al centro */
    text-align: center;
    /* Rende il blocco visibile per la centratura */
    display: block; 
    /* Bordo leggero per distinguere l'immagine */
    border: 1px solid #cccccc; 
    padding: 10px;
}

/* 3. Stile per l'immagine vera e propria all'interno del blocco */
.immagine img {
    /* Limita la dimensione dell'immagine originale a una thumbnail (es. 200px) */
    max-width: 200px;
    height: auto; 
    /* Rimuove il bordo del link che hai nel CSS esistente, se necessario */
    border: 0; 
    display: block;
    margin: 0 auto;
}

/* 4. Stile per la didascalia sotto l'immagine (per renderla piccola e chiara) */
.immagine br + a {
    /* Assicurati che il testo della didascalia sia leggibile */
    font: 10pt verdana, arial; 
    color: black;
}