/* **----------------------------------------------------------------------------------------------** */ 
/* ** http://www.francescavaino.it - Francesca Vaino - Orsa ∗ Polare                        ** */
/*	** fra_layout.css - creato da Francesca Vaino - fra_kung@yahoo.it  - ottobre 2006              ** */
/* **----------------------------------------------------------------------------------------------** */
/* ** body ** */
		/* ** .foglio ** */
				/* ** .testa ** */
						/* ** #Logo ** */
						/* ** #Logo ** */
						/* ** #Barranav ** */
						/* ** #Barranav ** */
				/* ** .testa ** */
				/* ** .corpo ** */
						/* ** #Percorso ** */
						/* ** #Percorso ** */
						/* ** .contenuto ** */
								/* ** #Cuore ** */
								/* ** #Cuore ** */
						/* ** .contenuto ** */
						/* ** #Piede ** */
						/* ** #Piede ** */
				/* ** .corpo ** */
		/* ** .foglio ** */
/* ** body ** */

				/* con 7 	
				li.ar1 {left: 3px; width: 107px;    
				}
				li.ar2 {left: 113px; width: 107px;   
				}
				li.ar3 {left: 223px; width: 107px;   
				}
				li.ar4 {left: 333px; width: 107px;   
				}
				li.ar5 {left: 443px; width: 107px;   
				}
				li.ar6 {left: 553px; width: 107px;   
				}
				li.ar7 {left: 663px; width: 35px;   
				}				
				*/

/* ** body ** */
body {margin: 0px auto; padding:0px; color: #000000;
	background: #FFA500 url(../images/frarancio3.gif) top repeat-x;
	font-size: 100%; font-family: Lucida Sans,Verdana,Arial,Helvetica,Impact,sans-serif; text-align: center;
}
h1, h2, h3, h4, h5 { text-align: center; color: #003B9C;/*#003B9C;*/
}
	h1 {font-size: 145%; padding: 10px 5px 5px 10px;
	}
	h2 {font-size: 120%;  padding: 10px 5px 5px 10px;
	}
	h3 {font-size: 105%; padding: 10px 5px 5px 10px; /*background-color: #000000; color: #FFA500;*/
	}
	h4 {font-size: 110%; font-weight: bold; padding: 10px 5px 5px 10px; font-variant: small-caps; margin-top: 30px; /*background-color: #000000; color: #FFA500;*/
	}
	h5 {font-size: 90%; font-weight: bold; padding: 10px 5px 2px 10px; border-top: 1px solid #FF5500; margin-top: 30px;
	}
img {border-style: none;
}
	.ima {border: none; margin: 0px auto 0px auto;
	}/*immagine*/
	.imasx {float: left; border: none;	margin: 4px 30px 10px 10px;
	}/*foto a sx*/
	.imadx {float: right; border: none; margin: 4px 10px 10px 30px;
	}/*foto a dx*/	
p {margin: 10px 30px 10px 30px; font-size: 1em; line-height: 1.5em; text-align: left; color: #000000;}
	.alt {display: none;
	}/*nascosto*/
	.acc {display: none;
	}/*nascosto x accesso rapido*/
/*
ul {margin: 10px 20px 10px 40px; font-size: 1em;
}
	li {line-height: 2em; 
	}
*/

a {color: #003B9C; /*#003B9C;*/ font-weight:bold;  text-decoration: none; border-bottom: #FF6600 1px solid;
}
	a:visited {color: #003B9C; 
	}
	a:hover {color: #000000; background-color: #FFA500;
	}
	a.nobor {border: none;
	}/* toglie bordo a img con link */
dfn {cursor: help; border-bottom: #FF6600 1px dotted; font-style: normal;
}
abbr {cursor: help; border-bottom: #FF6600 1px dotted; font-style: normal;
}
acronym {cursor: help; border-bottom: #FF6600 1px dotted; font-style: normal;
}
/* ********************************************** */
/* ** .fogliohome w:500 ** */
/* ********************************************** */
.fogliohome {margin: auto; width: 500px; 
}
/* ********************************************** */
/* ** .foglio w:800 ** */
/* ********************************************** */
.foglio {margin: auto; width: 800px; color: #000000;
}
/* ********************************************** */
/* ** .testa ** */
/* ********************************************** */
.testa {clear: both;
}
/* ********************************************** */
/* ** #Logo w:700 h:65 ** */ 
/* ********************************************** */
#Logo {width: 500px; height: 80px; margin: auto; 
	background: url(../images/Fra_Logo1.jpg) center no-repeat; 
}
/* ********************************************** */
/* ** #Barranav w:700 h:96 ** */
/* ********************************************** */
#Barranav{width: 800px; height: 96px; margin: auto;
	background: url(../images/Fra_Logo2.jpg) center no-repeat;
}
		.nav {position: relative; width: 700px; margin: 0px; padding: 0px; 
		}
			ul.nav li {position: absolute; top: 20px; margin: 0px; padding: 0px;
				list-style: none; text-align: center; line-height: 2em; border: 1px solid #FFCC00;
			}
			.nav li a {padding: 0px; display: block;
				font-size: 80%; text-align: center; background-color: #FFFFFF;
				color: #003B9C; /*background: url(../images/cielo.gif) top repeat;*/ 
				border: 1px solid #CB1000; /* verde #009966;*/
 			}
			.nav a:visited {color: #003B9C;
			}
			.nav a:hover {background-color: #FFCC00; color: #003B9C; border: 1px solid #FFA500;
	   	}
				li.ar1 {left: 10px; width: 110px;    /* 10 + 110 + 3  */
				}
				li.ar2 {left: 123px; width: 110px;   /* 118 + 110 + 3 */
				}
				li.ar3 {left: 236px; width: 110px;   /* 236 + 110 + 3 */
				}
				li.ar4 {left: 349px; width: 110px;   /* 349 + 110 + 3 */
				}
				li.ar5 {left: 462px; width: 110px;   /* 462 + 110 + 3 */
				}
				li.ar6 {left: 575px; width: 110px;   /* 575 + 110 + 3 */
				}
		.subnav {position: relative; width: 700px; margin: 0px; padding: 0px;
		}
			ul.subnav li {position: absolute; top: 60px; margin: 0px; padding: 0px;
				list-style: none; text-align: left; line-height: 1em;
			}
			.subnav li a {padding: 2px; background-color: #FEFEFE; border: 1px solid #009966; display: block;
			font-size: 80%; text-align: center; color: #000;
 			}
			.subnav a:hover {background-color: #FFCC00; color: #000; border: 1px solid #009966;
	   	}
				li.subar1 {left: 10px; width: 110px;    /* 10 + 110 + 3  */
				}
				li.subar2 {left: 123px; width: 110px;   /* 118 + 110 + 3 */
				}
				li.subar3 {left: 236px; width: 110px;   /* 236 + 110 + 3 */
				}
				li.subar4 {left: 349px; width: 110px;   /* 349 + 110 + 3 */
				}
				li.subar5 {left: 462px; width: 110px;   /* 462 + 110 + 3 */
				}
				li.subar6 {left: 575px; width: 110px;   /* 575 + 110 + 3 */
				}
