/* MAP *********************/

#map
{
    width               : 325px;
    height              : 309px;
    background-repeat   : no-repeat;
    background-position : 3px 3px;
    background-image    : url(/templates/default/img/mapa-catalunya.jpg);
    margin-bottom       : 10px;
}

#map2
{
    width               : 218px;
    height              : 207px;
    background-repeat   : no-repeat;
    background-position : 3px 3px;
    background-image    : url(/templates/default/img/mapa-catalunya.small.jpg);
    margin-bottom       : 10px;
}

#camins #map2
{
    width               : 144px;
    height              : 137px;
    background-image    : url(/templates/default/img/mapa-catalunya.small.2.jpg);
}

#map dd, #map dd div, #map2 dd, #map2 dd div
{
    text-align          : center;
}

#zona
{
    padding             : 0;
    border              : none;
}

dl.map.on
{
    position            : relative;
    margin              : 0;
    padding             : 3px;
    border              : 1px solid #ccc;
}

dl.map.on dt
{
    list-style          :none;
    display             :inline;
}

dl.map.on dd
{
    position            : absolute;
    left                : -9999px;
    padding             : 5px;
    border              : 1px solid #222;
    background          : #ffffa0;
    /*-moz-border-radius  : 8px;
    border-radius       : 8px;*/
    color               : #444;
    z-index             : 11;
    font-family         : arial, verdana, sans-serif;
    font-size           : 1em;
}

dl.map.on dd div
{
    white-space         : nowrap;
}

dl.map.on a.location
{
    display             : block;
    position            : absolute;
    text-indent         : -9999px;
    background          : url(/templates/default/img/point.png) no-repeat;
    width               : 10px;
    height              : 10px;
    outline             : none;
    z-index             : 10;
    text-decoration     : none;
}

dl.map.on a.location:hover
{
    background          : url(/templates/default/img/point-hover.png) no-repeat;
}

dl.map.on dd a
{
    text-decoration     : none;
    color               : #000;
}

/* MAP ZONA *********************/

dd .regadiu
{
    float               : left;
}

dd .regadiu .nom
{
    margin-bottom       : 3px;
}

dd .regadiu img
{
    float               : left;
    margin-right        : 5px;
    padding             : 1px;
    border              : 1px solid #a0a0a0;
}

#zonesView2 .left dl.map.on a.location
{
    background          : url(/templates/default/img/marker.gif) no-repeat;
    width               : 15px;
    height              : 26px;
}