/* =========================================================
   menu.css – odświeżona wersja (działa z Twoim osrodek.php)
   - PHP 5.3 bez znaczenia (to tylko CSS)
   - ciaśniej, nowocześniej
   - podmenu (arch_tr / rodo_tr) nie wypycha na bok
   ========================================================= */

/* Ogólne */
.menu {
  color: #FFFFFF;
  border-collapse: collapse;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.menu a:link,
.menu a:active,
.menu a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.menu a:hover,
.menu a:focus {
  color: #FFFFFF;
  text-decoration: none;
}

/* Focus dla klawiatury */
.menu a:focus {
  outline: 2px solid rgba(255,255,255,0.45);
  outline-offset: 2px;
}

/* Linki poziome (Twoje – zostawione) */
A.m_poziome:link, A.m_poziome:active, A.m_poziome:visited {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
A.m_poziome:hover, A.m_poziome:focus {
  color: #FFFF66;
  text-decoration: none;
  font-weight: bold;
}
A.m_poziome_m:link, A.m_poziome_m:active, A.m_poziome_m:visited {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
}
A.m_poziome_m:hover, A.m_poziome_m:focus {
  color: #FFFF66;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
}

/* =========================================================
   Separatory: zamiast obrazków (space.gif i kropki)
   robimy cienką linię.
   ========================================================= */

.dzielnik_menu {
  background: none !important;
  padding: 0 !important;
  height: 1px;
}

/* ukryj stare IMG separatory */
.dzielnik_menu img {
  display: none !important;
}

/* narysuj linię */
.dzielnik_menu:after {
  content: "";
  display: block;
  height: 1px;
  margin: 5px 10px;
  background: rgba(255,255,255,0.16);
}

/* Stopka / pionowy separator – jak było */
.dzielnik_stopka { background-image: url("img/kropki_horiz.gif"); background-repeat: repeat-x; }
.dzielnik_lewa_prawa { background-image: url("img/kropki_vert.gif"); background-repeat: repeat-y; }

/* =========================================================
   Wcięcia: padding robimy w środku
   ========================================================= */
.menu_wciecie_1 { padding: 0; }
.menu_wciecie_2 { padding: 0; }
.menu_wciecie_3 { padding: 0; }

/* =========================================================
   MENU OŚRODKA – wygląd (LEWE) – to masz OK
   ========================================================= */
.menu_osrodek {
  background-color: #696969;
  padding: 6px 0 8px 0;
}

/* nie pozwalamy elementom rozszerzać szerokości menu */
.menu_osrodek, .menu_osrodek * {
  box-sizing: border-box;
  max-width: 100%;
}

.menu_osrodek td.menu_wciecie_1 > table {
  width: 100% !important;
  border-collapse: collapse;
}

.menu_osrodek td.menu_wciecie_1 > table > tr > td {
  padding: 7px 10px;
  border-radius: 8px;
  transition: background 0.15s ease-in-out;
}

.menu_osrodek td.menu_wciecie_1 > table > tr > td:hover {
  background: rgba(255,255,255,0.10);
}

.menu_osrodek_podswietl_wybrany td.menu_wciecie_1 > table > tr > td {
  background: rgba(0,0,0,0.28);
}

.menu_osrodek_podswietl_wybrany_tekst {
  font-weight: bold;
  color: #FFFF66;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

/* === FIX: stałe wcięcie tekstu od lewej w menu ośrodka === */

/* główne pozycje */
.menu_osrodek td.menu_wciecie_1 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* wewnętrzny "kafelek" */
.menu_osrodek td.menu_wciecie_1 > table > tr > td {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* =========================================================
   PODMENU (Archiwum / RODO)
   ========================================================= */

#arch_tr, #rodo_tr { background: none; }
#arch_tr1, #rodo_tr1 { padding: 0 !important; }

#arch_tr1 > table, #rodo_tr1 > table {
  width: 100% !important;
  border-collapse: collapse;
}

#arch_tr1 > table > tr > td,
#rodo_tr1 > table > tr > td {
  padding: 6px 8px 8px 8px;
}

#arch_tr1 table, #rodo_tr1 table {
  width: 100% !important;
  border-collapse: collapse;
}

#arch_tr1 td.menu_wciecie_1 > table > tr > td,
#rodo_tr1 td.menu_wciecie_1 > table > tr > td {
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(0,0,0,0.12);
  overflow: hidden;
}

