a {color:#000000; text-decoration: none;} 
a:visited {color: #660033; text-decoration: none;} 
a:hover {color: #ff0000; text-decoration: none;}

a.home {color:#663300; text-decoration: none;} 
a.home:visited {color: #663300; text-decoration: none;} 
a.home:hover {color: #ff0000; text-decoration: none;}

#grazie { position: absolute; left:780px; top:20px; }
#isola { position: absolute; left:300px; top:80px; }

#befana { position: absolute; left:70px; top:45px; }

body 
{ 
font: 100% Verdana,Arial,sans-serif;
margin-left: auto; 
margin-right: auto; 
text-align: center;
}


@page { margin-right: 1.63cm; margin-top: 1.25cm; margin-bottom: 1.25cm }
P { margin-bottom: 0cm; direction: ltr; color: #000000; text-align: justify; widows: 2; orphans: 2 }
P.western { font-family: "Times New Roman", serif; font-size: 12pt; so-language: it-IT }
P.cjk { font-family: "Times New Roman", serif; font-size: 12pt }
P.ctl { font-family: "Times New Roman", serif; font-size: 12pt; so-language: ar-SA }


<!--  /* Inizio pulsanti barra */ -->
div#container{margin: 50px;width: 500px}

div.button-cont{float: left;width: 100%;margin: 1.5em 0}

a.button{float: left;height: 36px;padding-left: 18px;
    font: bold 100%/36px "Trebuchet MS",Arial,sans-serif;
    background: url(bottone.png) no-repeat top left;
    text-decoration: none;color: #000}

a.button span{display:block;padding-right: 18px;
    background: url(bottone.png) no-repeat top right}

a.button:hover{background-position: bottom left;color: #663300}
a.button:hover span{background-position: bottom right}


<!--  /* bottone un po diverso */ -->
div.button1-cont{float: left;width: 100%;margin: 1.5em 0}

a.button1{float: left;height: 36px;padding-left: 18px;
    font: bold 100%/36px "Trebuchet MS",Arial,sans-serif;
    background: url(bottone_2.png) no-repeat top left;
    text-decoration: none;color: #000}

a.button1 span{display:block;padding-right: 18px;
    background: url(bottone_2.png) no-repeat top right}

a.button1:hover{background-position: bottom left;color: #663300}
a.button1:hover span{background-position: bottom right}

<!--  /* Fine pulsanti barra */ -->

div#wrapper {
width: 1024;
margin: 0 auto;
text-align: left;
}

div#wrapper_filap {
width: 900;
margin: 0 auto;
text-align: left;
background-color: #C0C0C0;
}


<!--  /* Inizio rollover cella */ -->
.bordotab {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Definisce il font */
	font-size: 12px; /* Dimensione del fon */
	color: #000000; /* Colore del font */
	background-color: #FFFFCC; /* Colore di sfondo della tabella */
	border-top-width: 1px; /* Qui definiamo il bordo esterno della tabella */
	border-bottom-width: 1px; /* Il bordo destro e quello interno */
	border-left-width: 1px; /* saranno quelli delle celle */
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}





.classetd_a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CCFF99;
	border-right-width: 1px; /* Come si può notare, per le celle definiamo solo il bordo destro */
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px; /* saranno quelli delle celle */
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px; /* Qui definiamo il bordo esterno della tabella */
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px; /* Il bordo destro e quello interno */
	border-bottom-style: solid;	
	border-bottom-color: #000000;
}

.classetd_a a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099; /* Questo è il colore del link */
	position: relative; /* Fondamentale! Da impostare sempre */
	text-decoration: none; /* Eliminiamo la sottolineatura del link */
}
.classetd_a a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000; /* Cambiamo il colore del link al passaggio del mouse */
	background-color: #FFCC99; /* Cambiamo il colore di sfondo al passaggio del mouse */
	text-decoration: none;
}




.classetd_p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFCC99;
	border-right-width: 1px; /* Come si può notare, per le celle definiamo solo il bordo destro */
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px; /* saranno quelli delle celle */
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px; /* Qui definiamo il bordo esterno della tabella */
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px; /* Il bordo destro e quello interno */
	border-bottom-style: solid;	
	border-bottom-color: #000000;
}

.classetd_p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099; /* Questo è il colore del link */
	position: relative; /* Fondamentale! Da impostare sempre */
	text-decoration: none; /* Eliminiamo la sottolineatura del link */
}
.classetd_p a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000; /* Cambiamo il colore del link al passaggio del mouse */
	background-color: #CCFF99; /* Cambiamo il colore di sfondo al passaggio del mouse */
	text-decoration: none;
}



.classetd_r {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CC0000;
	border-right-width: 1px; /* Come si può notare, per le celle definiamo solo il bordo destro */
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px; /* saranno quelli delle celle */
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px; /* Qui definiamo il bordo esterno della tabella */
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px; /* Il bordo destro e quello interno */
	border-bottom-style: solid;	
	border-bottom-color: #000000;
}

.classetd_r a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff; /* Questo è il colore del link */
	position: relative; /* Fondamentale! Da impostare sempre */
	text-decoration: none; /* Eliminiamo la sottolineatura del link */
}
.classetd_r a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCFF99; /* Cambiamo il colore del link al passaggio del mouse */
	background-color: #CC0000; /* Cambiamo il colore di sfondo al passaggio del mouse */
	text-decoration: none;
}



.classetd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFCC;
	border-right-width: 1px; /* Come si può notare, per le celle definiamo solo il bordo destro */
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px; /* saranno quelli delle celle */
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px; /* Qui definiamo il bordo esterno della tabella */
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px; /* Il bordo destro e quello interno */
	border-bottom-style: solid;	
	border-bottom-color: #000000;
}
.classetd a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099; /* Questo è il colore del link */
	position: relative; /* Fondamentale! Da impostare sempre */
	text-decoration: none; /* Eliminiamo la sottolineatura del link */
}
.classetd a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000; /* Cambiamo il colore del link al passaggio del mouse */
	background-color: #CCFFFF; /* Cambiamo il colore di sfondo al passaggio del mouse */
	text-decoration: none;
}
<!--  /* Fine rollover cella */ -->

