body {
font-family: Georgia, sans-serif;
font-size: 16px;
color: #333333;
weight: normal;
}

.sitemap__title + .sitemap__title {
    display: none;
}

.menu {
    background-color: #013BB9;
}

@media (max-width: 991px) {
    .menu {
        background-color: transparent;
    }
}


.options {
    background-color: #CF3028 !important;
    color:  #FFFFFF !important;
}
.options a{
    color:  #FFFFFF !important;
}

.menu .logo {
    border: ;
}





    /* [17rs1] Usunięcie tła i ramki pod logo (wyjątek per-domena) */
    .menu .logo {
        border: none !important;
        background-color: transparent !important;
    }

    /* [l9mc3] Kolorystyka stronicowania — granat #013bb9 (aktywna, strzałki) + czerwony #cf3028 (nieaktywne) */
    .paging .center_element_align .selected {
        background-color: #013bb9 !important;
        color: #FFFFFF !important;
    }
    .paging .center_element_align .selected:hover {
        background-color: #FFFFFF !important;
        color: #013bb9 !important;
    }
    .paging .center_element_align a:not(.selected),
    .paging .center_element_align span {
        background-color: #cf3028 !important;
        color: #FFFFFF !important;
    }
    .paging .center_element_align a:not(.selected):hover {
        background-color: #FFFFFF !important;
        color: #cf3028 !important;
    }
    .paging_left,
    .paging_right {
        background-color: #013bb9 !important;
        color: #FFFFFF !important;
    }
    .paging_left:hover,
    .paging_right:hover {
        background-color: #cf3028 !important;
        color: #FFFFFF !important;
    }

    /* [z1vm2] Dropdown menu górnego — granat zamiast szarego, biały tekst na hover */
    .folder > ul {
        background-color: #013bb9 !important;
    }
    .folder li:hover > a {
        color: #FFFFFF !important;
    }

    /* [ym3sw] Menu boczne — białe separatory + strzałki per poziom + białe strzałki
       Override inline <style> z menuSitemenu.tpl ($pe.p.celement) — wymagana wyższa specyficzność.
       Klasy lN (0-indexed) z renderera menu: l0=poziom 1, l1=poziom 2, l2=poziom 3, … */
    .sub_menu .col ul li {
        border-bottom: 1px solid #FFFFFF !important;
    }
    .sub_menu .col ul li::before {
        color: #FFFFFF !important;
    }
    .sub_menu .l1::before { content: ">>" !important; }
    .sub_menu .l2::before { content: ">>>" !important; }
    .sub_menu .l3::before { content: ">>>>" !important; }
    .sub_menu .l4::before { content: ">>>>>" !important; }

    /* Przesunięcie tekstu <a> proporcjonalnie do szerokości strzałek (~13.4px/znak + 5px odstępu).
       Base CSS daje margin-left:15px (mieści ">"); >> i >>> wymagają więcej miejsca. */
    .sub_menu .l1 > a { margin-left: 30px !important; width: calc(100% - 30px) !important; }
    .sub_menu .l2 > a { margin-left: 45px !important; width: calc(100% - 45px) !important; }
    .sub_menu .l3 > a { margin-left: 60px !important; width: calc(100% - 60px) !important; }
    .sub_menu .l4 > a { margin-left: 75px !important; width: calc(100% - 75px) !important; }

    /* [x88v7] Menu boczne — małe litery (normalcase, jak w panelu CMS).
       Nadpisuje base menu.css:212 (.sub_menu ul li a { text-transform: uppercase }). */
    .sub_menu .col ul li a {
        text-transform: none !important;
    }

    /* [lni3t] Wariant slidera „blue" — wysokość 268px, obrazki cover, gradient #013BB9.
       Aktywuje się gdy w panelu CMS wybrano widok `newsSlideswide_blue` (klasa
       `.banner_slide_news--blue` na kontenerze). Zero wpływu na pierwszy slider. */
    .banner_slide_news--blue .banner_slide_back {
        height: 268px;
    }
    .banner_slide_news--blue .banner_slide_back img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .banner_slide_news--blue .banner_slide_top {
        background-image: none;
        background-color: #013BB9;
        height: 110px;
        padding: 12px 19px 12px 20px;
    }
    /* Gradient cień na obrazku — wystaje 60px ponad solidny blok tekstowy */
    .banner_slide_news--blue .banner_slide_top::before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 60px;
        background: linear-gradient(to top, #013BB9 0%, rgba(1, 59, 185, 0) 100%);
        pointer-events: none;
    }
    /* slick wymusza height:100% na <img> w slajdzie — zachowujemy cover */
    .banner_slide_news--blue .slick-slide img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover;
    }

    /* [hdl3g] Treść stała (static_content) — obrazki z `class="lightbox"` w treści.
       PRZYCZYNA: operator panelu CMS dodaje `class="lightbox"` zwykłym <img> w treści,
       ale `.lightbox` z biblioteki jQuery Lightbox 2.6 (lightbox.css) ma:
         position: absolute; left: 0; width: 100%; z-index: 10000;
       — to klasa dla MODALU lightbox, nie dla obrazków inline. Skutek: obrazek
       wypada z flow, przykleja się do lewego brzegu rodzica, leci nad tekstem.
       FIX: w kontekście treści stałej przywracamy normalne zachowanie obrazka. */
    .static_standard_content img.lightbox {
        position: static !important;
        left: auto !important;
        z-index: auto !important;
        text-align: initial;
        line-height: normal;
        max-width: 100%;
        height: auto;
        margin: 0.5rem 0 1rem 1.5rem;
    }
    .static_standard_content hr {
        clear: both;
        border: 0;
        border-top: 1px solid #DDD;
        margin: 1.5rem 0;
    }
    @media (max-width: 768px) {
        .static_standard_content img.lightbox[style*="float"] {
            float: none !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 1rem 0;
        }
    }