#arch_tr1 td.menu_wciecie_1 > table > tr > td:hover,
#rodo_tr1 td.menu_wciecie_1 > table > tr > td:hover {
  background: rgba(255,255,255,0.10);
}

#arch_tr1 .menu_osrodek_podswietl_wybrany td.menu_wciecie_1 > table > tr > td,
#rodo_tr1 .menu_osrodek_podswietl_wybrany td.menu_wciecie_1 > table > tr > td {
  background: rgba(0,0,0,0.28);
}

#arch_tr1 img, #rodo_tr1 img {
  vertical-align: middle;
  margin-right: 6px;
}

#arch_tr1 .dzielnik_menu,
#rodo_tr1 .dzielnik_menu {
  width: 100% !important;
}

#arch_tr1 td.menu_wciecie_1,
#rodo_tr1 td.menu_wciecie_1 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#arch_tr1 td.menu_wciecie_1 > table > tr > td,
#rodo_tr1 td.menu_wciecie_1 > table > tr > td {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.menu_osrodek a,
#arch_tr1 a,
#rodo_tr1 a {
  display: inline-block;
  padding: 0;
}

/* =========================================================
   (Twoje pozostałe klasy kolorystyczne – minimalnie)
   ========================================================= */
.okno_ogolne { background-color: #A2A2A2; }
.okno_ogolne_podswietl { background-color: #8A8A8A; }
.okno_ogolne_podswietl_wybrany { background-color: #8A8A8A; }
.okno_ogolne_podswietl_wybrany_tekst { font-weight: bold; color: #FFFF66; }

/* =========================================================
   MENU POZIOME (pod zdjęciem) – spójne jak lewe
   - nie ruszamy kolorów (tła są inline w index.php)
   ========================================================= */

/* w tabeli z przyciskami usuń „dziwne” odstępy */
.but_menu{
  padding: 0 !important;
  vertical-align: top;
}

/* kafelek – wygląd jak lewa „pigułka” */
.but_menu > div{
  box-sizing: border-box;
  border-radius: 10px !important;
  overflow: hidden;
  /* delikatne „unowocześnienie”, bez zmiany koloru */
  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

/* usuń rozjeżdżanie przez floaty i marginesy */
.but_menu > div{
  margin: 0 4px 0 0; /* mały odstęp między kaflami */
}

/* wnętrze przycisku */
.but_menu > div table{
  width: 100% !important;
  height: 100% !important;
  border-collapse: collapse;
}

.but_menu > div td{
  padding: 6px 8px !important;
}

/* link jako blok – łatwiej trafić */
.but_menu a.m_poziome{
  display: block;
  line-height: 1.15;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

/* hover „jak w lewym” (nakładka, nie zmieniamy koloru tła) */
.but_menu > div:hover{
  box-shadow: 0 2px 0 rgba(0,0,0,0.25);
}
.but_menu > div:hover td{
  background: rgba(255,255,255,0.08);
}

/* =========================================================
   PODMENU poziome (div0..div12) – też „pigułki” jak lewe
   ========================================================= */

/* te puste div-y robią duże odstępy – ścinamy je */
#div0, #div34, #div567, #div89, #div123, #divCAON{
  width: 0 !important;
  border: 0 !important;
}

/* wygląd właściwych „pasków” pod menu */
#divCAON1, #div1, #div2, #div3, #div4, #div6, #div7, #div8, #div9, #div10, #div11, #div12{
  box-sizing: border-box;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
  height: auto !important;   /* pozwól dopasować się do tekstu */
}

#divCAON1 table, #div1 table, #div2 table, #div3 table, #div4 table, #div6 table, #div7 table, #div8 table, #div9 table, #div10 table, #div11 table, #div12 table{
  width: 100% !important;
  border-collapse: collapse;
}

#divCAON1 td, #div1 td, #div2 td, #div3 td, #div4 td, #div6 td, #div7 td, #div8 td, #div9 td, #div10 td, #div11 td, #div12 td{
  padding: 4px 10px !important;
}

/* hover na podmenu */
#divCAON1:hover td, #div1:hover td, #div2:hover td, #div3:hover td, #div4:hover td, #div6:hover td, #div7:hover td, #div8:hover td, #div9:hover td, #div10:hover td, #div11:hover td, #div12:hover td{
  background: rgba(255,255,255,0.08);
}

/* =========================================================
   A11Y: A+ / A- / Kontrast (górna belka)
   - bez tła, „w jednej linii” z linkami
   ========================================================= */

/* kontener – możesz mieć go jako #a11yBar */
#a11yBar{
  display: inline;
  white-space: nowrap;
  margin-left: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* przyciski jako linki – bez tła */
#a11yBar .a11yBtn{
  display: inline;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color:#003366; /* pasuje do linków z font.css */
  font: inherit;
  font-weight: bold;
  text-decoration: none;
}
#a11yBar .a11yBtn:hover{
  color:#AA0000;
}


