/* css/style.css — точная копия стилей uCoz */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #FFFFFF url('/image/bezymjannyj.jpg') no-repeat fixed center top;
    background-size: 100% 100%;
    color: #000000;
    padding: 5px;
}

a, a:link, a:visited { text-decoration: none; color: black; }
a:hover, a:active { text-decoration: underline; color: maroon; }

hr { color: #A9B8C2; height: 1px; }

/* Верхняя панель */

.topBar {
    background: #03276E url('/image/6.gif') repeat-x;
    background-size: 100% 100%;
    padding: 8px 5px;
    font-size: 10px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 3px;
    border: 1px solid #A9B8C2;
}
/* Переключатели страниц */
.pageTabs {
    display: flex;
    width: 100%;
    border-left: 1px solid #A9B8C2;
    border-right: 1px solid #A9B8C2;
    margin-bottom: 3px;
}
.pageTab {
    flex: 1;
    text-align: center;
    padding: 6px 4px;
    background: url('/image/2.gif') repeat-x;
    border: 1px solid #A9B8C2;
    border-left: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}
.pageTab:first-child { border-left: 1px solid #A9B8C2; }
.pageTab:hover { background: url('/image/1.gif') repeat-x; }
.pageTab.active {
    background: url('/image/1.gif') repeat-x;
    color: #445588;
}

/* Основной макет */
.mainLayout {
    display: flex;
    gap: 0;
    width: 100%;
}

/* Левая и правая колонки */
.sidebar {
    width: 195px;
    min-width: 195px;
    vertical-align: top;
}
.sidebar-right {
    width: 195px;
    min-width: 195px;
    text-align: right;
    vertical-align: top;
}

/* Блоки в колонках */
.sideBlock {
    margin-bottom: 6px;
}
.sideBlock .blockHeader {
    background-color: #E9ECF5;
    border: 1px solid #A9B8C2;
    padding: 4px 8px;
    height: 21px;
    display: flex;
    align-items: center;
}
.sideBlock .blockHeader .blockTitle {
    color: #445588;
    text-transform: uppercase;
    font-size: 9px;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: bold;
}
.sideBlock .blockContent {
    border-left: 1px solid #A9B8C2;
    border-right: 1px solid #A9B8C2;
    background: #F4F4F4;
    padding: 3px;
}
.sideBlock .blockFooter {
    background-color: #E9ECF5;
    border: 1px solid #A9B8C2;
    border-top: none;
    height: 11px;
}
.sideBlock .blockFooter img { width: 190px; height: 11px; }

/* Меню */
.sideMenu { list-style: none; padding: 0; margin: 0; }
.sideMenu li {
    padding: 2px 0 2px 13px;
    background: url('/image/14.gif') no-repeat 3px 4px;
    margin-bottom: 3px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.sideMenu li a { color: #4D6D91; }
.sideMenu li a:hover { text-decoration: underline; }

/* Поиск */
.searchBox { text-align: center; padding: 5px; }
.searchBox input[type="text"] {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 2px 5px;
    width: 150px;
    border: 1px solid #A9B8C2;
}
.searchBox input[type="submit"] {
    font-size: 10px;
    margin-top: 4px;
    padding: 2px 10px;
    cursor: pointer;
}

/* Центральная часть */
.centerCol {
    flex: 1;
    padding: 0;
}

/* Заголовок контента */
.contentHeader {
    background-color: #E9ECF5;
    border: 1px solid #A9B8C2;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contentHeader .blockTitle {
    color: #445588;
    text-transform: uppercase;
    font-size: 9px;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: bold;
}

/* Тело контента */
.contentBody {
    border-left: 1px solid #A9B8C2;
    border-right: 1px solid #A9B8C2;
    padding: 3px;
    background: #FFFFFF;
    min-height: 400px;
}

/* Карта */
.mapWrap {
    width: 100%;
    height: 350px;
    border: 1px solid #A9B8C2;
    margin-bottom: 8px;
}
#map { width: 100%; height: 100%; }

/* Карточки */
.card {
    background: #F4F4F4;
    border: 1px solid #A9B8C2;
    padding: 6px 8px;
    margin-bottom: 4px;
}
.card .cardTitle {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #4D6D91;
    margin-bottom: 3px;
}
.card .cardText {
    font-size: 11px;
    text-align: justify;
    margin-bottom: 3px;
}
.card .cardInfo {
    font-size: 10px;
    color: #1A1A1A;
    border-top: 1px dashed #A9B8C2;
    padding-top: 3px;
}
.card .cardInfo a { color: #4D6D91; }
.card .cardInfo a:hover { text-decoration: underline; }

.badge {
    display: inline-block;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: bold;
}
.badge.active { background: #4CAF50; color: #fff; }

/* Нижняя панель */
.bottomBar {
    background-color: #E9ECF5;
    border: 1px solid #A9B8C2;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin-top: 3px;
}

/* Адаптивность */
@media (max-width: 800px) {
    .mainLayout { flex-direction: column; }
    .sidebar, .sidebar-right { width: 100%; min-width: 100%; }
    .mapWrap { height: 250px; }
}