html{ /* risolve lo spostamento del layout in orizzontale in "OPERA" e "BROWSER MOZILLA" dovuto alla scrollbar */
	height: 100%; 
	margin-bottom: 1px;
}

body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-image:url(../images/layout/public/bg_gradiente2.png);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container{
	text-align:left;
	width:762px;
	margin:auto;
	margin-top:11px;
}

/* [+] impostazioni comuni dei bordi */
#header, #nav_menu, #contenuto, #foot_p1, #validatori{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
/* [-] */

/* [+] FASCIONE iniziale (gradiente) */
#fascione{
	position:relative;
	height:40px;
	background-color:#FF6600;
	background-image:url(../images/layout/public/gradiente_superiore.png);
}
#fascione ul{
	position:absolute;
	width:335px;
	margin:0px;
	padding:0px;
	right:0px;
	bottom:2px;
	font-size:14px;
}
	#fascione li{
		display:inline;
		list-style:none;
		text-align:right;
		margin-left:8px;
	}
		#fascione li a{
			text-decoration:none;
			font-weight:bold;
			color:#FFFF66;
		}
		#fascione li a:hover{ color:#009900; }
/* [-] FASCIONE */

/* [+] la sezione contenente l'immagine emblematica della pagina */
#sotto_fascione{
	height:135px;
	background-color:#CCCCCC;
	background-repeat:no-repeat;
}
	/* [+] Vari Background del sotto_fascione */
	.bg_home{ background-image:url(../images/layout/public/bg_plastico.jpg); }
	.bg_dove_siamo{ background-image:url(../images/layout/public/bg_dove_siamo.gif); }
	.bg_testo_dove_siamo{ background-image:url(../images/layout/public/Molise-Mappa.gif); background-position:right; background-repeat:no-repeat; }
	.bg_chi_siamo{ background-image:url(../images/layout/public/bg_chi_siamo.jpg); }
	.bg_clienti{ background-image:url(../images/layout/public/bg_clienti.jpg); }
	.bg_comunicati{ background-image:url(../images/layout/public/bg_comunicati.jpg); }
	.bg_contatti{ background-image:url(../images/layout/public/bg_dove_siamo.gif); }
	.bg_lavori{ background-image:url(../images/layout/public/bg_lavori.jpg); }
	.bg_info{ background-image:url(../images/layout/public/bg_info.jpg); }
	.bg_nunziatella_1{ background-image:url(../images/layout/public/bg_nunziatella_1.jpg); }
	.bg_nunziatella_2{ background-image:url(../images/layout/public/bg_nunziatella_2.jpg); }
	.bg_nunziatella_3{ background-image:url(../images/layout/public/bg_nunziatella_3.jpg); }
	.bg_nunziatella_4{ background-image:url(../images/layout/public/bg_nunziatella_4.jpg); }
	.bg_nunziatella_5{ background-image:url(../images/layout/public/bg_nunziatella_5.jpg); }
	.bg_nunziatella_6{ background-image:url(../images/layout/public/bg_nunziatella_6.jpg); }
	.bg_stato_lavori{ background-image:url(../images/layout/public/bg_stato_lavori.jpg); }
	.bg_progetto{ background-image:url("../images/layout/public/bg_progetto.jpg"); }
	/* [-] */
	
	/* id associato all'immagine del logo */
	#logo{
		position:relative;
		margin-top:-35px;
		margin-left:5px;
	}
/* [-] */

/* [+] Menu di Navigazione */
#nav_menu{
	position:relative;
	height:33px;
	background-color:#FFCC00;
	border-top:1px solid #FFDD55;
	background-image:url(../images/layout/public/sotto_menu.gif);
	background-position:right bottom;
	background-repeat:no-repeat;

}
	#nav_menu ul{
		position:absolute;
		width:450px;
		font-size:12px;
		margin:0px;
		padding:0px;
		right:0px;
		bottom:9px;
	}
		#nav_menu li{
			list-style:none;
			display:inline;
			padding:0px;
			margin:0px;
		}
			#nav_menu li span{
				display:block;
				float:left;
				width:90px;
				text-align:center;
			}
			#nav_menu li a{
				text-decoration:none;
				color:#FF0000;
				font-weight:bold;
				display:block;
				width:90px;
				float:left;
				text-align:center;
			}
			#nav_menu li a:hover{
				color:#009900;
			}
/* [-] Menu di Navigazione */

/* [+] Sezione centrale del layout contenente i dati del sito */
#contenuto{
	background-color:#E5E5E5;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* [-] */

/* [+] Il Titolo delle pagine (sostituisce "#primo_piano_home") */
#titolo{
	position:relative;
	margin:-28px 0px 0px 0px;
	width:251px; /* IE 301px */
	height:49px; /* IE 59px */
	background-image:url(../images/layout/public/titolo_1.png);
	padding:10px 0px 0px 50px;
	color:#0000FF;
}
/* [-] */

