body {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 22px;
    color: #898758;
}


#bar {
    width: 335px;
    height: 300px;
    background-image: url(back.png);
    background-repeat: repeat-y;
    position: absolute;
    left: 50%;
    top: 0px;
    margin: 0px;
    margin-left: -168px;
    z-index: 50;
}

#shad {
    width: 790px;
    height: 300px;
    background-image: url(shad.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 0px;
    margin: 0px;
    margin-left: -400px;
    z-index: 1;
}

#top {
    width: 335px;
    height: 212px;
    background-image: url(top.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
}

#menu {
position: absolute;
top: 0px;
margin-top: 237px;
left: 0px;
margin-left: 67px;
}

#backsfo {
    width: 535px;
    height: 300px;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 0px;
    margin: 0px;
    margin-left: -234px;
    z-index: 40;
    opacity: 0;
}

#chisiamo {
    cursor: pointer;
}

#sfosfo {
      
    background-image: url(sfo/hg.jpg);
    z-index: 20;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#off {
    position: absolute;
bottom: 0px;
left: 0px;
margin-left: 57px;
margin-bottom: 27px;
}


#chisei {
    height: 86px;
    width: 215px;
    background-image: url('./chisiamotesto.jpg');
    background-repeat: no-repeat;
    position: relative;
    display: block;
}

#chisei:hover {
    height: 86px;
    width: 215px;
    background-image: url('./chisiamotesto_hover.jpg');
    background-repeat: no-repeat
}


#portfolio {
    height: 86px;
    width: 215px;
    background-image: url('./portfoliotesto.jpg');
    background-repeat: no-repeat;
    position: relative;
    display: block;
}

#portfolio:hover {
    height: 86px;
    width: 215px;
    background-image: url('./portfoliotesto_hover.jpg');
    background-repeat: no-repeat
}

#video {
    height: 86px;
    width: 215px;
    background-image: url('./videotesto.jpg');
    background-repeat: no-repeat;
    position: relative;
    display: block;
}

#video:hover {
    height: 86px;
    width: 215px;
    background-image: url('./videotesto_hover.jpg');
    background-repeat: no-repeat
}

#newstesto {
    height: 86px;
    width: 215px;
    background-image: url('./newstesto.jpg');
    background-repeat: no-repeat;
    position: relative;
    display: block;
}

#newstesto:hover {
    height: 86px;
    width: 215px;
    background-image: url('./newstesto_hover.jpg');
    background-repeat: no-repeat
}


#dovesiamo {
    height: 86px;
    width: 215px;
    background-image: url('./dovesiamotesto.jpg');
    background-repeat: no-repeat;
    position: relative;
    display: block;
}

#dovesiamo:hover {
    height: 86px;
    width: 215px;
    background-image: url('./dovesiamotesto_hover.jpg');
    background-repeat: no-repeat
}

#interessi {
    height: 86px;
    width: 215px;
    background-image: url('./interessitesto.jpg');
    background-repeat: no-repeat;
    position: relative;
    display: block;
}

#interessi:hover {
    height: 86px;
    width: 215px;
    background-image: url('./interessitesto_hover.jpg');
    background-repeat: no-repeat
}