<style type="text/css">
<!--

html,body{
margin:0;
padding:0;
}

html{
height: 100%; 
margin-bottom: 1px;
} /*per la scrollbar laterale in Opera e Mozilla*/

body{
/*padding-bottom:20px;*/
font: 12px "Trebuchet MS",Verdana,Arial,sans-serif;
background:#333333;
color: #FFFFFF;
}
	
/*stili per il layout e le sezioni invarianti*/

div#container{
width: 800px;
margin: 0 auto;
padding: 5px;
background: #ccc;
}

div#header{
position:relative;
height:100px;
background: url(images/vw_kult.jpg) no-repeat top center;
}

/* MENU */
#menu{
		text-align: center;
		width: 100%;
		background: url(images/menu_bg.jpg) repeat-x;
		}
		#menu ul{
		margin:0;
		padding:0;
		position:relative;
		display: block;
		width: 800px;
		height: 30px;
		}
		#menu li{
		list-style: none;
		float: left;
		}
		#menu li a{
		width: 100px;
		height: 30px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-size: 9px;
		font-family: Verdana;
		color: #FFFFFF;
		font-weight: bold;
		background: url(images/link_bg.jpg) no-repeat top;
		} 
		#menu li a:hover{
		background-position: bottom;
		} 

/* PAGINA CONTENUTI */
div#content{
background:#000000;
font-size: 12px;
padding: 5px;
margin:0;
width:auto;
height:auto;
text-align:justify;
}

div#content a {
text-decoration:underline;
color:#0099FF;
}

div#content a:hover {
text-decoration:none;
color:#0033FF;
}


#titoletti{
font-size: 14px;
font-family: Verdana;
color:#00CC99;
}

/* FOOTER */
div#footer{
clear: both;
text-align: center;
background: #000000;
font-size: 90%;
}

#menufooter{
		text-align: center;
		width: 100%;
		background: url(images/menu_bg.jpg) repeat-x;
		}
		#menufooter ul{
		margin:0;
		padding:0;
		position:relative;
		display: block;
		width: 800px;
		height: 30px;
		}
		#menufooter li{
		list-style: none;
		float: right;
		}
		#menufooter li a{
		width: 100px;
		height: 30px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-size: 9px;
		font-family: Verdana;
		color: #FFFFFF;
		font-weight: bold;
		background: url(images/link_bg.jpg) no-repeat top;
		} 
		#menufooter li a:hover{
		background-position: bottom;
		} 



/*GALLERIA FILM IMMAGINI LINKS*/
ol#gallery{
	background:#000000;
    margin: 0;
    padding: 0;
    }

ol#gallery li{
	background: #000000 url('images/film.jpg') repeat-x bottom right;
	width:195px;
	height:137px;
    float:left;
    color: #fff;
	margin: 10px 0 5px;
    padding: 0 1px 0;
    list-style-type: none;
	}

ol#gallery h3{
    background: #000000 url('images/film.jpg') repeat-x bottom right;
	margin: 0;
    padding: 3px 0 16px;
    color: #fff;
    font: 12px light arial,sans-serif;
    text-align: center;
    }

ol#gallery a{
	margin:0;
	padding:0;
    display: block;

     }

ol#gallery a:hover{
    color: #fff; /*hack per ie5.5 e le regole sotto*/
    }

ol#gallery a img{
    border: 1px solid #000;
    }

ol#gallery a:hover img{
    border-color: #FFFFA0;
    }
/*FINE RULLINO GALLERIA IMMAGINI*/

/*INIZIO CONTATTI ITALIA*/

	#contenitore{
	width:600px;
	height:350px;
	margin:auto;
	}
	a{
	color:#99CC00;
	text-decoration:none;
	}
	/*inizio stile css mappa*/
	#wrap_mappa{
	/*width:556px;*/
	/*height:344px;*/
	/*border:2px solid #CCCCCC;*/
	/*background-color:#EEEEEE;*/
	}
	#mappa img{
	border:none;
	}
	#mappa{
	width:550px;
	height:350px;
	position:relative;
	/*left:10px;
	top:10px;*/
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	}
	#mappa a{
	text-decoration:none;
	color:#000000;
	outline:none;
	}
	#mappa a img.regione{
	position:absolute;
	display:block;
	}
	#mappa a:hover img.regione{
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	}
	#mappa a span{
	display:none;
	}
	#mappa a:hover span, #mappa #info{
	display:block;
	width:232px;
	height:300px;
	position:absolute;
	right:10px;
	top:10px;
	border:2px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:10px;
	color:#333333;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	text-align:justify;
	overflow:hidden;
	z-index:20;
	}
	#mappa span b{
	display:block;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	}
	#aosta{
	left:5px;
	top:37px;
	z-index:1;
	}
	#piemonte{
	left:2px;
	top:27px;
	}
	#liguria{
	left:20px;
	top:77px;
	}
	#lombardia{
	left:41px;
	top:19px;
	}
	#trentino{
	left:80px;
	top:3px;
	z-index:2;
	}
	#veneto{
	left:85px;
	top:15px;
	}
	#friuli{
	left:120px;
	top:15px;
	z-index:3;
	}
	#romagna{
	left:55px;
	top:62px;
	}
	#toscana{
	left:66px;
	top:81px;
	}
	#marche{
	left:118px;
	top:96px;
	}
	#umbria{
	left:113px;
	top:108px;
	}
	#lazio{
	left:105px;
	top:132px;
	}
	#abruzzo{
	left:139px;
	top:128px;
	}
	#molise{
	left:160px;
	top:152px;
	z-index:4;
	}
	#puglia{
	left:182px;
	top:154px;
	}
	#campania{
	left:158px;
	top:169px;
	}
	#basilicata{
	left:194px;
	top:179px;
	z-index:5;
	}
	#calabria{
	left:205px;
	top:210px;
	}
	#sardegna{
	left:30px;
	top:175px;
	}
	#sicilia{
	left:130px;
	top:270px;
	}
/*FINE CONTATTI ITALIA*/	


-->
</stile>