html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	
	/*background-color:#f5f5f5;*/
}
body{
	/*background-image:url(../img/background2.gif);*/
	background-color:#F5F5F5}
/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
	
}

#contents img{border:0px;}
/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
	font-family: Arial, sans-serif;
}


a:link, a:visited, a:hover {
	text-decoration: none;
	color:#666666;
}

a:hover {
	text-decoration: none;
	/*background-color:#F5e1a9;*/
	color:#cc3300;
		}
	
/************ Classes *************** */
.home {border-left: 1PX DOTTED #333}
.general {font-size:11px;}
.dida {font-size:9px;}
.head01{	
	height:14px;
	width:100%;
 	text-align:left;
	padding-top: 2px;
	padding-left:4px;
	
	/*background-color:#FFFFFF;*/
	}
	
.mail a{color:#CC3300}
.mail a:hover{
	text-decoration:none;
	background-color:#F5F5F5;
	color:#333333}

.orari{
	
	width:900px;
	/*font-size:12px*/
	text-align:right;
	border-top: 1px dotted #666;
	/*background-color:#FFF;*/	
		}

.colored {
	font-size:12px;
	color:#cc3300;}


/************ DIVS *************** */
 

#head {
	/*border: 1px solid #ccc;*/
	}


		
#contents {
	z-index:3;
	position: absolute;
	top: 0;
    left: 68px;
	width:900px;
	
	
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#wrapper {
	float:left;
	width:685px;
	/*background-color:#3399FF*/
	}	


#sin {
	float:left;
	width:180px;
	font-weight:bold;
	
	
	}
#sin .cat a{
	display: block;	
	}
	
#sin .cat a:hover{
	/*background-image:url(../img/hover.gif);*/
	color:#cc3300;
	}
	
#sin .cat{
	font-size:12px;
	/*border-top:1px dotted #333*/;
	height:14px;
	}

			
#sin .sottocat{
		margin-left:20px;
		height:14px;
		
		
	}

#sin .sottocat a{
		color:#999;	
		display: block;
	}
#sin .sottocat a:hover{
		color:#cc3300;		
	}
	
#sin .evidenziata{
	font-size:12px;
	background-image:url(img/TICK.gif);
	height:14px;
	vertical-align:bottom;
	color:#990000;
	/*border-top:1px dotted #333*/;
	
	}
#sin .evidenziata a{
	color:#ff0000;	}
#sin .evidenziata a:hover{
	color:#cc3300;			}
	
#sin .evidenziatattiva{
	font-size:12px;
	background-image:url(img/TICK.gif);
	height:14px;
	color:#cc3300;
	/*border-top:1px dotted #333*/;
	
	}
		
#sin .on{

		height:14px;	
		color:#cc3300;	
		/*border: 1px dotted #999999;*/
		padding-right:3px;
		text-align:right;
		font-weight: bold;
		display: block;
	}
	
#in {
	/*border-left: 1px dashed #666;*/
	padding-left:7px;
	line-height: 1.4em;
	float:right;
	width:480px;
	text-align:justify;
	/*background-color:#993300*/
}	
	
#dx {
	
	float:right;
	right:-10%;	
	width:168px;
	height:350px;
	padding:12px;
	/*border: 1px dotted #999;*/
	background-image:url(img/dx.gif);
	}
	
#footer {
	clear:both;
	position: absolute;
	bottom: 15px;
	/*background-color:#FFFFFF;*/
	width: 900px; /* See note below */
	text-align: center;
	border-top: 1px dotted #666;;
	height:22px;
	
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
/*#footer {
    \width: 100%;
    w\idth: 70%;
}*/

#footer .inizio {
		text-align: center;
		padding-left:4px;
		}

#footer .sinistra {
	float:right;
	height:28px;
	width:90px;
	/*background-color:#FFFFFF;*/
	/*border-left: 1px solid #ccc*/;
			}

#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}