.classetd_prova {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CCFF99;
	border-right-width: 1px; /* Come si può notare, per le celle definiamo solo il bordo destro */
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 1px; /* saranno quelli delle celle */
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px; /* Qui definiamo il bordo esterno della tabella */
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px; /* Il bordo destro e quello interno */
	border-bottom-style: solid;	
	border-bottom-color: #000000;
}

.classetd_prova a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099; /* Questo è il colore del link */
	display: block; /* Fondamentale! Da impostare sempre */
	position: relative; /* Fondamentale! Da impostare sempre */
	text-decoration: none; /* Eliminiamo la sottolineatura del link */
}
.classetd_prova a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000; /* Cambiamo il colore del link al passaggio del mouse */
	background-color: #FFCC99; /* Cambiamo il colore di sfondo al passaggio del mouse */
	text-decoration: none;
}

<!--  /* Font Definitions */ -->
@font-face
	{font-family:"GrilledCheese BTN Wide Blk";}
@font-face
	{font-family:Calibri;}
@font-face
	{font-family:"Comic Sans MS";
	panose-1:3 15 7 2 3 3 2 2 2 4;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	font-size:11.0pt;
	font-family:Calibri;}
p
	{margin-right:0cm;
	margin-left:0cm;
	font-size:12.0pt;
	font-family:"Times New Roman";}
@page Section1
	{size:595.3pt 841.9pt;
	margin:1.0cm 2.0cm 21.3pt 2.0cm;}
div.Section1
	{page:Section1;}
<!--  /* Font Definitions Fine */ -->