/* CSS Document */
body{
	background-image:url(img/sfondo.JPG);
	margin:0;
	padding:0;
	}
#centrato{/*centra la pagina*/
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
	}
#contenitore{/*contenitore con ombra*/
	width:880px;
	height:auto;
	background-image:url(img/sfondosf.jpg);
	background-repeat:repeat-y;	
	}
	
/*stile link per tutto il sito*/
a:link,
a:visited{
	color:#FF6633;
	text-decoration:underline;
	}
a:hover{
	color:#FF9933;
	}		
	
/*intestazione sito*/
#testa{
	width:770px;
	height:110px;
	position:relative;
	left:-1px;
	background-image:url(img/sftesta.jpg);
	background-repeat:repeat-x;
	}
#testa .scritta{/*scritta immagine*/
	width:308px;
	height:75px;
	position:relative;
	float: left;
	left:10px;
	}
#testa .dedica{/*dedica a Meyer*/
	width:300px;
	height:20px;
	position:relative;
	float: left;
	top:65px;
	left:-260px;
	z-index:1;
	font-family:"Edwardian Script ITC";
	font-size:24px;
	font-weight:bold;
	color:#993300;
	}
#testa .foto{
	width:122px;
	height:95px;
	position:relative;
	float: left;
	left:-300px;
	/*top:-101px;*/
	}	
#testa .flag{
	width:160px;
	height:97px;
	float:right;
	position:relative;
	top:-95px;
	left:-10px;
	}
/*menu principale*/
#menu{
	height:33px;
	width:770px;	
	position:relative;	
	left:-1px;
	background-image:url(img/sftasto.JPG);
	background-repeat:repeat-x;
	}
#menu table{
	height:33px;
	width:770px;
	}
#menu td{
	border-left-style:double;
	border-left-width:2px;
	text-align:center;
	border-left-color:#990000;
	}
#menu .data{
	text-align:right;
	font-family:"Monotype Corsiva";
	font-size:18px;
	color:#CCCCCC;
	margin-right:5;
	}
#menu a:link,
#menu a:visited{
	font-family:"Monotype Corsiva";
	font-size:18px;
	text-decoration:none;
	text-shadow:#333333;
	color:#FFFFFF;
	}
#menu a:hover{
	color:#993300;
	}
#menu .corrente{
	color:#999999;
	}
	
/*corpo del sito*/
#corpo{
	width:750px;
	height:auto;
	position:relative;
	top:10px;
	}	
	
/*contatore visite*/
#counter{
	width:auto;
	height:auto;
	position:relative;
	top:30px;
	margin-bottom:15;
	}

#null{
	width:750px;
	height:100px;
	}

/*barra fine sito*/		
#coda{
	width:770px;
	height:70px;
	background-image:url(img/coda.jpg);
	background-repeat:repeat-x;
	font-family:"Monotype Corsiva";
	font-size:14px;
	color:#993300;
	position:relative;
	top:40px;
	left:-1px;
	}
#coda .testo{
	width:400px;
	height:20px;
	position:relative;
	top:5px;
	left:-200px;
	}
#coda img{
	border:none;
	}

/*webmaster*/
#wmaster{
	width:100px;
	height:20px;
	position:relative;
	top:-15px;
	left:300px;
	}
#wmaster img{
	border:none;
	}
	
#titolo_pag{
	font-family:"Monotype Corsiva";
	font-size:20px;
	text-align:center;
	}
#sub_tit_pag{
	font-family:"Monotype Corsiva";
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#993300;
	}
.testo_gen{
	font-family:"Monotype Corsiva";
	font-size:20px;
	text-align:left;
	color:#993300;
	margin-top:20px;
	}
		
/************/	
/*home page*/
.home{
	width:750px;
	height:auto;
	font-family:"Monotype Corsiva";
	font-size:20px;
	color:#993300;
	position:relative;
	}
.foto{
	width:755px;
	height:280px;
	position:relative;
	}
.fotosx{
	width:215px;
	height:224px;
	float:left;
	}
.fotoce{/*foto centrale*/
	width:320px;
	height:267px;
	float:left;
	position:relative;
	text-align: center;
	left:15px;
	}
.fotodx{
	width: 200px;
	height: 215px;
	float: left;
	position: relative;
}
.foto1{
	width:160px;
	height:224px;
	position:relative;
	left:15px;
	}
.foto2{
	width:130px;
	height:205px;
	/*z-index:1;*/
	}

.home .testo{/*testo descrizione*/
	width:300px;
	height:auto;
	position:relative;
	left:0px;
	}
.home .constr{/*temp anderconstruction*/
	width:auto;
	height:auto;
	position:relative;
	}	
.app{/*appuntamenti vari*/
	width:680px;
	height:200px;
	margin-bottom:30px;
	position:relative;
	top:30px;
	}
