/* Definizione dello sfondo della pagina */

body {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(sfondo4.jpg);
	margin: 0;
	padding: 0;
}

/* Definizione della pagina in primo piano, sulla quale si scrive */

.page {
	width: 850px;
	margin: 0px auto 10px auto;
	background-color: #FFFACD;
	color: Maroon;
	padding-bottom: 20px;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;

}

.menu {

	font-size: 20px;
	font-style: italic;
	
}
/* -------------------------- */
	#menuF{
		width:220px;
		margin:0px;
		background:url(menu_012_bg.jpg) repeat-y;
		background-image: url(sfondo3.gif);
		border-bottom:0px solid #d1d1d1;
	}
		#menuF ul{
			list-style:none;
			background:url(menu_012_top.jp) no-repeat;
			
		}
			#menuF li{
				width:250px;			
				list-style:none;
				display:block;
				margin:10px 0;
				line-height:33px;
				height:33px;				
			}
				#menuF li a{
					display:block;
					height:33px;
					text-transform:uppercase;
					font-size:12px;
					font-weight:bold;
					line-height:33px;
					padding:0 0 0 7px;
					text-decoration:none;
					color:black;
					cursor:pointer;
					
				}
				#menuF li a span{
					display:block;
					height:33px;
					line-height:33px;
					color:grey;					
				}
					#menuF li a:hover{
						display:block;
						background:url(menu_012_h_l.png) no-repeat left;
						height:33px;
						color:#500805;
					}
					#menuF li a:hover span{
						display:block;
						float:left;					
						background:url(menu_012_h_r.png) no-repeat right;
						color:#500805;
						height:33px;
					}
				#menuF li a.current, #menuF li a.current:hover{
					display:block;
					height:33px;
					color:#500805;
					text-transform:uppercase;
					font-size:16px;
					font-weight:bold;
					background:url(menu_012_c_l.png) no-repeat left;
					line-height:33px;
					padding:0 0 0 27px;
					text-decoration:none;
				}
				#menuF li a.current span, #menuF li a.current:hover span{					
					display:block;
					float:left;
					background:url(menu_012_c_r.png) no-repeat right;
					height:33px;
					color:#500805;
					line-height:33px;
					
				}
 /* -------------------------- */


/* Caratteristiche dei link contenuti nella barra del menù. Non cambiano colore se visitati */


a.menu:active, a.menu:link, a.menu:visited {
	
  text-decoration: none;
	color: white;
	padding-top: 550px;
  margin-top: 150px;
	
	

}

/* Evidenziazione dei link contenuti nella barra di menù in reverse al passaggio del mouse */

a.menu:hover {
	color: olive;
}




a.back:active, a.back:link, a.back:visited {
	
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  color: grey;

}

a.back:hover {
  
	color: olive;
}

a.musicisti:active, a.musicisti:link, a.musicisti:visited {
	
  text-decoration: none;
	color: grey;
	font-size: 12px;

}

/* Evidenziazione dei link contenuti nella barra di menù in reverse al passaggio del mouse */

a.musicisti:hover {
	color: olive;
}

/* Definizione dello stile delle intestazioni di pagina */

.intesta {

	text-align: center;
	background-color: #FFFACD;
	color: Maroon;
	font-size: 16px;
	display: block;
}

/* Stile delle foto dei componenti */

.foto {
	float: left;
	padding: 0px 10px 10px 0px;
}

/* Selettore generico per centrare elementi */

.centrato {
	text-align: center;
}

/* Stile del testo descrittivo */

.giustificato {
	
	
	text-align: justify;
	background-color: #FFFACD;
	color: Maroon;
	font-style: italic;
	font-size: 12px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: maroon;
	padding-left: 5px;
}

/* Stile delle musiche dei concerti e pezzi del repertorio*/

.giustificato2 {
	
	width: 250px;
	color: Maroon;
	font-size: 11px;
	text-align: left;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: grey;
	
}

.giustificato2b {
	
	
	color: Maroon;
	font-size: 11px;
	text-align: justify;
	
	padding: 10px 10px 10px 10px;
	
}

.giustificato3 {
	
	width: 250px;
	color: Maroon;
	font-size: 14px;
	text-align: left;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: grey;
	text-align: center;
	color: Maroon;
	font-style: italic;
	font-size: 12px;
	
}
.giustificato4 {
	
	width: 250px;
	color: olive;
	font-size: 14px;
	text-align: left;
	
}

/* Stile testo della data dei concerti */

.data {
	color: Maroon;
	font-size: 16px;
	margin-left: 50px;
	margin-right: 20px;
	margin-bottom: 5px;
}

/* Stile testo della data anno dei concerti */

.data2 {
	color: Maroon;
	font-size: 20px;
	text-align: center;
	font-style: inherit;
}
/* Stile nel repertorio */



/* Stile del top */

a.top:active, a.top:link, a.top:visited {
	
  text-decoration: none;
	color: grey;
	font-size: 12px;
	text-align: right;

}



a.top:hover {
	color: olive;
}


.paragrafo {
	color: Maroon;
	font-size: 22px;
	margin-left: 40px;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Selettore per definizione primo carattere del paragrafo */

.giustificato:first-letter {
	font-size: 140%;
}
/* Selettore per definizione primo carattere del paragrafo */

.giustificato3:first-letter {
	font-size: 140%;
}
.giustificato2b:first-letter {
	font-size: 140%;
}




/* Evidenziazione dei link contenuti nel testo in reverse al passaggio del mouse */

a.testo:active, a.testo:link, a.testo:visited {
	font-weight: italic;
	font-size: 15px;
	background-color: #FFFACD;
	color: Maroon;
	text-decoration: none;
}

/* Evidenziazione dei link contenuti nella barra di menù in reverse al passaggio del mouse */

a.testo:hover {
	color: Olive;
	background-color: #FFFACD;
}




/* Stile del logo piccolo */

.logosmall {
	text-align: left;
	margin-left: 10px;
}
/* Stile del logo strumenti */

.lettere {
	padding: 5px 5px 10px 5px;
	margin-left: 40px;
	margin-right: 40px;
	border: solid thin;
}

/* Elementi Flash */

#flashcontent {
	height: 650px;
}

/* Stile del copyright */


.copyright {

	width: 500px;
	margin: auto;
	font-size: 10px;
	color: maroon;
	text-align: center;
	border-top-color: grey;
	border-top-style: solid;
	border-top-width: thin;
	font-style: italic;
	font-weight: bold;
}

/* Evidenziazione dei link contenuti nel testo in reverse al passaggio del mouse */

a.copyright:active, a.copyright:link, a.copyright:visited {
	font-weight: bold;
  font-style: italic;
	font-size: 10px;
	color: Maroon;
	text-align: left;
	border-left-style: solid;
	border-left-color: grey;
	border-left-width: thin;
	border-top: none;
	padding-left: 5px;
}

/* Evidenziazione dei link contenuti nella barra di menù in reverse al passaggio del mouse */

a.copyright:hover {
	color: grey;
	background-color: #FFFACD;
}