body, html {margin:0; padding: 0; background: #C1C1C1; height:100%; }



/*home*/
#container {margin: 0px; background:url(images/fiori.gif) top left no-repeat #660000; height:100%; }
#logo{position:absolute; top:40px; right:50px;}
#menu{
	position:absolute;
	top:151px;
	right:55px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#fff;
	line-height:1.6em;
	letter-spacing:0.4em;
	width: 159px;
	height: 439px;
}
#contact{
	position:absolute;
	bottom:-1px;
	right:50px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#ccc;
	background: #660000;
	padding-left:20px;
	padding-bottom:50px
}
.title {position:relative; bottom:0; right:-0.4em; text-align:right;	letter-spacing: 0.6em;	font-size: 1.1em;	margin: 0 0 8px 0;	color: #fff;}

#menu a {color:#fff; text-decoration:none; padding-left:16px }
#menu a:hover {background: url(images/freccia.gif) no-repeat left;}
#contact .email {color:#ccc; text-decoration:none; position:relative; left:16px;}
#contact a {color:#ccc; text-decoration:none; padding-right:16px; position:relative; left:16px;}
#contact a:hover {color:#fff; background: url(images/freccia_dx.gif) no-repeat right;}

/*pagine livello II*/
#page {height:100%}
#page_3 {height:100%; background: url(images/freccia_dx.gif)}

#container_2{margin: 0px auto; width: 760px; height:100%; background:url(images/fiori_grey.gif) no-repeat top left;}

#container_3{margin: 0px auto; width: 760px; height:100%; }


#logo_2 {	position:relative;	top:40px;	width:204px;	left: 520px; }

#menu_2, #menu_2_basso { text-align:right; margin:24px auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:black; letter-spacing:1px; word-spacing:12px;}

#testo {margin:64px 220px; width:504px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; color:black; }

#testo a {color:black; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px;}
#testo a:hover {text-decoration:none; }



.link_attivo {background: url(images/freccia_02.gif) no-repeat left;}
#menu_2 a, #menu_2_basso a {	color:black;	text-decoration:none;	padding-left:12px;	text-transform: lowercase;}
#menu_2 a:hover, #menu_2_basso a:hover {background: url(images/freccia_03.gif) no-repeat left;}

.rodisio {color:#CC0001; font-weight:bold;}

.bold {font-weight:bold ;}

.piccolo {color:#333}

.underscore{color: #C1C1C1}

#testo p.spe{	margin:0 0 14px 0;}
#testo p.spe a {	color:black;	text-decoration:none;	 padding-right:16px;}
#testo p.spe a:hover { background: url(images/freccia_bk_dx.gif) no-repeat right;}
#testo .sotto {	color:#666;}
.sotto_2 {margin:-10px 0 10px 0; padding:0;}

#testo p.dir a {	color:black;	text-decoration:none;	padding-left:12px;	text-transform: lowercase;}
#testo p.dir a:hover {background: url(images/freccia_03.gif) no-repeat left;}

.titolo {font-size: 16px; font-weight:bold; margin-top:40px;}
.sottotitolo {font-size: 14px; font-weight:bold;}


/*pagine livello III - pagine singoli spettacoli, progetti */


#menu_sx {width: 180px;	text-align:right; float:left; position:absolute; top:40px;	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:black; letter-spacing:1px; }
#menu_sx p {margin:12px;}
#menu_sx img {margin:0 0 10px 0}
#menu_sx a {color:#000; text-decoration:none; padding-left:16px;}
#menu_sx a:hover {background: url(images/freccia_02.gif) no-repeat left;}

/*pop-up */
#pop-up {
	position:absolute;
	top:95px;
	left:66px;
	width:560px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:black;
	margin:20px 40px
}
#pop-up p img {border: 1px #333 solid; margin-bottom:6px;}

/*calendario*/
#calendario {margin:0 auto; width:460px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:black; padding-top:20px;}