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

html {
	min-height: 100%;
	height:auto;
	vertical-align:top;
}


body {
	/*background-image:url(../img/home/bg-home.jpg);
	background-position:bottom;
	background-repeat:repeat-x;*/
	height:100%;
	vertical-align:top;
	background-color:#a7a78a;
}

.path {
	color:#a7a78a;
	border-bottom:1px dotted #cccccc;
	padding:0 0 8px 0;
}
.path a {
	color:#333333;
}
.path a:hover, .path a:active {
	color:#a7a78a;
	text-decoration:none;
}



/* ######################### PARTE SINISTRA ######################### */
.left-celestino {
	width:192px;
	height:620px;
	float:left;
	background-image:url(../la-perdonanza-celestiniana/img/bg/bg-celestino.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.left-bolla {
	width:192px;
	height:620px;
	float:left;
	background-image:url(../la-perdonanza-celestiniana/img/bg/bg-bolla.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.left-collemaggio {
	width:192px;
	height:620px;
	float:left;
	background-image:url(../la-perdonanza-celestiniana/img/bg/bg-collemaggio.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.left-corteo {
	width:192px;
	height:620px;
	float:left;
	background-image:url(../la-perdonanza-celestiniana/img/bg/bg-corteo.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.left-pietro {
	width:192px;
	height:620px;
	float:left;
	background-image:url(../la-perdonanza-celestiniana/img/bg/bg-pietro.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.left-storia {
	width:192px;
	height:620px;
	float:left;
	background-image:url(../la-perdonanza-celestiniana/img/bg/bg-storia.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#right {
	/*width:750px;*/
	/*width:778px;*/
	margin:0 0 0 192px;
	padding:0 0 0 22px;
	background-image:url(../la-perdonanza-celestiniana/img/bg/bg-rosone.jpg);
	background-repeat:no-repeat;
}

#right .title {
	
}
#right .title a {
	width:310px;
	height:136px;
	margin:0 0 0 0;
	padding:0px;
	background-image:url(../la-perdonanza-celestiniana/img/bg/perdonanza.gif);
	background-repeat:no-repeat;
	display:block;
}
#right .title a span {
	display:none;
}
#right .subtitle {
	margin:15px 0 40px 0;
	padding:0px;
	font-weight:bold;
	color:#666666;
	font-size:16px;
	/*text-align:right;
	float:right;*/
}

#right #menu {
	width:183px;
	float:left;
	background-color:#ffffff;
}
#right #menu ul.menu {
	border-top:0px solid #cccccc;
	padding:0;
	margin:0;
}
#right #menu ul.menu li.section {
	display:block;
	text-decoration:none;
	padding:4px 0 0 0;
	background-color:#a7a78a;
	background-image:url(../img/frecce2008/fr-story-down.gif);
	background-repeat:no-repeat;
	background-position:10px 8px;
	border-top:1px solid #cccccc;
}

#right #menu ul.menu li.section span {
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:0 0 0 22px;
	margin:0;
}
#right #menu ul.menu li.section span:hover {
	cursor:pointer;
}

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

#right #menu ul.menu li.section ul.section-elements li {
	list-style-type:none;
	font-weight:bold;
	border-top:1px solid #cccccc;
	padding:0px;
	margin:0px;
}

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

#right #menu ul.menu li.section ul.section-elements li a:hover, #right #menu ul.menu li.section ul.section-elements li a:active {
	color:#ffffff;
	background-color:#a7a78a;
	background-image:url(../img/frecce2008/fr-story-r.gif);
	background-repeat:no-repeat;
	background-position:21px 7px;
	height: auto !important;
	height: 15px;
}



#right #menu ul.menu li.section ul.section-elements li.current {
	color:#a7a78a;
	background-color:#ebebeb;
	background-image:url(../img/frecce2008/freccia-storia.gif);
	background-repeat:no-repeat;
	background-position:21px 8px;
	height: auto !important;
	height: 15px;
}
#right #menu ul.menu li.section ul.section-elements li.current a {
	color:#a7a78a;
	background-color:#ebebeb;
	background-image:url(../img/frecce2008/freccia-storia.gif);
	background-repeat:no-repeat;
	background-position:21px 8px;
	height: auto !important;
	height: 15px;
}


#right h1 {
	display:block;
	padding:0;
	margin:0;
}
#right h2 {
	display:block;
	padding:0;
	margin:0;
}
#right h1 span {
	display:none;
}
#right h2 span {
	display:none;
}


#right #corpo {
	color:#333333;
	margin:0 8px 40px 224px;
	line-height:18px;
}

#right #corpo a:link {
	color:#a7a78a;
}
#right #corpo a:hover, #right #corpo a:active {
	color:#333333;
	text-decoration:none;
}

#right #corpo h1 {
	color:#a7a78a;
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	padding:0px;
	margin:20px 0 0 0;
}