/*

Foglio di stile 7

Layout a 2 colonne con header e footer

header trasparente sezioni evidenziate nere



*/





/* STILI VALIDI PER TUTTO IL SITO */



	/* STILI DEI LINK */

	a img
		{
		border: 0;
		}


	/* FINE STILI DEI LINK */




	/* STILI COMUNI */




/* Body e immagine di sfondo */

body
	{
	padding: 0;
	margin: 0;
	background-repeat: repeat;
	height: 100%;
	}

#main
	{
	position: relative;
	margin-bottom: 70px;
	}

.header
	{
	min-height: 80px;
	margin-top: 0px;
	margin-left: 0px;
	display: inline;
	}
	
.inlogo
	{
	position: relative;
	display: inline;

	top: -30px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 30px;

	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	}
	
	
a.inlogo
	{
	position: relative;
	top: 0px;
	margin: 0;
	padding: 0;
	font-family: Georgia;
	color: #FFFFFF;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	}
	
a.inlogo:hover
	{
	text-decoration: underline;
	}
	
a.topright
	{
	margin-left: 30px;
	display: inline;
	font-family: Georgia;
	color: #000000;
	font-size: 16pt;
	text-decoration: none;
	}
	
a.topright:hover
	{
	text-decoration: underline;
	}

	/* FINE STILI COMUNI */



/* FINE STILI VALIDI PER TUTTO IL SITO */







/* STILI VALIDI SOLO PER L'HOMEPAGE */



/* STILI DEI LINK */


/* LINK ATTORNO ALL'ELLISSE */


a.fuochi:link	{
		font-family: Georgia;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: none;
		color: #000000;
		text-align: center;
}

a.fuochi:visited {
		font-family: Georgia;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: none;
		color: #000000;
		text-align: center;
}

a.fuochi:hover   {
		font-family: Georgia;
		font-size: 12pt;
		font-weight: bold;
		color: #000000;
		text-align: center;
		text-decoration: underline;
		letter-spacing: 1px;
}


/* FINE LINK ATTORNO ALL'ELLISSE */



/* Inizio blocco ellisse + link con immagine di sfondo centrale */



/*box ellisse*/

#box0
	{
	width: 622px;
	height: 333px;
	position: absolute;
	top:  200px;
	left: 50%;

	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 0 0 -311px;
	z-index: -1;
	}



/*box videoclip*/
#clip {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 10px;
	left: 440px;	
}

/*box demetrio*/
#demetrio {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 80px;
	left: 570px;
}

/*box testi e pretesti*/

/*
#write {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 150px;
	left: 610px;
}

*/

/*box pupazzi*/
#kraft {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 220px;
	left: 580px;
}

/*box microturismo*/
#micro {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 290px;
	left: 430px;
}

/*box video d'autore*/
#video {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 310px;
	left: 170px;
}


/*box testi e pretesti*/
#write {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 235px;
	left: -60px;	
}


/*box pittori&valori*/
#pv {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 150px;
	left: -40px;	
}


/*box formazione e dintorni*/
#form {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: 65px;
	left: -45px;	
}


/*box commedia dell'arte*/
#commedia {
	width: 200px;
	height: 50px;
	
	position: absolute;
	top: -20px;
	left: 180px;	
}




/*Fine blocco ellisse + link*/


/* FINE STILI VALIDI SOLO PER L'HOMEPAGE */
















/* STILI VALIDI SOLO PER LE SEZIONI */






/*Box per testo in movimento con scritta "Lavori in corso" */


#work
	{
	height:		100px;
	width:		500px;
	position: 	relative;
	margin-top:	200px;
	margin: 	auto;
	color:		#920c0b;
	font-size:	30pt;
	font-style:	oblique;
	}





/* Inizio blocco definizione di stile e impaginazione header + due colonne + FOOTER*/


/* stili dei link */



/* link interno "top" */

a.top
	{
	font-size: 9pt;
	color: #000000;
	}

a.top:link
	{
	text-decoration: none;
	}

a.top:visited
	{
	text-decoration: none;
	}

a.top:hover
	{
	text-decoration: underline;
	}





/* link navigazione principale */

a.navi
	{
	font-family: Georgia;
	color: #FFFFFF;
	}

a.navi:link
	{
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	}



a.navi:visited
	{
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	}



a.navi:hover
	{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	}
/* fine link navigazione principale */


/* link selezionato navigazione principale */

a.current
	{
	font-family: Georgia;
	}

a.current:link
	{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	}



a.current:visited
	{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	}


a.current:hover
	{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	}
/* fine link selezionato navigazione principale */



/* link navigazione secondaria */

a.left
	{
	font-family: Georgia;
	color: #000000;
	}

a.left:link
	{
	text-decoration: none;
	}



a.left:visited
	{
	text-decoration: none;
	}



a.left:hover
	{
	text-decoration: underline;
	}

/* fine link navigazione secondaria */




/* link footer */

a.footer
	{
	font-family: Georgia;
	color: #000000;
	text-decoration: underline;
	}
/* fine link footer */



/* fine stili dei link */




/* NAVIGAZIONE con link alle sezioni*/


