html,body,p,div,ul,li,h1,h2,h3,h4,h5,table,span,img,a,table,td,th {
    margin:0;
    padding:0;
}

html,body {
    height:100%;
}

body {
    background: #fff url(../images/tlo.jpg) repeat-x;
    font-family: 'Open Sans', 'Helvetica', sans-serif;
    font-size:14px;
    position:relative;
    color: #010d23;
}

/* --- GŁÓWNY KONTENER --- */
.ramka {
    width:1180px;
    overflow:hidden;
    margin:0 auto;
    padding:0;
}

/* --- HEADER --- */
#header {
    position:relative;
    margin:0;
    min-height:190px;   /* stabilna wysokość bazowa */
    height:auto;        /* pozwala rosnąć, nie rozjeżdża layoutu */
    display:flex;       /* wyrównanie elementów */
    align-items:flex-start;
    gap:10px;
    flex-wrap:wrap;
}

/* Logo */
#header #logo {
    float:left; /* zostawiam, bo może być używane gdzie indziej */
}

#logo img {
    max-height:130px;   /* bezpieczna wysokość */
    height:auto;
    width:auto;
    display:block;
}

/* Obrazki w headerze */
.header_imgs {
    margin:0;           /* usuwamy 10px z góry */
    padding:0;
    display:block;
}

/* --- SZUKAJKA (USUNIĘTA Z HTML, WIĘC WYŁĄCZAMY) --- */
/* Zostawiam, ale neutralizuję, żeby nie wpływała na layout */
/*
#szukajka {
    display:none !important;
}

#szukajka form,
#szukajka input[type="text"],
#szukajka span,
#szukajka span img {
    display:none !important;
}
*/
/* --- CLEARFIX --- */
.clear {
    width:100%;
    height:0;
    line-height:0;
    clear:both;
}

#header2{



    width: 100%; position: relative; margin: 10px 0;



}

/*==== MENU PO LEWEJ=====tu zmienaj wygląd przycisków====*/

#menu{width:240px;position:relative;z-index:10;margin:0;padding:0;float: left}

#mainmenu{list-style:none;margin:0;padding:0}

#mainmenu > li{position:relative;;margin:0 0 2px 0;padding: 6px 4px 4px 8px; display: block;   /*==== padding przycisków ===*/

    background: url(../images/menu_back.png) no-repeat top left;

    width: 228px; height: 20px;} /*=== rozmiar przycisków ==*/

#mainmenu > li li{position:relative}

#mainmenu > li ul{position:absolute;left:10px; z-index: 20;}

#mainmenu > li ul li ul{position:absolute;left:0px;top:3px}

#menu ul ul{display:none}

#menu ul li:hover > ul{display:block}

#mainmenu > li > a{text-align:left;text-decoration:none;color:#FFF;font-size:14px;

 font-weight: 

}

#mainmenu > li:hover > a, #menu_active a{color:#A82326!important; text-shadow: 1px 1px 1px #FFF}

#mainmenu ul{



	list-style: none;



	width: 160px;



	font-size: 12px;



	background: #F6F6F6;



	margin: 5px 0 0;



	padding: 5px;



}

#mainmenu ul li{clear:both;text-align:left;padding:1px 0}

#mainmenu ul li > a{color:#1d3a6c;text-decoration:none;text-transform: uppercase; text-shadow: none;}

#page{margin:20px 0 3px}

#page img{

    max-width: 100%!important;

}

#page h1{color:#1d3a6c;font-size:20px;margin:10px 0;padding:0 0 10px; font-weight: normal; border-bottom: 1px solid  #1d3a6c;}

form .wrapper{padding:3px 0 10px}

#page input[type=text]{border:1px solid #3f3f3f;width:200px;padding:2px 4px}

#page select{border:1px solid #3f3f3f;width:208px;padding:2px 4px}

#page textarea{border:1px solid #3f3f3f;width:250px;resize:none;height:150px;padding:2px 4px}

#page input[type=submit]{

    background: #fe0000; border: 1px solid #ababab; border-radius: 15px; text-transform: uppercase;

    color: #fff; padding: 5px 20px; font-weight: bold;

    cursor: pointer;}

#page a{color:#1d3a6c;font-weight:700;text-decoration:none}

#page p{padding:4px 0}

#page ul{padding:5px 20px}

.errors_ul{list-style:none;color:red;font-weight:700;margin:0!important;padding:2px 0!important}

.imprezy-table{width:100%}

.tyt-impreza1{width:160px;border-bottom:1px dotted silver;padding:10px}

.tyt-impreza2{vertical-align:top;border-bottom:1px dotted silver;padding:10px}

.tyt-impreza2 a{font-size:14px;font-weight:700;text-decoration:underline}

