body.kontrast, body.kontrast #accessKeys {background-color: #000; color: #fff; margin: 0;padding: 0; background: #000;}
body.kontrast .menu-top, body.kontrast header {background-color: #333; color: #fff; margin: 0 !important; padding: 0;}
body.kontrast *:focus {outline: 2px solid yellow !important; overflow: hidden;}
body.kontrast h1, body.kontrast h2, body.kontrast h3, body.kontrast h4, body.kontrast h5 {color: #fff !important;}

body.kontrast .menu-szukaj,
body.kontrast  .box h2,
body.kontrast  .kalendarium-box h3,
body.kontrast  h1, body.kontrast  h1.tresc-tytul,
body.kontrast  #menu-lewa .menutitile {background: #1f1e1e}

body.kontrast .tresc {background-color: #000 !important; color: #fff !important;}
body.kontrast a, body.contrast #tresc a, body.kontrast .logo p.title a {color: yellow !important;}

body.kontrast .slider-link li, body.kontrast section .br,  body.kontrast #stopka-bannery-kontener {background: #333;}
body.kontrast .slider-link li a span {color: #fff;}
body.kontrast .br-b::after {background: #666;}

body.kontrast .publikacje p, body.kontrast .aktualnosc-glowna p {color: #fff;}
body.kontrast .aktualnosc-glowna li a.aktualnosc-glowna-wiecej, body.kontrast .akt-wiecej {color: yellow !important;}
body.kontrast .aktualnosc-glowna li:hover {background: #000;}
body.kontrast .aktualnosc-glowna li:hover a {color: black !important;}
body.kontrast .publiacje-tytul  {color: yellow;}
body.kontrast figure.publikacje-s a:hover + figcaption, body.kontrast figure.publikacje-s a:focus + figcaption  {background: #000;}

/* nav */
body.kontrast #nav ul li:hover {background: #000;}
body.kontrast #nav ul li:hover a {color: #ffba00;}
body.kontrast #nav ul li ul li {background: yellow;}
body.kontrast #nav ul li ul li a {color: #000  !important;}
body.kontrast #nav ul li ul li a:hover {background: #ffcd00; color:#000;}
body.kontrast #nav ul li a:hover, body.kontrast #nav ul li a:focus {background: #000 !important; color: yellow !important;}

/* menu boczne */
body.kontrast  #menu-lewa ul li {background: #333;}
body.kontrast #menu-lewa ul li a:hover, body.kontrast #menu-lewa ul li a:focus {background: yellow; color: #000 !important;}

body.kontrast .czcionka a, body.kontrast .jezyk {background-image: url("/pics/sprite_kontrast.png");}
body.kontrast .i36 {border: 1px solid yellow;}
body.kontrast .menu-szukaj form input[type="text"] {border: 1px solid yellow;background-color: #fff;}
body.kontrast #FormSzukaj_szukaj {background-color: yellow;border: 1px solid yellow;color: #000;}

/* klawisze dostepnosci */
body.kontrast #accessKeysC {background: #000;}
body.kontrast .key {border-color: yellow; background: #000; font-size: 10px;color: yellow;}


/* kalendarium */
body.kontrast .kalendarium-box, body.kontrast .clndr-bg, body.kontrast .kalendarium-legenda, body.kontrast .clndr-table td  {background: #333 !important; color: #fff;}
body.kontrast .clndr-bg::before, body.kontrast .header-day,body.kontrast #head::after {background: #555 !important;}
body.kontrast .clndr-table td.day:nth-child(6), body.kontrast .clndr-table td.day:nth-child(7) {color: #ffba00;}

body.kontrast .baner-s {background-color: #333}
body.kontrast .banery-stale a {margin: 0 0 20px 0}
body.kontrast .box,
body.kontrast .slider-inner,
body.kontrast #tresc .aktualnosc-lista-glowna li,
body.kontrast .box .social,
body.kontrast .galeria figure figcaption {background-color: #333; color: #fff !important}
body.kontrast .aktualnosc-lista-glowna h3 a {color: #FFFF00 !important}
body.kontrast #tresc .box p {color: #fff !important}


body.kontrast .brt .bg2 {border-top: 2px solid #999;}
body.kontrast .bg2, body.kontrast #dzialy-tabs ul, body.kontrast #head {background-color: #333;}
body.kontrast #dzialy-tabs div ul {background-color: #444;}
body.kontrast .ui-state-active {background: yellow;}
body.kontrast .ui-state-active a {color: #000 !important;}
body.kontrast  #dzialy-tabs div ul::after {background: #999;}
body.kontrast #dzialy-tabs div ul li a:hover, body.kontrast #dzialy-tabs div ul li a:focus {background: #000; color: yellow !important;}
body.kontrast #dzialy-tabs div ul li a::before {color: #999;}

body.kontrast .gal-wszystkie a,
body.kontrast span.gal-wiecej,
body.kontrast a.gal-wiecej,
body.kontrast .buton,
body.kontrast .bannery-buton,
body.kontrast .slider-inner a,
body.kontrast #publikacje a.buton,
body.kontrast #publikacje #yt-container a.buton,
body.kontrast .powrot {
    background: yellow;
    color: #000 !important;
}

body.kontrast #tresc div.wizytowka * {background: #333; color: #fff;}

body.kontrast #galeria ul li a:hover,
body.kontrast #galeria ul li a:focus {
    background: #225594;
}

body.kontrast .do-gory {
    background: yellow;
    color: #000 !important;
}

body.kontrast  #wstecz_drukuj > div {background: #666 !important;}

body.kontrast #logo a strong {
    color: #FFF;
}

body.kontrast .bgkolor,
body.kontrast #akt-tresc,
body.kontrast #tresc .aktualnosc-lista li {
    background-color: #555;
}

body.kontrast .aktualnosc-naglowek {
    color: #FFF;
}

body.kontrast .stopka-desc {
    background-color: #000;
    color: #fff;
}
.tabela_pobierz th {
    width: 10%
}

.tabela_pobierz th+th {
    width: 60%
}

.tabela_pobierz th+th+th {
    width: 15%
}

.tabela_pobierz th+th+th+th {
    width: 10%
}


.tabela_pobierz tr:hover [class^="ikon-"] {
    color: #fe0000 !important;
}
/* accessKeys i głuchoniemi */
#przejdz-do-tresci {
    position: fixed;
    top: 40px;
    left: 10px;
    display: block;
    padding: 5px 15px;
    color: #000;
    font-weight: bold;
    opacity: 0;
    /*filter:alpha(opacity=0);*/
    background: #FFF;
    border: 1px solid #D01111;
    z-index: 2;
}
#accessKeys {
    position: absolute;
    top: 54px;
    right: 380px;
    width: 300px;
    font-size: 11px;
    z-index: 999999;
}
#accessKeysC {
    float: right;
    width: 100%;
    height: 220px;
    border: 1px solid gray;
    background: #F8FAFB;
    padding: 0 10px !important;
}
#keyIco {
    float: right;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    background: no-repeat;
    border: 0;
    display: none;
}
#accessKeys p {
    font-weight: bold;
    font-size: 12px;
    border: 0;
    margin: 10px 0 10px 10px;
    padding: 0;
}
.accessKeys-info {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 9px !important;
    font-weight: bold !important;
    margin: 20px 0 0 10px !important;
    padding: 0 !important;
}
#accessKeys ul {
    margin: 0 0 0 25px;
    list-style: disc;
}
#accessKeys ul li {
    margin: 0 0 5px 0;
    padding: 4px 0;
    background: none;
}
.key {
    display: inline-block;
    padding: 3px 6px;
    line-height: 1;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: #D01111;
    background: #fff;
    font-size: 10px;
    color: #D01111;
    /*border-radius:3px;*/
}
#accessKeys_wai {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}
#accessKeys_wai li {
    display: block;
    margin: 0 0 10px 0;
    text-align: right;
}
#accessKeys_wai .accessKeys-info {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 11px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
}
#accessKeys_wai .key {
    background: yellow;
    color: #000;
    padding: 2px 4px;
}

#accessKeysC dl dt {float: left; width: 150px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding-top: 0.3em; height: 28px;}
#accessKeysC dd {margin-left: 160px;height: 28px;padding-top: 0.3em;}

#accessKeysC a {margin-right: 40px;}
/**
* AKTUALNOŚCI
* 
*/

/* aktualnosc */
#akt-tresc {background: #fff; padding: 0 2%}
.aktualnosc {overflow: hidden}
.aktualnosc-naglowek {color: #767676;position: relative; margin: 0 0 20px 0}
#akt-tresc .aktualnosc-naglowek {margin: 10px 0 20px 0}

/* kategorie aktualnosci */
.aktualnosc-kat, .aktualnosc-kat dt, .aktualnosc-kat dd {display: inline; margin: 0;padding: 0} 
.aktualnosc-kat dt {font-weight: 400}
/* kategorie aktualnosci bez etykiety */
.aktualnosc-kat dt {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0 0 0 0);overflow: hidden}

/* separator data - kategoria */
.aktualnosc-kat:before {
  content: "";
  width: 1px;
  height: 8px;
  display: inline-block;
  margin: 0 5px;
  background: #ccc
}

/* lista aktualnosci - strona glowna */
#tresc .aktualnosc-lista-glowna {
  margin: 0 0 0 8px;
  padding: 0
}

#tresc .aktualnosc-lista-glowna li {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  float: left;
  position: relative;
  clear: none;
  background: #fff;
  overflow: hidden;
  height: a
}


.aktualnosc-lista-glowna .akt-foto {
  float: left; position: relative;z-index: 2; margin-right: 10px;
  width: 108px; height: 108px; background: #e2e2e2; line-height: 1;
}

.aktualnosc-lista-glowna .aktualnosc-naglowek {
  padding: 2px 10px;
  margin: 0 0 10px 0;
  font-size: 10px;
  color: #9d0b0e;
  background: #e2e2e2
}

#tresc .aktualnosc-lista-glowna .aktualnosc-naglowek span {
  font-size: 14px;
}


.aktualnosc-lista-glowna h3 {
  font-family: 'Roboto Slab', serif;
  padding: 0 0 0 10px;
  margin: 0;
  text-align: left;
  font-size: 13px;
  line-height: 1;
  border: 0;
  clear: none
}

.aktualnosc-lista-glowna h3 a {
  display: block;
  border: 0;
  color: #000 !important;
  font-weight: 400;
  font-size: 14px
}

.aktualnosc  li {
  position: relative;
}

.aktualnosc  li h3 a::before {
  position: absolute;
  bottom: 5px;
  right: 5px;
  content: "czytaj całość";
  font-size: 13px;
  padding-right: 20px;
  height: 20px;
  line-height: 20px;
}

.aktualnosc  li h3 a::after {
  position: absolute;
  bottom: 5px;
  right: 5px;
  height: 20px;
  line-height: 20px;
  content: "\e92e";
  font-family: 'icomoon';
}



/* lista aktualnosci */
.s-aktualnosci .tresc {background-color: transparent; padding: 0}
#tresc .aktualnosc-lista {margin: 0; padding: 0;}
#tresc .aktualnosc-lista li {
  background-image: none;
  background: #fff;
  list-style: none;
  overflow: hidden;
  margin: 8px 0;
  padding: 0;
  clear: both;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  height: 108px;
  position: relative
}