#navi
	{
	width: 90%;
	margin: auto;
/*	background-color: #9A9998;*/
	min-height: 30px;
	text-align: center;
	}


ul.navi
	{
/*	background-color: #000000;*/
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #000000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	}

li.navi
	{
	color: #000000;
	display: inline;
	margin-left: 30px;
	margin-right: 30px;
	top: 30px;
	bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-weight: bold;
	}
	
	
div.navi
	{
	color: #000000;
	display: inline;
	margin-left: 30px;
	margin-right: 30px;
	top: 30px;
	bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-weight: bold;
	display: inline;
	}

/* evidenzia in maniera differente la sezione corrente */
li.current
	{
	font-family: Georgia;
	color: #FFFFFF;
	background-color: #000000;
	display: inline;
	margin-left: 30px;
	margin-right: 30px;
	top: 30px;
	bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-weight: bold;
	}
	
	
/* evidenzia in maniera differente la sezione corrente */
div.current
	{
	font-family: Georgia;
	color: #FFFFFF;
	background-color: #000000;
	display: inline;
	margin-left: 30px;
	margin-right: 30px;
	top: 30px;
	bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-weight: bold;
	display: inline;
	}




/* FINE NAVIGAZIONE con link alle sezioni*/









/* Colonna sinistra */

#left
	{
	margin-top: 10px;
	width: 250px;
	float: left;
	padding: 5px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #000000;
}



/* titolo left */
.titolo-left
	{
	width: 90%;
	margin: auto;
	margin-top: 20px;
	text-align: center;
	text-decoration: underline;
	font-size: 12pt;
	font-family: Georgia;
	font-weight: bold;
	}


/* elenco left */
.elenco-left
	{
	width: 85%;
	margin: auto;
	margin-top: 20px;
	text-align: center;
	font-size: 10pt;
	font-family: Georgia;
	}




/* Fine Colonna sinistra */


/* box elementi del menu */






/* Colonna destra - contenuto principale della pagina */

#right
	{
	margin-left: 230px;
	}






/* Titolo sezione */

#title
	{
	margin: auto;
	margin-top: 10px;
	font-size: 36pt;
	font-family: Georgia;
	text-align: center;
	color: #000000;
	}

/* sottotitolo sezione */
#sottotitolo
	{
	padding: 20px;
	width: 600px;
	font-size: 12pt;
	font-family: Georgia;
	color: #000000;
	padding: 10px;
	top: 40px;
	left: 50%;
	margin: auto;
	text-align: center;
	border-bottom-width: medium;
	border-bottom-color: black;
	border-bottom-style: solid;
	}


/* box per testo */
#testo
	{
	background-color: #FFFFFF;
	padding: 20px;
	width: 500px;
	font-size: 12pt;
	font-family: Georgia, "Times New Roman", serif;
	color: #000000;
	padding: 10px;
	top: 40px;
	left: 50%;
	margin: auto;
	text-align: justify;
	border-bottom-width: thin;
	border-bottom-color: black;
	border-bottom-style: solid;
	}

img.intext-left
	{
	float: left;
	padding: 20px;
	}

img.intext-right
	{
	float: right;
	padding: 20px;
	}


/* box container per video */
#videobox
	{
	top: 15px;
	position: relative;
	width: 80%;
	margin: auto;
	text-align: center;
	}

#mediaspace
	{
	position: relative;
	margin: auto;
	}
	
#player
	{
	display: block; width: 640px; height: 480px; margin: auto;
	}


/* titolo video */
#titolo
	{
	width: 90%;
	left: 50%;
	margin: auto;
	margin-top: 50px;
	text-align: center;
	font-size: 16pt;
	font-family: Georgia;
	}



/* thumbnail */
#anteprima
	{
	width:322px;
	margin: auto;
	text-align: center;
	}

/* per dimensionare in modo fisso l'immagine di anteprima */

img.thumb
	{
	width: 322px;
	}



/* descrizione video */
#descrizione
	{
	padding: 20px;
	font-size: 12pt;
	font-family: Georgia;
	color: #000000;
	padding: 10px;
	top: 40px;
	left: 50%;
	margin: auto;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-color: black;
	border-bottom-style: solid;
	}

/* fine box container video */


/* tabella nella pagina contatti */

table.contatti
	{
	position: relative;
	width: 500px;
	height: 300px;
	margin: auto;
	font-size: 16pt;
	font-family: Georgia;
	text-align: center;
	}
	
img.contatti
	{
	height: 100px;
	}
	
a.contatti
	{
	font-family: Georgia;
	font-size: 14pt;
	text-decoration: none;
	color: #000000;
	}
	
a.contatti:hover
	{
	text-decoration: underline;
	}



/* footer */


#footer
	{
	position: relative;
	margin: auto;
	bottom: 0;
	width: 100%;
	height: 70px;
/*	background-color: #000000;*/
	color: #000000;
	font-family: Georgia;
	font-size: 10pt;
	text-align: center;
	clear: left;
	}


/* fine footer */



/* footer homepage */


#footerhome
	{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
/*	background-color: #000000;*/
	color: #FFFFFF;
	font-family: Georgia;
	font-size: 10pt;
	text-align: center;
	clear: left;
	}


/* fine footer homepage */