body
{
	background-color: #fafae1;
	font-style: normal;
	font-family: "Times New Roman", serif;
	color: #600;
	font-size: 16px;
	font-weight: normal;
	line-height: 120%;
	text-align: justify;
	text-decoration: none;
	margin: 0px auto 0px auto;
	width: 1000px;
	padding: 0px;
}

p
{
	background-color: transparent;
	vertical-align: top;
	font-style: normal;
	font-family: "Times New Roman", serif;
	color: #600;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
	margin: 0;
	padding: 0px;
}

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav + *{
	clear: left;
}

#nav ul {
	padding: 3px;
	margin:0;
	list-style: none;
	z-index:99;
	position:relative;
	overflow:visible;
}

#nav > li ul {
	text-align: left;
}
#nav li
{
	/* Appearance settings (eye candy) */
	position: relative;
	/*	background: url(trans/white80.png);*/
	color: #300;
	font-family: Helvetica, Arial, sans-serif;
	height: auto;
	width: auto;
	overflow: visible;
	background-color: #CFF;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 110%;
	border-width: 1px 1px 1px 1px;
	border-color: #300;
	border-style: solid;
	max-width: 14em;
}
#nav ul ul {
	width: auto;
}
#nav > li {
	margin: 0;
	float: left;
	text-align: center;
	height: 1.6em;
}


#nav a {
	text-decoration: none;
	padding: 0 0.5em;
	line-height: 1.6em;
	background: transparent;
	color: inherit;
	overflow: hidden;
}
#nav li li a {
	line-height: normal;
	padding: 0.25em 0.5em;
}

#nav ul, #nav li, #nav a{
	display: block;
}


#nav ul{
	visibility: hidden;
}



/* (sub-)submenus */
#nav ul ul, #nav ul ul ul{
	position:absolute;
	top: 0;
	left: 95%;
	visibility: hidden;
}



/* Shadow! */

#nav li:hover
{
	/*	border-style: outset;*/
	/*	background: #D7D7D7;*/
	color: #CFF;
	background-color: #300;
}
#nav > li ul {
/*	background: #666;*/
	background: transparent url("trans/black40.png");
}
#nav > li > ul {
	margin: -1px;  /* This is to make the width equal to parent li width. */
	position: relative;
	top:  4px;
	left: 4px;
}
#nav > li ul li {
	position: relative;
	top:  -4px;
	left: -4px;
}
/* end shadow */


/* Enlarger */
/* #nav > li {width: 8em;} */ /* popping disappears if we use a fixed-width */
#nav > li:hover {
	margin: -0.2em;
	padding: 0.2em;
	z-index: 2;  /* Opera does not seem to respect this. */
}
#nav > li:hover > a {
	margin: -0.2em;
	padding: 0.2em 0.7em;
}
/* end enlarger */


/* Interactive lines: show/hide menus */
#nav li:hover ul ul, #nav li:hover ul ul ul{
	visibility: hidden;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
	visibility: visible;
}

.skipnav {
	display: none;
}

#nonav {
	display: block;
	background: transparent;
	height: 1px;
	border: 0;
	margin: 0 0 -1px 0;
	padding: 0;
}

.red_span
{
	color: #C00;
}

a:link
{
	color: #C00;
	text-decoration: none;
}

a:visited
{
	color: #C00;
	text-decoration: none;
}

a:hover
{
	color: #C00;
	cursor: pointer;
	text-decoration: underline;
}

a:active
{
	color: #C00;
	text-decoration: none;
}

.flautosita2
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	padding: 0px;
	color: #600;
	background-color: transparent;
	margin: 4px 0px 3px 0px;
	float: left;
}

.audio_icon
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	padding: 0px;
	color: #600;
	background-color: transparent;
	margin: 4px 0px 3px 0px;
	float: right;
}

.versione
{
	color: #006;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-align: right;
	float: right;
	margin-top: 3px;
}