/* ********************************************** */
/* ** .corpo ** */
/* ********************************************** */
.corpo {clear: both;
}
/* ********************************************** */
/* ** #Percorso ** */
/* ********************************************** */
#Percorso p {margin: 0px; padding: 2px 0px 0px 0px;
	background-color: #FF5400;
}
/* ********************************************** */
/* ** .contenuto ** */	
/* ********************************************** */
.contenuto {float: left; width: 100%;
}
/* ********************************************** */
/* ** #Cuore ** */
/* ********************************************** */
#Cuore {width: 100%; padding-bottom: 10px; background-color: #FFFFFF;
	font-size: 95%; color: #000000;
	border: #CB1000 solid 2px ;
}
		#Cuore ul.punto li {line-height: 1.5em; text-align: left;
		}
		#Cuore ul.zero li {list-style: none; line-height: 1.5em; text-align: left;
		}
		#Cuore p:first-letter {font-size: 1.3em; 
		}
		.evi { font-weight: bold;
		}/*evidente*/
		.enfa {color: #4440F0; font-weight: bold; letter-spacing: .2em; line-height: 1.5em;
		}/*enfasi*/
		.firma {text-align: right; font-size: 88%;
		}/*firmato*/
		.torna {font-style: italic; text-align: right;
		}/*ritorno*/
		  .torna a {border: 1px groove #5E6E9E;  background-color: #FFFFCC; padding: 2px;
		  }/*ritorno link*/
		.ita { font-style: italic;
		}/*corsivo*/
		.centro {text-align: center; /*padding: 2px 0px 1px 0px;*/
		}/*centrato*/
		.centromini {text-align: center; font-size: 88%; padding: 20px 0px 2px 0px;
		}/*centrato*/
		.tito {font-size: 130%; font-weight: bold;
		}/*titoletto*/
		.sub {text-align: right; font-size: 88%; margin-top:50px; vertical-align: bottom;
		}/*firmato*/
		.postm {font-size:88%; text-align:center;}
		.qualcosa {text-align: center; line-height: 2em;}
		.mio {text-align: center; font-size: 90%; color: #AA0707; font-weight:bold;}
		.commentoda {text-align: center; font-size: 90%; color: #AA0707; font-weight:bold; text-decoration:underline;}
		.commento {text-align: center; font-size: 85%; color: #000000; }

/* ** #Lato ** */
#Lato {position: relative; right: 2px; width: 150px; margin: 4px 2px 3px 10px; float: right; 
	border: 1px solid #CB1000; font-size: 70%; padding: 0px;
}
		#Lato ul {padding: 0px; margin: 0px; list-style: none;}
			#Lato ul li {display: inline;}
			#Lato ul li a {background-color: #FFA500; padding: 5px 0px 0px 5px; display: block;
				color: #003B9C;	font-size: 115%; line-height: 1.5em; font-weight: normal; 
				text-decoration: none; text-align: left;}
			#Lato ul li a:hover {color: #FFFFFF; background-color: #003B9C;}
			#Lato a.attivo {background-color: #FCCB6F; color: #003B9C;}

/* ** #Piede ** */
#Piede {padding: 0px; margin-top: 0px;
	background-color: #FFA500;
	font-size: 95%; color: #000000; 
}
	#Piede p {margin-bottom: 0px;
	}
	#Piede a {padding: 3px; 
		font-size: 88%; text-align: center; color: #000000; border:none;
	}
	#Piede a:visited {color: #000000; 
	}
	#Piede a:hover {background-color: #FFCC00; color: #003B9C;
	}