body {
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    width: auto;
    margin: 0 auto
}
.header {
    text-align: center;
    background-color: #ccc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABECAAAAADmLzmxAAAANklEQVRIx2O8zUAqYGKghxYWRnpooY/DRm0ZtWU08Y/aMmrLaBYbtWXUllFbRr0/astoskQDAPlcAcymifdqAAAAAElFTkSuQmCC);
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    font-size: 23px;
    color: #5692d0;
    margin-bottom: 15px;
    padding: 4px
}
.header a {
    font-weight: 400;
    color: #47b;
    text-decoration: none
}
.header a:hover {
    color: #557
}
.main {
    margin: 10px
}
.main td {
    vertical-align: top
}
#mapdiv {
    overflow: hidden
}
#map {
    width: 100%;
    min-height: 500px;
    height: 85vh;
    margin: 5px 0
}
#mapdiv #maplegend {
    float: left;
    font-size: 12px;
    text-align: center;
    width: 5%
}
#mapdiv #maplegend div {
    height: 18px
}
h4, .h4 {
    font-size: 18px
}
/* маркеры станций: круг рисуется css, картинок нет */
.qthm {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%
}
.qthm b {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    padding: 2px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #000;
    pointer-events: none
}
.qthm-online {
    background: #f2685d
}
.qthm-offline {
    background: #858585
}
.qthm-table {
    background: #fff;
    box-shadow: inset 0 0 0 2px #6f6f6f
}