/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: maroon;}
a:hover {color: #C60;}

body {
	background: #422 url(img/bgrad.png) repeat-x; 
	font: normal 82.5% Book antiqua, Times,sans-serif;
}

/* Attenzione questo � il testo principale! */

p,code,ul {text-align: justify; padding-bottom: 1.2em;}

.right {
font-size: 1px;
font-family: Tahoma, sans-serif;
text-align: right; padding-bottom: 1.2em;
font-weight: bold;
font-style: italic;
}


li {list-style: none;}

h1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color: #9f1d1b;
	text-align: left;
	font: normal 1.8em Book antiqua,Tahoma,sans-serif;
	margin-bottom: 12px;
}


blockquote {
	font-weight: bold;
	font-style: italic;
	background: url(img/quote.gif) no-repeat;
	display: block;
	padding-left: 28px;
}


/********************************************
 TOP PANEL : IDs del minipannello superiore
********************************************/ 

#topPan{width:820px; height:34px; position:relative; clear:both; float: right;}

#topPan ul{width:140px; height:29px; background:url(img/top-nav.gif) 0 0 no-repeat; position:absolute; top:9px; left:643px;}
#topPan ul li{float:right;}

#topPan ul li.home{width:47px; height:29px; float:left;}
#topPan ul li.home a{width:18px; height:16px; display:block; background:url(img/home-nor.gif) 0 0 no-repeat; margin:3px 0 0 16px;  text-indent:-20000px;}
#topPan ul li.home a:hover{background:url(img/home-hover.gif) 0 0 no-repeat;}

#topPan ul li.sitemap{width:43px; height:29px; float:left;}
#topPan ul li.sitemap a{width:18px; height:16px; display:block; background:url(img/sitemap-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.sitemap a:hover{background:url(img/sitemap-hover.gif) 0 0 no-repeat;}

#topPan ul li.contact{width:43px; height:29px; float:left;}
#topPan ul li.contact a{width:18px; height:16px; display:block; background:url(img/contact-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.contact a:hover{background:url(img/contact-hover.gif) 0 0 no-repeat;}

/* Text Size Changer */
#textsize 		{width:100px; height:34px; position:absolute; clear:both; float: left; top: 10px; left: 5px;}
#textsize ul	{width:80px; height:29px; position:absolute; top:6px; left:6px;}
#textsize ul li	{float:left;}

#textsize ul li.minus, #textsize ul li.plus {width:36px; height:28px; float:left;}

#textsize ul li.minus a, #textsize ul li.plus a {
	width:18px; 
	height:18px; 
	display:block; 
	margin:3px 0 0 16px;  
	text-indent:-20000px; 	
	opacity: 0.60;		
	filter:alpha(opacity=0.60);
	moz-opacity:0.60;
}
#textsize ul li.plus a{ 	background:url(img/textplus.png) 0 0 no-repeat; 	}
#textsize ul li.minus a{	background:url(img/textminus.png) 0 0 no-repeat; 	}

#textsize ul li.minus a:hover{
	opacity: 0.90;		
	filter:alpha(opacity=0.90);
	moz-opacity:0.90;
}
#textsize ul li.plus a:hover{
	opacity: 0.90;		
	filter:alpha(opacity=0.90);
	moz-opacity:0.90;
}




/********************************************
   MAIN LAYOUT IDs e della INTESTAZIONE
********************************************/ 

#top-bg {
	height: 10px;
	position: absolute;
	width: 820px;
	background: url(img/top-bg.jpg) no-repeat center top;	
	top: 0; left: 0;
}

#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 820px;	
	padding: 0;	
	border-top: 5px solid #FFF;
	border-bottom: 2px solid #D0D0D0;
	margin-left: 15px;	
	display: inline;
}
#header {
	width: 820px;
	position: relative;
	height: 220px;
	background: repeat-y;	
}


/* wrap pagina */

#wrap {
	position: relative;
	width: 820px;
	background: url(img/content.jpg) repeat-y;
	margin: 0 auto;
	text-align: left;
}

#wraperror {
	position: relative;
	width: 820px;
	background: url(img/content.jpg) repeat-y;
	margin: 20% auto;
	text-align: left;
}




/********************************************
   CLASSI DI TESTO
********************************************/ 


h1,h2 {padding-top: 6px; }

h3 	{ margin-right: 6px; font-size: small}


