/* CSS Document */
html {
	height:100%;
}

body {
	background: #f7f7f7;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height:100%;
}

/*--------------------- STILI GENERALI -------------------*/

div, h1, h2, h3, h4, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}


p, ul {line-height:16px; margin-top:7px; margin-bottom:10px;}



h1 { 
	font-size: 30px;
	color:#000;
	font-weight:normal;
}

h2 {
	font-size: 15px;
	color:#000;
	font-weight: normal;
}


/*collegamenti ipertestuale*/
a {
	color:#CC3300;
	text-decoration:none;	
}

a:hover {
	color:#CC6600;
	text-decoration: none;
}
	
.clearer {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

	.manual img { 
		border: 1px solid #ddd;
		padding:0px;
		margin:10px;
	}


/*--------- STRUTTURA DEL SITO -------------*/


#sito {
	/*width: 100%;
	min-height: 100%;
	background: url(../images/bg_page.jpg) top center no-repeat;*/
}


#header {
	height:148px;
	width:986px;
	margin: 0px auto;	
	background: url(../images/bg_head.jpg) no-repeat top;
	position: relative;
	z-index:300;
}

	#header a {color:#000;}
	#header a:hover, #header a.attivo {color:#FF6600;}

	#header #logo {
	position:absolute;
	width:215px;
	height:112px;
	left:19px;
	top:1px;
	}
		#header #logo span {
			display:none;
		}		
	
	#header #menu2 {	
		position:absolute;
		top:0px;
		right: 90px;
		width:500px;
	}
	
	#header #menu {	
		position:absolute;
		bottom:1px;
		left:10px;
		color:#ccc;
		background: #999933;
	}	

#container {
	width:986px;
	margin: 0px auto;
}


#layout {
	min-height:100px;
}

	
/*------ DIVERSI LAYOUT -------*/
	
.layout_home {
}	

	.layout_home #top_area {
		margin-top:10px;
	}	
	.layout_home #middle_left_area {
		float:left;
		width:380px;		
	}
	.layout_home #middle_center_area {
		float:left;
		width:210px;
		margin-left:13px;
	}
	.layout_home #middle_right_area {
		float:left;
		width:369px;
		margin-left:13px;
	}
	.layout_home #bottom_left_area {
		float:left;
		margin-top:8px;
		width:604px;
	}
	.layout_home #bottom_right_area {
		float:left;
		width:369px;
		margin-top:8px;
		margin-left:13px;	
	}
	
.layout_page {
}

	.layout_page #head_page	{
		height:100px;
		position:relative;
		z-index:100;
	}
	
		.layout_page #head_page	img {
			position:absolute;
			right:0px;
			bottom:0px;
			z-index:1;			
		}
		
		.layout_page #head_page	#titolo_pagina {
			position:absolute;
			top:20px;
			left:12px;
			z-index:3;
		}			
		
		.layout_page #head_page	#percorso {
			position:absolute;
			left:12px;
			top:56px;
			font-size:11px;
			z-index:2;
		}			
		
		.layout_page #head_page	#percorso a {
			color:#000;
		}
		
		.layout_page #head_page	#percorso a:hover {
			color:#CC3300;
		}
		
		.layout_page #col_left {
			width:220px;
			float:left;
		}

		.layout_page #col_right {
			width:750px;
			float:right;
			margin-top:-1px;
		}

/*------ FOOTER ----------*/

#footer_container {
}

#footer {
	background: url(../images/bg_foot.jpg);
	height: 84px;
	width:986px;
	margin: 10px auto;
	font-size:12px;
	position:relative;
}

	#footer .foot_info {
		clear:both;
		float:left;
		padding:10px;
	}
		#footer .foot_info h4 {
			font-size:14px;
			color:#FF6600;
		}
	

	#footer .credits {
		position:absolute;
		bottom:40px;
		right:310px;		
	}