#a11yBar .a11yBtn:hover,
#a11yBar .a11yBtn:focus{
  text-decoration: underline;
  outline: none;
}

/* separator między przyciskami */
#a11yBar .a11yBtn + .a11yBtn:before{
  content:" | ";
  color:#999;
  font-weight:normal;
}

/* gdy kontrast włączony – przyciski mają się dobrze widzieć */
.contrast #a11yBar .a11yBtn{
  color:#00e5ff !important;
}
.contrast #a11yBar .a11yBtn + .a11yBtn:before{
  color:#00e5ff !important;
  opacity: 0.75;
}

/* =========================================================
   A11Y: A+ / A- / Kontrast w górnej belce
   ========================================================= */
#a11yBar{
  margin-left: 10px;
  white-space: nowrap;
}

#a11yBar .a11yBtn{
  color: #AA0000;
  font-weight: bold;
  text-decoration: none;
}

#a11yBar .a11yBtn:hover,
#a11yBar .a11yBtn:focus{
  text-decoration: underline;
}

/* delikatne separatory, żeby pasowało do tej linijki */
#a11yBar .a11yBtn + .a11yBtn:before{
  content: " | ";
  color: #999;
  font-weight: normal;
}

/* =========================================================
   Kontrast (klasa na <body>)
   ========================================================= */
body.contrast{
  background: #000 !important;
  color: #fff !important;
}

body.contrast a:link,
body.contrast a:visited,
body.contrast a:active{
  color: #00e5ff !important;
}

body.contrast a:hover,
body.contrast a:focus{
  color: #ffff66 !important;
  text-decoration: underline !important;
}

/* menu w kontraście */
body.contrast .menu_osrodek{
  background: #000 !important;
}
body.contrast .menu_osrodek td.menu_wciecie_1 > table > tr > td{
  background: transparent !important;
}
body.contrast .menu_osrodek_podswietl_wybrany td.menu_wciecie_1 > table > tr > td{
  background: #111 !important;
}

/* przyciski w kontraście */
body.contrast #a11yBar .a11yBtn{
  color: #00e5ff !important;
}
body.contrast #a11yBar .a11yBtn + .a11yBtn:before{
  color: #00e5ff !important;
  opacity: 0.7;
}

.but_menu > div {
  margin-top: 6px;
}

/* =========================================================
   MENU POZIOME (pod zdjęciem) – równe kafelki, ładne łamanie
   Wklej NA KONIEC menu.css
   ========================================================= */

/* w tabeli z przyciskami – wyrównaj do góry (żeby nie pływało) */
td.but_menu { 
  vertical-align: top !important;
}

