html, body{
min-height: 100%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
font: 10pt/14pt Georgia;
color: #CCCCCC;
text-align: justify;
}
#sfondo{
position: absolute;
z-index: 1;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}
#sfondo_intestazione{
position: absolute;
z-index: 4;
width: 89%;
height: 15%;
left: 4%;
top: 5%;
background-color: black;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}
#intestazione{
position: absolute;
z-index: 5;
width: 90%;
height: 13%;
left: 4%;
top: 5%;
padding: 1%;
overflow: hidden;
}
#sfondo_navbar{
position: absolute;
z-index: 4;
width: 18%;
height: 69%;
left: 4%;
top: 25%;
background-color: black;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}
#navbar{
position: absolute;
z-index: 5;
width: 10%;
height: 50%;
top: 25%;
left: 5%;
padding: 1%;
overflow: auto;
}
#navbar ul { 
list-style: none; 
margin: 0; 
padding: 0;
}
#navbar li {  
border-bottom: 1px solid #FFFFFF; 
margin-bottom: 0.3em; 
}
#navbar li a:link, #navbar a:visited, a { 
text-decoration: none; 
color: #CCCCCC; 
}
#navbar li a:hover, #navbar a:hover a:focus{ 
color: #DADA2D;
}
#sfondo_contenuto{
position: absolute;
z-index: 4;
width: 100%;
height: 100%;
left: 0%;
top: 0%;
background-color: black;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
#contenuto{
position: absolute;
z-index: 5;
width: 77%;
height: 70%;
left: 20%;
top: 24%;
padding: 0%;
margin: 0;
overflow: auto;
text-decoration: none;
}
#contenuto_iframe{
position: absolute;
z-index: 5;
width: 100%;
height: 100%;
left: 0%;
top: 0%;
padding: 0%;
margin: 0;
overflow: auto;
text-decoration: none;
}
#fondopagina{
position: absolute;
z-index: 5;
width: 100%;
height: 5%;
left: 0%;
top: 95%;
padding: 0%;
margin: 0;
overflow: hidden;
text-align: center;
text-decoration: none;
}
p{
font-size: 16pt;
margin-left: 10px;
margin-right: 10px;
}
.p_sf{
font-size: 16pt;
margin-left: 10px;
margin-right: 10px;
text-align: center;
} 
h1{
font-size: 40pt;
margin-top: 20px;
margin-bottom: 50px;
margin-right:10px;
text-align: center;
text-shadow: 3px 3px 4px #999999;
}
.h1_red{
color: red;
font-size: 40pt;
margin-right:10px;
text-align: center;
text-shadow: 3px 3px 4px #999999;
}
h2{
margin-right:10px;
text-align: center;
}
h5{
text-align: center;
margin-bottom: 10px;
}
.img{
float: bottom;
width: 130px;
border: none;
padding: 0px 0px 0px 0px;
}
.tablec{
line-height: 1.2em;
width: 100%;
border: none;
font-size: 18pt;
text-align: center;
}
.tablej{
width: 100%;
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
text-align: justify;
}
#text {margin:50px auto; width:500px;z-index:10;}
.hotspot {color:#000000; padding-bottom:1px; border-bottom:1px dotted #000000; cursor:pointer;z-index:10;}

#tt {position:absolute; display:block; background:url(js/images/tt_left.gif) top left no-repeat;z-index:10;}
#tttop {display:block; height:5px; margin-left:5px; background:url(js/images/tt_top.gif) top right no-repeat; overflow:hidden;z-index:10;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px;margin-right:5px; background:#000000; color:#FFFFFF;z-index:10;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(js/images/tt_bottom.gif) top right no-repeat; overflow:hidden;z-index:10;}