* {
	margin: 0;
}
html, body {
	height: 100%;
	background: #3333FF url(images/background_page.jpg) repeat-y center top;
	font-family:arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}
#wrapper {
	min-height:100%;
	width:746px;
	height:auto !important;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-30px; /* the bottom margin is the negative value of the footer's height */
	text-align:left;
}
#header
{
	background: #FFFFFF;
	width: 740px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
}
#menu
{
    margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:680px;
}
#footer {
	height: 30px; /* .push must be the same height as .footer */
	min-height:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	text-align:center;
	background: #3333FF;
	width:746px;
	font-size: 0.6em;
	background-color:#DCDCDC;
	text-decoration: none;
	color: threeddarkshadow; 
	position:relative;
}
.titoliCD_comeincielo
{
    font-family:Arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    text-align:left;
    background-color:#ffcc99;
}
.sottoTitoliCD_comeincielo
{   FONT-SIZE: 7pt;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    font-family:Arial;
}
.titoliCD_friendlyvoice
{
    font-family:Arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    text-align:left;
    background-color:#99cc99;
}
.sottoTitoliCD_friendlyvoice
{   FONT-SIZE: 7pt;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    font-family:Arial;
}
.titoliCD_perterrelontane
{
    font-family:Arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    text-align:left;
    background-color:#cccccc;
}
.sottoTitoliCD_perterrelontane
{   FONT-SIZE: 7pt;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    font-family:Arial;
}
.testiCommento
{   FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    font-family:Arial;
}
.titoliParagrafi
{   FONT-SIZE: 12pt;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    font-family:Arial;
    color:#000099;
    font-weight:bold;
}
.testoContenutoParagrafi
{   FONT-SIZE: 10pt;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: justify;
    font-family:Arial;
    color:#000000;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: Yellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}