#tresc .aktualnosc-lista .aktualnosc-foto {padding-left: 108px}

#tresc .aktualnosc-lista .aktualnosc-foto h2,
#tresc .aktualnosc-lista .aktualnosc-foto .aktualnosc-naglowek,
#tresc .aktualnosc-lista .aktualnosc-foto p {padding-left: 15px}


#tresc .aktualnosc-lista .aktualnosc-img {position: absolute; top: 0;left: 0; width: 108px; height: 108px;}
#tresc .aktualnosc-lista .aktualnosc-img img {padding: 0;margin: 0;}
.aktualnosc-lista .aktualnosc-naglowek {margin: 0; padding: 0 30px; background: #e2e2e2; font-size: 14px; color: #9d0b0e; position: relative}
#tresc .aktualnosc-lista .aktualnosc-naglowek span {font-size: 14px}
#tresc .aktualnosc-lista .aktualnosc-naglowek .buton {
  display: inline-block; height: 22px; color: #000;
  position: absolute; top: 0;right: 60px; line-height: 22px;}
#tresc .aktualnosc-lista .aktualnosc-naglowek .buton:after {display: inline-block; width: 26px; height: 26px; font-size: 26px; position: absolute; right: -48px; top: -3px; color: #c5c5c5}
#tresc .aktualnosc-lista .aktualnosc-naglowek .buton:hover,
#tresc .aktualnosc-lista .aktualnosc-naglowek .buton:focus,
#tresc .aktualnosc-lista .aktualnosc-naglowek .buton:hover:after,
#tresc .aktualnosc-lista .aktualnosc-naglowek .buton:focus:after
{color: red}