/* [+] Box relativo alla parte TESTUALE del Contenuto */
#testo{ 
	margin:0px 10px 10px 10px; 
	padding:5px; 
}
	#testo p{ text-indent:20px; margin:10px 0px 10px 0px; text-align:justify; }
	#testo a{ text-decoration:none; color:#FF0000; }
	#testo a:hover{ color:#009900; }
	#testo h2{
		font-size:22px;
		font-family:"Arial Rounded MT Bold", Verdana, Arial;
		margin:4px 0px 0px 20px;;
		padding:0px;
		color:#FF6600;
	}
	/* Box Menu Contestuale laterale sinistro */
	.menu_contestuale_sx{
		float:right; 
		width:190px; /* IE 210px */
		border:1px solid #CCCCCC; 
		background-color:#FFFFFF; 
		margin-left:10px;
		padding:4px;
	}
		.menu_contestuale_sx h3, .menu_contestuale_sx h4{
			text-align:center;
			padding:1px;
			text-transform:uppercase;
			border:1px solid #FFCC00;
			color:#FFFFFF;
		}
		.menu_contestuale_sx h3{
			font-size:12px;
			margin:0px 0px 5px 0px;
			background-color:#FF6600;
		}
		.menu_contestuale_sx h4{
			font-size:11px;
			margin:0px 0px 3px 0px;
			background-color:#FF9900;
		}
		.menu_contestuale_sx ul{
			padding:0px;
			margin:0px;
		}
		.menu_contestuale_sx li{
			list-style:none;
			margin:3px 0px 3px 0px;
			padding:0px;
		}
		.menu_contestuale_sx li a img{
			border:1px outset #999999;
		}
		.menu_contestuale_sx #img_certificati{
			text-align:center;
		}
		.menu_contestuale_sx .border_null{
			border-width:0px;
		}
		.menu_contestuale_sx li a{
			color:#0000FF;
		}
		.menu_contestuale_sx a:hover img{
			filter:Alpha(opacity=80);
			opacity:0.8;
		}
/* [-] */

#box_soluzioni, #id_for_galleria{
	width:515px; 
	border:1px inset #CCCCCC; 
	background-color:#FFFFFF;
}

#box_soluzioni{}

#id_for_galleria{ padding:10px 0px 10px 0px; }

#id_for_galleria ul{
	margin:auto;
	width:475px;
}

/* [+] Liste delle soluzioni (vedi "nunziatella-planimetria_ville_case_comparto.php") */
#ul_sol{
	margin:0px;
	padding:0px;
}
#li_sol{
	margin:2px;
	padding:2px;
	list-style:none;
}
	#li_sol img{
		float:left;
		border:0px solid #CCCCCC;
	}
	#li_sol a:hover img{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
		-moz-opacity: 0.7;
	}
	#li_sol h3{
		font-family:"Courier New", Courier, mono;
		text-decoration:underline;
		padding:2px;
		margin:0px 0px 5px 5px;
		color:#FF6600;
	}
	#li_sol ul{
		padding:0px 0px 0px 25px;
		margin:0px;
	}
	#li_sol li{
		list-style:circle;
	}
	#li_sol .testo_soluzioni{ float:left; }
/* [-] */

#validatori{ 
	background-color:#E5E5E5;
	background-image:url(../images/layout/public/bg_validatori.png);
	margin-bottom:1px solid #E5E5E5;
	font-size:3px;
	white-space:nowrap;
}
#validatori img{ margin-left:7px; }

/* [+] FOOTER */
#footer{
	background-color:#FFCC00;
}
	#foot_p1{
		height:25px;
		background-image:url(../images/layout/public/bg_1_footer.png);
	}
	#foot_p2{
		height:11px;
		font-size:5px;
		background-image:url(../images/layout/public/bg_2_footer.png);
	}
/* [-] FOOTER */

#info{ 
	height:100%; overflow:auto;
	text-align:right; 
	padding:4px 5px 0px 5px;
	margin-bottom:30px;
}

#copyright{
	font-size:12px; 
	color:blue;
}

#counter{
	clear:both;
	text-align:right; 
	padding:5px 0px 10px 0px; 
}

/* classe per la risoluzione del problema del box contenitore del float */
.float_clear{ clear:both; font-size:3px; }

.voce_menu_selezionata{ font-weight:bold; color:blue; cursor:help; }

.grassetto{ font-weight:bold; }

.blu{ color:#0000FF; }

.suggerimento{ 
	font-size:12px; 
	color:#009900; 
	text-indent:0px;
	padding:5px 0px 5px 18px;
	background-image:url(../images/icone/comment.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.hide{ display:none; }

.lista_standard li{
	text-align:justify;
	padding:2px;
}
.lista_standard li .min{
	font-size:12px;
	color:#009900;
	font-weight:normal;
}

.lista_livello_0 li{
	font-weight:bold;
}

.lista_livello_1 li{
	font-weight:normal;
	padding:1px;
	color:#000000;
}

form{
	margin:0px;
	padding:0px;
}