html, body { height: 100% }
table, div, form, img, hr, a { margin:0px; padding:0px; border:0px; }

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(/web/images/varie/sfondo.jpg); background-position:top center; background-color:#E2CEB3; background-repeat:no-repeat; font-family:"Quattrocento Sans", sans-serif }

a.info:link { COLOR: #887d69; font-weight:normal; TEXT-DECORATION: none; }
a.info:visited { COLOR: #887d69; TEXT-DECORATION: none; }
a.info:active { COLOR: #887d69;  TEXT-DECORATION: none; }
a.info:hover { COLOR: #35281e; TEXT-DECORATION: underline; }

#main { width:100%; height:100%; }
/*c4b9a7 */

#content { width:890px; height:auto; overflow:hidden; background-color:#c4b9a7;    -webkit-box-shadow: 0px 5px 25px 0px #35281e; -moz-box-shadow: 0px 5px 25px 0px #35281e; box-shadow: 0px 5px 25px 0px #35281e; margin:0 auto; border: #FFF solid 1px; background-position:left bottom; background-repeat:no-repeat; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; behavior: url(/ie-css3.htc); }

.sfondo1 { background-image:url(web/images/menu/menu-sfondo1.jpg);}
.sfondo2 { background-image:url(web/images/menu/menu-sfondo2.jpg);}
.sfondo3 { background-image:url(web/images/menu/menu-sfondo3.jpg);}
.sfondo4 { background-image:url(web/images/menu/menu-sfondo4.jpg);}
.sfondo5 { background-image:url(web/images/menu/menu-sfondo5.jpg);}

#titoloSito { width:890px; height:80px; margin:0 auto; background:url(web/images/varie/titolo.png); }
#bottom { width:890px; margin:0 auto; font-size:12px; padding:20px 0px 50px; text-align:center; color:#FFFFFF; text-shadow:1px 1px 1px #2f2024;  }
#titolo { background:url(web/images/varie/titolo-linea.jpg) no-repeat bottom right; }
#menu { width:370px; float:left; margin-top:30px; }

#menu ul{  list-style:none;margin:0; padding:0px; }
#menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; font-family:"Alegreya SC",Georgia, "Times New Roman", Times, serif; font-size:24px; }
#menu li a{text-align:left;height:40px; padding:0px 25px;  color:#322c20; display:block;  text-decoration:none;}
#menu li a:hover{ color:#FFF;}
#menu li a.active, .menu li a.active:hover{color:#fff;}
#menu li a span{line-height:40px;}

#testoContenuto { width:470px; min-height:600px;background-color:#FFFFFF; float:right; padding:30px 20px 30px 30px; font-family:"Quattrocento Sans", sans-serif; font-size:15px; color:#887d69; line-height:24px;  } 
#testo { clear: both; } 

#citazione {  font-family:"Tangerine", sans-serif; font-size:22px; color:#35281e; line-height:30px; text-align:right; margin-top:30px; } 
#titoloPagina { font-family:"Alegreya SC",Georgia, "Times New Roman", Times, serif; font-size:25px; color:#35281e; margin-bottom:30px; padding-bottom:5px;  background-image:url(web/images/varie/titolo-linea.jpg); background-position:bottom right; background-repeat:no-repeat; background-size:contain; float:left; padding-right:10px; } 
#titoloPaginaLungo { font-family:"Alegreya SC",Georgia, "Times New Roman", Times, serif; font-size:25px; color:#35281e; margin-bottom:30px; padding-bottom:5px;  background-image:url(web/images/varie/titolo-lineaLunga.jpg); background-position:bottom right; background-repeat:no-repeat; background-size:contain; float:left; padding-right:10px; } 
#ornamento { height:41px; width:19px;  background-image:url(web/images/varie/titolo-decoro.jpg); background-repeat:no-repeat; float:left; margin-top:-11px}
.titolo { font-family:"Alegreya SC",Georgia, "Times New Roman", Times, serif; font-size:18px; color:#35281e; margin:10px 0px; } 
.puntoMenu { background-image:none; background-position:left center; background-repeat:no-repeat; padding-left:20px;}
.puntoMenuMar { background-image:url(web/images/varie/puntoElencoMar.png); background-position:left center; background-repeat:no-repeat;padding-left:20px;}
.testomini { font-size:11px;}

label, input, textarea { /* Stili comuni agli elementi del form */
    margin: 5px 0; /* Margini */
}
label { /* Stili per la label */
    display: block; /* Impostiamo la label come elemento blocco */
    width: 120px; /* Larghezza */
}
 
input, textarea { /* Stili per il campo di testo e per la textarea */
    background: #fff; /* Colore di sfondo */
    border: 1px solid #887d69; /* Bordo */
	border-color:#887d69;
    color: #887d69; /* Colore del testo */
    height: 30px; /* Altezza */
	font-size:12px;
    line-height: 12px; /* Altezza di riga */
    width: 300px; /* Larghezza */
    padding: 0 10px; /* Padding */
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}
 
input { 
	padding-left: 10px;
	border: 1px solid #887d69; /* Bordo */
}
 
textarea { /* Stili specifici per la teaxtarea */
	padding:10px;
    height: 200px;
    width: 440px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
	resize:none;
}

input[type="submit"]{ padding-left: 20px; padding-right:20px; width:auto; }
input[type="submit"]:hover{ padding-left: 20px; padding-right:20px; width:auto; background-color:#887d69; color:#fff; }

/* all */
::-webkit-input-placeholder  { font-style:italic; }
input:-moz-placeholder { font-style:italic;  }
audio { width: 150px; display: block; margin:20px; }

.strumenti { border:#666 solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/ie-css3.htc); margin:15px 0px; padding:10px; color:#35281e; }
	
	.strumenti1 { background-image:url(web/images/stumenti/strumento-tastiera.jpg); background-position:top; background-repeat:no-repeat;}
	.strumenti2 { background-image:url(web/images/stumenti/strumento-organo.jpg); background-position:top; background-repeat:no-repeat;}
	.strumenti3 { background-image:url(web/images/stumenti/strumento-quartetto.jpg); background-position:top; background-repeat:no-repeat;}
	.strumenti4 { background-image:url(web/images/stumenti/strumento-fisarmonica.jpg); background-position:top; background-repeat:no-repeat;}
	.strumenti5 { background-image:url(web/images/stumenti/strumento-violino.jpg); background-position:top; background-repeat:no-repeat;}				
	.strumenti6 { background-image:url(web/images/stumenti/strumento-violinoarpa.jpg); background-position:top; background-repeat:no-repeat;}
	.strumenti7 { background-image:url(web/images/stumenti/strumento-arpa.jpg); background-position:top; background-repeat:no-repeat;}
	.strumenti8 { background-image:url(web/images/stumenti/strumento-organoviolino.jpg); background-position:top; background-repeat:no-repeat;}