/* Setup (This all looks neater when it isn't put on display!) */


body
{
	color:#a72428;
	font: 79% "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #f3f3f3;
}

.wrapper {
	width: 100%;               /* total width */
}      

.outer {
	border-left-width: 262px;  /* left column width */
	border-left-color: #fff;   /* left column colour */
	
	border-right-width: 204px; /* right column width */
	border-right-color: #fff;  /* right column colour */
	
	background-color: #fff; /* center column colour */
}

.left-consiglio
{
	background-image: url(../interf/left.gif);
	width: 262px;              /* left column width */
	margin-left: -262px;       /* _negative_ left column width */
	height: 108px;
	float: left; 
	position: relative; 
	z-index: 10; 
}

.right-consiglio
{
	background-image: url(../interf/right.gif);
	width: 204px;              /* right column width */
	margin-right: -204px;      /* _negative_ right column width */
	height: 108px;
	float: left; 
	position: relative; 
	z-index: 11; 
}



.wide {
	/*background-color: #fff; */   /* header and footer colours */
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

.center-consiglio
{
background-image: url(../interf/center.gif); 
height: 108px;
float: left; 
width: 100%; 
position: relative; 
z-index: 12; 
}
.subleft-consiglio
{ 
background-color: #E4DCCA;
float: left; 
position: relative; 
z-index: 9; 
width:100%; 
margin-right:-106px; 
height:13px;
/*	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}
/*.subright-consiglio
{ 
background-image: url(../interf/consiglio-subright.gif);
float: left; 
position: relative; 
z-index: 10; 
}

*/

.solotesto
{
	float:right;
}

.wide { width: 100%; position: relative; z-index: 13; }

.clear, .clearer { clear: both; }

/* Mozilla code - bufala. non mi serve */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }


/* emulazione delle immagini mappate con i css. mi serve per poter linkare la parte sinistra
della testata alla home di iperbole e la destra alla home della sezione, lasciando i link come
elenco puntato in una visualizzazione senza css */

ul#mappa1
{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:4px;
right:0px;
width:274px;
height:50px;
}

ul#mappa1 li {
display:block;
position:absolute;
margin:0;padding:0
}
li#mappa1-link1 {
right:0;top:4px;
width:320px;height:50px
}

 #mappa1 a {
display:block;
width:100%;
height:100%;
}

 #mappa1 a:hover, #mappa2 a:hover  
{
	background: none;	
}

	
ul#mappa2
{

margin:0;
padding:0;
list-style:none;
position:absolute;
top:4px;
left:0px;
width:224px;
height:50px;
}

ul#mappa2 li {
display:block;
position:absolute;
margin:0;padding:0
}
li#mappa2-link1 {
left:0;top:4px;
width:224px;height:50px
}

 #mappa2 a {
display:block;
width:100%;
height:100%;
}	

/*  */



.ahem
{
	display: none;
}




	/* menù  */

#colonna-sx
{ 
	float:			left; 
	width:			25%; 
	margin-right:8px;

}

#colonna-sx .box
{
	padding-top:	6px;
}

/* spazio per il lgo del servizio*/

#colonna-sx .box .logo
{
	border:1px dashed #0089CF;
	width:96%;
	padding: 4px;
	text-align:center;
}

/*elementi per il menu di navigazione verticale, i colori sono adattabili alle esigenze*/

.navigazione ul
{
	list-style-type: none;	
	padding-left: 6px;
	padding-right:6px;
	margin-left:6px;
	margin-top:0px;
	padding-top:4px;
	padding-bottom:4px;	
}

.navigazione ul.submenu li a
{
	border:none;
	margin:0;
	padding: 0 0 0 8px;
	font-weight:normal;
}

.navigazione ul.submenu li a:hover
{
	border-left:none;
}

.navigazione ul.submenu
{
	margin-top:0;
	padding-top:0;
}


