#map-breadcrumbs {font-size: 1.1em; float: left; height: 74px; margin: 0; clear: both; position: relative; width: 100%; margin-top: 15px;}
#map-breadcrumbs #breadcrumbs-root {float: left; width: 30px; height: 74px; margin: 0 10px 0 0; background: transparent url('../images/map-breadcrumbs-root.png') no-repeat scroll top left; cursor: pointer;}
#map-breadcrumbs #district {margin-bottom: 5px;}
#map-breadcrumbs #municipality {margin-bottom: 5px;}
#map-breadcrumbs #parish {}
#map-breadcrumbs div.visible {display: block; overflow: hidden; position: relative;}
#map-breadcrumbs div.hidden {display: none;}
#map-breadcrumbs div span.label {color: #333333; line-height: 1.1em;}
#map-breadcrumbs div span.label.leaf {color: #333333; font-weight: normal;}
#map-breadcrumbs div span.value {color: #224a6e; text-decoration: underline; cursor: pointer; white-space: normal;}
#map-breadcrumbs div span.value.leaf {color: #000000; text-decoration: none; cursor: default; font-weight: bold}


#map {margin: 0 auto; width: 260px; height: 335px; z-index: 3; clear: both; padding: 10px 0 0 0;}
#map #portugal {}
#map img {}

area {cursor: default; }
area.clickable {cursor: pointer;}

.tooltip {position: relative; z-index: 1000; text-transform: uppercase; color: #455427; padding: 5px 10px; font-size: 1em; background: #fff; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.24);}

#area-map {}
#map {position: relative;}
#map-loading-feedback {position: absolute; top: 10px; right: 10px; z-index: 20;}