/* kafelki */
td.but_menu > div{
  height: auto !important;
  min-height: 68px;              /* stała wysokość wizualna */
  padding: 4px 4px;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;

  /* wygląda bardziej jak lewy panel */
  border-radius: 12px !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

/* usuń tabelkowe „wypychanie” */
td.but_menu > div > table{
  width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
}
td.but_menu > div > table td{
  padding: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* tekst w kafelkach – max 3 linie i zawsze równo */
td.but_menu a.m_poziome{
  display: block;
  width: 100%;
  line-height: 1.00;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;

  /* RÓWNOŚĆ: max 3 linie, reszta utnie się (żeby nie robiło 4-5 linii) */
  max-height: 3.45em;            /* 3 linie * 1.15em */
  overflow: hidden;
}

/* „ładniejsze” odczucie typografii */
td.but_menu a.m_poziome{
  letter-spacing: 0.2px;
}

/* hover podobny do lewego menu */
td.but_menu > div:hover{
  filter: brightness(1.05);
}

/*--------------------------*/
/* ===========================
   MENU POZIOME – ciaśniej i równiej
   (bez ruszania PHP/HTML)
   =========================== */

/* Zbijamy padding w środku kafelków */
.but_menu > div table td{
  padding: 4px 6px !important;   /* było “za grubo” */
}

/* Link jako blok, żeby centrowanie było stabilne */
.but_menu a.m_poziome{
  display: block;
  line-height: 1.15;
  font-size: 14px;              /* możesz dać 13px jeśli dalej się łamie */
  padding: 0 !important;
  white-space: normal;          /* pozwala łamać */
  word-break: normal;
  hyphens: auto;                /* jeśli przeglądarka wspiera */
}

/* Żeby tekst nie “dotykał” krawędzi */
.but_menu > div{
  overflow: hidden;             /* nic nie wychodzi poza kafelek */
}

/* Żeby kafelki były wyrównane wizualnie */
.but_menu > div{
  height: 51px;                 /* zostawiamy Twoją wysokość */
}

/* Jeśli po A+ nadal się łamie zbyt mocno, możesz minimalnie zwiększyć szerokości kafelków,
   ale bez ruszania HTML ciężko – wtedy najlepiej ruszyć inline width w index.php. */

/* =========================================================
   FIX: usuwa pustą przestrzeń nad treścią (pod menu poziomym)
   Podmenu pojawia się jako "overlay" i nie wypycha treści.
   ========================================================= */

#menuSubRow,
#menuSubRow .menuSubCell {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* Ten TD ma trzymać absolutne pozycjonowanie podmenu */
#menuSubRow .menuSubCell {
  position: relative !important;
  overflow: visible !important; /* podmenu może "wyjść" na treść */
}

/* Same podmenu (te divy, które pokazujesz JS-em) */
#divCAON, #divCAON1,
#div0, #div1, #div2,
#div34, #div3, #div4,
#div567, #div5, #div6, #div7,
#div89, #div8, #div9,
#div123, #div10, #div11, #div12 {
  position: absolute !important;
  top: 0 !important;         /* zaczyna się dokładnie pod menu */
  left: 0 !important;
  z-index: 9999 !important;  /* zawsze nad treścią */
}

/* Ponieważ u Ciebie część rzeczy jest float (left/right),
   a pozycja absolutna ich nie "centruje", ustawiamy pełną szerokość,
   żeby mogły się układać tak jak wcześniej */
#divCAON, #divCAON1,
#div0, #div1, #div2,
#div34, #div3, #div4,
#div567, #div5, #div6, #div7,
#div89, #div8, #div9,
#div123, #div10, #div11, #div12 {
  width: 700px !important;   /* szerokość prawej kolumny (u Ciebie 700) */
}

/* Mały „oddech” podmenu od kafelków menu */
#divCAON1, #div1, #div2,
#div3, #div4,
#div6, #div7,
#div8, #div9,
#div10, #div11, #div12 {
  margin-top: 6px !important;
}
/* =========================================================
   NAPRAWA PODMENU POZIOMEGO:
   - NIE overlay na treść
   - NIE rozciąga na 700px na siłę
   - NIE nakłada elementów (wraca div1/div2 itd.)
   - zostaje stała „rezerwa” wysokości, żeby nie skakało
   ========================================================= */

/* stała rezerwa miejsca na podmenu (dopasuj 28–40px wg uznania) */
#menuSubRow { height: 34px !important; }
#menuSubRow .menuSubCell{
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  overflow: visible !important;
}