.navigazione a, .navigazione a.novita
{
display: block;
width:90%;
background-color: #fff;
 margin:0.5em 0; 
padding:3px 0px 3px 1px;
border-left:10px solid #C96948; 
text-indent:0.2em;


}

.navigazione a.novita, .navigazione a.novita-due, .navigazione a.novita-tre
{
	background-repeat: no-repeat;
	background-position: right;
}

.navigazione a.novita
{
	background-image: url(../interf/nuvite.gif);	
}

.navigazione a.novita-due
{
	background-image: url(../interf/nuvite2.gif);	
}

.navigazione a.novita-tre
{
	background-image: url(../interf/nuvite3.gif);	
}


.navigazione a:link, .vertlist a:visited, .navigazione a:visited 
{
color: #245D9A;
text-decoration: none;
/*font-weight:bold;*/


}

.navigazione a:hover
{
	background-color: #fff;
	color: #a72428; 
	border-left:10px solid #245da9; 
	
 }
 
 /* fine menù */






#principale
{
	float:	left;
	width:	74%;	
	/* freghiamo ie5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 70%;
	color:			#000;
	margin: 		-6px auto 0px 6px;	
}

#principale .box { 
	
	padding: 0px 0px 0px 6px;
	margin-top:12px;
	text-align:justify;
	width:100%;	
}

#principale .box h4
{
	font-family: Trebuchet MS; 
	color: #245D9A;
	font-size:1.7em;
	letter-spacing: 0.06em;
	margin-bottom:0px;
	border-bottom:1px solid #cf9c63;
	width:100%;
	padding-left:3px;
}

#principale .box h4:first-letter
{
	font-size:1.4em;
	font-family: "Times New Roman", Times, serif;
}

#principale .box .testo
{
	background-color:#fff;
	padding:6px;
	margin-top:0px;
	line-height:1.35em;
	width:100%;
	/*border:1px solid #C96948;*/
}


#principale .box .testo h5
{
	color:#245d9a;
	font-size:1.05em;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#principale .box .testo h4
{
	font-size:1.25em;
	letter-spacing: 0.05em;	
	border-left:6px solid #c96948;	
	border-bottom:none;
	padding-left:4px;
	
	
}

#principale .box .testo h6
{
	margin-bottom:0px;
	border-bottom:1px solid #245D9A;
	padding:2px;
}

#principale .box .testo
{
	font-family: "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#principale .percorso
{
	/*background-color: #fff;*/
	border-bottom: 1px dashed #6E5A42;
	padding-left:4px;
	margin-bottom:-1px;
	padding:1px;
	text-align:right;
	font-size:0.9em;
	
}


a img
{
	border:none;
}




/* elementi di formattazione standard */


A, A:link {
	 text-decoration: none;
	 color:#0652B8;
	 font-size:1em;	 
	  } 

A:visited {
	 text-decoration: none;
	 color:#0652B8;

	 }

A:hover   {
	text-decoration:none;
	background-color:#C96948;
	color:#fff;
	  }
	  
p, li
{
	color:#a72428
}	  
	  

.italic, .corsivo	{
	font-style:italic;
	}
	
.small	{
	font-size:0.9em; 
	color:#000000
	}	
	
.bold, .black
{
	font-weight: bold;
}	

.bold-arial
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.95em;
}	
	
.foot, .foot_small	{
	font-size: 0.9em;
	font-style:italic;
	color:#666666;
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}	
	
hr
{
	height:1px;
	color:#d1d1d1;
}		

H1 	{
	font-size:2em; 
	font-weight:bold; 
	}

H2 	{
	font-size:1.7em; 
	font-weight:bold; 
	}
H3 	{
	font-size:1.5em; 
	font-weight:bold; 
	}
H4	{
	font-size:1.4em; 
	font-weight:bold; 
	}
H5	{
	font-size:1.3em; 
	font-weight:bold; 
	}
H6	{
	font-size:1.2em; 
	font-weight:bold; 
	}