/* CSS Document */
/* ================================================================================================================================= 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)htmlis available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================================================= */
#nav {padding:0; margin:0; list-style:none; height:32px; position:relative; z-index:2000; width:1000px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:32px; width:auto; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

/* sezioni principali */
#nav li a.home {background:url(/costruire/menuimages/home.gif); width:56px; height:32px;}
#nav li a.agenda {background:url(/costruire/menuimages/agenda.gif); width:66px}
#nav li a.primopiano {background:url(/costruire/menuimages/primopiano.gif); width:96px}
#nav li a.parole {background:url(/costruire/menuimages/parole.gif); width:115px;}
#nav li a.progetto {background:url(/costruire/menuimages/progetto.gif); width:70px;}
#nav li a.dossier {background:url(/costruire/menuimages/dossier.gif); width:64px;}
#nav li a.materialitec {background:url(/costruire/menuimages/materialitec.gif); width:162px;}
#nav li a.speciali {background:url(/costruire/menuimages/speciali.gif); width:64px;}
#nav li a.normeleggi {background:url(/costruire/menuimages/normeleggi.gif); width:113px;}
#nav li a.archivio {background:url(/costruire/menuimages/archiviozeronove.gif); width:108px;}
#nav li a.classifiche {background:url(/costruire/menuimages/classifiche.gif); width:86px;}

#nav li:hover a,
#nav a:hover {background-position: 0 32px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:2000;}

#nav :hover ul.sub {left:0; top:32px; background: #edb; width:auto; height:32px; z-index:300;}
#nav :hover ul.sub li {display:block; height:32px; position:relative; float:left; width:auto;}
#nav :hover ul.sub li a {display:block; height:32px; width:auto; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

/* voci di sezione */
#nav :hover ul li a.corsi {background:url(/costruire/menuimages/corsi.gif); width:47px;}
#nav :hover ul li a.concorsi {background:url(/costruire/menuimages/concorsi.gif); width:71px;}
#nav :hover ul li a.fiere {background:url(/costruire/menuimages/fiere.gif); width:126px;}
#nav :hover ul li a.mostre {background:url(/costruire/menuimages/mostre.gif); width:60px;}
#nav :hover ul li a.associazioni {background:url(/costruire/menuimages/associazioni.gif); width:97px;}

#nav :hover ul li a.news {background:url(/costruire/menuimages/news.gif); width:52px;}
#nav :hover ul li a.avvenimenti {background:url(/costruire/menuimages/avvenimenti.gif); width:98px;}
#nav :hover ul li a.recensioni {background:url(/costruire/menuimages/recensioni.gif); width:84px;}

#nav :hover ul li a.editoriale {background:url(/costruire/menuimages/editoriale.gif); width:77px;}
#nav :hover ul li a.puntivista {background:url(/costruire/menuimages/puntivista.gif); width:101px;}
#nav :hover ul li a.storie {background:url(/costruire/menuimages/storie.gif); width:153px;}
#nav :hover ul li a.dettaglio {background:url(/costruire/menuimages/dettaglio.gif); width:86px;}
#nav :hover ul li a.ipsedixit {background:url(/costruire/menuimages/ipsedixit.gif); width:74px;}

#nav :hover ul li a.progetti {background:url(/costruire/menuimages/progetti.gif); width:67px;}
#nav :hover ul li a.segni {background:url(/costruire/menuimages/segni.gif); width:50px;}

#nav :hover ul li a.materiali {background:url(/costruire/menuimages/materiali.gif); width:72px;}
#nav :hover ul li a.tecnologia {background:url(/costruire/menuimages/tecnologia.gif); width:85px;}
#nav :hover ul li a.architettura {background:url(/costruire/menuimages/architettura.gif); width:174px;}
#nav :hover ul li a.multimedia {background:url(/costruire/menuimages/multimedia.gif); width:89px;}
#nav :hover ul li a.impianti {background:url(/costruire/menuimages/impianti.gif); width:69px;}

#nav :hover ul.sub li a:hover {background-position: 0 32px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:0px; background:#fff; color:#000; display:block; width:auto; height:32px;}

#nav2 {padding:0; margin:0; list-style:none; height:14px; position:relative; z-index:2000; width:110px;}
#nav2 li.top {display:block; float:left;}
#nav2 li a {display:block; float:left; height:14px; width:auto; padding:0; cursor:pointer;}
#nav2 li a b {margin-left:-999px;}

/* sezioni principali */
#nav2 li a.registrazione {background:url(/costruire/menuimages/registrazione.gif); width:110px;}
#nav2 li a.gestione {background:url(/costruire/menuimages/gestione.gif); width:110px}
#nav2 li a.abbonamenti {background:url(/costruire/menuimages/abbonamenti.gif); width:110px}
#nav2 li a.contatti {background:url(/costruire/menuimages/contatti.gif); width:110px;}
#nav2 li a.sommari {background:url(/costruire/menuimages/sommari.gif); width:110px;}
#nav2 li a.indici {background:url(/costruire/menuimages/indici.gif); width:110px;}
#nav2 li a.next {background:url(/costruire/menuimages/next.gif); width:110px;}

#nav2 li:hover a,
#nav2 a:hover {background-position: 0 14px;}