body 
{color:black; 
 background-color:white; 
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 font-size: medium;
 margin:0px 5px 5px 5px;
 line-height:150%;
 }

A:link
{color: #0066ff;
 text-decoration: underline;}

A:visited
{color: #9933aa;
 text-decoration: none;}

A:hover
{color: #0055dd;
 text-decoration: underline;}

A:active
{color: #0055dd;
 text-decoration: underline;}

H1, H2, H3, H4
{font-style: italic;
 font-weight: bold;
 line-height:100%;
}

H4
{font-size: medium;}

H3
{font-size: large;}

H2
{font-size: x-large;}

H1
{font-size: xx-large;
 text-align: center; 
 margin-top: 10px;
 margin-bottom: 10px;}

dt
{font-weight:bold;
 margin-top:1em}

table
{margin: auto;}

.centrato 
{clear: both;
 width: 99%;
 text-align: center;}

.pubblicita 
{clear: both;
 background:aqua;
 text-align: center;}

.immagine 
{float: none;
 width: 99%;
 text-align: center;
 border-width: 0;
 border-style: solid;}

.piccolo 
{font-size:small;}

.piccolo-al-centro
{font-size:small;
 text-align:center;
 line-height: 150%;
 word-spacing: 1em;}
 
.barra-di-navigazione
{clear: both;
 width: 99%;
 text-align: center;
 line-height: 150%;}

.altra_lingua 
{font-size:small;
 text-align: right;}

.left-element 
{float: left;
 width: 49%;}

.right-element
{float: right;
 width: 49%;
 text-align: right;}

.intestazione-2 {
display:table;
width: 100%;}

.intestazione-cella {
  display: table-cell;}

.intestazione-cella-logo {
text-align:left;
vertical-align:top;
width:100px;}

.intestazione-cella-titolo {
 text-align: center;
 vertical-align:bottom;}
 
truetable {
 text-align: center;
 vertical-align: middle;
 
 }

.truetable-in {
  	text-align: center;
    border:thin black solid;
    background-color:#FFFFCC;
 }
 
.truetable-out {
 	border:thin black solid; 
 	text-align: center;
 	background-color:#CCFFFF;
 }
 

.truetable-top {
 	border:thin black solid;
 	text-align: center;
 	background-color: #000000;
 	color: white;	
 }

table.truetable  {
 	border-spacing:0;
 	font-weight:bold;
 	text-align: center;
    width:250px;
}

.copyright
{font-weight:lighter;
 font-size:small;
 font-family: 'Courier new', 'Courier', monospace ;
 text-align:center;}

.code
{font-size: medium;
 font-family: 'Courier new', 'Courier', monospace;
 background:#DBDBDB;}

.no_a_capo
{white-space:nowrap;
 border-width:1px;}

.elenco_lettere
{list-style-type:upper-alpha;}

.senza_bordo
{border-width: 0;
 border-style: solid;}

.al_centro
{text-align: center;}

.negato {
 font-weight:bold;
 text-decoration:overline; }

.a_destra
{text-align: right;}

.invisibile
{position: absolute; 
 left: -100em; 
 width: 20em;}

.in_evidenza
{color: red;
 font-weight:bold;}
 
.scancellato
{text-decoration: line-through;}

 
 
.barra-di-navigazione {clear: both; width: 99%; text-align: center; line-height: 200%; word-spacing: 0.5em;}
.elenchi-spaziati {margin-left:10%; margin-right:10%; text-align:center; line-height:150%; word-spacing:1em; }
  
img{border:none;vertical-align:middle;max-width: 100%; max-height: 100%; width: auto;height: auto; margin:2px 1px 2px 1px;}

.logo {
float: left;
margin: 0;
padding: 0
}

.main_title
{
float: left;
margin:5px -150px 5px 5px; 
padding: 0;
}

div#menu {
width: 200px;
float: right;
margin: 0;
padding: 0;
position: fixed;
top: 3px;
right:3px;
}

div#menu ul
{
display: none;
width: 200px;
margin: 10px;
padding: 5px;
list-style-type: none;
line-height:200%;
}

div#menu li
{
width:180px;
float:right;
margin: 10px;
padding: 1px;
}

div#menu:hover ul
{
display: block;
position: absolute;
z-index:10;
width:200px;
padding: 0px;
margin: 0 0 0 0px;
background: rgba(240, 240, 240, 0.95)
}

.breadcrumbs {
font-weight: bold;
background-color:silver;
}

/*Floating Back-To-Top Button*/
    #myBtn {
        position: fixed;
        bottom: 3px;
        float: right;
        right:3px;
    }