/* CSS Document */
<style>

#body  {padding: 0px; margin: 0px}

#testata  {
	padding:0px;
	margin:0px;
	width:100%;
	height:100px;
	position: relative;
	background-color: #0000fe;
}

#piepagina  {position:relative; padding:0px; margin-top:0px; width:100%; height:80px; z-index: 2}
#piepagina h2 {text-align: center; font-size:11px; font:Arial; z-index: 2} 
 
#logo {display:block;
	width: 12%;
	height: 100px;
	margin-top: 0px;
	margin-left: 10px;
	background-image: url(immagini/logo_piccolo.png);
	background-position: center center;
	background-repeat: no-repeat;
	}

#foto {
	display:block;
	width: 18%;
	height: 100px;
	background-image: url(immagini/istituto_pc.png);
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	float: right;
	top: 0px;
	left: 812px;
	right: 0px;
	z-index: 1;
}
	
div#intestazione{
	position: absolute;
	top: 20px;
	left: 140px;
	width: 70%;
	height: auto;
	color: #fe6600;
	text-align:center;
	line-height:1;
	font-family: 'Book Antiqua';
	font-size: 28px;
	font-weight: bold;
} 
div#tipologia   {
	position:absolute;
	top: 51px;
	left: 130px;
	padding-left: 0px;
	width: 70%;
	height: auto;
	color: #FFFFFF;
	font-style: italic;
	text-align:center;
	font-family: Crandall, Arial;
	font-size: 14px;
}

a:hover { text-decoration: none;}
div#menusx {
	display: block;
	position:relative;
	top: 0px;
	z-index:0;
	padding:0px;
	width: 220px;
	height: auto;
	background-color: #ffffff;
	
	
}
div#menudx {
	display: block;
	position:absolute;
	float: right;
	top: 0px;
	z-index: 0;
	padding:0px;
	width: 220px;
	height: auto;
	
	background-color: #ffffff;
	right: -3px;
}


