@charset "UTF-8";
* { margin: 0; padding: 0; }
body { font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif; }
object { display: block; margin: auto; margin-bottom: 2px; }
ul { list-style-type: none; padding: 0; }
a { text-decoration: none; color: #000; }
img { border-style: none; margin: 0 2px; }
fieldset { margin: 5px; border: 0; }
legend { display: none; }

div#container {
	width: 845px;
	margin: -3px auto;
}
div#contenuti {
  /* trucco x indicare min-height a IE6:
  IE6 non legge min-height ma neanche !important, quindi 523px sovrascrive auto
  FF e IE7 riconoscono min-height e anche !important, quindi 523px per height viene ignorato */
  height: auto!important
  height: 523px;
	min-height: 523px;
	border: 1px solid #f00;
}
div#sidebar1 {
	float: left;
	width: 243px;
	height: 523px;
	background: url(img/menubk.gif) no-repeat;
}
div#menu ul {
  margin-top: 37px;
  width: 237px;
}
div#menu li {
  padding: 12px 10px;
  font-size: 15px;
  font-weight: bold;
}
div#menu a:link, div#menu a:visited {
  padding-left: 20px;
	color: #fff;
}
div#menu a:hover, .sel a {
  background: url(img/pallino.png) no-repeat 0 50%;
	color: #000;
}
div#ContenutoPage {
	margin: 0 0 0 285px;
	padding: 0 5px;
}
div#ContenutoPage h2 {
  margin-top: 50px;
	padding-left: 20px;
  background: transparent url(img/pallinor.gif) 0 50% no-repeat scroll;
	color: #f00;
  font-size: 15px;
}
div#ContenutoPage h4,
div#ContenutoPage h4 a {
  font-size: 12px;
	color: #f00;
}
div#ContenutoPage div,
div#ContenutoPage ul {
  margin: 5px 0;
}
div#ContenutoPage li {
  padding: 5px;
}
div#ContenutoPage .shift_left {
  float: left;
  width: 160px;
  color: #f00;
  font-weight: bold;
}
div#ContenutoPage .shift_right {
  margin-left: 160px;
}
div#footer {
	background: #f00 url(img/footer.gif) 50% 0 no-repeat scroll;
	height: 13px;
	width: 845px;
}