.minuscolo { text-transform: lowercase; }
.maiuscolo { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.maiuscoletto
{
	text-transform: capitalize;
	font-variant: small-caps;
}

h1
{
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 36px;
	color: #600;
	background-color: none;
	text-align: center;
	margin-top: 0;
	margin-bottom: 18pt;
	text-transform: uppercase;
}
 
h2
{
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 24px;
	color: #600;
	background-color: none;
	text-align: center;
	margin-top: 0;
	margin-bottom: 18pt;
	text-transform: uppercase;
}
 
h3
{
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 18px;
	color: #600;
	text-align: center;
	line-height: 120%;
	margin-left: 80px;
	margin-right: 80px;
    margin-bottom: 0pt;
	text-transform: uppercase;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #C00000;
	margin: 24px auto 24px auto;
	text-align: center;
	font-weight: bold;
}

h5
{
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 14px;
	color: #600;
	text-align: center;
	line-height: 120%;
	text-transform: uppercase;
}

.logo
{
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.login
{
	background-image: url(http://www.gardane.info/gardane_immagini/sfondo_10.png);
	background-repeat: repeat-y;
	background-color: Transparent;
	width: 1000px;
	height: auto;
	display: block;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 9px;
	margin: 0px auto 9px auto;
}

.centro
{
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 14px;
	color: #600;
	text-align: center;
	line-height: 120%;
	text-transform: uppercase;
	font-style: normal;
	margin: 6px 0px 0px 0px;
	padding: 0;
}

.sottotitolo
{
	text-align: center;
	font-family: "Times New Roman", serif;
	color: #C00;
	font-size: 18px;
	line-height: 120%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 90px;
}

div img
{
	display: block;
	margin: 36px auto 24px auto;
}

.testo_comune
{
	font-family: "Times New Roman", serif;
	font-style: normal;
	line-height: 120%;
	font-size: 18px;
	text-align: justify;
	margin: 0px 0px 9px 0px;
}

.testo_comune_li
{
	font-family: "Times New Roman", serif;
	font-size: 18px;
	text-align: justify;
	line-height: 120%;
	margin: 0px 0px 0px 0px;
}

.livelli
{
	font-family: "Times New Roman", serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	line-height: 22px;
	padding: 0px;
	color: #600;
	background-color: transparent;
	vertical-align: text-top;
}

.cognome_compositore
{
	text-transform: uppercase;
}

.tabellaflautodolce1
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #ffe5cb;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}
.tabellaflautodolce1 a { color: #006; }
.tabellaflautodolce1 a:link { color: #006; }
.tabellaflautodolce1 a:hover { color: #C00; }


.tabellaflautodolce2
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #FFD5A5;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}
.tabellaflautodolce2 a { color: #006; }
.tabellaflautodolce2 a:link { color: #006; }
.tabellaflautodolce2 a:hover { color: #C00; }

.tabellabicinium1
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #87faf9;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}

.tabellabicinium2
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #ccfaf9;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}

.tabellaetcetera1
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #d4facc;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}

.tabellaetcetera2
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #a9fb99;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}

.tabellaalive1
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #FFF;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}

.tabellaalive2
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #e9e9e9;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}

.gardanecompositori
{
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	text-transform: none;
	color: #600;
	margin: 9px 0px 18px 0px;
}

.gardane_schedecompositori
{
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	color: #600;
	margin: 18px 0px 18px 0px;
}

.gardaneimpaginazione
{
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	color: #330066;
	margin: 6px 0px 6px 0px;
}

.tabellalfabetica
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background-color: #FFCC99;
	line-height: normal;
	padding: 2px 6px 2px 6px;
	vertical-align: text-top;
}

.tabellalfabetica a { color: #006; }
.tabellalfabetica a:link { color: #006; }
.tabellalfabetica a:hover { color: #C00; }

.titolo_opera_compositore
{
	font-weight: bold;
	text-align: justify;
	font-size: 24px;
	text-transform: none;
	color: #600;
	margin: 12px auto 6px auto;
	line-height: 130%;
	width: 800px;
}

.tabellafonte
{
	font-family: "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	line-height: 120%;
	vertical-align: text-top;
	padding: 0px;
	color: #600;
	background-color: transparent;
	margin: 3px 0px 1px 0px;
}

.titolo_raccolta
{
	font-family: "Times New Roman", serif;
	font-size: 20px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	line-height: 120%;
	padding: 0px;
	color: #600;
	background-color: transparent;
	margin: 0px auto 9px auto;
	max-width: 100%;
}

.handcursor
{
	cursor: pointer;
	color: #C00;
	font-family: Helvetica, verdana;
	font-size: 18px;
	font-weight: bold;
	margin: 12px 0px 15px 0px;
	text-align: center;
	text-transform: uppercase;
}

.titolotabella
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFCC;
	background-color: #660000;
	padding: 4px 0px 2px 0px;
	margin: 0;
	line-height: normal;
}

.biblio_impaginazione
{
	font-family: "Times New Roman", serif;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	color: #330066;
	margin: 6px 0px 4px 0px;
}

.impaginazione
{
	font-family: "Times New Roman", serif;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #306;
	margin: 0px 0px 12px 0px;
}

.testotabellaraccolte1
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #ffe5cb;
	line-height: 19px;
	padding: 5px 10px 5px 10px;
	vertical-align: text-top;
}
.testotabellaraccolte1 a { color: #006; }
.testotabellaraccolte1 a:link { color: #006; }
.testotabellaraccolte1 a:hover { color: #C00; }

.testotabellaraccolte2
{
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	text-transform: none;
	background-color: #FFD5A5;
	line-height: 19px;
	vertical-align: text-top;
	padding: 5px 10px 5px 10px;
}
.testotabellaraccolte2 a { color: #006; }
.testotabellaraccolte2 a:link { color: #006; }
.testotabellaraccolte2 a:hover { color: #C00; }

.scadenza2
{
	font-weight: bold;
	color: #600;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	background-color: #FFFFCC;
	margin-top: 3px;
	padding: 0px 0px 0px 3px;
	width: auto;
}

.trascrizione_completa {
	font-weight: bold;
	color: #600;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	background-color: #FFFFCC;
	padding: 3px 0px 0px 3px;
	width: auto;
	text-align: center;
	border-top: 0px none;
}