/************** Text, Header, Footer, Field Label etc ********************/



/* set the size of the definition list <dl> and add the background image */
#cartina {
  display:block; 
  width:898px; 
  height:600px; 
  background:url(mappa_piccola5.gif) no-repeat; 
  position:relative;
  }

  /* set up the definition list <dt><a> to hold the background image for the hover state */
#cartina a#title {
  display:block; 
  width:898px; 
  height:0; 
  padding-top:600px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background:transparent url(mappa_piccola5.gif) no-repeat 898px 898px; 
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #cartina a#title {
  height:600px;
  he\ight:0;
  }

/* the <dt><a> hover style to move the background image to position 0 0 */
#cartina a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }

  /* place the <dd>s in the correct absolute position */
#cartina dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
#cartina #pic_aer {
  left:50px; 
  top:370px; 
  z-index:20;
  }
#cartina #pic_fs {
  left:340px; 
  top:280px; 
  z-index:20;
  }
#cartina #pic_auto {
  left:760px; 
  top:410px; 
  z-index:20;
  }
#cartina #pic_arrivo {
  left:640px; 
  top:110px; 
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#cartina a#aereo, #cartina a#treno, #cartina a#auto, #cartina a#canziane {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(hover2.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

  
/* style the span text so that it is not initially displayed */
#cartina a span, #cartina a:visited span {
  display:none;
  }

/* move the link background image to position 0 0 when hovered */
#cartina a#aereo:hover, #cartina a#treno:hover, #cartina a#auto:hover, #cartina a#canziane:hover {
  background-position:0 0;
  }

  /* define the common styling for the span text */
#cartina a:hover span {
  position:absolute;  
  width:250px; 
  display:block; 
  font-family:arial; 
  font-size:12px; 
  background:#fff; 
  color:#000; 
  border:1px solid #000; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #cartina a:hover span {
  width:250px; w\idth:250px;
  }

  /* move the span text to a common position at the bottom of the image map */
#cartina a#aereo:hover span {
  left:850px; 
  top:-370px;
  }
#cartina a#treno:hover span {
  left:560px; top:-280px;
  }
#cartina a#auto:hover span {
  left:140px; 
  top:-410px;
  }
#cartina a#canziane:hover span#span_bb{
  left:260px; 
  top:-110px;
  }
#cartina a#canziane:hover span#span_dett{
  width:400px; 
  border:0px; 
  padding:0px;
  left:-100px; 
  top:100px;
  }