@charset "UTF-8";
/* CSS Document */

/*body {
	background-image:url(../img/home2009/bg-home.jpg);
	background-repeat:repeat-y;
	background-position:bottom;
}
*/

body {
	background-image:url(../img/home2009/bg-right.jpg);
  	background-repeat:repeat-x;
   	background-position:left bottom;
}

#wrapper-no-border-home {
   position: relative;
   text-align: left;
   width: 1040px;
   height:100%;
   margin:0 auto 0 auto;
   min-height:100%;
   background-color:#ffffff;
   background-image:url(../img/home2009/bg-home.jpg);
   background-repeat:no-repeat;
   background-position:left bottom;
}


/* ######################### PARTE SINISTRA ######################### */
#left {
	/*width:505px;*/
	width:398px;
	float:left;
	/*background-image:url(../img/home/bg-home.jpg);
	background-repeat:repeat-x;
	background-position:bottom;*/
	background-image:url(../img/home2009/bg-left.jpg);
	background-repeat:repeat-y;
	background-position:right;
	display:block;
	background-color:#ffffff;
}
#left .head {
	/*width:324px;*/
	width:400px;
	height:305px;
	margin:0px;
	background-color:#ffffff;
	background-image:url(../img/home/bg-rosone.jpg);
	background-repeat:no-repeat;
}
#left .head ul.loghi {
	padding:35px 0 0 38px;
	margin:0px;
	float:left;
}
#left .head ul.loghi li {
	list-style-type:none;
	float:left;
	margin:0 40px 5px 0;
}
#left .head ul.loghi2 {
	padding:0px 0 0 50px;
	margin:0px;
	float:left;
}
#left .head ul.loghi2 li {
	list-style-type:none;
	float:left;
	margin:0 40px 5px 0;
}
#left .head h1 {
	display:block;
	padding:0;
	margin:0;
}
#left .head h2 {
	display:block;
	padding:0;
	margin:0;
}
#left .head h1 span {
	display:none;
}
#left .head h2 span {
	display:none;
}
#left .head .title {
	width:362px;
	height:135px;
	display:block;
	float:left;
	padding:0;
	margin:0 0 0 0;
	background-image:url(../img/home/715-perdonanza-celestiniana.gif);
	background-repeat:no-repeat;
	background-position:38px 0;
}

#left #bottom {
	height:312px;
}

#left #bottom #menu .storytitle {
	display:block;
	width:315px;
	background-color:#e0e0e0;
	color:#5f5f38;
	text-decoration:none;
	padding:4px 0 4px 9px;
	margin:12px 0 0 38px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:15px;
}
#left #bottom #menu .citytitle {
	display:block;
	width:315px;
	background-color:#e0e0e0;
	color:#8f2113;
	text-decoration:none;
	padding:4px 0 4px 9px;
	margin:12px 0 0 38px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:15px;
}

#left #bottom #menu .storyimg {
	display:block;
	width:324px;
	height:39px;
	background-image:url(../img/home2009/img-story.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 38px;
}
#left #bottom #menu .cityimg {
	display:block;
	width:324px;
	height:39px;
	background-image:url(../img/home2009/img-city.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 38px;
}

#left #bottom #menu ul.menustory {
	width:324px;
	border-top:1px solid #cccccc;
	padding:0;
	margin:0 0 0 38px;
}
#left #bottom #menu ul.menustory li {
	list-style-type:none;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
}

#left #bottom #menu ul.menustory li a {
	display:block;
	color:#666666;
	text-decoration:none;
	padding:4px 0 4px 22px;
	background-image:url(../img/frecce/fr-gray.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}

#left #bottom #menu ul.menustory li a:hover, #left #bottom #menu ul.menustory li a:active {
	background-color:#c3c3a8;
	background-image:url(../img/frecce/fr-gray-r.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}

