#regioes #domestica,
#regioes #embalagens {
display: block;
display: none;
}

.fundo {
height: 256px;
width: 256px;
float: left;
}

#domestica .fundo {
background: url(../img/mapa-domestica.gif) no-repeat;
}
#embalagens .fundo {
background: url(../img/mapa-embalagens.gif) no-repeat;
}


.mapa {
height: 256px;
width: 256px;
background-position: 0px 256px; /* posicao inicial */
background-repeat: no-repeat;
}
#domestica .mapa {
background-image: url(../img/mapa-domestica.gif);
}
#embalagens .mapa {
background-image: url(../img/mapa-embalagens.gif);
}


.mapa img {
height: 256px;
width: 256px;
}

#regioes ul {
margin-left: 300px;
margin: 0;
}

#regioes li {
margin-bottom: 0;
}


#regioes ul.lista-representantes li {
float: left;
width: 200px;
border: 1px solid red;
border: none;
}

#regioes ul.lista-representantes {
float: left;
width: 400px;
padding-left: 0;
margin-left: 20px;
display: inline;
list-style: none;
border: 1px solid blue;
border: none;
}

/*
#conteudo dl {
float: left;
width: 700px;
background-color: lime;
}

#conteudo dl dt {
float: left;
width: 200px;
clear: left;
margin: 0 0 1px 0;

background-color: red;
}

#conteudo dl dd {
float: right;
width: 295px;
margin: 0 0 1px 0;
clear: right;

background-color: orange;
}
*/

#conteudo table {
width: 700px;
width: auto;
width: 100%;
width: 725px;
border: none;
border-collapse: separate; /* ff fudge */
}
#conteudo th, 
#conteudo td {
border-width: 1px;
border-style: solid;
padding: 6px 6px;
}
#conteudo th {
font-weight: normal;
white-space: nowrap;
width: 158px; /* 170-6-6=158 */
}