html  {
 width: 100%;
	height: 100%;
 }

body {
	font-size: 85%;
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: White; /*bianco  */
	background-color: #030303; /*grigio scurissimo */
	margin: 0; 
  padding: 0; 
  height: 100%;
}

h1,h2,h3,h4,h5,h6,.header {
    font-family:   Verdana, Arial,helvetica,  sans-serif;
}

.citator{
    text-align: right;
		margin-top: 0.3em;
		margin-bottom: 1.2em;
}

.citation	{
  text-align: justify;
	font-style: italic; 
}
	
.destraitalic {
    text-align: right;
		font-style: italic;
}

.just {
  text-align: justify;
}

div.rightbox a:link {
    color: #ccffff; /*azzurro chiaro */
}
div.rightbox a:visited{
    color: #cccccc; /*grigio chiaro*/
}
div.rightbox a:hover {
    color: #ffffff;  /*chiaro rispetto a #ccffff*/
  }

div.footer { 
     clear: both;
  }

.leftbox 
{
	background-color: #4A4948;
	background-image: url(sf_gr_chi.gif);
	background-repeat: repeat-y;
	background-position: right;
	}    

.leftbox 
{
	float: left;
	width: 33%;/*360px;*/
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0; 
  padding: 0; 
	/*bottom: 100%; padding: 3px;*/
} 

.leftbox .menu1 {
	position: absolute;
	top: 8%;
	right: 0px;
}
.leftbox .menu2 {
	position: absolute;
	top: 16%;
	right: 0px;
}
.leftbox .menu3 {
	position: absolute;
	top: 24%;
	right: 0px;
}
.leftbox .menu4 {
	position: absolute;
	top: 32%;
	right: 0px;
}
.leftbox .menu5 {
	position: absolute;
	top: 40%;
	right: 0px;
}
.leftbox .menu6 {
	position: absolute;
	top: 48%;
	right: 0px;
}
.leftbox .menu7 {
	position: absolute;
	top: 56%;
	right: 0px;
}
.leftbox .menu8 {
	position: absolute;
	top: 64%;
	right: 0px;
}
.leftbox .menu9 {
	position: absolute;
	top: 72%;
	right: 0px;
}
.leftbox .menu10 {
	position: absolute;
	top: 80%;
	right: 0px;
}
			
.header {
    font-size: 250%;
		padding: 10px;
		}

/* colonne*/
.rightbox 
{ background-color: #040404;
  position: absolute;
  top: 0;
	left: 33%;
	/*left:361px;*/
	width: 67%;
	padding: 0px;
	height: 100%;
	overflow: auto;
}

.inside {
 margin: 20px;
}
 
div.cell  { /* contenitore img, dimensione, nome pixx x pixy*/
     width: 230px;
     height: 220px;
     float: left;
     border-width: 1px;
     /*border-style: none;*/
		 border-color: red;
     padding: 2px;
}


.cell img {
 display: block;
 margin: auto;
 border-style: none;
   }

div.cell a {
  text-align: center;
  text-decoration: none;
  display: block;
}

.aggior {
  text-align: right;
 	font-size: smaller;
}
	
dt {
font-weight: bold; }

dd {
margin-bottom: 0.7em;
  }