#left #bottom #menu ul.menucity {
	width:324px;
	border-top:1px solid #cccccc;
	padding:0;
	margin:0 0 0 38px;
}
#left #bottom #menu ul.menucity li {
	list-style-type:none;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
}

#left #bottom #menu ul.menucity li a {
	display:block;
	color:#666666;
	text-decoration:none;
	padding:4px 0 4px 22px;
	background-image:url(../img/frecce/fr-gray.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}

#left #bottom #menu ul.menucity li a:hover, #left #bottom #menu ul.menucity li a:active {
	background-color:#8f2113;
	color:#ffffff;
	background-image:url(../img/frecce2008/fr-bor.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}


#left #bottom span {
	width:324px;
	font-size:11px;
	display:block;
	margin:10px 0 0 38px;
	padding:4px 0 0 0;
	border-top:1px dotted #cccccc;
}
#left #bottom span a:link {
	text-decoration:underline;
}

#left #bottom span a:hover {
	text-decoration:none;
}


/* ######################### PARTE DESTRA ######################### */

#right {
	padding:0px;
	/*margin:0 0 0 505px;*/
	margin:0;
	/*height:800px;*/
	background-color:#ffffff;
	width:600px;
	/*background-image:url(../img/home2009/bg-right.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;*/
	float:left;
}

#right .head {
	height:440px;
	padding:0px;
	background-image:url(../img/home2009/immagine.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#right .head h1 {
	display:block;
	padding:0;
	margin:0;
}
#right .head h1 span {
	display:none;
}

#right h2 {
	width:490px;
	height:72px;
	background-image:url(../img/home2009/23-29-agosto.jpg);
	margin:0px;
	padding:0px
}

#right #left-column {
	width:560px;
	height:300px;
	margin:0 auto;
	padding:0;
}

#right #left-column #menuright {
	width:560px;
	background-color:none;
	margin:0;
	padding:0;
}

#right #left-column #menuright ul.menu {
	border-top:0px solid #cccccc;
	padding:0;
	margin:0;
	border-bottom:1px solid #cccccc;
}
#right #left-column #menuright ul.menu li.section {
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:0;
	margin:0;
	background-color:none;
	border-top:1px solid #cccccc;
	background-image:none;
	background-repeat:no-repeat;
	background-position:10px 8px;
}

#right #left-column #menuright ul.menu li.section span {
	display:block;
	color:#ffffff;
	text-decoration:#none;
	padding:4px 0 4px 22px;
	margin:0;
	background-color:#fb9f00;
	background-image:url(../img/frecce2009/fr-down-w-h.gif);
	background-repeat:no-repeat;
	background-position:10px 8px;
	height: auto !important;
	height: 15px;
	cursor:pointer;
}

#right #left-column #menuright ul.menu li.section ul.section-elements {
	padding:0px;
	margin:0 0 0 0;
	border-top:0px none;
	background-color:#ffffff;
}

#right #left-column #menuright ul.menu li.section ul.section-elements li {
	list-style-type:none;
	font-weight:bold;
	border-top:1px solid #cccccc;
	padding:0px;
	margin:0px;
	height: auto !important;
	height: 15px;
}

#right #left-column #menuright ul.menu li.section ul.section-elements li a {
	display:block;
	color:#666666;
	text-decoration:none;
	padding:4px 0 4px 33px;
	background-image:url(../img/frecce2009/fr-gray-h.gif);
	background-repeat:no-repeat;
	background-position:21px 8px;
	height: auto !important;
	height: 15px;
}

#right #left-column #menuright ul.menu li.section ul.section-elements li a:hover, #right #left-column #menuright ul.menu li.section ul.section-elements li a:active {
	color:#ffffff;
	background-color:#fea833;
	background-image:url(../img/frecce2009/fr-right-r.gif);
	background-repeat:no-repeat;
	background-position:21px 8px;
}



