/************** caratteristiche generali della pagina (body) ******/
body{
	margin: 0;
	font: Arial, Helvetica, sans-serif;
	color: #000000;
	behavior:url(csshover.htc); /*WinIE behavior call*/
	width: 100%;
	background: #000000;
}

body a{
	color: #000000;
}

/*************** titolo ********************************************/

#intestazione{
	width: 780px;
	height: 200px;
	background-image:url(immagini/log.jpg);
	background-repeat: no-repeat;
	border:1px solid #00C;
	position: relative;
	padding-left: 200px;
}

/************** piepagina ******************************************/
#piepagina{
	float: left;
	position: relative;
	height:30px;
	width: 775px;
	border:1px solid #00C;
	background-image: url(immagini/PiePagina.jpg);
}

/************** piepaginaPersonaggi ******************************************/
#piepaginaPersonaggi{
	float: left;
	position: relative;
	height:30px;
	width: 779px;
	border:1px solid #663300;
	background-image: url(immagini/piepagina/piepaginapersonaggi.gif);	
}


/************** piepaginaMissiom ******************************************/
#piepaginaMission{
	float: left;
	position: relative;
	height:30px;
	width: 779px;
	border:1px solid #663300;
	background-image: url(immagini/piepagina/piepaginamission.gif);	
}

/************** piepaginaSpettacoli ******************************************/
#piepaginaSpettacoli{
	float: left;
	position: relative;
	height:30px;
	width: 779px;
	border:1px solid #663300;
	background-image: url(immagini/piepagina/piepaginaspettacoli.gif);	
}

/************** piepaginacalendario ******************************************/
#piepaginaCalendario{
	float: left;
	position: relative;
	height:30px;
	width: 779px;
	border:1px solid #663300;
	background-image: url(immagini/piepagina/piepaginacalendario.gif);	
}

/************** piepaginaContatti ******************************************/
#piepaginaContatti{
	float: left;
	position: relative;
	height:30px;
	width: 779px;
	border:1px solid #663300;
	background-image: url(immagini/piepagina/PiePaginaContatti.gif);	
}
/************** piepaginaHome ******************************************/
#piepaginaHome{
	float: left;
	position: relative;
	height:30px;
	width: 779px;
	border:1px solid #663300;
	background-image: url(immagini/piepagina/piepaginahome.gif);	
}


/*****************percorsohome********************************************/
#percorsohome{
	width: 777px;
	height: 20px;
	color: white;
	background-image:url(immagini/percorsohome.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00C;
	border-left-color: #0033CC;
}

#percorsohome a{color: white;text-decoration : none }
#percorsohome A:HOVER {
color : #999999;
text-decoration : underline;
} 

.padding_percorsohome{
	padding: 0 0 0 5px;
	width: 779px;
}

/*****************percorsochisiamo********************************************/
#percorsochisiamo{
	width: 777px;
	height: 20px;
	color: white;
	background-image:url(chisiamo/foto/percorsochisiamo.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00C;
	border-left-color: #0033CC;
}

#percorsochisiamo a{color: white;text-decoration : none }
#percorsochisiamo A:HOVER {
color : #999999;
text-decoration : underline;
} 

.padding_percorsochisiamo {
	padding: 0 0 0 5px;
	width: 779px;
}

/*****************percorsomission********************************************/
#percorsomission {
	width: 777px;
	height: 20px;
	color: #FFFFFF;
	background-image:url(mission/immagini/percorsomission.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00C;
	border-left-color: #0033CC;
}

#percorsomission a{color: white;text-decoration : none }
#percorsomission A:HOVER {
color : #999999;
text-decoration : underline;
} 

.padding_percorsomission {
	padding: 0 0 0 5px;
	width: 779px;
}

/*****************percorsoSpettacoli********************************************/
#percorsoSpettacoli {
	width: 777px;
	height: 20px;
	color: white;
	background-image:url(spettacoli/immagini/percorsospettacoli.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00C;
	border-left-color: #0033CC;
}

#percorsoSpettacoli a{color: white;text-decoration : none }
#percorsoSpettacoli A:HOVER {
color : #999999;
text-decoration : underline;
} 

.padding_percorsoSpettacoli {
	padding: 0 0 0 5px;
	width: 779px;
}

/*****************percorsoIniziative********************************************/
#percorsoIniziative {
	width: 777px;
	height: 20px;
	color: white;
	background-image:url(iniziative/immagini/percorsoiniziative.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00C;
	border-left-color: #0033CC;
}

#percorsoIniziative a{color: white;text-decoration : none }
#percorsoIniziative A:HOVER {
color : #999999;
text-decoration : underline;
} 

.padding_percorsoIniziative {
	padding: 0 0 0 5px;
	width: 779px;
}

/*****************percorsoPersonaggi********************************************/
#percorsoPersonaggi {
	width: 777px;
	height: 20px;
	color:#663300;
	background-image:url(personaggi/Immagini/percorsopersonaggi.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00C;
	border-left-color: #0033CC;
}

