/* CSS Document */
html, body { font-family:Arial }
a, a:hover, a:visited { text-transform:none; text-decoration:none; color:#000 }
#page { width:100%;  }

#logo { width:800px; height:100px; margin:auto;}

#contenitore { width:800px; height:auto; overflow:hidden; position:relative; margin:auto; padding-top:0 }
	#menu { width:200px; height:auto; float:left; overflow:hidden; position:relative; font-size:0.8em; text-align:right; border-right:2px solid #E4E4E4; margin-right:-2px; padding-bottom:15px}
	#menu div { width:195px; height:auto; overflow:visible; position:relative; background:url(../images/list.jpg) top right no-repeat; margin-top:5px; float:left }
	#menu div a { padding-right:20px; font-size:1.5em;  }
	#menu div a.active{ color:#F00; font-weight:bold  }
	#menu div div { clear:both; width:195px; padding-right:20px; background:none; margin-top:0px;  }
	#menu div div :hover { background:url(../images/list_red.jpg) center right no-repeat; color:#F00  }
	#menu div div a.active { background:url(../images/list_red.jpg) center right no-repeat; color:#F00; font-weight:bold  }
	#menu div div a { clear:both; padding-right:20px; font-size:1em; }

	#presentazione { width:600px; height:215px; float:left }
	
	#sezione_1 { width:199px; height:250px; float:left; border-bottom:10px solid #CC0000; border-top:10px solid #CC0000; background:url(../images/sezione_bg.jpg) repeat-x; border-right:1px solid #D4D4D4 }
	#sezione_1 .data{ color:#cc0000; width:90px; height:35px; float:left; text-align:right; padding-top:7px; font-weight:bold}
	#sezione_1 .titolo{ color:#000; width:109px; height:15px; float:left; text-align:left; padding-top:7px; font-weight:bold}
	#sezione_1 .descrizione{ width:189px; float:left; text-align:; font-size:0.8em; padding:5px; color:#666 }
	#sezione_1 .descrizione div { margin-bottom:15px }
	#sezione_1 .descrizione div span{ color:#F00; font-weight:bolder;  }
	#sezione_1 .approfondimenti{ width:159px; float:left; text-align:right; font-size:0.8em; padding:10px; background:url(../images/app1.png) center right no-repeat; padding-right:30px;  }
	
	
	#sezione_2 { width:298px; height:250px; float:left; border-bottom:10px solid #1a87c2; border-top:10px solid #1a87c2; background:url(../images/sezione_bg.jpg) repeat-x; border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4 }
	#sezione_2 .data{ color:#1a87c2; width:90px; height:35px; float:left; text-align:right; padding-top:7px; font-weight:bold}
	#sezione_2 .titolo{ color:#000; width:208px; float:left; text-align:left; padding-top:7px; font-weight:bold}
	#sezione_2 .descrizione{ width:278px; float:left; line-height:15px; text-align:justify; font-size:0.8em; padding-left:10px; padding-right:10px; padding-top:5px;  padding-bottom:5px; color:#666}
	#sezione_2 .allegato{ width:288px; float:left; text-align:center; margin-bottom:10px; font-size:0.8em; padding:5px; }
	#sezione_2 .approfondimenti{ width:248px; float:left; text-align:right; font-size:0.8em; padding:10px; background:url(../images/app2.png) center right no-repeat; padding-right:40px; border-top:2px solid #E4E4E4  }
	
	#sezione_3 { width:299px; height:250px; float:left; border-bottom:10px solid #eea62e; border-top:10px solid #eea62e; background:url(../images/sezione_bg.jpg) repeat-x; border-left:1px solid #D4D4D4 }
	#sezione_3 .data{ color:#eea62e; width:90px; height:35px; float:left; text-align:right; padding-top:7px; font-weight:bold}
	#sezione_3 .titolo{ color:#000; width:209px; float:left; text-align:left; padding-top:7px; font-weight:bold}
	#sezione_3 .descrizione{ width:278px; float:left; line-height:15px; text-align:justify; font-size:0.8em; padding-left:10px; padding-right:10px; padding-top:5px;  padding-bottom:5px; color:#666}
	#sezione_3 .allegato{ width:288px; float:left; text-align:center; margin-bottom:10px; font-size:0.8em; padding:5px; }
	#sezione_3 .approfondimenti{ width:248px; float:left; text-align:right; font-size:0.8em; padding:10px; background:url(../images/app3.png) center right no-repeat; padding-right:40px; border-top:2px solid #E4E4E4 }
	
	#lato_dx { width:598px; height:auto; min-height:460px; overflow:hidden; position:relative; float:left; border-left:2px solid #E4E4E4; padding-top:10px;}
	#lato_dx h1 { float:left; font-size:1.4em; width:100%; color:#F00; font-weight:normal; text-align:left; padding-left:10px;}
		
		#breadcumbs { width:100%; float:right; font-size:0.8em; color:#F00; font-weight:normal; text-align:right; padding-right:10px;}
		#elemento_lista { width:560px; height:auto; overflow:hidden; position:relative; float:left; font-size:0.7em; letter-spacing:0.1em; text-align:left; font-weight:bold }
		#elemento_lista #immagine_lista{ width:150px; height:150px; float:left; text-align:left; }
		#elemento_lista #immagine_lista img{ float:left; font-size:0.8em; text-align:left; margin:15px; }
		#elemento_lista span{ width:300px; float:left; font-size:1.2em; text-align:left; margin-left:30px; margin-top:60px }
		#elemento_lista a{ width:300px; float:left; font-size:1.2em; text-align:right; color:#999; text-decoration:underline}

		#seleziona_categoria{ width:570px; height:auto; overflow:hidden; position:relative; float:left; font-size:0.8em; padding-left:10px}
		#elemento_scheda{ width:580px; height:auto; overflow:hidden; position:relative; float:left; font-size:0.8em}

		#immagine_scheda{ width:240px; height:auto; overflow:hidden; position:relative; float:left; padding-left:10px; padding-bottom:10px }
		#immagine_scheda_home{ width:auto; height:auto; float:left; padding-left:10px; padding-bottom:10px }
		#introduzione_scheda{ width:330px; height:auto; overflow:hidden; position:relative; float:left; margin-top:25px; text-align:center }
		#download_scheda{ width:330px; height:auto; overflow:hidden; position:relative; float:left; text-align:center}
		#download_scheda a{ color:#F00; font-size:0.8em;}
		#download_scheda div{ width:33%; float:left}

		#descrizione_scheda{ width:540px; height:auto; overflow:hidden; position:relative; float:left; padding-left:20px;margin:0 0 20px 0;}
		#descrizione_scheda h1{ font-size:1.1em; margin:0; padding:0; margin-top:10px; }
		#descrizione_scheda p{ padding:0; margin:0 0 20px 0; color:#666;}
		
	#mappa { width:299px; height:auto; overflow:hidden; position:relative; padding-left:5px; float:left }
	
	#pagina_contenuti { width:95%; height:auto; overflow:hidden; position:relative; padding-left:10px; float:left; font-size:0.9em; text-align:justify; }
	#pagina_contenuti p{ text-align:justify }
	#pagina_contenuti table{ font-size:0.9em; text-align:justify }
	#pagina_contenuti input{ width:100% }
	#pagina_contenuti input[type=submit]{ width:150px;  }
	#pagina_contenuti textarea{ width:100%; height:150px }
	#pagina_contenuti h1{ width:100%; height:20px; float:left; text-align:left; font-size:1.1em; margin-bottom:5px; padding:0 }
	#pagina_contenuti h2{ width:100%; height:20px; float:left; text-align:left; font-size:1em; margin-bottom:5px;  padding:0 }

	#contatti { width:270px; height:auto; overflow:hidden; position:relative; border-left:2px solid #999; padding-left:10px; float:left; text-align:right; padding-right:12px }
	#contatti h1{ width:100%; border-bottom:1px solid #000; height:20px; float:left; text-align:left; font-size:15px; margin-bottom:5px }
	#contatti h2{ width:100%; height:auto; float:left; text-align:right; font-size:14px; font-weight:normal; padding-top:0; margin:0;}

#footer { width:800px; height:20px; margin:auto; text-align:center; background:url(../images/fottir.jpg) repeat-x; font-size:0.8em }