/* cofamy overlay (to było źródło problemów) */
#divCAON, #divCAON1,
#div0, #div1, #div2,
#div34, #div3, #div4,
#div567, #div5, #div6, #div7,
#div89, #div8, #div9,
#div123, #div10, #div11, #div12{
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  z-index: auto !important;
  margin-top: 0 !important;
}

/* =========================================================
   MENU WZOROWANE NA osrodek.php, ale z zachowaniem dawnych kolorów
   ========================================================= */
.menu_modern_box{
  width:220px;
  border-radius:.9em;
  overflow:hidden;
}
.menu_modern_title{
  width:220px;
  text-align:center;
  vertical-align:bottom;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  padding:8px 10px 4px;
}
.menu_modern_title a{
  color:#FFFFFF !important;
  text-decoration:none !important;
  font-size:12px;
  font-weight:bold;
}
.menu_modern_body{
  padding:6px 0 8px 0;
}
.menu_modern_box .menu_wciecie_1{
  padding-left:10px !important;
  padding-right:10px !important;
}
.menu_modern_item_cell{
  padding:7px 12px !important;
  border-radius:8px;
  transition:background .15s ease-in-out;
}
.menu_modern_item_cell:hover{
  background:rgba(255,255,255,0.10);
}
.menu_modern_item_active .menu_modern_item_cell{
  background:rgba(0,0,0,0.28);
}
.menu_modern_active_text{
  font-weight:bold;
  color:#FFFF66;
  text-shadow:0 1px 0 rgba(0,0,0,0.35);
}
.menu_modern_submenu_cell{
  padding:0 0 0 0 !important;
}
.menu_modern_submenu_cell table{
  width:100% !important;
  border-collapse:collapse;
}
.menu_modern_submenu_cell .menu_modern_item_cell{
  background:rgba(0,0,0,0.12);
}
.menu_modern_submenu_cell .menu_modern_item_cell:hover{
  background:rgba(255,255,255,0.10);
}
.menu_modern_submenu_cell .menu_modern_item_active .menu_modern_item_cell{
  background:rgba(0,0,0,0.28);
}
.menu_modern_level_2{
  padding-left:18px !important;
}
.menu_modern_arrow{
  display:inline-block;
  width:18px;
}



/* =========================================================
   FINAL: odświeżenie menu (lewe + poziome)
   zachowuje kolory sekcji i obecną logikę PHP
   ========================================================= */

/* ===== LEWE MENU ===== */
.menu_modern_box{
  width:100% !important;
  border-radius:18px !important;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(0,0,0,0.08);
}

.menu_modern_title{
  padding:10px 14px 6px !important;
  text-align:center;
  font-size:13px;
  line-height:1.3;
  font-weight:bold;
  color:#ffffff;
}

.menu_modern_body{
  padding:0 0 6px 0;
}

.menu_modern_item_cell{
  padding:0 !important;
  border-radius:12px;
  transition:background .18s ease, transform .18s ease;
}

.menu_modern_level_1,
.menu_modern_level_2{
  padding:8px 14px !important;
}

.menu_modern_level_2{
  padding-left:16px !important;
  background:rgba(0,0,0,0.10);
  border-radius:10px;
}

.menu_modern_body a{
  display:block;
  width:100%;
}

.menu_modern_body a span{
  display:block;
}

.menu_modern_body a,
.menu_modern_body a span,
.menu_modern_level_1,
.menu_modern_level_2{
  line-height:1.15 !important;
}


.menu_modern_body tr:hover .menu_modern_item_cell{
  background:rgba(255,255,255,0.08);
  transform:translateX(2px);
}

.menu_modern_item_active .menu_modern_item_cell,
.menu_osrodek_podswietl_wybrany td.menu_wciecie_1 > table > tr > td{
  background:rgba(0,0,0,0.24) !important;
}

.menu_modern_active_text,
.menu_osrodek_podswietl_wybrany_tekst{
  color:#fff46b !important;
  font-weight:bold;
}

.menu_modern_submenu_cell{
  padding:0 8px 3px 8px;
}

.menu_modern_arrow{
  display:inline-block;
  width:10px;
  margin-right:4px;
  vertical-align:middle;
}

.menu_modern_arrow img{
  display:inline-block;
  margin:0 !important;
  vertical-align:middle;
}

