html, body { height: 100%; }

/* GENERIC STYLES */
a, a:visited { color: #059; }
a:hover { color: #39C;  }
img, a img { border:none;}

.off { display:none}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft, .left { 
	float: left;
	margin-right: 8px;
}
img.left { 
	margin-top: 5px; margin-bottom:5px;
}
.clear, .clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* LAYOUT */
body  {
	margin: 0; padding: 0;
	text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em; color: #555;
/*	background-color: #EEE;*/
	background: #FFF url(img/bckgrnd.jpg) center top repeat-y;
	
}
#wrapper {height: 100%;	
}
#bigdiv { height: auto !important;
height: 85%;
min-height: 85%;
}

#cmns_head{ margin: 0 auto; padding:0; height:50px; text-align:center;
background: #EEE url(img/dept_bk.gif) top left repeat-x;

/* 
background-color: #004489;
border-top:1px solid #175B9C;
border-bottom: 5px solid #EEE;
background-color:#EEE;
background-color:#004489*/}
#cmns_head #cmnscontainer {
position:relative; 
	width: 808px;height:50px;  margin: 0px auto 0 auto; padding:0;
	text-align:left; }

#cmns_head #siteactions { 
	position:absolute; top:0; right:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;color: #FFF;
	height:auto;
	line-height:normal;
	margin: 5px 0 0 0; padding:0 2px 0 0;
	white-space:nowrap;}
	#siteactions li { display:inline; margin:0; padding:0; }
	#siteactions a, #siteactions a:visited {
	color: #FFF; padding:0 4px 0 6px; text-decoration:none; }
	#siteactions a:hover {
	text-decoration: underline; }
#cmns_head #logocmns{ width: 808px; margin: 0 auto; padding: 5px 5px 5px 0px;
 }

#container { 
	margin: 0px auto 0px auto; width: 808px; 
	border: 1px solid #FFF;
/*	border:1px solid #DDD;*/
	text-align: left; 
/*	background: #FFFFFF;*/border-top:1px solid #DDD
}
 
#header { 
	margin: 0px auto; padding: 15px 10px 10px 0px;  
/*	background-color: #FFFFFF;*/


} 
	#header #logo { float: left; margin: 0px 10px 0px 10px; }
	#header h1 { margin: 0; padding: 10px 0; display: none; }
	#header #login { 
		width: 270px; position:relative;
		float: right; margin: 0 0px 0 0; padding: 0px 0;
	}

	#header ul#fonts { clear:both;float: right;margin:0; padding:0; list-style-type:none}
		#header ul#fonts li { float: left;margin:0; padding:0; }
		#header ul#fonts li img { border: 1px solid #DDD;}
		#header ul#fonts li.sma { font-size:smaller}
		#header ul#fonts li.med {}
		#header ul#fonts li.lar { font-size: larger}
		#header ul#fonts li a { margin-left:5px; /*padding: 2px 5px; border:1px solid #CCC; text-decoration:none*/}

#middle {clear: both; }

#intro{ position:relative; width: 760px; margin: 5px auto 0px auto; 
background-color: #FFF; border: 1px solid #FFF; border-bottom: 1px solid #FFF;
padding-bottom: 10px; }