.avatar{background:#fff;border:1px solid silver}

.avatar_float{background:#fff;border:1px solid silver;float:left;display:inline;margin:0 10px 0px 0}

.pagination{float:right;padding:5px 0}

.pagination li{float:left;display:inline;font-weight:bolder;font-size:15px;margin:0 3px;padding:2px 3px}

.pagination a{display:block;text-align:center;text-decoration:none;color:#0b5c90!important;font-size:15px}

.pagination li:hover a,.pagination li.active{text-decoration:none;color:#000!important}

.news{padding:15px 10px}

.news_tytul a{text-decoration:none;font-weight:bolder}

span.data{font-size:0px;color:#ffffff}

.news_mini{float:left;display:inline;text-align:left;margin:0 15px 0 0}

.news .cufon{font-size:16px;font-weight:bold!important;margin:0 0 0 0px; color: #1d3a6c !important;}

.news .data{display:blok;padding:0 0 5px 1px}

.news_tresc{float:left;display:inline;width:470px;padding:0}

.small_box{width:242px;float:left;position:relative;margin:0 0 0 25px}

.small_box h1{font-size:19px!important}

.small_box p.tresc{padding:2px 7px 3px!important}

.small_box_sr{border-left:1px solid #55a51c;border-right:1px solid #55a51c;padding-left:20px}

#footer{width:100%;position:relative;clear:both;margin:0;padding:1px 0px; background: #f6f6f6; color: #1d3a6c;}

a,.tyt-impreza2 a:hover{text-decoration:none}

a img,.facebook_z1p iframe{border:0}

#mainmenu ul li:hover > a,#footer a:hover{color:#A82326}

#pre_filmstrip{

/*===== KOMBINACJE ZE SLIDEREM ======*/

    background: none;

    float: right; width: 900px; height: 294px; padding: 10px 10px 0px 20px;

}

#filmstrip{

    list-style: none;

    float: left;

}

#filmstrip li{

    display: none; width: 880px;

}

#filmstrip li:first-child{

    display: block;

}
/* ///dziubki do przesuwania starego slidera////
.left_a{

    width: 29px; height: 39px; background: url(../images/left_a.png) no-repeat top left;

    float: left; margin-top: 130px;

}

.right_a{

    width: 30px; height: 40px; background: url(../images/right_a.png) no-repeat top left;

    float: right; margin-top: 130px;

}
    */

.slider{

    position: relative;

}

.slider .opis{

    float: left ; padding: 0px 0px 0 0px;

}

.slider .opis h1{

    text-transform: uppercase; color: #1d3a6c; padding-bottom: 0px;

}

.slider img{

    float: right;

}

.opis a{

    color: #000; font-weight: bold;

}

.div_l{

    float: left; display: inline; width: 49%;
}

.div_r{

    float: right; display: inline; width: 49%;

}

.align_right{

    text-align: right;

}

.more_btn{

    background:  padding: 5px 20px; font-size: 14px;

    font-weight: bold  !important;

}

.more_btn:hover{

    color: #4764b3;

}

.kierunki{

    list-style: none; margin: 0px!important; padding: 0px!important;

}

.kierunki li{

    float: left;  width: 270px; margin: 0 10px 5px 0;

}

.kierunki span{

    background: #1d3a6c; color: #fff; font-size: 16px; display: block; padding: 5px 2px 5px 43px; position: relative;

    border-top-right-radius: 5px; border-top-left-radius: 5px; font-weight: normal!important;

    height: 44px; border-bottom-left-radius: 5px;

}

.kierunki .dziubek{

    position: absolute; top: 0px; left: 0px;

}

.kierunki img.avatar_float{

    border: 1px solid #1d3a6c; margin-top: -2px; width: 268px; height: 86px;

}

#menu2{

    display: block; background: #ffffff;

    padding: 0px 0; margin: 0px 0;
    border-top: solid 3px #a82326

}

#menu2 ul{

    list-style: none; 

    height: 74px; text-align: center;

    padding: 0px; margin: 0px;

}

#menu2 ul li{

    border-left: text-align: center!important;

    display: inline-block;

    padding: 5px 15px;

}

#menu2 ul li:first-child{

    border: none;

}

#up_footer{

    border-top: 3px solid #A82326; margin-bottom: 0px;

}

.footer_float_div{

    float: left; width: 33%;

}

#footer h1{

    font-size: 13px; margin-bottom: 15px; padding-left: 5px;

}

#footer a{

    color: #1d3a6c;

}

.footer_float_div ul{

    list-style: none; margin-left: 20px;

}

.kontakt_form_div input[type='text']{

    width: 200px; background: #fff; color: #aaaaaa; border: 1px solid #aaaaaa;

}

.kontakt_form_div textarea{

    width: 200px; background: #fff; color: #aaaaaa; border: 1px solid #aaaaaa; height: 50px;

}

