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:center;
}
div.soprabanner {position: absolute; top: 8px; left: 70px;
color: #ffffff; letter-spacing: 2pt; font-variant: small-caps; 
}
div.banner { position: absolute; top: 20px; left: 70px; line-height: 25px;
color: #ffffff; letter-spacing: 2pt;
font-weight:bold; font-variant: small-caps; 
}

div.topage {font-size:.7em; margin:0; text-align:right; font-style: italic;
}
a.linkpie {color: #a9a9a9; text-decoration: none}
a.linkpie:visited {text-decoration: none}
a.linkpie:hover {color: #666666; text-decoration: underline}

hr.dotted {
width:80px;
height:2px;
border-style:dotted;
color:#990000;
text-align:left;}

/*menù navigazione orizzontale con tabs*/
div#navigation {font:0.80em verdana,helvetica,sans-serif;
    background-color: #ffffff;
    border-bottom: 1px solid #990000;
    padding-right:10px;
	padding-top: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 #990000;
    padding: 0px 0.3em;
    background: #f7f7f7;
	color: #990000;	
} 
div#navigation li a:hover{
    background-color: #f0f0f0;
	color: #666666;
} 
div#navigation li#activelink a{
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
    color: #666666;
} 
/* menù di navigazione di secondo livello*/
#navigation2{
font:.75em verdana,helvetica,sans-serif;
margin: 0;
padding-top:50px;
list-style-type: none;
float:left;
} 
div#navigation2 ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
	white-space: nowrap;}
	
#navigation2 li{
margin: 0;
padding: 0;
display: inline;
} 
#navigation2 li a{ 
float: left;
color: #990000;
text-decoration: underline;
padding: 0px 0.5em; 
} 
div#navigation2 li a:hover{
    background-color: #f0f0f0;
	color: #666666;
} 
div#navigation2 li#activelink a{
text-decoration: none;
    background-color: #ffffff;
    color: #666666;
}

/*testo del corpo*/
div.autore { 
	font: .70em verdana, helvetica, sans-serif;
	text-align: right; 
	margin:1px 0;
	padding-right:50px;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #cccccc;
}

#articolo {
	font: 1em georgia, serif;
	margin:0 50px 30px 60px;
	padding-bottom:1em;
	/*border-top: 1px dotted #cccccc;*/	
} 
/*link*/
#articolo a.linkrcaps{font: 0.8em; color: #990000; text-decoration: none; font-variant: small-caps  }
#articolo a.linkrcaps:visited {text-decoration: none; }
#articolo a.linkrcaps:hover {color: #666666; text-decoration: underline}
#articolo a img {border: 0; }

#articolo a.linkr{font: 0.80em; color: #990000; text-decoration: none; }
#articolo a.linkr:visited {text-decoration: none; }
#articolo a.linkr:hover {color: #666666; text-decoration: underline}
#articolo a img {border: 0; }

/*paragrafo*/
#articolo p { 

  text-align: justify 
}
#primo1 {color: #000000;  font-variant: small-caps; text-indent: 0em;}

p.primo1 {color: #666666;  font-style:italic; text-indent: 0em;}
p.primo2 {color: #990000;  font-weight:bold; text-indent: 20px; line-height:1em;}
p.primo3 {color: #000000;  font-variant: small-caps; text-indent: 0em;}
p.primo4 {font: 1.5em verdana, helvetica, sans-serif;}

#articolo p#primo-paragrafo { color: #000000; font-variant: small-caps;  text-indent: 0em; font-weight:bold }

/*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-paragrafo:first-letter { 
  font-size: 2em; 
  font-style: italic;
  float: left;
	background: #990000;
	color: #ffffff;
	margin:0 2px 2px -30px;
	padding: 2px 2px 2px 30px;
	line-height:1em;
}
/*prima riga*/
#articolo p#primo-paragrafo:first-line { 
font-variant: small-caps;
}

/*Le citazioni*/
#articolo blockquote { 
	width:30%;
	font: .70em/2em verdana, helvetica, sans-serif; 
	word-spacing: .1em;
	padding: 1.5em 1.5em;
	margin: 0 0 1em 1em;
	border:1px solid #990000;
	float:right;	
}
#articolo blockquote.fisso { 
	width:100px;
	height: 140px;
	font: .75em/1em verdana, helvetica, sans-serif; 
	word-spacing: 0.8em;
	padding: 0.5em 0.5em;
	margin: 0 0 1em 1em;
	border:1px solid #990000;
	float:right;	
}
#articolo blockquote.sx { 
	width:30%;
	font: .70em/2em verdana, helvetica, sans-serif; 
	word-spacing: .1em;
	padding: 1.5em 1.5em;
	margin: 1em 1em 0 0 ;
	border:1px solid #990000;
	float:left;	
}
#articolo blockquote p.special-quote { 
	margin:0;
	padding:0;
	color: #ff9933;
	text-indent:0;
	font: italic 900 2em/1em georgia, serif;
	/*float: left;*/
}
#articolo blockquote p.quotedx { 
	margin:0;
	padding:0;
	tex-indent:0;
	color: #ff9933;
	font: italic 900 2em/1em georgia, serif;
	float: right;
}
#articolo blockquote p.testo { 
	margin:0;
	padding:0;
}

