html {overflow-y: scroll;}

body { background-color:#000; font-family: Arial, Helvetica, sans-serif; color:#000000;}
a { color:#000033;}

#maintable { width:100%; max-width:1200px; border-collapse:collapse;}

.titolo {  font-size: x-large; font-weight: bold; font-style: italic; color: #000033; background-color: #CCCCD6; padding:16px; border-bottom:#000033 2px solid; border-top:#000033 2px solid;}
.titoletto {  font-size: large; font-weight: bold; font-style: italic; color: #000033; }
.prefazione {  font-style: italic; font-size:.8em;}
.indice {   }
.navigazione {font-size: x-small; font-weight:bold; padding:8px; background-color:#ccccd6;}
.paragrafo {  font-size: 12px; font-style: italic; font-weight: bold;}
.testo_grande {  font-size: 14px;}

.menuoff { padding:8px 32px; }
.menuoff a:link, .menuoff a:visited {font-size:small; font-weight: bold; color: #CCCCD6; text-decoration:none; }
.menuoff a:hover, .menuoff a:active { color:#FFFFFF;}

td.menuoff {border-right:#CCCCD6 1px solid;}

.menuon { padding:8px 32px;  font-size:small; font-weight: bold; color: #000033; background-color:#CCCCD6;}
.titolofoto {  font-weight: bold; text-align:center;}
.didafoto {  font-size: 11px;}