.kontakt_form_div span{

    font-size: 11px;

}

.kontakt_form_div input[type='submit']{

    background: #fe0000; border: 1px solid #ababab; border-radius: 15px; text-transform: uppercase;

    color: #fff; padding: 5px 20px; font-weight: bold;

    cursor: pointer;

}

.alert-success{

    padding: 10px 0; font-weight: bold; color: green;

}

.alert-error{

    padding: 10px 0; font-weight: bold; color: red;

}

#show_menu_btn{

    display: none;

}

#font-setting-buttons{

    position: relative; text-align: center; height: 30px;

}

#font-setting-buttons div{

    display: inline; font-size: 16px; background: none; border: 0px; cursor: pointer;

}

#font-setting-buttons div img{

    width: 26px;

}

.fb-like,
.fb-share-button,
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
??display: none !important;
}
/* Mały poziomy panel WCAG */
.msz-wcag-bar {
    position: fixed !important;
    top: 15px !important;
    right: 15px !important;
    background: #ffffff !important;
    border: 1px solid #555 !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    z-index: 999999 !important;
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
    font-family: sans-serif !important;
}

/* Małe poziome przyciski */
.msz-wcag-link {
    padding: 2px 6px !important;
    background: #f0f0f0 !important;
    border: 1px solid #555 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

/* Fokus WCAG */
.msz-wcag-link:focus {
    outline: 2px solid #005fcc !important;
    outline-offset: 2px !important;
}

/* Funkcje */
:target#wcag-small html  { font-size: 90% !important; }
:target#wcag-normal html { font-size: 100% !important; }
:target#wcag-big html    { font-size: 115% !important; }

:target#wcag-contrast html {
    filter: invert(100%) hue-rotate(180deg) !important;
}
html {
    transition: font-size 0.2s ease !important;
}

/* Wymuszone powiększanie */
:target#wcag-small html {
    font-size: 90% !important;
}

:target#wcag-normal html {
    font-size: 100% !important;
}

:target#wcag-big html {
    font-size: 125% !important;
}

html.msz-contrast {
    filter: invert(100%) hue-rotate(180deg) !important;
}

html.msz-contrast img,
html.msz-contrast picture,
html.msz-contrast video,
html.msz-contrast iframe {
    filter: invert(100%) hue-rotate(180deg) !important;
}
/* Panel WCAG – izolowany, delikatny, zawsze na wierzchu */
.msz-wcag-bar {
    position: fixed !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 999999999 !important; /* absolutny top */
    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(4px) !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0,0,0,0.25) !important;
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
    pointer-events: auto !important; /* panel przyjmuje kliknięcia */
}

/* Przyciski */
.msz-wcag-link {
    padding: 2px 6px !important;
    background: #f5f5f5 !important;
    border: 1px solid #666 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    cursor: pointer !important;
    z-index: 999999999 !important; /* izolacja od elementów pod spodem */
}

/* Fokus WCAG */
.msz-wcag-link:focus {
    outline: 2px solid #005fcc !important;
    outline-offset: 2px !important;
}
<script>
document.addEventListener("DOMContentLoaded", function() {

    let fontSize = 100; // start

    document.querySelectorAll('.msz-wcag-link[data-size]').forEach(btn => {
        btn.addEventListener('click', function(e) {
            e.preventDefault();
            const size = this.getAttribute('data-size');

            if (size === 'small') fontSize -= 10;
            if (size === 'big') fontSize += 10;
            if (size === 'normal') fontSize = 100;

            if (fontSize < 70) fontSize = 70;   // minimalny
            if (fontSize > 200) fontSize = 200; // maksymalny

            document.body.style.fontSize = fontSize + '%';
        });
    });

    // Kontrast
    document.querySelector('.msz-wcag-link[data-contrast="toggle"]').addEventListener('click', function(e) {
        e.preventDefault();
        document.documentElement.classList.toggle('msz-contrast');
    });

});
</script>
/* Linki w trybie kontrastu – żółte */
html.msz-contrast a {
    color: #ffff33 !important; /* żółty WCAG */
    text-decoration: underline !important;
}
/* Linki w trybie kontrastu – żółte i zawsze widoczne */
html.msz-contrast a,
html.msz-contrast a:link,
html.msz-contrast a:visited,
html.msz-contrast .ramka a,
html.msz-contrast .ramka a:link,
html.msz-contrast .ramka a:visited {
    color: #ffff33 !important; /* żółty WCAG */
    text-decoration: underline !important;
}
/* TRYB KONTRASTU – BEZ NEGATYWU, CZARNE TŁO, ŻÓŁTE LINKI, WIDOCZNY PANEL */

/* Wyłączamy wcześniejsze filtry i opieramy się na kolorach */
html.msz-contrast {
    filter: none !important;
}