#articolo div.immaginece { 
	width: 300px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif; 
	margin:0px 10px 10px 0px;
	border:1px solid #990000;
	float:center;	
}
/*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.immaginece img {
	border-bottom:0px solid #990000;
	display:block;	
	padding-bottom:3px;}

#articolo div.immagine200 { 
	width: 180px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif;
	margin:0px 20px 20px 20px;
	border:1px solid #990000;
	float:left;	
}
	
#articolo div.immagine { 
	width: 300px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif;
	margin:0px 20px 20px 20px;
	border:1px solid #990000;
	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:0px solid #990000;
	display:block;	
	padding-bottom:3px;
}
/*img a destra*/
#articolo div.immagined { 
	width:300px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif; 
	margin:0px 0px 20px 20px;
	border:1px solid #990000;
	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:0px solid #990000;
	display:block;	
	padding-bottom:1px;
}
/*img sx verticale*/
#articolo div.immaginesv { 
	width:100px;
	padding:5px;
	font: .70em verdana, helvetica, sans-serif; 
	margin:0px 10px 10px 0px;
	border:1px solid #990000;
	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 #990000;
	display:block;	
	padding-bottom:1px;
}

	
/*colonna di sinistra*/
div.sinistra {position: absolute; top: 230px; left: 16px; width: 180px; color:#666666; 
} 
/*colonna di destra*/
div.destra { position: absolute; top: 110px; right: 10px; width: 200px; 
}
/*centro della pagina*/
div.centropagina {padding-top: 10px; padding-left: 180px; padding-right: 5px;
background:#ffffff; color:#000000; line-height: 120%;
} 
/*tabella centrale con ASP e collegamenti a DB su diana.lett.unipmn.it */

#menub{list-style:none; margin:0px;}
#menub ul li{list-style:none; text-align: left;}
#menub ul li.schedamodulo{list-style:square; font:0.85em verdana,helvetica,sans-serif; color: #003366; font-weight:bold;
border: 1px;
border-style: solid none solid none;
border-color: #999999;
padding-bottom: 2px; padding-top: 2px;}
#menub ul li.ric{font:0.75em verdana,helvetica,sans-serif;
background-color:#f5f5f5;}

#menub a{display: inline; 
    text-decoration:underline;
    color: #3366cc;}
#menub a:hover{color: #999999; text-decoration:none;}

#menub ul li.ultimo{font:0.7em verdana,helvetica,sans-serif;
color: #999999; margin:0px; padding-bottom:30px; padding-left: 3px;}

/*menù principale a sx */
div#menu ul{list-style:none;
    margin:0;}
div#menu ul li{margin:0; font-size: 0.85em;
	border:1px #666666;
	border-style: none solid none none; }
div#menu li.primo {font-style:italic;}
div#menu a{display: block; /*height: 50px;line-height: 15px;*/
    text-decoration:none; padding-top:5px;
    background-color: #ffffff;color: #666666; font-weight:bold;}
div#menu a:hover{background-color: #f7f7f7;color: #990000} 
div#menu li#activelink a{display: block; /*height: 50px;line-height: 15px;*/
    text-decoration:none; padding-top:5px;
	background-color: #f7f7f7;color: #990000;}
	
	a.linkr1{color: #990000; text-decoration: none; }
a.linkr1:visited {text-decoration: none; }
a.linkr1:hover {color: #666666; text-decoration: underline}
a img {border: 0; }
	
/*piè di pagina*/
div.piedipagina {font:0.7em verdana,helvetica,sans-serif; width:100%; margin:1em auto 0 auto; text-align:right;
color: #a9a9a9;
padding:2em 0; 
padding-right:10px;
}