/* ATC PLANNER - versione grafica */

html, body { height:100%; }
body { color:#222222; font:76%/140% arial, helvetica, geneva, sans-serif; margin:0; padding:0; text-align:center; background:url(../immagini/header_fondo.gif) repeat-x #ffffff; }

/* GENERALE - layout e impaginazione */

#pagina { position:relative; width:775px; margin:0 auto; text-align:left; background:url(../immagini/menu_fondo.jpg) no-repeat 0 109px; }
#header { width:100%; height:109px; } 
  div[id="header"] { min-height:109px; height:auto !important; }
/* HEADER */
	
#header h1 { margin:0; width:110px; height:76px; position:absolute; top:1px; left:18px; z-index:20; background:url(../immagini/ATC.gif) 0 0 no-repeat; }
  #header h1 a { display:block; width:100%; height:100%; background:url(../immagini/ATC.gif) 0 0 no-repeat; }
  #header h1 a:hover { background-position:0 -81px; }
  #header .percorso { width:100%; height:109px; background:url(../immagini/header_riga.gif) no-repeat top center; position:absolute; left:0; top:0; z-index:1; }
  
/* TRAVEL PLANNER - link header */

ul#planner { list-style-type:none; }

/* il tuo percorso */ 
li a#planner0, li#planner0 { position:absolute; top:0; left:17%; width:112px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p0.gif) no-repeat; z-index:11; }
/* la tua fermata */ 
li a#planner1, li#planner1 { position:absolute; top:0; left:26%; width:109px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p1.gif) no-repeat; z-index:12; }
/* libretto orario */ 
li a#planner2, li#planner2 { position:absolute; top:0; left:36%; width:109px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p2.gif) no-repeat; z-index:13; }
/* guida */ 
li a#plannerg { position:absolute; top:19px; left:49%; width:56px; height:72px; background:url(../immagini/orari_percorsi/planner/bott_pg.gif) no-repeat; z-index:14; }
/* avvertenze */ 
li a#plannera { position:absolute; top:19px; left:56%; width:61px; height:73px; background:url(../immagini/orari_percorsi/planner/bott_pa.gif) no-repeat; z-index:15; }
/* indietro */ 
li a#plannert { position:absolute; top:19px; left:64%; width:61px; height:73px; background:url(../immagini/orari_percorsi/planner/bott_pt.gif) no-repeat; z-index:15; }

/*selezionati*/
li#planner0 { background:url(../immagini/orari_percorsi/planner/bott_p0sele.gif) no-repeat; }
li#planner1 { background:url(../immagini/orari_percorsi/planner/bott_p1sele.gif) no-repeat; }
li#planner2 { background:url(../immagini/orari_percorsi/planner/bott_p2sele.gif) no-repeat; }

/*hover*/
li a#planner0:hover { background-position:0 -93px; }
li a#planner1:hover { background-position:0 -93px; }
li a#planner2:hover { background-position:0 -93px; }
li a#plannerg:hover { background-position:0 -77px; }
li a#plannera:hover { background-position:0 -77px; }
li a#plannert:hover { background-position:0 -78px; }

  /* masochismo... */

/* la lingua di byron */ 
body.eng li a#planner0, body.eng li#planner0 { position:absolute; top:0; left:18%; width:112px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p0_eng.gif) no-repeat; z-index:11; }
body.eng li a#planner1, body.eng li#planner1 { position:absolute; top:0; left:28%; width:109px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p1_eng.gif) no-repeat; z-index:12; }
body.eng li a#planner2, body.eng li#planner2 { position:absolute; top:0; left:38%; width:109px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p2_eng.gif) no-repeat; z-index:13; }
body.eng li a#plannerg { position:absolute; top:19px; left:57%; width:56px; height:72px; background:url(../immagini/orari_percorsi/planner/bott_pg_eng.gif) no-repeat; z-index:14; }
body.eng li a#plannert { position:absolute; top:19px; left:49%; width:61px; height:73px; background:url(../immagini/orari_percorsi/planner/bott_pt_eng.gif) no-repeat; z-index:15; }

body.eng li#planner0 { background:url(../immagini/orari_percorsi/planner/bott_p0sele_eng.gif) no-repeat; }
body.eng li#planner1 { background:url(../immagini/orari_percorsi/planner/bott_p1sele_eng.gif) no-repeat; }
body.eng li#planner2 { background:url(../immagini/orari_percorsi/planner/bott_p2sele_eng.gif) no-repeat; }

/* la lingua di goethe */ 
body.deu li a#planner0, body.deu li#planner0 { position:absolute; top:0; left:18%; width:112px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p0_deu.gif) no-repeat; z-index:11; }
body.deu li a#planner1, body.deu li#planner1 { position:absolute; top:0; left:28%; width:109px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p1_deu.gif) no-repeat; z-index:12; }
body.deu li a#planner2, body.deu li#planner2 { position:absolute; top:0; left:38%; width:109px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p2_deu.gif) no-repeat; z-index:13; }
body.deu li a#plannerg { position:absolute; top:19px; left:57%; width:56px; height:72px; background:url(../immagini/orari_percorsi/planner/bott_pg_deu.gif) no-repeat; z-index:14; }
body.deu li a#plannert { position:absolute; top:19px; left:49%; width:61px; height:73px; background:url(../immagini/orari_percorsi/planner/bott_pt_deu.gif) no-repeat; z-index:15; }

body.deu li#planner0 { background:url(../immagini/orari_percorsi/planner/bott_p0sele_deu.gif) no-repeat; }
body.deu li#planner1 { background:url(../immagini/orari_percorsi/planner/bott_p1sele_deu.gif) no-repeat; }
body.deu li#planner2 { background:url(../immagini/orari_percorsi/planner/bott_p2sele_deu.gif) no-repeat; }

/* la lingua di asterix */ 
body.fra li a#planner0, body.fra li#planner0 { position:absolute; top:0; left:18%; width:112px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p0_fra.gif) no-repeat; z-index:11; }
body.fra li a#planner1, body.fra li#planner1 { position:absolute; top:0; left:28%; width:109px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p1_fra.gif) no-repeat; z-index:12; }
body.fra li a#planner2, body.fra li#planner2 { position:absolute; top:0; left:38%; width:109px; height:88px; background:url(../immagini/orari_percorsi/planner/bott_p2_fra.gif) no-repeat; z-index:13; }
body.fra li a#plannerg { position:absolute; top:19px; left:57%; width:56px; height:72px; background:url(../immagini/orari_percorsi/planner/bott_pg_fra.gif) no-repeat; z-index:14; }
body.fra li a#plannert { position:absolute; top:19px; left:49%; width:61px; height:73px; background:url(../immagini/orari_percorsi/planner/bott_pt_fra.gif) no-repeat; z-index:15; }

body.fra li#planner0 { background:url(../immagini/orari_percorsi/planner/bott_p0sele_fra.gif) no-repeat; }
body.fra li#planner1 { background:url(../immagini/orari_percorsi/planner/bott_p1sele_fra.gif) no-repeat; }
body.fra li#planner2 { background:url(../immagini/orari_percorsi/planner/bott_p2sele_fra.gif) no-repeat; }

div#planneracc { position:absolute; top:40px; right:0; z-index:70; }

  /* link per le bandierine delle lingue */
ul#plannerlang { position:absolute; z-index:60; width:200px; top:74px; right:0; height:36px; background:url(../immagini/planner_lang.gif) top left no-repeat #C8C8C8; padding-left:40px; } 
  ul[id="plannerlang"] { min-width:180px; width:auto !important; top:62px !important; }

ul#plannerlang li {  list-style-type:none; display:inline; margin:0; padding:0; }

a#plannerIT, 
a#plannerEN, 
a#plannerFR, 
a#plannerDE { display:block; background-repeat: no-repeat; width:28px; height:22px; float:left; margin-right:5px; margin-top:10px; }
a#plannerIT:hover, a#plannerEN:hover, a#plannerFR:hover, a#plannerDE:hover { background-position:0 -27px; background-color:transparent; }
a#plannerIT span, a#plannerEN span, a#plannerFR span, a#plannerDE span { position:absolute; left:-9999px; }

a#plannerIT { background-image:url(../immagini/orari_percorsi/planner/bott_pIT.gif); margin-left:25px; }
  a[id="plannerIT"] { margin-left:15px !important; }
a#plannerEN { background-image:url(../immagini/orari_percorsi/planner/bott_pEN.gif); }
a#plannerFR { background-image:url(../immagini/orari_percorsi/planner/bott_pFR.gif); }
a#plannerDE { background-image:url(../immagini/orari_percorsi/planner/bott_pDE.gif); }

/* ELEMENTI NASCOSTI */
  
.ancora { width:1px; height:1px; line-height:1px; overflow: hidden; clip: rect(0,0,1,1); } 
/* per far leggere l'acceskey all'ancora sul farlocc-brausa */

#header h1 span,	
ul#planner li span,
ul#planner a span { display:block; width:0; height:0; line-height:0px; overflow: hidden; clip: rect(0,0,0,0); }