/*css in uso per restilying 07-08 sito di Facoltà */

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

/*layout liquido a tre colonne: centro variabile, colonne sx e dx fisse*/

div.testa {width:100%; margin:0; text-align:left;
}

div.logo {position: absolute; top: 0px; left: 0px;
}
div.banner {position: absolute; top: 18px; left: 260px; font-family: Garamond, serif;
color: #ffffff; font-weight:bold; font-size: large; LETTER-SPACING: 3pt; font-variant: small-caps;
}

div.indirizzo {
	position: absolute;
	top: 52px;
	left:15px;
	color: #666699;
	LETTER-SPACING: 2pt;
	font-size: 0.80em;
}

div.immagineban { position: absolute; top: 2px; left: 1px;	
}

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

	/*centro della pagina default*/
	div.centro1 {padding-top: 60px; padding-left: 210px; padding-right: 210px; padding-bottom: 180px; 
	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: 0px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;
	border:1px #cccccc;
	border-style: solid;
	text-align:center;
	}

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

/*testo del corpo*/
#articolo {
	font: 1em 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;}
#articolo p#primo-paragrafo { 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-paragrafo:first-letter { 
  font-size: 2em; 
  font-style: italic;
  float: left;
	background: #ff9933;
	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;
}

/*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.immaginelogo { 
	width:360px;
	padding:2px;
	font: .80em verdana, helvetica, sans-serif;
	margin:0px 0px 10px 10px;
	border:1px solid #ff9933;
	float:right;	
}
#articolo div.immagine { 
	width:600px;
	padding:5px;
	font: .80em verdana, helvetica, sans-serif;
	margin:0px 10px 10px 0px;
	border:1px solid #ff9933;
	float:left;	
}
#articolo div.immagine1 { 
	width:400px;
	padding:5px;
	font: .80em verdana, helvetica, sans-serif;
	margin:0px 10px 10px 0px;
	border:1px solid #ff9933;
	float:left;	
}
#articolo div.immaginecentro { 
	width:600px;
	padding:5px;
	font: .80em verdana, helvetica, sans-serif;
	margin:0px 10px 10px 0px;
	border:1px solid #ff9933;

}
#articolo div.immagined { 
	width:260px;
	padding:5px;
	font: .80em verdana, helvetica, sans-serif; 
	margin:0px 0px 10px 10px;
	border:1px solid #ff9933;
	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.immagine img {
	border-bottom:3px solid #ff9933;
	display:block;	
	padding-bottom:1px;
}

/*colonna di destra*/
div.destra {position: absolute; top: 130px; 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: #999999;
border:0px;
border-style: solid none none none; 
border-color: #ff0000; 
padding:2em 0; 
}

a.linkpie {color: #999999; text-decoration: underline}
a.linkpie:visited {text-decoration: underline}
a.linkpie:hover {color: #666666; text-decoration: none}

a.link {color: #666699; text-decoration: underline; font-weight:bold;}
a.link:visited {text-decoration: underline; font-weight:bold;}
a.link:hover {color: #666666; text-decoration: none}
a img {border: 0; }

a.linka {color: #ff9900; text-decoration: none;}
a.linka:visited {text-decoration: none;}
a.linka:hover {color: #666699; text-decoration: underline; font-weight:bold;}

/*menù navigazione orizzontale con tabs*/
div#navigation{ font:0.80em verdana,helvetica,sans-serif;
    background-color: #ffffff;
    border-bottom: 1px solid #666699;
    padding-right:5px; 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 #666699;
    padding: 0px 0.3em;
    background: #f7f7f7;
	color: #666699;
	} 
div#navigation li a:hover{
    background-color: #666699;
	color: #ffffff;} 
div#navigation li#activelink a{
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
    color: #a9a9a9} 
	
/*menù principale a sx */
div#menuv ul{list-style:none;
    margin:0; }
div#menuv ul li{margin:0; font-size: 0.85em;
	border:1px #6699cc;
	border-style: none solid none none; }
div#menuv a{display: block; height: 50px;line-height: 15px;
    text-decoration:none; padding-top:5px;
    background-color: #ffffff;color: #6699cc;}
div#menuv a:hover{background-color: #f5f5f5;color: #999999} 
div#menuv li#activelinkv a{display: block; height: 50px;line-height: 15px;
    text-decoration:none; padding-top:5px;
	background-color: #ffffff;color: #999999;}
	
/*menù a dx arancio*/
div#menudxg ul{float:right; width:200px; list-style:none;
    margin:0;}
div#menudxg ul li{
	border:1px #cccccc;
	border-style: none none none dotted; 
	padding-left:5px;
	margin:0px;
	font-size: 0.85em;
	color: #003366;}
div#menudxg a{display: block; height: 15px; line-height: 120%;
    text-decoration:none; padding-left:5px; padding-top:5px;
    background-color: #ffffff;color: #003366;}
div#menudxg a:hover{color: #ffcc00} 

/*menù a dx verde*/
div#menudxv ul{float:right ;width:200px; list-style:none;
    margin:0;}
div#menudxv ul li{
	border:1px #cccccc;
	border-style: none none none dotted; 
	padding-left:5px;
	margin:0px;
	font-size: 0.85em;
	color: #003366;}
div#menudxv a{display: block;height: 15px;line-height: 120%;
    text-decoration:none; padding-left:5px; padding-top:5px;
    background-color: #ffffff;color: #003366;}
div#menudxv a:hover{color: #33cc33} 

/*menù nel corpo*/
div#menuc ul{list-style:none; line-height: 120%; text-align:left;}
div#menuc a{display: block;
    color: #666699; text-decoration: none; font-weight:bold;}
div#menuc a:hover{color: #999999} 

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

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