html { width: 100%; }
body { 
    width: 780px; margin: 0px auto; 
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
    margin-top: 20px;
}
a 			{ color: #0000ff; }
a:hover 	{ color: #9999ff; }

#logo {
    display:block;
    width: 134px;
    height: 112px;
    background-image: url(img/logoPO.png);
    background-position: top left;
    background-repeat: no-repeat;
    float:left;
}
#logo h1 { display: none; }
#navbar {
    widht: 490px;
    margin:0px;
    padding:0px;
    margin-left:145px;
}
#navbar li {
    display: block;
    height: 209px;
    background-image: url("img/tasti_c.png"); 
    background-repeat: no-repeat;
    float: left;
}
#navbar li a { display:block; widht:100%; height:100%; }
#navbar li a span { display: none; }


#home { background-position: 0px 0px; width: 105px;}
#home:hover { background-position: 0px -209px; }

#perche { background-position: -106px 0px; width: 88px;}
#perche:hover { background-position: -106px -209px; }

#progeditoriali { background-position: -194px 0px; width: 111px;}
#progeditoriali:hover { background-position: -194px -209px; }

#eventi { background-position: -306px 0px; width: 80px;}
#eventi:hover { background-position: -306px -209px; }

#contatti { background-position: -387px -0px; width: 105px;}
#contatti:hover { background-position: -387px -209px; }

#banner { clear: both; }

#banner div{
    background-image: url(img/banner.png);
}
#img {
    width: 640px;
    height: 120px;
    margin: 0px auto;
}
#bread {
    width: 620px;
    height: 20px;
    margin: 0px auto;
    padding-left: 20px;
    font-size: 10px;
}

#content {
    width: 640px;
    margin: 0px auto;
}


#footer { 
	margin-top: 50px;
	text-align: center;
	font-size: 9px;
	color: #555;
	clear:both;
}