body {
	font-family: "times new roman", serif;
	text-align: justify;	
	color: black;
	background: white;
}
body#sfondo {
	background-image: url('./images/borgo_catastale.jpg');
	background-attachment:fixed;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
/* set the correct background-position for css2 compliant browsers:
   (the > selector is ignored by exploder) */
body>div#sfondo_blend {
	background-position:0px 0px;
}
/* set the background position for M$-exploder: */
#sfondo_blend {
	border-top: navy solid thin;
	border-left: navy solid thin;
	background-image: url('./images/borgo_catastale_blend.jpg');
	background-attachment:fixed;
	background-position:-195px -18px;
	background-repeat: no-repeat;
	background-color: white;
}
p {
  font-family: "times new roman", serif;
  font-weight: normal;
  text-align: justify;
  text-indent: 1em;
  color: black;
  clear: none;
}
p.sans-serif {
  font-family: arial, helvetica, sans-serif;
  font-weight: lighter;
  text-align: justify;
  text-indent: 1em;
  color: black;
  clear: none;
}
p.top {margin-top: 0}
p.center {text-align: center}
p.error {
	font-family: Times, Serif;
	font-size: medium;
	font-weight: bolder;
	color: red;
	text-align: center;
	font-variant: small-caps;
	margin-bottom: 40px;
    }
p.event {
	font-family: "times new roman", serif;
	text-align: center;
	width:400px;
	font-size: x-large;
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	color:#993300;
	margin-top:5px;
	margin-left:1em;
	text-indent:0;
    }
p.descrizione {
	margin:10px;
	font-family: "times new roman", serif;
	font-style: italic;
	font-weight: normal;
	text-align: justify;
}
.small {font-size: small}
.center {
	text-align: center;
	text-indent: 0;
	margin-left: 0%;
}
.subtitle {
	font-family: "times new roman", serif;
	text-align: center;
	font-size: smaller ;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
    }
.legenda {
	font-family: verdana, arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-style: italic;
	margin: 3px auto 3px auto;
	clear: both;
	text-indent: 0;
}
/* Set special margin for a legend element that follow a figure: */
IMG.figure+.legenda {margin-top: 0;}
A IMG {background-color: transparent; border: 0}
IMG {background-color: transparent}
/*IMG.float_right  {float: right; margin-left: 0.5em; margin:}*/
IMG.float_right  {float: right; margin: 3px 0 3px 10px;}
IMG.float_left  {float: left; margin-right: 0.5em;}
IMG.figure {float:none; margin: 3px; border:none;}
img.kmicon {margin-bottom:3px;}
img.kmicon_active {border: solid blue 2px; margin-bottom:1px;}
.box_float_right {float:right; margin: 1px 5px 1px; border:navy solid thin; text-align:center;}
.box_float_left {float:left; margin: 3px 5px 1px; border:navy solid thin; text-align:center;}
A:hover img.kmicon {border-bottom: solid lime 3px; margin-bottom:0;}
A {text-decoration: none; color: blue;}
A:link {color: blue}
A:active {
    color: blue;
}
A:hover {color: red}
H1 {
  font-family: "times new roman", serif;
  font-size: x-large;
  font-weight: bolder;
  text-align: center;
  color: #C00000;
}
H1.event {
    font-family: "times new roman", serif;
    text-align: left;
    font-size: x-large;
    margin-left: 1em;
    font-variant: SMALL-CAPS
    }
H2 {
	font-family: "times new roman", serif;
	font-size: large;
	font-weight: bolder;
	text-align: center;
	color: #0000C0;
    }
H2.event {
    font-family: "times new roman", serif;
	font-weight: bold;
    text-align: left;
    margin-left: 1em;
	margin-bottom: 3px;
    }
h3 {
	font-family: "times new roman", serif;	
	font-size:16pt;
	font-variant: small-caps;
	font-weight: bolder;
	text-align: center;
	margin-top:0;
/*	width: 400px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0 30px;
  	color: #990000;  
}
h3.event {
	font-family: "times new roman", serif;
	font-weight: bold;
    text-align: left;
    margin-left: 2em;
	margin-bottom: 3px;
}
h4 {
  font-family: verdana, tahoma, sans-serif;
  font-size: 12pt;
  font-weight: bolder;
  text-align: center;
  color: black;
}
h5 {
	font-family:serif;
	font-variant:small-caps;
	font-size:medium;
	color:#990000;
	text-align:left;	
	margin:10px 5px 2px;
	/*clear:both;*/
}
hr.event {color: #F08080}
table.main {
	margin-left: auto;
	margin-right: auto;
	border: none;
	padding: 0;
}
/* TEST */
/* START */
div.main {
	margin-left: auto;
	margin-right: auto;
	border: none;	
	width: 760px;
	padding: 0;
}
div.menu {
	vertical-align: top;
	float:left;	
}
div.right_side {
	width: 560px;
	vertical-align: top;
	margin-left: 180px;
	padding: 15px 5px 50px 15px;
}
div.bandiera_arancione {
	border: medium solid #FF9933;
	width: 200px;
	height: 40px;
	text-align:center;
	vertical-align:middle;
	padding:10px 5px;
	float:left;
	margin: 0 20px;
}
div>table#sfondo_blend_menu {
	background-position:0px 0px;
}
.nav_bar { margin-bottom:20px; margin-top:5px;}
/* END TEST */
TABLE.menu_fixed {
	text-align: center;
	border: #FF9999 solid thin;
	width: 160px;	
	padding:5px 3px;
	background-image:url('./images/borgo_catastale_blend.jpg');
	background-attachment:fixed;
	/*background-position:0px 0px;*/
	background-position:-11px -18px;
	background-repeat:no-repeat;	
}
table.center {margin-left: auto; margin-right: auto;}
table.float_right  {float: right; margin: 10px 5px 1px;}
table.float_left  {float: left; margin-right: 0.5em;}
td.menu {
	/*width: 160px;*/
	vertical-align: top;
	padding-right:20px;	
}
/* used for the castle nav bar */
td.menu_c {background-color: #E8D5A8;}
td.right_side {
	width: 550px;
	vertical-align: top;
	padding: 5px 5px 50px;
}
div.float_right  {float: right; margin-left: 10px;}
div.float_left  {float: left; margin:5px 5px 5px 10px;}
div.clearboth {clear:both; padding-top:5px;}
div.clearright {clear:right; padding-top:5px;}
div.center  {margin-left:auto; margin-right: auto; margin-top:20px;}
div.da_vedere {margin:15px 0px; float:none; border: none;}
div.month {border: solid #C00000 thin; width:90%;margin: 0 5%;padding:5px 0; padding-right:10px;}
div#kmbar {height:80px; width:100%; text-align:center;}
div.box_span {
	width: 100%;
	border: solid #CD8B5D thin;
	margin: 10px 10px;
	padding: 0px 5px;
	font-family: "times new roman", serif;
	font-style: italic;
	font-weight: normal;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	}
div#depliant{
		position:absolute;
		bottom:30px;
		width:150px;
		border: solid silver 1px;
		padding: 3px 5px;
}
/*IE<7 don't understand position:fixed, nor css > selector, so we use this workaround */
body>div#depliant{position:fixed;}