/* misc */
.clearer {clear: both;}

.left { float: left;}

.right {float: right;}

/* structure */
.container {
	background: #FFF;
	margin: 0 auto;
	padding: 0 10px 1px;
	width: 780px;
}


/* header */

.top {
	background: trasparent;
	padding: 0px 10px 0;
}


.header3 {
  	background: white url(img/topbg4.jpg) no-repeat;
	height: 220px;
	margin: 0 auto;
	margin-top: 5px;
	margin-left: 10px;
	width: 790px;
	
}
.header2 .left, .header2 .right {
	color: #FFF;
	margin: 0 auto;
	padding: 5px 5px 5px;
	height: 135px;	
}

/********************************************
 CLASSI elementi di navigazione e Contenuto
********************************************/ 

/* navigation */
.navigation {	
	text-align: center;	
	background: #FFF url(img/content.jpg) repeat-y;
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 41px;
}
.navigation a {
	background: #d9e1e5 url(img/nav.gif);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 5px;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}


/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
}
.sidenav .descr {
	font-family: "Book Antiqua", Times;
	color: #3d4546;
	font-size: 12px;
	margin-bottom: 6px;
}
.sidenav h2 {
	color: #5A5A43;
	font-size: 0.9em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidenav li {border-left-width: 4px; border-bottom-width: 0px; list-style-image: url(img/li.gif); list-style-position: inside; list-style-type: circle; border-bottom: solid #EAEADA;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}

/* main */

.main {
	border-top: 4px solid #FFF;
}

/* content */
.content {
	float: left;
	background: #FFF repeat-y;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
}
.content .descr {
	font-family: "Book Antiqua", Times;
	color: #3d4546;
	font-size: 12px;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/*Segue content per unica colonna a tutto schermo*/

.content2 {
	float: left;
	background: #FFF repeat-y;
	padding-left: 15px;
	padding-right: 15px;
	width: 750px;
}
.content2 .descr {
	font-family: "Book Antiqua", Times;
	color: #3d4546;
	font-size: 12px;
	margin-bottom: 6px;
}
.content2 li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content2 p {font-family: "Lucida Sans Unicode",sans-serif;}



/********************************************
   		Classi per BOTTONI E BOXs
********************************************/ 

.Bottone a{
	font-family: Tahoma, Arial;
	margin-right: 15px;
	margin-left: 6px;
	float: right;
	margin-top: 0px;
	display: inline-block;
	text-align: center;
	height:30px;
	width:110px;
	background-image:url(img/butnormal.png); 
	background-repeat: no-repeat;
	background-position:top center;
	font-weight:bold;
	color:#FFFFFF;
	font-size: 0.9em;
	line-height:24px;
}

.Bottone a:hover{
	text-align: center;
	display: block;
	background-image:url(img/buthover.png);
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment:scroll;
	color:#FFFFFF;
}

/* ROUND BOX! */

.rbroundbox { background: url(img/nt.gif) repeat transparent;}
.rbtop div { background: url(img/tl.gif) no-repeat top left transparent; }
.rbtop { background: url(img/tr.gif) no-repeat top right transparent; }
.rbbot div { background: url(img/bl.gif) no-repeat bottom left transparent; }
.rbbot { background: url(img/br.gif) no-repeat bottom right transparent; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 500px;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0 7px;}
.rbroundbox { width: 500px; margin: 1em auto; }

.list2 { background: url(img/list2.gif) no-repeat; padding-left: 16px }


/********************************************
   RITRATTI
********************************************/ 

.pict1, .pict2, .pict3, .pict4 {
	display: inline;
	height: 80px;
	width: 100px;
	float: left;
	margin-right: 20px; 
	margin-top: 9px;
}

.pict1 { 	background: url(img/segreteria.gif) no-repeat transparent; }
.pict2 { 	background: url(img/gambino.gif) no-repeat transparent; }
.pict3 { 	background: url(img/magro.gif) no-repeat transparent; }
.pict4 { 	background: url(img/barresi.gif) no-repeat transparent; }

.descrpict {
	display: inline;
	left: 90px;
}


/********************************************
   PIE' DI PAGINA
********************************************/ 

/* footer */
.footer {
	background: #FFF url(img/footer-bottom.jpg) no-repeat;
	color: #1c1c1c;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {color: #202020;}