#percorsoPersonaggi a{color:#663300;text-decoration : none }
#percorsoPersonaggi A:HOVER {
color:#663300;
text-decoration : underline;
} 

.padding_percorsoPersonaggi {
	padding: 0 0 0 5px;
	width: 779px;
	color:#663300;
}

/*****************percorsoContatti********************************************/
#percorsoContatti {
	width: 777px;
	height: 20px;
	color: white;
	background-image:url(contatti/immagini/percorsocontatti.jpg);
	background-repeat: repeat-x;
	padding-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00C;
	border-left-color: #0033CC;
}

#percorsoContatti a{color: white;text-decoration : none }
#percorsoContatti A:HOVER {
color : #999999;
text-decoration : underline;
} 

.padding_percorsoContatti {
	padding: 0 0 0 5px;
	width: 779px;
}


/*************** navigation ********************************************/
div#navigation{
	width: 755px;
	height: 20px;

0;1;
	padding-left: 21px;
	background-color: #FF66CC ;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #00C;
	border-left-color: #00C;
}

div#navigation ul{
text-align:center;
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
}

div#navigation li{
display: inline;
margin: 0;
padding:0;
}

div#navigation li a{
	text-decoration: none;
	padding: 0px 0.3em;
	background: #FF66CC;
	color: #036;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
    
div#navigation li a:hover{
background-color: #f0f0f0;
}

div#navigation li#activelink a{
background-color: #CCCCCC; 
border-bottom: 1px solid #f0f0f0; 
color: #666666;
}


/*************** corpo ********************************************/

#corpo{
	width: 779px;
	position: relative;
	display:block;
	float: left;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	border-left-width: thin;
	background-color: #EEE;
	background-repeat: no-repeat;
	padding: 0 0 0 2px;
}

/*************** corpoChiSiamo********************************************/

#corpoChiSiamo{
	width: 779px;
	position: relative;
	display:block;
	float: left;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	border-left-width: thin;
	background-color: #FFE1E1;
	background-repeat: no-repeat;
	padding: 0 0 0 2px;
	
}

/*************** corpoMission********************************************/

#corpoMission{
	width: 779px;
	position: relative;
	display:block;
	float: left;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	border-left-width: thin;
	background-color: #D2ECFF;
	background-repeat: no-repeat;
	padding: 20 0 0 2px;
}


/*************** corpoSpettacoli********************************************/

#corpoSpettacoli{
	width: 779px;
	position: relative;
	display:block;
	float: left;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	border-left-width: thin;
	background-color: #CEFFEF;
	background-repeat: no-repeat;
	padding: 0 0 0 2px;
}


/*************** corpoCalendario********************************************/

#corpoCalendario{
	width: 779px;
	position: relative;
	display:block;
	float: left;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	border-left-width: thin;
	background-color: #E1D2FF;
	background-repeat: no-repeat;
	padding: 0 0 0 2px;
	color: #000000;
}


/*************** corpoPersonaggi********************************************/

#corpoPersonaggi{
	width: 779px;
	position: relative;
	display:block;
	float: left;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
	border-left-width: thin;
	background-color: #FFFFD7;
	background-repeat: no-repeat;
	padding: 0 0 0 2px;
}



/************* menu di sinistra CHI SIAMO**********************************/
#menuChiSiamo{
	display:block;
	position: relative;
	float: left;
	width: 100px;
	
	margin: 0;/*10px 0px 10px 5px;*/
	/*height: 440px;*/
border-right: 1px solid #FF9999;
	font-style: normal;
	color: #004080;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color:#FF9999;
}

#menuChiSiamo ul{
margin: 0 ;
display: block;
padding: 10px 0 0 0;
}

#menuChiSiamo li{
position: relative;
display: block;
margin: 0;
padding: 2px 0 0 2px;
border-bottom: 1px solid #CCC;
list-style: none;
}

#menuChiSiamo img{
margin-right: 70px;
}
div#menuChiSiamo>ul a{width:auto;} /* per compatibilità con IE */
#menuChiSiamo li a{text-decoration: none; display: block; width:100%; text-align: left; padding: 0 0 0 10px;}
#menuChiSiamo li a:hover{ background: #CCC; color: white;}

/************* menu di sinistra Mission**********************************/
#menuMission{
	display:block;
	position: relative;
	float: left;
	width: 100px;
	
	margin: 0;/*10px 0px 10px 5px;*/
	/*height: 440px;*/
border-right: 1px solid #3399FF;
	font-style: normal;
	color: #004080;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #3399FF;
}

#menuMission ul{
margin: 0 ;
display: block;
padding: 10px 0 0 0;
}

#menuMission li{
position: relative;
display: block;
margin: 0;
padding: 2px 0 0 2px;
border-bottom: 1px solid #CCC;
list-style: none;
}

