/* set up the font to be used for the page */


/* set the size of the definition list <dl> and add the background image */
#imap {display:block; margin-left: 50px; width:154px; height:99px; background:url(images/mapa.png) no-repeat; position:relative; } 

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {display:block; width:154px; height:0; padding-top:99px; overflow:hidden; position:absolute; left:0; top:0; /*background:transparent url(teste.jpg) no-repeat 400px 400px;*/ cursor:default; border: 0px solid #ddd; }
/* the hack for IE pre IE6 */
* html #imap a#title {height:154px; he\ight:0;}

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

/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #piccuritiba {left:105px; top:47px; z-index:20;}
#imap #picfoz {left:3px; top:57px; z-index:20;}
#imap #picparanagua {left:130px; top:65px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#curitiba, #imap a#foz, #imap a#paranagua {display:block; width: 12px; height:12px; background:transparent url(../images/hover.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;}

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

/* move the link background image to position 0 0 when hovered */
#imap a#curitiba:hover, a#foz, #imap a#paranagua:hover {background-position:0 0;}

/* define the common styling for the span text */
#imap a:hover span {position:absolute;  width:225px; 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 #imap a:hover span {width:400px; w\idth:388px;}

/* move the span text to a common position at the bottom of the image map */
#imap a#curitiba:hover span {left:-150px; top:55px; color: #529e3a;text-align: left;}
#imap a#foz:hover span {left:-48px; top:45px; color: #529e3a; text-align: left;}
#imap a#paranagua:hover span {left:-175px; top:37px; color: #529e3a;text-align: left;}

/* add the style for the link span text - first line */
#imap a span:first-line {font-weight:bold; font-style:italic;}