/* Layout a due colonne assoluto e footer sul fondo*/

	html,body{
		margin:0;
		padding:0;
		height: 100%  /* Estendiamo il body a tutta la finestra */
		} 

/* Definiamo le caratteristiche del carattere da utilizzare nel documento */

	body{
		background: #deffed url(../images/Sfondo.jpg) repeat-y top center;
		color: #000;
		text-align: center;
		font: 12px/1.5  "Trebuchet MS", Verdana, Arial, sans-serif;
		}


/*Definisco il container*/

/*Definisco le regole per il container*/

	div#container{
		position: relative;
		width: 760px;			/*Imposto la larghezza a 760px*/
		height: 100%;
		margin: 0 auto;  		/*Imposto i margini a 0 e uso auto per centrare nella finestra*/
		text-align: left;		/*Allineo il testo a sinistra*/
  		}
	body>div#container{
		height: auto;	
		min-height: 100%;
		}

/*Definisco la testata*/
	div#header{
		height: 80px;
		margin: 0 0px 0 0px;
		background-color:#95e0c7;
		color: #ff0
		}

/*Definisco il logo della testata con tecnica image-replacement*/	
	#logo{
		position: absolute;
		z-index: 20;
		width: 760px;
		height: 80px;
		overflow: hidden;
		margin-top: 0;
		margin-left:0px;
		}

	#logo a{
		display: block;
		height: 80px;
		overflow: hidden;
		color: #FFFFFF;
		background-color: #fff;
		font-size: 150%;
		line-height: 80px;
		}

	#logo a:hover{
		cursor: pointer;
		}

	#logo span.replacement{
		display: none;
		position: absolute;
		top: 0;
		width: 760px;
		height: 80px;
		background-repeat: no-repeat;
		}

	* h\tml #logo span.replacement{
		display: block;
		z-index: 30;
		background-image: url(../images/logo.png);
		}

	#logo a span.replacement{
		display: block;
		z-index: 35;
		background-image: url(../images/logo.png);
		}

	#logo span.linkText{
		position: relative;
		z-index: 25;
		}
	
	
/*Definisco la navigazione orizzontale*/
	div#navor{
		position: absolute;
		top: 80px;
		left: 0px;
		width: 760px;
		background-color: transparent;
		color: #000;
		text-align:center;
		height: 30px;
		}
	
	
	
/*Definisco la navigazione laterale*/
	div#navigation {
		position:absolute;
		top: 130px;
		left:5px;
		width:160px;
		list-style: none;
		}
	
	/* Grafica menu laterale*/
	div#navigation h2{
		line-height: 30px;
		font-size:125%;
		font-weight: bold;
		color: #0000cd;
		border: none;
		margin: 2px 0 2px 0;
		padding: 0px 0 0px 5px;
		text-indent: 5px;
		background:#caf4e5 url(../images/nav_titolo_1.png) no-repeat;
		}
		
	div#navigation h2.secliv{
		line-height: 25px;
		font-size:110%;
		font-weight: bold;
		color: #0000cd;
		border: none;
		margin: 2px 0px 2px 10px;
		padding: 0px 0px 0px 0px;
		text-indent: 5px;
		background:#caf4e5 url(../images/nav_titolo_2.png) no-repeat;
		}
			
	div#navigation h2.secliv a{
		display:block;
		text-decoration: none;
		color: #0000cd;
		}
	
	div#navigation  h2.secliv a:hover{
		text-decoration: none;
		color: #00008b;
		background-color: #caf4e5;
		background:#caf4e5 url(../images/nav_titolo_3.png) no-repeat;
		}
	
	div#navigation div{
		background: url(../images/nav_chius.png) no-repeat;
		line-height: 30px;
		width:100%;
		height: 30px;
		} /*Div ausiliaio per chiudere il menu*/
	
	

/*Definisco il contenitore principale*/
	div#content{
		margin: 40px 5px 0px 185px;
		padding: 10px 0 80px 0;
		background-color: #fff;
		color: #000;
		}
	 
	div#content p {
		line-height: 1.5;
		}
	
	/*Stili per i titoli*/
	h1{
		left: -0px;
		width: 570px;
		margin-top: 0px;
		margin-bottom: -0.25em;
		margin:auto;
		padding-top: 0px;
		background:#FFEF94 url(../images/cont_titolo_top.png) no-repeat;
		color: #0000cd;
		font-size: 110%;
		text-indent: 15px;
		}
	h1 .home{
		font-size: 120%;color: #00008b;font-weight: bold;
	}
	h1 .subTitle{	
		display: block;
		margin-top: 8px;
		padding-bottom: 6px;
		background: #FFEF94 url(../images/cont_titolo_bottom.png) no-repeat 0 100%;
		font-size: 120%;
		font-weight: bold;
		color: #00008b;
		text-transform: none;
		}
		
	 h1.oneline{
	 	width:570px;
		line-height:35px;
		display: block;
		margin: 0px auto 0 auto;
		padding-bottom: 0px;
		background: #FFFFFF url(../images/cont_titolo_oneline.png) no-repeat 0 100%;
		font-size: 150%;
		font-weight: bold;
		color: #254b74;
		text-transform: none;
		text-indent: 5px;	
		}	
		
	span.dx{
		padding-left:230px;
		font-size: smaller;
		
	}

	h2{
		clear: both;
		margin-top: 1.0em;
		margin-bottom: -0.5em;
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 5px;
		color: #3C78B5;
		font-size: 140%;
		}

	#content h2{
		margin-right: 16px;
		}

	#content * h2{
		margin-right: 0;
		}


	h3{
		margin-top: 1.5em;
		margin-bottom: -0.75em;
		color: #3C78B5;
		font-size: 120%;
		}

	#content h3{
		margin-right: 16px;
		}

	#content * h3{
		margin-right: 0;
		}

	.imm {
		border: 1px solid #8b8b8b;
		float: left;
		margin: 0 20px 0 auto;
		bottom: 0;
	}
	