#menuMission img{
margin-right: 70px;
}
div#menuMission>ul a{width:auto;} /* per compatibilità con IE */
#menuMission li a{text-decoration: none; display: block; width:100%; text-align: left; padding: 0 0 0 10px;}
#menuMission li a:hover{ background: #CCC; color: white;}


/************* menu di sinistra Spettacoli**********************************/
#menuSpettacoli{
	display:block;
	position: relative;
	float: left;
	width: 100px;
	
	margin: 0;/*10px 0px 10px 5px;*/
	/*height: 440px;*/
border-right: 1px solid #339999;
	font-style: normal;
	color: #004080;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #339999;
}

#menuSpettacoli ul{
margin: 0 ;
display: block;
padding: 10px 0 0 0;
}

#menuSpettacoli li{
position: relative;
display: block;
margin: 0;
padding: 2px 0 0 2px;
border-bottom: 1px solid #CCC;
list-style: none;
}

#menuSpettacoli img{
margin-right: 70px;
}
div#menuSpettacoli>ul a{width:auto;} /* per compatibilità con IE */
#menuSpettacoli li a{text-decoration: none; display: block; width:100%; text-align: left; padding: 0 0 0 10px;}
#menuSpettacoli li a:hover{ background: #CCC; color: white;}

/************* menu di sinistra Calendario**********************************/
#menuCalendario{
	display:block;
	position: relative;
	float: left;
	width: 100px;
	
	margin: 0;/*10px 0px 10px 5px;*/
	/*height: 440px;*/
border-right: 1px solid #9933FF;
	font-style: normal;
	color: #004080;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #9933FF;
}

#menuCalendario ul{
margin: 0 ;
display: block;
padding: 10px 0 0 0;
}

#menuCalendario li{
position: relative;
display: block;
margin: 0;
padding: 2px 0 0 2px;
border-bottom: 1px solid #CCC;
list-style: none;
}

#menuCalendario img{
margin-right: 70px;
}
div#menuCalendario>ul a{width:auto;} /* per compatibilità con IE */
#menuCalendario li a{text-decoration: none; display: block; width:100%; text-align: left; padding: 0 0 0 10px;}
#menuCalendario li a:hover{ background: #CCC; color: white;}

/************* menu di sinistra Personaggi**********************************/
#menuPersonaggi{
	display:block;
	position: relative;
	float: left;
	width: 100px;
	
	margin: 0;/*10px 0px 10px 5px;*/
	/*height: 440px;*/
border-right: 1px solid #FFCC00;
	font-style: normal;
	color: #004080;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #FFCC00;
}

#menuPersonaggi ul{
margin: 0 ;
display: block;
padding: 10px 0 0 0;
}

#menuPersonaggi li{
position: relative;
display: block;
margin: 0;
padding: 2px 0 0 2px;
border-bottom: 1px solid #CCC;
list-style: none;
}

#menuPersonaggi img{
margin-right: 70px;
}
div#menuPersonaggi>ul a{width:auto;} /* per compatibilità con IE */
#menuPersonaggi li a{text-decoration: none; display: block; width:100%; text-align: left; padding: 0 0 0 10px;}
#menuPersonaggi li a:hover{ background: #CCC; color: white;}

/************** centrare il testo **********************************/
.centrato{ text-align: center;}
.bordosotto{position: relative; border: 1px solid #007;
text-align: center;}

/************** piepagina ******************************************/
#piepagina{
	float: left;
	display: block;
	position: relative;
	height:29px;
	width: 775px;
	background-repeat: repeat-x;
	border:1px solid #00C;
	background-image: url(contatti/immagini/piepagina.gif);
}


/************** piepaginaChiSiamo ******************************************/
#piepaginaChiSiamo{
	float: left;
	display: block;
	position: relative;
	height:29px;
	width: 778px;
	background-repeat: repeat-x;
	border:1px solid #00C;
	background-image: url(immagini/piepagina/piepaginachisiamo.gif);
}

/************** piepaginaMission ******************************************/
#piepaginaMission{
	float: left;
	display: block;
	position: relative;
	height:29px;
	width: 778px;
	background-repeat: repeat-x;
	border:1px solid #00C;
	background-image: url(immagini/piepagina/piepaginamission.gif);
}

/**************** blocco di testo (txt) ****************************/

.testo{
position: relative;
width: 628px;
display: block;
float: left;
padding: 0 0 0 5px;

}

.testo p{
padding: 0 0 0 5px;
}

.intestazione{
border-bottom: 1px solid black;
text-align: center;
}

/***************** testo_immagini *********************************/
.testoimg{
display: block;
position: relative;
width:100%;
float: left;
padding: 0 0 0 5px;


}

.testoimg img{
float: right;
margin: 0 0 0 10px;
position: relative;
}



/***************************indici animati ******************/
    
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(immagini/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(immagini/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

/*******************/