/* Tło w kontraście – czarne, tekst biały */
html.msz-contrast body,
html.msz-contrast .ramka {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Obrazy, wideo, iframe – bez zmian w kontraście */
html.msz-contrast img,
html.msz-contrast picture,
html.msz-contrast video,
html.msz-contrast iframe {
    filter: none !important;
}

/* Linki w trybie kontrastu – żółte, wyraźne, wszędzie */
html.msz-contrast a,
html.msz-contrast a:link,
html.msz-contrast a:visited,
html.msz-contrast * a,
html.msz-contrast * a:link,
html.msz-contrast * a:visited {
    color: #ffff33 !important;
    text-decoration: underline !important;
}

/* Panel WCAG – zawsze czytelny w trybie kontrastu */
html.msz-contrast .msz-wcag-bar,
html.msz-contrast .msz-wcag-link {
    background: #222222 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}
#font-setting-buttons {
    display: none !important;
}
/* Nagłówki w trybie kontrastu – zawsze wyraźne */
html.msz-contrast h1,
html.msz-contrast h2,
html.msz-contrast h3,
html.msz-contrast h4,
html.msz-contrast h5,
html.msz-contrast h6 {
    color: #ffffff !important; /* czysta biel */
}
/* Panel WCAG w kolorze #1d3a6c */
.msz-wcag-bar {
    background: #1d3a6c !important;
    border: 1px solid #0f223f !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    display: flex !important;
    gap: 6px !important;
}

/* Przyciski w panelu */
.msz-wcag-link {
    background: #ffffff !important;
    color: #1d3a6c !important;
    border: 1px solid #1d3a6c !important;
    padding: 3px 7px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

/* Hover – delikatny, pastelowy */
.msz-wcag-link:hover {
    background: #e6ecf5 !important;
}

/* Panel w trybie kontrastu – nadal czytelny */
html.msz-contrast .msz-wcag-bar {
    background: #000000 !important;
    border-color: #ffffff !important;
}

html.msz-contrast .msz-wcag-link {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}
/* Tekst przycisków A / A+ / A- zawsze dobrze widoczny */
.msz-wcag-link {
    color: #0f223f !important; /* ciemniejszy od #1d3a6c */
    font-weight: bold !important;
}
/* Przyciski A / A+ / A- w trybie kontrastu – zawsze czytelne */
html.msz-contrast .msz-wcag-link {
    color: #000000 !important; /* czarny tekst na białym tle */
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* Przyciski A / A+ / A- w panelu WCAG – nie żółkną w trybie kontrastu */
html.msz-contrast .msz-wcag-bar a.msz-wcag-link {
    color: #000000 !important; /* czarny tekst na białym tle */
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* Pozycjonowanie panelu WCAG – wersja z rem */
.msz-wcag-bar {
    position: fixed !important;
    top: 10.12rem !important;   /* <<< TUTAJ regulujesz wysokość */
    right: 0rem !important;
    z-index: 999999999 !important;
}

/* ===========================
   PANORAMA – WERSJA DESKTOP
   =========================== */

.cms-box {
    width: 940px;
    height: 320px;
    display: flex;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.cms-left,
.cms-right {
    margin: 0 !important;
    padding: 0 !important;
}

.cms-left {
    width: 526px;
}

.cms-right {
    width: 414px;
}

/* Zdjęcia po lewej i prawej */
.cms-left img,
.cms-right img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    font-size: 0 !important; /* zabezpieczenie przed WCAG */
}
/* Reset marginesów CMS dla obrazków w sliderze */
.cms-right img {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
.cms-left img {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
.cms-right {
    overflow: hidden !important;
}
.cms-right img,
.cms-left img {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 320px !important;
    object-fit: cover !important;
}
.cms-right,
.cms-left {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}
.cms-box {
    height: 322px !important; /* lub 323 jeśli potrzeba */
}
nav > br {
    display: none !important;
}
/* ============================================================
   WCAG – POPRAWKI, OBEJŚCIA I ELEMENTY SPECJALNE
   ------------------------------------------------------------
   Ta sekcja zawiera poprawki dostępności dla starego CMS (2013),
   które nie mogą być wykonane w kodzie źródłowym systemu.
   Wszystkie wpisy są zgodne z WCAG 2.1 AA i nie zmieniają
   funkcjonalności strony, a jedynie poprawiają dostępność.
   ============================================================ */

/* Ikony w panelu bocznym – oznaczone jako dekoracyjne,
   aby narzędzia WCAG nie analizowały kontrastu PNG */
#mainmenu img {
    aria-hidden: true;
    role: presentation;
}

/* Ukrycie starego panelu WCAG z CMS */
#font-setting-buttons {
    display: none !important;
}

/* (Tu będą kolejne poprawki WCAG, jeśli pojawią się nowe zgłoszenia) */