.imm1 {
		float: left;
		margin: 0 10px 0 auto;
		bottom: 0;
		text-align: center;
		padding: 10px 0 0 0;
	}
.imm2 {
		float: right;
		margin: 0 5px 10px auto;
		bottom: 0;
		text-align: center;
		padding: 10px 0 10px 0;
	}
	
.imm3 {
		float: left;
		margin: 0 45px 0 auto;
		bottom: 0;
		text-align: center;
	}	
.imm4 {
		border: 1px solid #8b8b8b;
		float: right;
		margin: 0 15px 0 20px;
		/*padding-bottom:30px; */
		text-align: center;
		/*height: 100px;*/
		/*padding: 0 0 0 0;*/
	}
	
.centrhome{
		width: 650px;
		margin: auto;
	}
.inter {
	line-height: 2.5em;
	list-style-position: inside;
   }
	
div.wide{
    clear: left;
	 padding: 0;
	 margin-top: 10px;
	 margin-bottom: 10px;
	 line-height: 125%;
	}

	
.navext a,
.navext a:active,
.navext a:visited{
		text-decoration: none;
		color: #000;}
	
	
	
	
	.navext a:hover,				
	.navext a:focus{
		color: #0000cd;}
	
	.navint a,
	.navint a:active,
	.navint a:visited,
	.navint a:hover,				
	.navint a:focus{
		color: #000;}
				
	.inter {
	line-height: 2.5em;
	/*list-style-position: inside;*/
   }

.split1{
	 float: left;
    width: 260px; 
	 padding: 10px 0 0 0;
	 margin:auto 5px 10px 5px;
	 }
	
.split1 p{
	width:240px;
	margin: 5px 10px 5px auto;
	padding: 2px 2px;
	background: #fffff0 url(../images/par_split.png) repeat-x;
	}
	
p.est{
		background: #fffff0 url(../images/par_split1.png) repeat-x;
	}
	
.split2{
   float: left;
   width: 260px; 
	margin:auto auto 10px auto;
	}
	
.split2 p{
	width:240px;
	margin: 5px 10px 5px auto;
	padding: 2px 2px;
	}

.split3{
   float: left;
   width: 125px; 
	height: 218px;
	margin:10px 3px 10px 5px;
	background: #fffff0 url(../images/par_split3.png) repeat-x;
	background-color: white;
	}
	
.split3 p{
	width:120px;
	margin: 4px 5px 5px 0px;
	padding: 3px 3px 3px 3px;
	color: #00008b;
	}
	
.split4{
	clear: left;
   float: left;
   width: 115px; 
	height: 125px;
	margin: 40px 0px 5px 0px;
	background: #fffff0 url(../images/par_split4.png) repeat-x;
	}
	
.split4 p{
	width:115px;
	margin: 4px 5px 2px 4px;
	padding: 0px 0px 0px 0px;
	color: #0000cd;
	font-size: 11px;
	}
	
.split4 a{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.split4 a:hover,
.split4 a:focus
.split4 a:active,

{
	color: #0000cd;
	text-decoration: underline;
}

.split4 a:visited,
{
	color: #0000cd;
}



div.wide2{
    clear: left;
	 padding: 0 2%;
	 margin-top: 5px;
	 margin-bottom: 5px;
	 line-height: 55%;
	 }
	 
div.wide3{
    clear: left;
	 padding: 0 2%;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 line-height: 25%;
	 }
	
div#schede{
	width: 100%;
	margin-top: 15px; 
	font-size: 12px;
	}

div#areaimm{
	margin: -40px auto -25px auto;
	text-align:center;
	width: 524px; 
	padding-top: 25px;
	padding-bottom:0px;
	}
	
/*Definisco il pie di pagina(footer)*/
	div#footer{
		clear: both;
		position: absolute;
		bottom:0; 
		height:50px;
		width: 100%;
		padding: 6px 0;
		background: #54cfa5 url(../images/footer.png) no-repeat top;
		color: #00008b;
		font-size: 90%;
		text-align:center;
		margin-top: 20px;
		}

	div#footer a{
		color: #00f;
		font-weight: normal;
		text-decoration: underline}
	
	div#footer .sel a{
		color: #00008b;
		font-weight: bold;
		text-decoration: none}
		
	#bottomLinks{	
		list-style: none;
		margin-top: 0;
		margin-left: 0;
		padding-top: 6px;
		}

	#bottomLinks li{	
	display: inline;
	border-left: 1px solid #527597;
	padding-right: 1em;
	padding-left: 1em;
	}

	

#bottomLinks li.first{
	border-left: 0 none transparent;
	}

#bottomLinks a{
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: -5px;
	}

div#footer p{
	line-height: 16px;
	font-weight: bold;
	margin-top: -10px;
	}