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



/*#head H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.3em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; LINE-HEIGHT: 50px; PADDING-TOP: 0px
}*/

h2{position: relative; top:10px; left: 20px; color: #003366;}

h2>span{position: absolute; 
    width: 100%;height: 50%;
    background: #ffffff; opacity: 0.6;
    filter: alpha(opacity=60)} 


div.testa { width:100%; margin:0; text-align:left;
}
div.soprabanner {position: absolute; top: 25px; left: 150px;
color: #ffffff; letter-spacing: 1pt; font-variant: small-caps; 
}
div.banner { position: absolute; top: 38px; left: 150px; line-height: 25px;
color: #ffffff; letter-spacing: 2pt;
font-weight:bold; font-variant: small-caps; 
}
div.banner1 { position: absolute; top: 65px; left: 150px; line-height: 20px;
color: #003366; letter-spacing: 8pt;
font-weight:bold; font-family: "Times New Roman", serif; font-style: italic; font-size: 180%;
}
div.immagineban { position: absolute; top: 10px; left: 35px;	
}

/*menù navigazione orizzontale con tabs*/
div#navigation {font:0.80em verdana,helvetica,sans-serif;
    background-color: #ffffff;
    border-bottom: 1px solid #003366;
    padding-right:10px;
	padding-top: 5px;
    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 #003366;
    padding: 0px 0.3em;
    background: #f7f7f7;
	color: #003366;	
} 
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{color: #003366; text-decoration: none; font-weight:bold;}
#articolo a.linkr:visited {text-decoration: none; }
#articolo a.linkr:hover {color: #6699cc; 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: #003366;  font-style:italic; font-weight: bold; font-size:11px;}
p.primo2 {color: #003366;   text-indent: 20px; line-height:1.2em;}
p.primo3 {color: #000000;  font-variant: small-caps; text-indent: 0em;}
p.primo4 {color: #003366;  font-style:italic; font-size:11px;}

p.pinter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; color: #003366; margin-bottom: 40px}


#articolo p#primo-paragrafo { color: #6699cc; 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: #6699cc;
	color: #ffffff;
	margin:0 2px 2px -10px;
	padding: 2px 2px 2px 10px;
	line-height:1em;
}
/*prima riga*/
#articolo p#primo-paragrafo:first-line { 
font-variant: small-caps;
}

/*Le citazioni*/
#articolo blockquote.uno { 
	width:30%;
	font: 0.85em/2em verdana, helvetica, sans-serif; 
	word-spacing: .1em;
	padding: 1.5em 1.5em;
	margin: 0 0 1em 1em;
	border:1px solid #006699;
	color: #006699;
	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;
}


/*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.immagine2 { 
	width: 250px;
	padding:8px;
	font: .70em verdana, helvetica, sans-serif;
	color: #003366;
	margin:0px 20px 0px 0px;
	border:0px solid #003366;
	float:left;	
}
	
#articolo div.immagine { 
	width: 620px;
	padding: 8px;
	font: .80em verdana, helvetica, sans-serif, italic;
	color: #003366;
	margin: 0px 20px 0px 0px;
	border:0px solid #003366;
	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; 
} 

/*centro della pagina*/
div.centropagina {padding-top: 30px; padding-left: 210px; padding-right: 5px;
background:#ffffff; color:#000000; line-height: 120%;
} 

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

/*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:center;
color: #a9a9a9;
padding:2em 0; 
padding-right:10px;
}

	
/*galleria*/
#container {
	BORDER-RIGHT: #4a679f 1px solid; BORDER-TOP: #4a679f 1px solid; BACKGROUND: #fff; MARGIN: 0px auto; BORDER-LEFT: #4a679f 1px solid; WIDTH: 425px; BORDER-BOTTOM: #4a679f 1px solid; POSITION: relative; HEIGHT: 580px
}
#head {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 35px
}

A.galleria SPAN {
	DISPLAY: block; BACKGROUND: #000; LEFT: 5px; OVERFLOW: hidden; WIDTH: 1px; POSITION: absolute; TOP: 5px; HEIGHT: 1px
}
A.galleria {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-WEIGHT: bold; Z-INDEX: 100; FLOAT: left; MARGIN: 3px; BORDER-LEFT: #fff 1px solid; WIDTH: 75px; COLOR: #4a679f; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 47px; TEXT-DECORATION: none
}
A.galleria:visited {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-WEIGHT: bold; Z-INDEX: 100; FLOAT: left; MARGIN: 3px; BORDER-LEFT: #fff 1px solid; WIDTH: 75px; COLOR: #4a679f; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 47px; TEXT-DECORATION: none
}
A.mini1 {
	BACKGROUND: url(img/disegni/mini1.jpg)
}
A.mini2 {
	BACKGROUND: url(img/disegni/mini2.jpg)
}
A.mini3 {
	BACKGROUND: url(img/disegni/mini3.jpg)
}
A.mini4 {
	BACKGROUND: url(img/disegni/mini4.jpg)
}
A.mini5 {
	BACKGROUND: url(img/disegni/mini5.jpg)
}
A.mini6 {
	BACKGROUND: url(img/disegni/mini6.jpg)
}
A.mini7 {
	BACKGROUND: url(img/disegni/mini7.jpg)
}
A.mini8 {
	BACKGROUND: url(img/disegni/mini8.jpg)
}
A.mini9 {
	BACKGROUND: url(img/disegni/mini9.jpg)
}
A.mini10 {
	BACKGROUND: url(img/disegni/mini10.jpg)
}
A.mini11 {
	BACKGROUND: url(img/disegni/mini11.jpg)
}
A.mini12 {
	BACKGROUND: url(img/disegni/mini12.jpg)
}
A.mini13 {
	BACKGROUND: url(img/disegni/mini13.jpg)
}
A.galleria:hover {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid
}
A.galleria:hover IMG {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; Z-INDEX: 100; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative
}
A.galleria:active IMG {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; Z-INDEX: 50; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative
}
A.galleria:focus IMG {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; Z-INDEX: 50; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative
}
A.galleria:hover SPAN {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; Z-INDEX: 100; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 402px; PADDING-TOP: 5px; POSITION: absolute; TOP: 200px; HEIGHT: 370px
}
A.galleria:active SPAN {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; Z-INDEX: 200; BACKGROUND: #fff; LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 402px; COLOR: #4a679f; PADDING-TOP: 5px; POSITION: absolute; TOP: 200px; HEIGHT: 370px
}
A.galleria:focus SPAN {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; Z-INDEX: 200; BACKGROUND: #fff; LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 402px; COLOR: #4a679f; PADDING-TOP: 5px; POSITION: absolute; TOP: 200px; HEIGHT: 370px
}
.image {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 400px; PADDING-TOP: 0px; POSITION: absolute; TOP: 200px; HEIGHT: 370px
}

/*layout bande*/
.banda { width: 80%; margin: 0; padding: 0; }
#banda1 { background: #ffffff; }
 #banda1 p { color: #666; }
#banda2 { background: #ffffff; }
 #banda2 p { color: #666; }
#banda3 { background: #ffffff; }
 #banda3 p { color: #666; }

.wrapper { width: 600px; padding: 2.5em 0; margin: 0 auto; }