/* ====================================================================
box layout
-------------------------------------------------------------------- */
.columns-float	{
	margin: 10px 0 0 0;
	float: left;
	width: 73%;
	padding: 0;
	}
	
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.column-one	{
	margin: 0 0 0 280px;
	padding: 0;
	}
	
.column-two	{
	float: left;
	width: 280px !important;
	margin: 0;
	padding: 0;
}

.column-three {
	width: 25%;
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
}

.box-footer	{
	clear: both;
	}
	
/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* ====================================================================
box styling
-------------------------------------------------------------------- */
.box-wrap {
	padding: 0px;
	color: #000;
	}
.box-header	{
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
	}
.box-footer	{
	margin: 10px 0 0 0;
	height: 40px;
	padding: 0;
	color: #fff;
	background-color: #9b1818;
	border-bottom: 2px solid #7086b2;
	}

.column-two-content {
	margin: 0 !important;
	padding: 0 !important;
	width: 275px;
	}
.column-three-content {
	}
.column-three-content h4 {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 1.2em;
	color: Black;
	}
.column-three-content p {
	margin: 0 0 8px 0;
	padding: 0;
	color: Black;
	}

.column-three-content a	{
	text-decoration: underline;
	font-weight: normal;
	color: #184c95;
	}
.column-three-content a:hover	{
	text-decoration: underline !important;
	}

.column-one-content, .column-three-content {
	margin: 0px;
	padding: 8px;
	border: none;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
/*.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ position: relative; }*/
/* */
/* ====================================================================
other styling
-------------------------------------------------------------------- */
body
	{
	margin				: 0;
	padding				: 0px;
	font-family			: arial,helvetica,sans-serif;
	background: url(../img/sfondo_menubody.gif) top left no-repeat;
	font-size: 0.8em;
	color				   : #000000;
	}
div
	{
	margin				: 0px;
	padding				: 0px;
	}
h1
	{
	margin				: 0px;
	padding				: 0px;
	}
h2
	{
	margin				: 0px 0px 9px 0px;
	padding				: 0px 3px 0px 0px;
	font-size			: 1.2em;
	font-weight			: bold;
	}
p
	{
	margin				: 0px;
	}
.hide {
	display: none;
}

/* ====================================================================
     intestazione e menu du servizio
-------------------------------------------------------------------- */

#inte_parlamento{
	padding: 0;
	margin: 0;
	height: 29px; 
	background: url(../img/sfondo_title_up.gif) repeat-x;
/*	border: 1px solid red;*/
}
#inte_parlamento a img {
	border: 0;
	margin: 0 !important;
	padding: 0 !important;
}
#inte_parlamento a {
	height: 29px;
	border: 0;
	margin: 0 !important;
	padding: 0 !important;
}
#parlamento{
	display: block;
	padding: 29px 0 0 0;
	height: 0px !important;
	height /**/: 29px; 
	overflow: hidden;
	width: 322px;
	background-image: url(../img/title_up.gif);
	margin: 0;
	float: left;
}
#numeriutili{
	display: block;
	padding: 51px 0 0 0;
	height: 0px !important;
	height /**/: 51px; 
	overflow: hidden;
	width: 179px;
	background-image: url(../img/numeroverde.gif);
	margin: 0;
}
ul#menuServizio {
	position: absolute;
	top: 5px;
	right: 15px;
	list-style-type: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
}
ul#menuServizio li{
	display: inline;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	color: White;
}
ul#menuServizio li a{
	color: White;
	text-decoration: none;
}
ul#menuServizio li a:hover{
	text-decoration: underline;
}
#inte_cpa{
height: 113px; 
background: url(../img/sfondo_title_sportello.jpg)  repeat-x;
}

h2.titoloSportello{
	display: block;
	padding: 113px 0 0 0;
	height: 0px !important;
	height /**/: 113px; 
	overflow: hidden;
	width: 778px;
	background-image: url(../img/title_sportello.jpg);
	margin: 0;
}



/* ====================================================================
      FINE intestazione e menu du servizio
-------------------------------------------------------------------- */
/* ====================================================================
      Menu SX
-------------------------------------------------------------------- */
ul#menuSx {
	display: block;
	list-style-type: none;
	text-indent: 0;
	margin: 20px 0 0 0 !important;
	padding: 0;
	width: 275px;
	background-color: transparent;
}
ul#menuSx li {
	margin: 0 0 1px 0;
	padding: 0; 
	display: block;
	width: 100%;
}

