body {font-size:90%; font-family: Verdana, Tahoma, Arial, sans-serif; color: #000000;
margin: 0; background: #ffffff;}

div.testa { width:100%; margin:0; text-align:left;
}
div.soprabanner {position: absolute; top: 10px; left: 20px;
color: #ffffff; letter-spacing: 2pt; font-variant: small-caps; 
}
div.banner { position: absolute; top: 20px; left: 20px; line-height: 25px;
color: #ffffff; letter-spacing: 2pt;
font-weight:bold; font-variant: small-caps; 
}
div.indirizzo {position: absolute; top: 50px; left: 30px;
color: #666699; LETTER-SPACING: 2pt; font-variant: small-caps; font-size: 0.70em; 
}

div.immagineban { position: absolute; top: 70px; left: 20px;	
}

/*colonna di sinistra*/
div.sinistra {position: absolute; top: 133px; left: 33px; width: 180px; 
} 

	/*centro della pagina default*/
	div.centro1 {padding-top: 60px; padding-left: 210px; padding-right: 210px; padding-bottom: 80px; 
	background:#ffffff;  line-height: 120%; color:#003366;
	font:80% verdana,helvetica,sans-serif; 
	} 
	#primo {color: #000000;  font-variant: small-caps; text-indent: 0em;}
	div.corpocentrale {background:#f5f5f5;
	padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;
	border:1px #cccccc;
	border-style: solid;
	text-align:left;
	}

/*centro delle pagine interne*/
div.centropagina {padding-top: 10px; padding-left: 200px; padding-right: 50px;
background:#ffffff; color:#003366; line-height: 120%;
} 

/*testo del corpo*/

div.autore { 
	font: .70em verdana, helvetica, sans-serif;
	text-align: left; 
	margin:1px 0;
	border-style: none none solid none;
	border-width: 0px;
	border-color: #ff0000;
	color: #666666;
}

div.autore2r { 
	font: .70em verdana, helvetica, sans-serif;
	text-align: right; 
	margin:1px 0;
	padding-right:20px;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #ff0000;
	color: #ff0000;
}
div.autore2b { 
	font: .70em verdana, helvetica, sans-serif;
	text-align: right; 
	margin:1px 0;
	padding-right:20px;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #0000ff;
	color: #0000ff;
}
#articolo {
	font: 0.85em georgia, serif;
	margin:0 50px 50px 50px;
	padding-bottom:1em;
	/*border-top: 1px dotted #cccccc;*/	
} 
/*paragrafo*/
#articolo p { 
  text-indent: 2em; 
  text-align: justify 
}
#primo1 {color: #000000;  font-variant: small-caps; text-indent: 0em;}
p.primo1 {color: #000000;  font-variant: small-caps; text-indent: 0em;}
p.primo2 {color: #666666;  text-indent: 0px;}
p.primo3 {font: .85em; color: #003366;  text-indent: 0;}
#articolo p#primo-paragrafor { text-indent: 0em; }
#articolo p#primo-paragrafob { text-indent: 0em; }

/*prima lettera - Specificando un margine sinistro pari (ma negativo) al margine specificato per il corpo dell'articolo (50px)
e un padding sinistro pari (positivo) al margine sinistro (-50px) 
si ottiene un effetto a "linguetta". 
Affinché l'effetto funzioni correttamente, il primo paragrafo non deve essere indentato, 
per fare ciò si utilizza la sopraindicata regola*/
#articolo p#primo-paragrafor:first-letter { 
  font-size: 2em; 
  font-style: italic;
  float: left;
	background: #ff0000;
	color: #ffffff;
	margin:0 5px 5px -20px;
	padding: 5px 5px 5px 20px;
	line-height:1em;
}
#articolo p#primo-paragrafob:first-letter { 
  font-size: 2em; 
  font-style: italic;
  float: left;
	background: #0000ff;
	color: #ffffff;
	margin:0 5px 5px -20px;
	padding: 5px 5px 5px 20px;
	line-height:1em;
}
/*prima riga*/
#articolo p#primo-paragrafo:first-line { 
font-variant: small-caps;
}
s

/*Le citazioni*/
#articolo blockquote { 
	width:20%;
	font: .70em/2em verdana, helvetica, sans-serif; 
	word-spacing: .2em;
	padding: 2.5em 1em;
	margin: 0 0 2em 2em;
	border:1px solid #ff9933;
	float:right;	
}
#articolo blockquote span.special-quote { 
	color: #ff9933;
	font: italic 900 2em/1em georgia, serif;
}
#articolo div.immagine { 
	width:400px;
	padding:0px;
	font: .70em verdana, helvetica, sans-serif; 
	margin:0px 0px 0px 0px;
	border:0px solid #ff0000;
	float:left;	
}
/*Attraverso il selettore #articolo div.immagine img è possibile specificare le caratterisitiche dell'immagine, 
in particolare si è usata la proprietà display: block affinché il testo descrittivo sia posto sotto l'immagine.
Nella parte inferiore dell'immagine è stato specificato un bordo di 3 pixel separato dall'immagine da un padding di 1 pixel.*/
#articolo div.immagine img {
	border-bottom:3px solid #666699;
	display:block;	
	padding-bottom:1px;
}
/*img a destra*/
#articolo div.immagined { 
	width:200px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif; 
	margin:0px 0px 10px 10px;
	border:1px solid #666699;
	float:right;	
}
/*tabella centro*/
#articolo div.immaginec { 
	width:750px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif; 
	margin:0px 0px 10px 10px;
	border:0px solid #666699;
	float:center;
}	
/*img a destra*/
#articolo div.immagined1 { 
	width:640px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif; 
	margin:10px 10px 10px 10px;
	border:1px solid #666699;
	float:right;	
}
/*Attraverso il selettore #articolo div.immagine img è possibile specificare le caratterisitiche dell'immagine, 
in particolare si è usata la proprietà display: block affinché il testo descrittivo sia posto sotto l'immagine.
Nella parte inferiore dell'immagine è stato specificato un bordo di 3 pixel separato dall'immagine da un padding di 1 pixel.*/
#articolo div.immagined img {
	border-bottom:3px solid #666699;
	display:block;	
	padding-bottom:1px;
}

