@charset "utf-8";
/* CSS Document */

					html { 
					  padding:0px;
					  margin:0px;
					}
					
					body {
					  background-color: #ffffff;
					  font-size: 12px;
					  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
					  color:#564b47;  
					  text-align:center;
					  margin:0px;
					  padding:0px;
					  background-image:url(images/peseflat.jpg);
					  background-repeat:repeat-x;
					  background-position:top;
					  background-color:#DBE2FA; 
					}
					
					
					
					pre, h1 {
						margin:0px 10px 0px 10px;
					}	
					
					p{
						margin:0px 10px 10px 10px;
					}
					
					h1 {
						font-size:14px;
						padding-top:10px;
						text-transform:uppercase;
						color: #564b47;
						background-color: transparent;
					}
					
					a {
						color: #003366;
						/*	font-size: 11px; */				
						background-color:transparent;
						text-decoration: none;
					}
					 
					pre { 
					color: #564b47;
					font-size: 11px;
					background-color:transparent;
					font-family: Courier, Monaco, Monospace;
					}
					
					
					/*  positioning-layers statisch und absolut */
					#logo {
						position:absolute;
						top:0px;
						z-index:3;
						width:172px;
						margin: 0px auto;
						padding:0px;
						border:0px;
						text-align:left;
						left:50%;	margin-left: -430px;
						vertical-align:middle;	
					}
					#logo img{
						margin: 0px auto;
						padding:0px;
						border:0px;
					}
					
					
					#box {
					z-index:1;
						top:0px;
						width:750px;
						margin: 0px auto;
						padding:0px;
						text-align:left;
					}
					#scrittalunga{ /* accessibiity */ 
					padding-top: -999;
					height:0px;
					visibility:hidden;
					}
					
					#left { /* diventa right */ 
					width:175px;
					padding:0px;
					float:right;
					background-color:#A0B4D6;
					color:#003366;
					}
					
					#left h1 {
					background-color:#A0B4D6;
					color:#003366;
					}					
					#left h2 {
					font-size:16px;
					background-color:#A0B4D6;
					color:#003366;
					padding-left:10px;
					padding-top: 20px;
					padding-bottom: 0px;
					}
					#left p {
					padding-right:3px;
					}
					
					#content {
					font-family:Verdana;
					color:#003366;
					width:575px;
					padding:0px;
					padding-top:0px;
					float:left;
					background-color:#fff;
					background-image:url(images/pescatore.jpg);
					background-repeat:no-repeat;
					background-position:top left;
					overflow: auto;
					}
					
					#content h1 {
					color:#003366;
					font-size:24px; padding-left:110px; padding-bottom:40px;
					padding-top:10px;
					}
					
					#sinistraPiccolo{
					float:right; text-align:right;
					padding-top:10px;
					margin-top:0px;
					padding-right:15px;
					
					}					
					
					#sinistraPiccolo a {
									
					}
					
					#content a {
						color:#0099CC;
					}
					
					#content p {
					 font-size:1.3em;
					 text-align:justify;
					}
					#content a:hover {
					color:#0099CC;
					}
					
					#right {
					width:175px;
					padding:0px;
					float:left;
					background-color:#ff99cc;
					
					}
					
					#head {
					background-color:transparent;
					}
					
					#head h1 {
						font-size: 11px;
						text-transform:uppercase;
						text-align: right;
						color: #001B57;
						background-color: #BACAD9;
						padding:4px 15px 6px;
						margin:0px;
						background-image:url(images/BarrapuntiniLunga.jpg);
						background-position:right top;
						background-repeat:no-repeat;
						text-align:left;
						padding-left:120px;
						
					}
					
					#head p {
					padding:10px;
					margin:0px;
					}
					
					
					/* stili di testo */
					.maiuscoletto {
					font-size:1.2em;
					font-weight:bold;														
					}
					
					.importante {
					font-size:1.6em;										
					}
					
					.importanteRosso {
					font-size:1.6em;
					font-weight:bold;	
					color:#F10A0A;									
					}
									
					.grosso {
					font-size:1.8em;
					font-weight:bold;									
					}
					
					.grossoRosso {
					font-size:1.8em;
					font-weight:bold;	
					color:#F10A0A;									
					}
					
					.rosso {
					color:#F10A0A;	
					font-weight:bold;									
					}
					
				
					.scheda {
							float:left;
							display:inline;
							height:95px;
							width:150px;
							border:0px;
							padding:0px;
							background-color:#E4EAF1;
							margin: 2px;
					}
					
					.schedaRossa {
							float:left;
							display:inline;
							height:95px;
							width:150px;
							border:0px;
							padding:0px;
							background-color:#FF0000;
							margin: 2px;
					}
					
					
					.fotoScheda { border:0px; padding-top:2px; border-top:2px; text-align:center;}
					.separatoreVerticale { width:12px; float:left;}
			
					ul.navLeft {
					  list-style-type:none; /* remove the bullets */
					  margin:0; /* remove the automatic margin that some 
								   browsers use for the text-indent. */
					  padding:0; /* remove the automatic padding that other
								   browsers use for the text-indent. */
					  padding-left:0px;
					    width:164px; /*fix the width of the list items which  would default to 100% */
								   /*border:#FF0000 1px solid;*/
								   
					}
					ul.navLeft ul.navLeft {
					  list-style-type:none; /* remove the bullets */
					  margin:0; /* remove the automatic margin that some 
								   browsers use for the text-indent. */
					 padding:0; /* remove the automatic padding that other
								   browsers use for the text-indent. */
					  padding-left:10px;
					   /* width:180px; fix the width of the list items which
								   would default to 100% */
								   /*border:#FF0000 1px solid;*/
								   
					}
					
					ul.navLeft a.amo,  ul.navLeft a.amo:visited {
					padding-left:25px;
						
					  text-decoration:none; /* remove the default underline from
											   the links */
					  display:block; /* make each link into a block so that
										hovering over any area of the link 
										will cause a change of background color */
					  /*width:125px;*/ /*set the width to be the same as the ul width */
					  width:auto;
					  height:20px; /*set the width to be the same as the ul width */
					  text-indent:0px; /* move the link text 15px to the right */
					  border-top:5px; /* move the link text 15px to the right */
					   /*background:#c00; make the background color red */
					  background-image:url(images/amoFlat.png);
					  background-position: 0px 0px;
					  background-repeat:no-repeat;

					  
					  /* make the text color white */
					  color:#003366;
					  /*border-bottom:1px solid #fff;  separate the links with a 1px 
													   wide white line */
					}
					
					ul.navLeft a.chosen {
					padding-left:25px;
						
					  text-decoration:none; /* remove the default underline from
											   the links */
					  display:block; /* make each link into a block so that
										hovering over any area of the link 
										will cause a change of background color */
					  /*width:125px;*/ /*set the width to be the same as the ul width */
					  width:auto;
					  height:20px; /*set the width to be the same as the ul width */
					  text-indent:0px; /* move the link text 15px to the right */
					  border-top:5px; /* move the link text 15px to the right */
					   /*background:#c00; make the background color red */
					  background-position: 0px 0px;
					  background-repeat:no-repeat;

					  
					  /* make the text color white */
					  color:#003366;
					  /*border-bottom:1px solid #fff;  separate the links with a 1px 
													   wide white line */
					}
					
					ul.navLeft a.amo:hover, ul.navLeft a.chosen , ul.navLeft a.amo:active {
					   color:#000;
					  /* font-weight:bold;*/
					  
					   
					  background-image:url(images/amoFlat.png);
					/*   background:#00c; change the background to blue on :hover */
					  background-position: 0px -30px;
					}
					


	
					/*<div id ="footerCorpo"></div>*/
					#footerCorpo {
											padding:0px; border:0px;
						/*float:right;clear:right;*/
						width:200px;
						padding-top:-30px;
						width:100%;height: 40px;
						background-image:url(images/fondoCorpo.jpg);
						background-position:bottom right;
						background-repeat:no-repeat;
					}
					
					#footerMenu {
						padding:0px; border:0px;
						/*float:right;clear:right;*/
						
						width:200px;
						padding-top:-10px;
						width:100%;height: 40px;
						background-image:url(images/fondoMenu.jpg);
						background-position:bottom right;
						background-repeat:no-repeat;
					}
					
					#altroMenu {
						padding:0px; border:0px;
						/*float:right;clear:right;*/
						width:200px;
						padding-top:0px;
						width:100%;height: 26px;
						background-position:bottom right;
						background-repeat:no-repeat;
						background-color:#DBE2FA; 
						height:auto;
					}		
					#altroMenu img{
						border:none;
						padding:0px;
						margin:0px;
					}	
					.h3contatiner {height:25px;}
					h3 .apriCroce {
					
						border:1px #00CC00 solid;
 						height:20px;
						width:20px;
						padding:0px;
						margin:0px;
						border:0px;
						display:inline;
						float:left;					
						width:20px;
						padding-left:6px;				
					}
						
					navLeft h3 { 
						width:auto;
						cursor:pointer;
						line-height:20px; font-size:12px;
						font-size:12px;
					}	
					
			

					navLeft a.croce {
					  padding-left:25px;
						
					  text-decoration:none; /* remove the default underline from
											   the links */
					  display:block; /* make each link into a block so that
										hovering over any area of the link 
										will cause a change of background color */
					  /*width:125px;*/ /*set the width to be the same as the ul width */
					  float:left;
					  clear:both;
					  width:auto;
					  height:20px; /*set the width to be the same as the ul width */
					  text-indent:0px; /* move the link text 15px to the right */
					  border-top:5px; /* move the link text 15px to the right */
					   /*background:#c00; make the background color red */
					  background-image:url(images/croceApri.png);
					  background-position: 0px 0px;
					  background-repeat:no-repeat;

					  
					  /* make the text color white */
					  color:#003366;
					  /*border-bottom:1px solid #fff;  separate the links with a 1px 
													   wide white line */
					}
					navLeft ul.navLeft a.amo:active {
					   color:#000;
					  /* font-weight:bold;*/
					 
					   
					  background-image:url(images/croceApri.png);
					/*   background:#00c; change the background to blue on :hover */
					  background-position: 0px 0px;
					}
					
					h3.toggler {
						cursor: pointer;
						font-family: 'Andale Mono', sans-serif;
						font-size: 12px;
						/*
						background: #D2E0E6;
						color: #528CE0;
						*/
						margin: 0px;
						padding: 0px;
					}