* {margin:0; padding:0; outline:0}

body {font:11px Verdana,Comic Sans MS; color:#000; background:#ede}

.nav {height:60px; background:#6cc; color:#fff ; text-shadow:1px 1px #888; z-index:1000}

.menu a {float:left; color:#eee; text-decoration:none; width:150px; height:52px; padding-top:8px}
#info {width:150px; larghezza tendine laterali dal centro}

.menu span {float:left; color:#eee; text-decoration:none; width:150px; height:52px; padding-top:8px}
#info {width:150px;larghezza della tendina al centro}

.menu a:hover {color:#fff}

.menu {list-style:none; font:16px Comic Sans MS,Verdana; text-align:center; width:750px; margin:0 auto}
#info {width:750px; larghezza totale}

.menu li {position:relative; float:left; width:150px; z-index:1000}
#info {width:150px; sposta le tendine di 150}

.menu ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:60px; left:0; background:#6cc; display:none; list-style:none}

.menu ul li {float:none; border-top:1px solid #ccc; width:150px}
#info {width:150px;larghezza dei campi che scendono}

.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:18px; padding-top:5px}
#info {height:18px;altezza dei campi che scendono}

.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#39c; color:#fff}

.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:18px; padding-top:5px}
#info {height:18px;altezza dei campi che scendono della tendina al centro}

.menu ul ul {left:120px; top:0}

.menu li.submenu {font-weight:bold}

.menu li.noborder {border-top:none}

li.menuhover a, li.menuhover li.menuhover a {color:#fff; background:#39c}

li.menuhover span, li.menuhover li.menuhover span {color:#fff; background:#39c}

#info {width:180px; background:#eee}

#info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}