.voce {display:block; padding:0px; width:500px; height:20px; border-top: 2px solid #c0c0c0; 
border-left: 2px solid #c0c0c0; border-bottom: 2px solid #808080; border-right: 2px solid #808080; 
background-color: #6699cc; color: #FFFFFF; font: bold 14px Arial; line-height: 15px; text-decoration: none; vertical-align:middle} 
.voce a {display:block; text-decoration: none;}
.voce a:hover{display:block; padding:0px; width:500px; height:16px; border-top: 0px solid #c0c0c0; 
border-left: 1px solid #c0c0c0; border-bottom: 0px solid #808080; border-right: 1px solid #808080; 
background-color: #6699cc; color: #FFFFFF; font: bold 14px Arial; text-align: left; line-height: 15px; text-decoration: none; font-style:italic; vertical-align:middle}

#corpo  { width: 100%; height: 960px; position: relative; background-color: #FFFFFF; z-index: 2; border-bottom-style:solid; border-bottom-color: #0000fe; }
#centro  {
	width: 52%;
	height: 950px;
	position: absolute;
	left: 221px;
	top: 0px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	background-image:url(immagini/logo_grandebn.png);
	background-position:center center;
	background-repeat: no-repeat;
	z-index:1;
	border-left-style: dashed;	
	border-left: thin;
	border-left-color: #0000fe;
	border-right-style: dashed; 	
	border-right: thin;
	border-right-color: #0000fe
}

#centro h3 {
	font-size:14px;
	text-align:left;
	color:#FF8000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#centro h4 {font-size:12px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:100}

.sottovoce {padding:0px; width:400px; height:16px; background-color: #d1d6d1; color: #0000fe; font: bold 14px Arial; text-align: center; line-height: 20px; text-decoration: none; border: 1px solid #FFFFFF}
.sottovoce a { text-decoration: none;}
.sottovoce a:hover {padding:0px; width:400px; height:16px; background-color: #c0c0c0; color: #000000; font: normal 9px Arial; text-align: center; line-height: 15px; text-decoration: none; border: 1px solid #FFFFFF}
h1{color: #666;font: normal 1.3em/30px georgia,serif;letter-spacing: 2px}

.top {
	display: block;
	width: 180px;
	height:41px;
	background-repeat: no-repeat;
	background-image:url(immagini/top_arancio.png);
	border-bottom:dashed  thin;
	background-position: center bottom;
	font-size:18px;
	font-family: Arial;
	margin: 0px;
	border-bottom:dashed #fe6600 thin;
}

div#sottomenu{
	float:left;
	margin-top: 0;
	margin-right: 0 px;
	margin-bottom: 0;
	margin-left: 3px;
	padding-left: 10px;
}
div#sottomenu ul{list-style-type: none; margin: 0px;padding: 0}
div#sottomenu li{margin: 0 0 0px;  padding: 0px; font-family:Arial; font-size:14px; font-style:normal; font-weight:bold; background: url("immagini/on_arancio.png") no-repeat center center}
div#sottomenu  a{display: block;  width: 180px; height: auto; line-height: 30px; text-decoration: none; border-bottom:dashed #fe6600 thin; text-indent: 15px; background: url("immagini/out_arancio.png") no-repeat center center; color: #0000fe; font-variant: small-caps;}
div#sottomenu  a:hover{ background-image: none; color: #0000fe; font-size:14px; font-style:oblique; font-weight:bold}
div#sottomenu  li#activelink a,div#navigation li#activelink a:hover{
    background: url("immagini/on_arancio.png") no-repeat center center;color: #0000fe}

div#sottomenu li.bottom {display: block; width: 180px; height:21px; background-repeat: no-repeat; background-image:url(immagini/bottom_arancio.png); background-position: top;  font: Arial; font-size:18px; position:relative}


div#vuotodx{margin-top: 5px; position: relative; top: 0px; left: 20px; height: 41px}
div#vuotosx{margin-top: 5px; position: relative; top: 0px; right: 20px; height: 41px}

div#aperte{
	margin-top: 10px;
	position: relative;
	left: 13px;
	bottom: 5px;
	padding-bottom: 5px;
}
div#aperte ul{list-style-type: none; margin: 0;padding: 0; border: none; font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
div#aperte li{
	margin: 0px;
	padding: 0;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-image: url(immagini/logo_scaperte_on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
div#aperte a{display: block; width: 178px; height:41px; line-height: 30px; text-decoration: none; text-indent: 8px; background: url(immagini/logo_scaperte_out.png) no-repeat center center; color: #333;font-variant: small-caps;}
div#aperte a:hover{ background-image:none; color: #1F2A3E; font-size:12px; font-style:oblique; font-weight:bold}

div#pon{
	margin-top: 10px;
	position: relative;
	left: 13px;
	bottom: 5px;
	padding-bottom: 5px;
}
div#pon ul{list-style-type: none; margin: 0;padding: 0; border: none; font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
div#pon li{background: url(immagini/logo_pon_on.png) no-repeat left center; margin: 0px; padding: 0; font-family:Arial; font-size:12px; font-style:normal; font-weight:bold;}
div#pon a{display: block; width: 178px; height:41px; line-height: 30px; text-decoration: none; text-indent: 8px; background-image: url(immagini/logo_pon_out.png); background-repeat: no-repeat; background-position: center center; color: #333; font-variant: small-caps;}
div#pon a:hover{ background-image:none; color: #1F2A3E; font-size:12px; font-style:oblique; font-weight:bold}

.aperte { font: bold 22px Arial; text-align: center; line-height: 16px; text-decoration: overline;   font-style:italic}
.sottoaperte {
	text-align: center;
	line-height: normal;
	font-style:italic;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	background-color: #ECE9D8;
}

.Stile2 {
	font-family: Arial;
	font-size: 9px;
}
.Stile5 {font-family: Arial; color: #FF8000; }
.nomepagina { font: bold 16px Arial; text-align: left; line-height: 16px; color:#FFFFFF}
citazione{width:400px; background:url(openquote.jpg) no-repeat top left }
#centro h6{margin:0; padding:0px 20px; font-size:10px; color: #444; font:70% "Trebuchet MS",Arial,sans-serif; font-style: italic; background:url(closedquote.jpg) no-repeat bottom right;}
cite{display:block;color:#7E574E;text-align:right;font-size:10px; }
blockquote{width:400px; background:url(openquote.jpg) no-repeat top left}
.articoli{ font: "Futura Lt BT"; font-family: "Futura Lt BT"; font-size:14px; text-align:justify; line-height: 20px;}
.articolipiccolo{ font: "Futura Lt BT"; font-family: "Futura Lt BT"; font-size:12px; text-align:justify; line-height: 14px;}
.titoliart{ font: "Futura Lt BT"; font-family: "Futura Lt BT"; font-size:24px; text-align:center; font-weight:800; font-style:italic; line-height:10px;}
.leggitutto {font: "Times New Roman", Times, serif; font-family: "Times New Roman", Times, serif; font-size:12px; font-style:italic;}
</style>