body {
	font-family:Verdana;
	background: #406080;
	position: relative; 
	margin: 0; 
	padding: 0;
} 

div#home_header {
	display: block;
	position: absolute;
	top: 0px;
	left: 163px;
	right: 0px;
	bottom: 5px;		
}

div#home_content {
	background: #FFFFFF;
	position: absolute;
	top: 70px;
	left: 163px;
	right: 25px;
	color: #000000;
	font: 90% Verdana;
	padding: 10px;
	border: solid #FFCC99;
	text-align:justify;
	width:75%;
}

div#home_content a:link{color:#CC6600;}
div#home_content a:visited{color:#CC6600;}
div#home_content a:link:hover {color: #993300;}
div#home_content a:visited:hover {color: #993300;}

div#content {
	background: #FFFFFF;
	position: absolute;
	top: 26px;
	left: 163px;
	right: 25px;
	color: #000000;
	font: 90% Verdana;
	padding: 10px;
	border: solid #FFCC99;
	text-align:justify;
	
}

div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#content a:link{color:#CC6600;}
div#content a:visited{color:#CC6600;}
div#content a:link:hover {color: #993300;}
div#content a:visited:hover {color: #993300;}


div#links {
	position: absolute; 
	top: 52px; 
	left: 0; 
	width: 160px; 
	height: 700px; 
	font: 16px Verdana, sans-serif;
	}

div#links a {
	display: block; 
	text-align: center; 
	font: bold 1em sans-serif; 
   	padding: 5px 10px; 
   	margin: 0 0 2px; 
	border-width: 0; 
   	text-decoration: none; 
	color: #FFC;
	background: #777777 ;
	}
   
div#links a:hover {
	color: #411;
	background: #eeeeee;
	}

h1 {margin: -9px -9px 0.5em; 
	padding: 15px 0 5px; 
	text-align: right; 
	background: #CCCCCC;
	background-image: url(../Immagini/bkg_title.png);
	background-repeat: repeat-y;
	color: #024; 
	letter-spacing: 0.5em;  
	font: bold 25px sans-serif; 
	height: 56px; 
	vertical-align: middle; 
	white-space: nowrap;
	}
	
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}

code, pre {color:#333333; font: 110% monospace;}

.code {color:#333333; font: 110% monospace; background-color:#eee; text-align:center;}

.titoloPar {
	font-family: Verdana; 
	font-size: 18px; 
	color:#993300; 
	font-weight:bold;
	border-bottom: 2px solid #993300;
    display:block;
    
	}
	
a.titoloPar:link {text-decoration:none}
div#content titoloPar {margin-bottom: 0.25em;}

.updated {
	font-family: Verdana; 
	font-size: 10px; 
	color:#FF0000; 
	font-weight:bold; 
	font-style:italic
	}
	
.preform { 	color:#ECD000; font: 90% monospace;  text-align:center; }

div#code {
	background-color:#CCCCCC;  
	margin-left:100px; 
	margin-right:100px;
	color:#000000; 
	font: 100% monospace; 
	padding-left:100px;  
	position: relative
	}

.smalltext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.didascalia { font-family: Verdana; font-size: 10px; color:#FFFFFF;  font-style:italic }

.mainmenu {
	font-family: "Lucida Grande", "trebuchet ms", arial, verdana, sans-serif, helvetica;
	font-size: 120%;
	font-weight:normal;
}

.capolettera {
	font-family: "Book Antiqua";
	font-size: 40pt;
	font-weight: normal;
	text-align: left;
	color: #000000;
	font-style:normal;
	line-height: 48pt;
	float: none;
	clear: none;
	padding-right:0.1em;
		}


/***************************/
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/*** smartphone portrait & landscape **/
@media only screen and (max-width: 640px),
	only screen and (max-width: 320px) {
		div#content {
			width:100%;
			left:10px;
		}
	}