#rightcol { 
	float: right; width: 220px; 
	margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px;
	
}
#rightcol.home_rightcol {
	margin: 0px 0px 0px 0px;
}
	#rightcol div { margin: 0px 10px 5px 0px; padding: 0px 0px 0px 0px; }
	#rightcol div div { margin: 0px; padding: 0px; }
	#rightcol img { display:block; margin: 5px 0px 0px 0px; }

	#rightcol div#bitonto { 
	padding: 5px 10px;
	background: #E53328 url(img/bitonto.jpg) top left no-repeat;
	border:1px solid #CC3333;
	min-height:215px; height: auto !important; height:215px; color: #FFF; }
	#rightcol div.bitonto { 
	margin-top:5px;
	padding: 5px 10px 20px 10px;
	background-color: #E53328;border:1px solid #CC3333;
	color: #FFF; }
	#rightcol div#bitonto a,
	#rightcol div.bitonto a { color:#FFF; text-decoration:none; }
	#rightcol div#bitonto h5 { margin-top: 0px; padding-top:0;
	 }
	#rightcol div#bitonto p { font-size:0.85em;line-height:1;
	}
	#rightcol div#bitonto .item { margin: 100px 0 10px 0;}
	#rightcol div#bitonto .item p.data { font-weight: bold; font-size: 10px }
	#rightcol div#bitonto .item h2 { margin-top: 5px; padding-top:0 }

	ul#newsticker { margin:0; padding:0; list-style-type:none}
	#rightcol div#bitonto h5{ margin: 100px 0 10px 0;}
	
	#rightcol div#subscribe { 
	background-color: #A2BA02; border: 1px solid #8B9F00; /*background-color: #009999;*/
	text-align: center; color: #FFF; padding:5px;
	/*background: #A2BA02 url(img/newsletter_bck.jpg) bottom left no-repeat; */ }
	#rightcol div#subscribe h2 { margin: 0; padding:0; font-weight: lighter }
	#rightcol div#subscribe a { color: #FFF; text-decoration: none; }


	#rightcol div.rightgallery { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
	#rightcol div.rightgallery img { display:block; float: left; margin: 10px 0px 0px 0px; }
	#rightcol div.rightgallery img.odd { margin-right: 10px; }
	#rightcol div.rightgallery img.even { margin-right: 0px; }

#homeContent { 
	margin: 0px 230px 0px 0px; 
	padding: 0px 0px 40px 15px;  } 
	/*#homeContent div { margin: 0px 5px 15px 5px; padding: 0px; }*/
	#homeContent div#homenews { margin: 0px 0px 15px 0px;
	border-top: 1px solid #FFF}
	#homeContent div#intro_lec{ height: 225px; margin: 10px 0 0 0; 
	background-color: #CCCCCC; border: 1px solid #CCCCCC;
	background: #FFF url(img/intro_cittadinanza.jpg);
	background: #FFF url(img/intro_cittadinanza_blacktxt.jpg);
	position: relative;  }
		#homeContent div#intro_lec h1 { display:none;
		position: absolute; bottom:0; left:0;
		color:#FFF; border:none; margin: 0px; padding: 20px 20px 20px 20px;
		background-color: #009999; 
		opacity:0.6;
		-moz-opacity: 0.6;
		filter:alpha(opacity=60); }
/*	#homeContent div div { margin: 0px; padding: 0px; }*/


#mainContent {
	margin: 0px; 
	padding: 0px 10px 40px 20px;} 
	#mainContent #content {
		margin: 0 230px 0 0; 
		padding: 0 10px 0px 0px;
		min-height: 300px; height: auto !important; height: 300px; 
		line-height:1.5em; } 

#adminContent {
	margin: 0 0px 0 0; 
	padding: 0 10px 40px 20px; } 



#mainContent #rightcol div#appuntamenti { margin: 0px 0px 0px 0px; padding: 0px; }
#mainContent #rightcol div#appuntamenti h2 { margin: 0px 0px 0px 0px; padding: 10px 0px 5px 0px; }

/*
#mainContent #rightcol { margin-top: 40px; }
*/

/*
#homenews div, #appuntamenti div, #rightcol #appuntamenti div { 
	border-top: 1px solid #ddd; 
	margin: 0px 0px 10px 0px; 
	padding: 0px 5px 5px 5px; }
*/
#footer { 
	clear:both;
	margin: 0px 0 0px 0px; 
/*	border-top: 1px solid #69C; */
	text-align: left;
	font-size: 0.85em; 
} 
	#footercontent {
		margin: 0px auto; padding: 10px 0px 10px 20px;
		width:780px;
		color: #999999; }
	#footer p {
		margin: 0; padding: 5px 0; 
		}
	#footer a, #footer a:hover, #footer a:visited { color: #999999; }


/** edit form **/
#info_teaser, #info_text { }