.app .testo{
	width:600px;
	height:auto;
	font-size:18px;
	color: black;
	text-align: justify;
	position: relative;
	padding-left: 3px;
	padding-right: 3px;
	}
.app .titap{
	width: 600px;
	height: 20px;
	font-size: 20px;
	position: relative;
	}
/*appuntamenti con barre scorrimento*/	
.apps{
	width:680px;
	height:200px;
	margin-bottom:30px;
	position:relative;
	top:60px;
	overflow: auto;
	}
.apps .testo{
	width:600px;
	height:auto;
	font-size:18px;
	color: black;
	text-align: justify;
	position: relative;
	padding-left: 3px;
	padding-right: 3px;
	}
.apps .titap{
	width: 600px;
	height: 20px;
	font-size: 20px;
	position: relative;
	}
	
.label{
	width: 600px;
	height: 20px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top:40px;	
}	
.eventi{
	width: 600px;
	height: auto;
	font-size: 20px;
	position: relative;
	top: 40px;
}
.eventi img{
	width: auto;
	height: auto;
	text-align: left;
	position: relative;
	margin-bottom:5px;
}
.eventi .titev{
	width: 600px;
	height: 20px;
	font-size: 20px;
	position: relative;	
}
.hiden{
	width: 600px;
	height: 10px;
	position: relative;
	clear: left;
}


.sfscroll{/*testo scorrevole*/
	width:391px;
	height:105px;
	background-image:url(../img/sfscroll.gif);
	background-repeat:no-repeat;
	position:relative;
	top:50px;
	}	
.txtscroll{
	width:389px;
	height:90px;
	font-size:18px;
	text-align:center;
	position:relative;
	top:5px;
	left:2px;
	}
/* striscia ultime foto */
#striscia{
	width: 550px;
	height: 120px;
	/*background-image: url(../img/striscia/sfondo.png);
	background-repeat: repeat-x;*/
	border-top: thin solid ActiveBorder;
	border-bottom: thin solid ActiveBorder;
}
#striscia img{
	width: auto;
	height: auto;
	position: relative;
	float: left;
	top: 15px;
	left: 100px;
	margin-left: 15px;
	border:0px;
}
/****************/
/*pagina Corsi*/
.corsi{
	width:750px;
	height:auto;
	font-family:"Baskerville Old Face";
	font-size:18px;
	color:#993300;
	position:relative;
	}
.corsi .titolo{
	position:relative;
	margin-bottom:20px;
	font-family:"Monotype Corsiva";
	}
.corsi .annuncio{
	width:650px;
	height:auto;
	position:relative;
	top:5px;
	text-align:left;
	margin-bottom:5px;
	margin-top:5px;
	}
.corsi .altro{
	width:650px;
	height:auto;
	position:relative;
	top:15px;
	text-align:left;
	margin-bottom:5px;
	margin-top:5px;
	}
.corsi .credit{
	width:650px;
	height:auto;
	position:relative;
	top:20px;
	font-size:16px;
	text-align:left;
	margin-bottom:5px;
	margin-top:5px
	}
/*tabella corsi*/
.tab_corsi{
	width: 700px;
	text-align: left;
}
.tab_corsi .intesta{
	font-weight: bold;
}
.tab_corsi .sep_int{
	border-bottom-color: #a52a2a;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.tab_corsi .sep{
	border-bottom-color: #a52a2a;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

	
/*Pagina musicalizador*/
.m_titolo{
	width:700px;
	height:155px;
	position:relative;
}
.m_titolo .foto{
	width:155px;
	height:150px;
	float:left;
	text-align:right;
	position:relative;
}
.m_titolo .tit{
	width:350px;
	height:50px;
	float:left;
	position:relative;
	left:-38px;
	top:20px;
	font-family:"Monotype Corsiva";
	font-weight:bold;
	font-size:40px;
	color:#993300;
}
.m_intro{
	width:740px;
	/*height:360px;*/
	position:relative;
	top:-30px;
	left:10px;
	font-family:"Monotype Corsiva";
	font-size:18px;
	text-align:center;
	color:#333333;
	clear:left;
	}
.m_note{
	width:740px;
	/*height:100px;*/
	margin-top:15px;
	position:relative;
	top:-20px;
	left:5px;
	font-family:"Monotype Corsiva";
	font-size:18px;
	color:#993300;
	text-align:justify;
}
.m_note .tit{
	text-align:center;
	font-weight:bold;
	}
.m_note .box{
	width:370px;
	height:100px;
	float:left;
	position:relative;
	top:-10px;
	left:10px;
}

/* impostazioni temporanee */
#lolli{
	width: 550px;
	height: 120px;
}
#lolli img{
	width: auto;
	height: auto;
	position: relative;
	float: left;
	top: 15px;
	left: 100px;
	margin-left: 15px;
	border:0px;
}