/*img sx verticale*/
#articolo div.immaginesv { 
	width:200px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif; 
	margin:0px 10px 10px 0px;
	border:1px solid #666699;
	float:left;	
}
/*Attraverso il selettore #articolo div.immagine img è possibile specificare le caratterisitiche dell'immagine, 
in particolare si è usata la proprietà display: block affinché il testo descrittivo sia posto sotto l'immagine.
Nella parte inferiore dell'immagine è stato specificato un bordo di 3 pixel separato dall'immagine da un padding di 1 pixel.*/
#articolo div.immaginesv img {
	border-bottom:3px solid #666699;
	display:block;	
	padding-bottom:1px;
}

/*colonna di destra*/
div.destra {position: absolute; top: 140px; right: 10px; width: 200px; 
}

/*piè di pagina*/
div.piedipagina { width:100%; margin:1em auto 0 auto; text-align:center;
font:.75em verdana,helvetica,sans-serif;
color: #a9a9a9;
border:0px;
border-style: solid none none none; 
border-color: #ff0000; 
padding:2em 0; 
}

a.linkr {color: #0079c2; text-decoration: none; font-weight: bold; }
a.linkr:visited {text-decoration: none; }
a.linkr:hover {color: #0079c2; text-decoration: underline}
a img { border: 0; }


/*menù navigazione orizzontale con tabs*/
div#navigation{font:0.85em verdana,helvetica,sans-serif;
    background-color: #ffffff;
    border-bottom: 1px solid #0079c2;
    padding-right:20px;
    text-align: right} 
div#navigation ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
	white-space: nowrap;} 
div#navigation li{
    display: inline;
    margin: 0;
    padding:0} 
div#navigation li a{
    text-decoration: none;
    border: 1px solid #0079c2;
    padding: 0px 0.3em;
    background: #f7f7f7;
	color: #0079c2;
	} 
div#navigation li a:hover{
    background-color: #f0f0f0;
	color: #666666;} 
div#navigation li#activelink a{
    border-bottom: 1px solid #ffffff;
	/*border: 1px solid solid none solid #ff6633;*/
    background-color: #ffffff;
    color: #999999;
	/* font-weight:bold;*/
} 
	
/* menù di navigazione di secondo livello*/
#navigation2{
font:.75em verdana,helvetica,sans-serif;
margin: 0;
padding: 0;
list-style-type: none;
/*background: #f7f7f7;*/
float:left;
/*width:auto;*/
} 
div#navigation2 ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
	white-space: nowrap;}
	
#navigation2 li{
margin: 0;
padding: 0;
display: inline;
/*background: #f7f7f7;*/
} 
#navigation2 li a{ 
float: left;
color: #ff6633;
/*border-bottom: 1px solid #ff6633;*/
/*background: #f7f7f7;*/
text-decoration: underline;
padding: 0px 0.5em; 
} 
#navigation2 li a:hover{
/*border-bottom: 1px solid #ff6633;*/
/*background: #f7f7f7;*/
} 
#navigation2 li.uno a:hover{background: #bad700; color: #ffffff;}
#navigation2 li.due a:hover{background: #ffc900; color: #ffffff;}
#navigation2 li.tre a:hover{background: #ff8957; color: #ffffff;}
#navigation2 li.qua a:hover{background: #33ccff; color: #ffffff;}
#navigation2 li.cin a:hover{background: #1cb733; color: #ffffff;}

	
/*menù principale a sx ROSSO */
div#menuv ul{list-style:none;
    margin:0; }
div#menuv ul li{margin:0; font-size: 0.85em;
	border:1px #ff0000;
	border-style: none solid none none; }
div#menuv a{display: block; height: 40px; line-height: 20px;
    text-decoration:none; padding-top:5px;
    background-color: #ffffff; color: #ff0000;}
div#menuv a:hover{background-color: #f5f5f5;color: #999999} 
div#menuv li#activelinkv a{display: block; height: 40px; line-height: 20px;
    text-decoration:none; padding-top:5px;
	background-color: #ffffff; color: #ff0000;}
	
/*menù principale a sx BLU */
div#menub ul{list-style:none;
    margin:0; }
div#menub ul li{margin:0; font-size: 0.85em;
	border:1px #0000ff;
	border-style: none solid none none; }
div#menub a{display: block; height: 40px; line-height: 20px;
    text-decoration:none; padding-top:5px;
    background-color: #ffffff; color: #0000ff;}
div#menub a:hover{background-color: #f5f5f5;color: #999999} 
div#menub li#activelinkv a{display: block; height: 40px; line-height: 20px;
    text-decoration:none; padding-top:5px;
	background-color: #ffffff; color: #0000ff;}