ul#menuSx li a {
	display: block;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-size: 1.1em;
	margin: 0;
    padding: 4px 13px 4px 20px;
	background-image: url(../img/bull1sx.gif);
	background-repeat: no-repeat;
}

ul#menuSx li a:hover,ul#menuSx li.canaleActive a {
	color: #fff;
	background-image: url(../img/bull1sx_on.gif);
	background-repeat: no-repeat;
}

ul#menuSx li.canaleActive ul{
	display: block;
	list-style-type: none;
	text-indent: 0;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #fff;
	border-bottom: 1px solid #1646a3;
	border-right: 1px solid #1646a3;
}
ul#menuSx li.canaleActive ul li {
	display: block;
	margin: 0 !important;
	padding: 0 !important; 
	
}

ul#menuSx li.canaleActive ul li a {
	font-weight: bold;
	color: #000 !important;
	text-decoration: none;
	font-size: 0.9em;
	margin: 0 !important;
	padding: 3px 10px 3px 25px !important; 
	background: #c0d0f4 url(../img/bull2sx.gif) top left no-repeat !important; 
	border: none !important;
}

ul#menuSx li.canaleActive ul li a:hover, ul#menuSx li.canaleActive ul li.macrosezioneActive a{
	background-image: url(../img/bull2sx_on.gif)  !important; 
	background-repeat: no-repeat;
}

/* ====================================================================
      FINE Menu SX
-------------------------------------------------------------------- */
ul#mappa li {
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	margin: 0;
   padding: 6px 13px 4px 20px;
	background: url(../img/bull1sx.gif) no-repeat !important;
}
ul#mappa li a{
	color: #000 !important;
}
ul#mappa li ul {
	margin: 10px 0 20px 0 !important;

}
ul#mappa li ul li {
	background: url(../img/bull2sx_on.gif) no-repeat !important;
	margin: 0 !important;
   padding: 2px 13px 4px 25px!important;
	text-indent: none !important;
	font-size: 0.9em;
}
ul#mappa li ul li a {
	font-weight: normal !important;
	color: #0056ff !important;
}

/* box presidente homepage */

.boxPresidente{
	padding: 0;
	min-height: 75px;
}
.boxPresidente h4{
	margin: 0 !important;
	padding: 0 !important;
}
.boxPresidente img{
	float: left;
	margin: 0 10px 5px 0;
	border: 2px solid  #0e347f;
}



/* colonna centrale */

.column-one-content h3{
	color: #11367e;
	font-size: 1.2em;
} 
.column-one-content h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #11367e;
	margin:25px 0 6px 0;
}
.column-one-content h5 {
	font-weight: bold;
	margin-top:0;
	font-size: 1em;
	color: #000;
	margin:10px 0 6px 0;
}
.column-one-content h6 {
	font-weight: bold;
	margin-top:0;
	font-size: 0.9em;
	color: #000;
	margin:10px 0;
}
.column-one-content p{
	margin: 5px 0 25px 10px;
} 
.column-one-content p.center{
	margin: 5px 0 15px 10px;
	text-align: center;
} 
.column-one-content ol li{
	margin: 5px 0 15px 10px;
} 
.column-one-content a, .column-three-content a{
	color: #0056ff;
	font-weight: bold;
	text-decoration:none;
} 

.column-one-content a:hover, .column-three-content a:hover{
	text-decoration:underline !important;
}

.notizie{
	background-color: #fff;
}
.notizie h3 {
		border-bottom: 2px solid #1646a3;
	color: #0f347b;
	font-size: 1.2em;
}
.notizie h4 {
	color: #0f347b;
	font-size: 1.1em;
	padding: 0 10px 10px 10px;
	margin: 0;
}
.notizie p{
	border-bottom: 1px solid #1646a3;
	margin: 0 0 20px 0;
	padding: 0 10px 10px 10px;
}

.notizie img{
	float: left;
	margin: 0 10px 0 0;
	border: 2px solid  #0e347f;
}

* html .column-one-content p{
	height: 1%;
}

* html #boxPresidente{
	height: 1%;
	padding: 5px 5px 5px 5px;
}
h5.calendar{
	background-color: #fff;
	border-top: 1px solid #c0d0f4;
	border-left: 1px solid #c0d0f4;
	border-right: 1px solid #c0d0f4;
	padding: 5px;
	margin: 0;
	width: 50%;
	text-align: center;
}
table#calendarHome{
	background-color: #c0d0f4;
	width: 98%;
	margin: 0;
}
table#calendarHome td{
	border: 1px solid #fff;
	text-align: center;
	padding: 6px 0;
}