.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }

.pb-20 { padding-bottom: 20px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }

.error {
    font-style: italic;
    display: block;
}

div#language-chooser a,
div#language-chooser a:hover,
div#tools a,
div#tools a:hover,
div#tabs a
{
    color: #cfcfcf;
}
a:hover {
    text-decoration: underline;
}
div#tabs li.active a[role='tab'] {
    color: #555;
}
div#tabs a[role='tab']:hover {
    color: #000;
}


div#title-header {
    background-color: #444;
    color: #fff;
}

div#language-chooser li.active {
    font-weight: bold;
}

div#tabs {
    background-color: #696969;
}

nav.navbar {
    border: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    min-height: 0 !important;
}
nav.navbar ul {
    border: 0 !important;
}
div.navbar-collapse {
    border: 0 !important;
    box-shadow: none !important;
}


div.hotspot {
    cursor: pointer;
    z-index: 1000;
    background-image: url('../images/transparent.png');
    background-size: 100% 100%;
}

div.media-nav {
    overflow: auto;
}
div.media {
    border: 1px solid #aaa;
    margin: 8px;
    padding: 10px;
    cursor: pointer;
}

div.image-map {
    position: relative;
    clear: both;
    z-index: 998;
}
div.image-map img.main-image {
    z-index: 999;
}