/* ===== GÓRNE MENU POD ZDJĘCIEM ===== */
.but_menu{
  padding:0 4px 0 0 !important;
  vertical-align:top !important;
}

.but_menu > div{
  box-sizing:border-box;
  min-height:78px !important;
  padding:0 !important;
  border-radius:18px !important;
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.18) !important;
  box-shadow:0 8px 18px rgba(0,0,0,0.10) !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.but_menu > div:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 22px rgba(0,0,0,0.14) !important;
  filter:brightness(1.03);
}

.but_menu > div > table{
  width:100% !important;
  height:100% !important;
  border-collapse:collapse;
}

.but_menu > div > table td{
  padding:8px 10px !important;
  text-align:center !important;
  vertical-align:middle !important;
}

.but_menu a.m_poziome{
  display:block;
  width:100%;
  line-height:1.15 !important;
  font-size:17px;
  letter-spacing:0.1px;
  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
  text-shadow:0 1px 0 rgba(0,0,0,0.35);
}

/* małe podmenu poziome */
#menuSubRow{
  height:42px !important;
}

#menuSubRow .menuSubCell{
  height:42px !important;
  padding:2px 0 0 0 !important;
  margin:0 !important;
  line-height:20px !important;
  font-size:11px !important;
  overflow:visible !important;
  white-space:nowrap;
  text-align:center !important;
}

#divCAON1, #div1, #div2, #div3, #div4, #div6, #div7, #div8, #div10, #div11, #div12{
  border-radius:999px !important;
  box-shadow:0 6px 14px rgba(0,0,0,0.10) !important;
}

#divCAON1 td, #div1 td, #div2 td, #div3 td, #div4 td, #div6 td, #div7 td, #div8 td, #div10 td, #div11 td, #div12 td{
  padding:7px 14px !important;
}

#divCAON, #divCAON1,
#div0, #div1, #div2,
#div34, #div3, #div4,
#div567, #div5, #div6, #div7,
#div89, #div8, #div9,
#div123, #div10, #div11, #div12{
  position:static !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  z-index:auto !important;
  margin-top:2px !important;
}

#divCAON1 a, #div1 a, #div2 a, #div3 a, #div4 a, #div6 a, #div7 a, #div8 a, #div10 a, #div11 a, #div12 a{
  display:block;
  line-height:1.1;
}

/* neutralne lewe dodatki pod menu */
.menu_modern_box + br,
.menu_modern_box ~ div[align="center"]{
  box-sizing:border-box;
}


/* =========================================================
   FINALNE DOPRACOWANIE MENU
   - większa czcionka po lewej
   - niższe kafelki u góry
   - bez rozwalania kolorów i podmenu
   ========================================================= */

/* LEWE MENU */
.menu_osrodek a,
#arch_tr1 a,
#rodo_tr1 a{
  font-size:13px !important;
  line-height:1.22 !important;
}

.menu_osrodek td.menu_wciecie_1 > table > tr > td{
  padding-top:6px !important;
  padding-bottom:6px !important;
}

#arch_tr1 td.menu_wciecie_1 > table > tr > td,
#rodo_tr1 td.menu_wciecie_1 > table > tr > td{
  padding-top:5px !important;
  padding-bottom:5px !important;
}

/* GÓRNE KAFELKI */
td.but_menu > div{
  min-height:52px !important;
  height:52px !important;
  padding:2px 4px !important;
  border-radius:14px !important;
  margin:10px 4px 0 0 !important;
}

.but_menu > div table td{
  padding:4px 6px !important;
}

.but_menu a.m_poziome{
  font-size:11px !important;
  line-height:1.05 !important;
  letter-spacing:0 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

.but_menu a.m_poziome_m{
  font-size:10px !important;
  line-height:1.05 !important;
}

/* długie kapsuły na dole górnego menu */
td.but_menu_m > div,
td.but_menu_p > div,
td.but_menu_l > div{
  min-height:34px !important;
  height:34px !important;
  border-radius:999px !important;
}

/* odrobina porządku przy aktywnej pozycji */
.menu_osrodek_podswietl_wybrany_tekst{
  font-size:13px !important;
}