#right #left-column #menuright ul.menu li.section ul.section-elements li.current {
	color:#ffffff;
	background-color:#4d6186;
	background-image:url(../img/frecce/fr-gray2-r.gif);
	background-repeat:no-repeat;
	background-position:21px 8px;
}
#right #left-column #menuright ul.menu li.section ul.section-elements li.current a {
	color:#ffffff;
	background-color:#4d6186;
	background-image:url(../img/frecce/fr-gray2-r.gif);
	background-repeat:no-repeat;
	background-position:21px 8px;
}

#right #left-column #menuright ul.singlemenu {
	padding:0px;
	margin:0px;
	border-bottom:1px solid #cccccc;
}

#right #left-column #menuright ul.singlemenu li {
	list-style-type:none;
	font-weight:bold;
	border-top:1px solid #cccccc;
	padding:0px;
	margin:0px;
	height: auto !important;
	height: 15px;
}
#right #left-column #menuright ul.singlemenu li a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:4px 0 4px 12px;
	background-image:url(../img/frecce2008/fr-white-scuro.gif);
	background-repeat:no-repeat;
	background-position:4px 8px;
	height: auto !important;
	height: 15px;
}

#right #left-column ul.sponsor {
	padding:0;
	margin:40px 0 0 14px;
}
#right #left-column  ul.sponsor li {
	list-style-type:none;
	float:left;
	margin:0 8px 0 0;
}

#right #left-column  .celestiniano {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	background-color:#ebebeb;
	border:1px solid #aeaeae;
	padding:8px;
}
#right #left-column .celestiniano a {
	color:#003f74;
	text-decoration:underline;
}

.gallery-home {
	display:table;
	float:left;
	margin:5px 0 5px 5px;
	padding:3px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	width:154px;
	background-color:#ffffff;
	font-size:11px;
}

.banner-home {
	width:428px;
	height:155px;
	display:block;
	padding:0;
	margin:30px 0 0 38px;
}
.banner-home .banner-tutti {
	display:block;
	padding:3px;
	margin:2px 0 0 0;
	background-color:#ebebeb;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.banner-home .banner-tutti a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
}

.archive-home {
	display:block;
	padding:0;
	margin:10px 0 0 38px;
}

.archive-home a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
	padding:3px;
	width:324px;
	background-color:#ebebeb;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	display:block;
}

.footer-home {
   width:398px;
   margin:0 auto 0 40px;
   padding:20px 0 10px 0;
   display:block;
   clear:left;
}

.payoff {
	width:239px;
	height:77px;
	display:block;
	background-image:url(../img/home2009/payoff.gif);
}
ul.typology {
	padding:0px;
	margin:0px;
}
ul.typology li {
	list-style-type:none;
	padding:0px;
	margin:0 0 6px 7px;
	float:left;
}
ul.typology li a {
	display:block;
	width:107px;
	height:26px;
	text-decoration:none;
}
ul.typology li a.spiritualita {
	background-image:url(../img/home2009/typology/spiritualita.gif);
}
ul.typology li a.musica {
	background-image:url(../img/home2009/typology/musica.gif);
}
ul.typology li a.corteo {
	background-image:url(../img/home2009/typology/corteostorico.gif);
}
ul.typology li a.spettacoli {
	background-image:url(../img/home2009/typology/spettacoli.gif);
}
ul.typology li a.eventi {
	background-image:url(../img/home2009/typology/eventi.gif);
}
ul.typology li a.culti {
	background-image:url(../img/home2009/typology/culticulture.gif);
}

/* in primo piano */
#mask {
	clear:left;
	height:100px;
	margin:10px auto 5px;
	overflow:hidden;
	position:relative;
	width:351px;
}
#spazio {
	position:absolute;
}
.schedaevento {
	float: left;
	margin:0 0 10px 0;
	width:351px;
	background-color:#5a6586;
	height: 100px;
}
.buttons {
	line-height:100%;
	text-align:left;
}
.buttons span {
	color:#ffffff;
	cursor:pointer;
	font-size:200%;
}
.buttons span.active {
	color:#c0911f;
}