#tresc .aktualnosc-lista .focus .aktualnosc-naglowek {background: yellow !important}

.aktualnosc-lista h2 {
  font-family: 'Roboto Slab', serif;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  margin: 0;
  padding: 5px 30px;
}

.aktualnosc-lista h2 a {display: block; border: 0; color: #000}

.aktualnosc-lista h2 + span {
  display: block;
  color: #767676
}


#tresc .aktualnosc-lista li p {
  display: block;
  padding: 10px 30px;
  margin: 0;
  line-height: 1.3;
  height: 44px;
  overflow: hidden
}

.aktualnosc-lista .buton {
  float: right
}
.aktualnosc .buton:after {margin: 0 10px}


/* aktualnosc - powiązana galeria */
.aktualnosci-galeria:before {content: "\e816"; margin-right: 5px; color: #676767}

/* google map */
#googlemap {width: 100% !important; height: auto !important; min-height: 100px}
#googlemap:after {content: ""; display: block; padding-bottom: 33%}


/* sliders items */

.slider-items li {display: inline-block; width: 10px; margin: 5px;padding: 0;}
.slider-items li a {display: inline-block !important; width: 10px; height: 10px !important; overflow: hidden; white-space: nowrap; text-indent: 100%; background: #9e0b0f; border-radius: 100%; -webkit-border-radius: 100%}

.slider-items li a:hover, .slider-items li a:focus, .slider-items li a.item-active {background-color: yellow; outline: 0}
.ogloszenia-nav > div {position: relative}

.ikon-strzalka_l {margin-left: -36px}
.ikon-strzalka_p {margin-left: 8px}




.ogloszenia-nav  div [class^="ikon-"]:hover, .ogloszenia-nav [class^="ikon-"]:focus {text-decoration: none; color: #ffce1f; outline: 0  }

#tresc .ogloszenia .slider-item ul {height: 100%; margin: 0;padding: 0}
.ogloszenia .slider-item ul li {width: 33.333%; float: left; height: 100%; position: relative; padding-bottom: 25px;}
.ogloszenia .slider-item ul li h3 {font-size: 14px; padding: 10px 16px;margin: 0; line-height: 1.1; border: 0}
.ogloszenia .slider-item ul li h3 a {color: #000}
#tresc .ogloszenia .slider-item ul li p {padding: 0 16px}
#tresc .ogloszenia .slider-item ul li span {display: block; padding: 2px 16px; font-size: 10px !important; background: #e8f3f2; color: #0e4948; text-transform: uppercase}
#tresc .ogloszenia .slider-itemu l li:nth-child(even) {background: #e8f3f2}
#tresc .ogloszenia .slider-item ul li:nth-child(even) span {background: #fff}

.ogloszenia .slider-item ul li .buton {position: absolute; bottom: 10px; right: 10px}

.ogloszenia .buton, .aktualnosc .buton {text-transform: uppercase; font-size: 13px; color: #767676}
.ogloszenia .buton:hover, .ogloszenia .buton:focus,
.aktualnosc .buton:hover, .aktualnosc .buton:focus
{color: #B4091D}
.buton:after {
  font-size: 12px;
  margin-left: 5px;
}


.ogloszenia ul li + li + li + li {
	display: none;
}

.ogloszenia .ogloszenia-nav {height: 300px; margin: 0;padding: 0}
.ogloszenia .ogloszenia-nav div {height: 50%; width: 100%; display: table; text-align: center}
.ogloszenia .ogloszenia-nav div a {display: table-cell;  height: 100%; vertical-align: middle}


/* wyszukiwarka */
#aktualnosci-wyszukiwarka fieldset {border: 0; padding: 0;margin: 0}
#aktualnosci-wyszukiwarka ul li {width: 39.5%; margin: 0 .5% 5px 0; }
#aktualnosci-wyszukiwarka ul li + li {width: 29.5%;}
#aktualnosci-wyszukiwarka ul li + li + li + li {width: 39.5%;}
#aktualnosci-wyszukiwarka ul li + li + li + li + li {width: 59.5%;}
#aktualnosci-wyszukiwarka ul li + li + li + li + li + li {width: 100%;}
#tresc .wyszukaj-info p {font-size: 12px !important}
#tresc .wyszukaj-info p::before {
  content: "\e91c";
  font-size: 6px;
  color:#004519;
  padding-right: 10px;
  vertical-align: middle
}

/**
* MQ
* 
*/

@media (min-width: 640px) {

}


@media (min-width: 768px) {

  #tresc #aktualnosci-wyszukiwarka ul li {width: 95.5%}
  #tresc #aktualnosci-wyszukiwarka ul .kalendarz {width: 22.5%}
  #tresc #aktualnosci-wyszukiwarka ul .kalendarz + .kalendarz + li {width: 47.5%}

  #tresc .aktualnosc li {padding: 0}
  #tresc .aktualnosc-lista li.aktualnosc-foto {padding-left: 215px !important}
  #tresc .aktualnosc .aktualnosc-img {position: absolute; top: 0;left: 0;}
  #tresc .aktualnosc .aktualnosc-foto .aktualnosc-naglowek .buton {right: 260px}
  #tresc .aktualnosc-lista-glowna li {width: 50%; height: 108px}
}


@media (min-width: 1200px) {
  #tresc #aktualnosci-wyszukiwarka ul li {width: 25%}
  #tresc #aktualnosci-wyszukiwarka ul .kalendarz {width: 19%}
  #tresc #aktualnosci-wyszukiwarka ul .kalendarz + .kalendarz + li {width:  25%}
  #tresc #aktualnosci-wyszukiwarka ul .submit {width: 9%;margin-top: 2.1em;}
}

/* kalendarium */
.kalendarium #head {
  border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0}
#tresc .kalendarz {width:100%; border: 0; table-layout:fixed;}
#tresc .kalendarz caption {padding: 0 0 1em;}
#tresc .kalendarz th {padding:4px 0; background:#9E0B0F; font-size: 16px; text-align:center; color:#fff; text-transform: lowercase; font-weight: 600;}
#tresc .kalendarz th a {text-decoration: none !important; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #ffba00; font-size: 30px; overflow: hidden; margin: 10px;}
#tresc .kalendarz th.dayname {font-size: 12px; font-weight: 600;}
#tresc .kalendarz td {border:1px solid #e5dad8; color:#555; background:#f3f3f3; overflow: hidden; vertical-align: top;}
#tresc .kalendarz td a {display: block; font-size: 12px; line-height: 1.3; text-decoration: none !important;}

.highlight {font-weight: 700; color: #ff6900;}

.kalendarium-tytul span {position:absolute; top:13px; left:13px; width:18px; height:18px; }

.kalendarium-wydarzenie {margin:0 0 7px 0; padding:0 15px 15px 15px; color:#000; background:#f9f9f9; overflow:hidden;}
.kalendarium-wydarzenie dl {margin: 20px 0; padding: 0; overflow:hidden;}
.kalendarium-wydarzenie dt {clear:both; float:left; margin-right: 10px; color: #838383; font-size: 16px; height: 30px; line-height: 30px; text-align: right; width: 30px;}
.kalendarium-wydarzenie dd {font-size: 16px; color: #353535; height: 30px; line-height: 30px;}
.kalendarium-wydarzenie-opis {margin:0 !important;}

h3.ikon-event {
  position: relative;
  margin: 20px 0px 3px -5px !important;
  padding: 10px 16px 10px 60px !important;
  background: #E5F2F9 none;
  color: #0C3E3D !important;
  font-family: 'Roboto Slab', serif;
  line-height: 1.2  !important;
  border: 0
}

h3.ikon-event:before {
  font-family: "icomoon";
  color: #FFF;
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  font-weight: 400 !important;
}

h3.ikon-event:after {
  content: "";
  display: block;
  background: #9E0B0F;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}


#kalendarium > div {padding-right: 0;}
.clndr-bg {clear: both; background: #fff;position: relative; z-index: 1;}


.clndr-bg:before {content: ""; display: block; background: #e1e1e1; width: 100%; height: 44px; position: absolute; top: 0;left: 0; z-index: -1;} 

.kalendarium-box {background: #e1e1e1 !important; overflow: visible; font-size: 13px;}
.kalendarium-box h3 {border: 0; border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin-bottom: 10px}
.kalendarium-box .kalendarium-bo-today:before {content: "dziś:"; position: absolute; top: -2px; left: 20px; font-size: 11px;}
.kalendarium-box .kalendarium-bo-today {color: #9E0B0F; font-weight: 400; text-align: center;position: relative;font-family: 'Roboto Slab', serif;}
.kalendarium-box .kalendarium-bo-today > span {display: inline-block; font-size: 15px; text-align: left;line-height: 1; margin-bottom: 10px;}
.kalendarium-box .kalendarium-bo-today .t-day {font-size: 18px;}
.kalendarium-box .kalendarium-bo-today > span span {font-size: 11px;text-align: left; }

@media (min-width: 768px) {
	.kalendarium-wydarzenie {padding:0 20px 20px 45px;}
}


/* kontrolki */
.clndr-controls {display: block;color: #9E0B0F; margin: 0 auto ;padding: 0; width: 90%}
.clndr-controls li {display: inline-block; float: left;}
.clndr-controls .month {width: 80%; text-align: center}
.clndr-controls .month a {border-bottom: 1px solid #9E0B0F; text-decoration: none !important; padding-bottom: 2px; color: #9E0B0F}
.clndr-control-button {width: 10%; overflow: hidden;}
.clndr-control-button a {display: block; width: 16px;height: 16px; margin: 2px; text-decoration: none !important; color: #9E0B0F}
.clndr-control-button .clndr-previous-button {float: left;}
.clndr-control-button .clndr-next-button {float: right}
.clndr {position: relative}


/* najblizsze wydarzenia */
.kalendarium-legenda h3 {background-color: transparent; margin: 0 0 10px 0;padding: 0;font-size: 13px; color:#9E0B0F;font-family: 'Roboto Slab', serif}
.najblizsze-wydarzenia {margin: 0 !important;padding: 0 !important; line-height: 1.1}
.najblizsze-wydarzenia li {position: relative; padding-left: 40px}
.kalendarium-legenda h4 {margin: 0;padding: 0;font-size: 13px; color: #000; line-height: 1.1; width: 100%}
.kalendarium-legenda em {text-transform: uppercase; font-size: 10px; color: #0e4948; padding: 10px 0}

/* kalendarzyk */
.clndr-table {border-collapse:collapse; border: 0;background: #fff; width: 100%; margin: 0 5%; width: 90%; overflow: visible;}
.clndr-table td, .clndr-table th {margin: 0; border: 0; text-align: center}
.clndr-table td {padding: 5px 1px 10px}
.clndr-table th {padding-bottom: 0}
.day-contents {padding: 4px 0}
.header-day {background: #e1e1e1; color: #9E0B0F; padding: 0 !important; text-transform: lowercase; font-size: 12px; text-align: center; height: 44px}
.clndr-table .day {position: relative; color: #000; font-size: 11px}
.clndr-table .day a {color: #fff !important; font-weight: 700}
.clndr-table .today {color:#9E0B0F !important; font-weight: 700}
.clndr-table .today .day-contents:after {content: ""; display: block; width: 24px;  height: 24px; border: 1px solid #9E0B0F; position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -12px}
.last-month, .next-month {color: #767676 !important}
.clndr-table .event {color: #fff !important;z-index: 1}
.day-events-count {position: absolute; top: -4px;right: -2px;display: block; background: #ffba00; color: #000; border: 1px solid #fff;font-size: 9px; width: 18px; height: 18px; line-height: 16px; text-align: center;z-index: 2}

/* tooltip */
.clndr-tooltip { background: #ffcd00; font-size: 13px; color: #000; z-index: 99; height: auto;  position: absolute; top: 0; left: 0}

.day-events-count.active:before {content: ""; display: block; width: 8px; height: 8px;background: #ffcd00;position: absolute; bottom: -10px; left: 4px}


.clndr-tooltip > div {border-bottom: 1px solid #ffda40; overflow: hidden;}
.clndr-tooltip > div:last-child {border-bottom: 0;}
.clndr-tooltip > div a {display: block;  padding: 7px 10px 7px 44px; color: #224C8C; text-decoration: none !important; line-height: 1; min-height: 50px;}
.clndr-tooltip > div a:hover,
.clndr-tooltip > div a:focus {color: #000 !important;}

/* legenda */
.kalendarium-legenda {background: #fff; padding: 20px 15px; border-top: 1px solid #e3e6ef;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px}
.clndr-kategorie {overflow: hidden;}
.clndr-kategorie li {width: 100%; position: relative; padding: 2px 10px 0 40px; margin: 4px 0;height: 25px; line-height: 1;}
.clndr-kategorie li span, .clndr-tooltip span, .najblizsze-wydarzenia span {position: absolute; width: 25px; height: 25px; top: 0;left: 0; line-height: 25px; text-align: center; font-size: 20px;}
.clndr-tooltip span {top: 10px; left: 5px;}


/**
* LISTA KALENDARZ
* 
*/
/* Wyszukiwarka Kalendarium */
#tresc #kalendarium-wyszukiwarka ul {min-height: 60px; margin: 0;padding: 0}
#tresc #kalendarium-wyszukiwarka li {width: 98%; margin: 0 1%; padding: 10px 0; text-align: center;}

#tresc #kalendarium-wyszukiwarka li.kalendarz {
  display: flex;
  justify-content: center;
  align-items: center;
}
#tresc #kalendarium-wyszukiwarka li.kalendarz  label {
	line-height: 1.1;
}

#tresc #kalendarium-wyszukiwarka input[type="button"] {
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-weight: 700;
  padding: 0 1em;
  cursor: pointer
}


#tresc #kalendarium-wyszukiwarka input[type="button"] {
  background: #d3e2e1;
  color: #000;
  border: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
#tresc .formularz-wyszukaj .kalendarz:after {top:10px}
#tresc #kalendarium-wyszukiwarka input[type="button"]:focus,
#tresc #kalendarium-wyszukiwarka input[type="button"]:hover {color: #000; background: #ffce1f}

#tresc #kalendarium-wyszukiwarka label {display: inline-block !important; padding-right: 1em; font-size: 12px; text-transform: lowercase;}
/* #tresc #kalendarium-wyszukiwarka input[type=text] {width: 110px !important} */

@media (min-width: 768px) {
	#tresc #kalendarium-wyszukiwarka li {width: 48%; text-align: left; float: left;}
	#tresc #kalendarium-wyszukiwarka li.kalendarz {
	  justify-content: flex-end;
	}
}


/* DatePicker */

.DatePickerClndr {display: block;z-index: 99; border: 1px solid #224c8c; background: #fff; padding: 10px 5px;}
.DatePickerClndr.kalendarium-legenda,
.DatePickerClndr .clndr-tooltip
{display: none;}
.clndr-tooltip > div {position: relative}
#tresc .DatePickerClndr .day {height: 20px; cursor: pointer;}
#tresc .DatePickerClndr .day-contents {padding: 3px; margin: 0;}

#tresc .DatePickerClndr .header-day {
  padding: 0;
  margin: 0;
  background: #fff;
  color: #224c8c;
  font-size: 11px;
  text-align: center;
  height: 18px;
}

#tresc .DatePickerClndr .today {font-weight: 700;}
#tresc .clndr-table {clear: both;}
#tresc .DatePickerClndr .clndr-controls {color: #000; font-size: 11px;}
#tresc .DatePickerClndr .clndr-controls div {display: inline-block; float: left; margin: 0;padding: 0;}
#tresc .DatePickerClndr .clndr-control-button {width: 15%; cursor: pointer;}
#tresc .DatePickerClndr .month {width: 70%;}
/**
* MQ
* 
*/

/* PASEK POWIADOMIEŃ */

.marquee-container {overflow: hidden; margin: 10px auto;background: #000;}
.marquee { color: #ffba00 !important;height: 50px; font-weight: 700;}
.marquee a { color: #ffba00; border-bottom: 1px solid #ffba00; text-decoration: none !important;}

.marquee a:hover, marquee a:focus {border-bottom: 1px solid yellow; color: yellow;}

.js-marquee img {vertical-align: middle; margin: 4px 10px 4px 1em;}
/* TOPBANER */

.topbaner {
    background-color: rgba(39, 84, 130, 0.5)  !important;
}

.topbaner .tos-image img {
    border: 2px solid #ffba00;
    padding: 4px;
    cursor: pointer;
}

.topbaner .tos-close {
    background: red;
}