﻿html {
  scroll-behavior: smooth;
}
body {
  padding: 0;
  margin: 0;
  font-size-adjust: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
  transition: padding 0.5s linear;
}
body * {
  box-sizing: border-box;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.175em 0;
}

hr {
  padding: 0px;
  margin: 12px 0px 8px 0px;
  border: 1px solid #f2f2f2;
}

.strona {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
}

.naglowek {
  flex-wrap: wrap;
  align-items: center !important;
}

h1.glowna-tytul {
  margin: 0 auto;
  display: none;
}
article > h2.informacje-tresc-dzial {
  display: none;
}

header {
  width: 100%;
}

.menu-mobilne-pasek a {
  text-decoration-color: transparent;
  font-size: 34px;
  font-weight: 500;
  color: #A74E00;
  text-align: left;
  display: flex;
  font-family: 'Titillium Web', sans-serif;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
}
.naglowek-dane{
  margin: 0px auto;
}
.naglowek-dane-zawartosc{
  display:flex;
  justify-content: space-around;
  align-items: center;
  color:#4c4c4d;
  font-size:20px;
}
.naglowek-dane-zawartosc a{
  text-decoration-color: transparent;
  color:#4c4c4d;
}
.naglowek-dane-zawartosc p{
  margin:19px;
}
.naglowek-logo {
  width: 100%;
  border-top:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  padding-top:42px;
  padding-bottom:38px;
}
.naglowek-logo-zawartosc{
  margin: 0px auto;
  display:flex;
  align-items: center;
  justify-content: center;
}
.naglowek-logo-zawartosc div:last-child{
  margin-left:32px;
}
/*Wyszukiwarka*/
.szukaj-gora {
  flex: 0 1 296px;
  width: 296px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 40px;
  display: flex;
  height: 40px;
  border: 1px solid #dedede;
}
@media all and (min-width: 320px) and (max-width: 1023px) {
  .szukaj-gora {
    width: unset;
  }
}

.szukaj-gora form {
  flex: 1 1;
  display: flex;
}
.szukaj-gora label {
  display: none;
}
.szukaj-gora input {
  font-size: 14px;
  padding: 0px 8px 0px 8px;
  border: none;
  width: 100%;
  background: #fff;
}
.szukaj-gora button {
  background: #fff;
  border: none;
  padding: 0px 13px 0px 13px;
  cursor: pointer;
}
.szukaj-gora button i {
  font-size: 14px;
  color: #000;
}
.szukaj-gora button i span {
  font-size: 0px !important;
}

.a-kontakt:hover,
.szukaj-gora button:hover {
  opacity: 0.55;
}

.fa-search:before {
  color: #093966;
}
.fa-times:before {
  color: #093966;
}

.nawigacja-100,
.nawigacja-100-podstrona {
  width: 100%;
  }

.nawigacja-100-podstrona {
}

.animacja-100 {
  position: relative;
}

.animacja-kontener {
  height: 576px;
  background-color: #000;
}

/**/

/*Main i szkielet*/
.wiersz-o-nas{
  background: url('../grafika/maska_aktualnosci.png') bottom center no-repeat;
  background-color:#fff;
  padding: 64px 0px 96px 0px;
}
.wiersz-rotator{
  background: url('../grafika/maska_aktualnosci_2_b.png') bottom center no-repeat;
  background-color:#FFE5AE;
  padding: 32px 0px 40px 0px;
}
.wiersz-rotator .szerokosc-1{
  margin-bottom:64px !important;
  margin-top:64px !important;
}
.wiersz-moduly{
  background:#F2F2F2 url('../grafika/maska_rotator_ikon.png') bottom center no-repeat;
  padding: 96px 0px 110px 0px;
}
.wiersz-tresc{
  background: #ffffff;
  padding: 32px 0px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.wiersz-13{
  background: #FFE5AE url('../grafika/maska_aktualnosci_3.png') bottom center no-repeat;
  padding: 32px 0px 40px 0px;
  border-top: 0px solid #e8e8e8;
  border-bottom: 0px solid #e8e8e8;
}
.wiersz-artykul{
  background: #ffffff!important;
  padding: 32px 0px!important;
  border-top: 1px solid #e8e8e8!important;
  border-bottom: 1px solid #e8e8e8!important;
}
main {
  margin: 0px auto;
}

.szerokosc-srodek,
.szerokosc-prawo {
  background: #fff;
  border-radius: 8px;
}

.szerokosc-srodek {
  margin-bottom: 16px;
}

.szerokosc-lewo {
}

.strona-tresc {
  padding: 16px 0px 32px 0px;
/*  background: #fff;*/
  width: 100%;
}


.aktualnosci-tresc,
.informacje-tresc {
  text-align: left;
  color: #444444;
  line-height: 1.75em;
  padding: 0px !important;
}
.tresc {
  line-height: 1.75em;
}

.strona-tresc img,
iframe,
table {
  max-width: 100% !important;
}
.strona-tresc img {
  height: auto;
}

.wiersz {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.kolumna {
  flex-shrink: 1;
  flex-grow: 0;
}
.srodek {
  text-align: left;
}

.blok {
  margin: 0 auto !important;
}

.aktualnosci-glowne {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 24px 32px 24px;
  width: 100%;
}

footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  justify-content: center !important;
  align-items: center !important;
}
footer > .stopka-dol > .wiersz {
  margin-inline: auto;
}

.strona-tresc table {
  border-collapse: collapse;
  border-spacing: initial;
}
i .strona-tresc table td {
  text-align: initial;
  padding: 8px;
}
.wiersz_tytul {
  font-weight: 700;
  font-size: 22px;
  margin: 0px auto 0px auto;
  text-transform: uppercase;
  text-align: center;
  color: #000;
}

.komunikat-email,
.tytul {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}
.komunikat-email {
}
.tytul {
  font-size: 34px;
  font-weight: 400;
}

.strona-tytul2 {
  position: relative;
}

.statystyki-blok {
  padding: 8px 0px 0px 0px;
}

.rotator-ikon-blok {
  padding: 0px 0px 62px 0px;
  background: #ffffff url('../grafika/maska_stopka.png') bottom center no-repeat;
}


/*Moduł‚ statystyki*/
.statystyka-zawartosc{

}
.statystyka-tekst {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 2px 0px;
  text-align: center;
}

.stopka-info {
  background-color: #FFE5AE;
  padding: 71px 0px 80px 0px;
}
.stopka-info .kolumna {
}
.stopka-tytul {
  color: #4A3E3E;
  font-size: 48px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  margin-bottom:0px;
}

.stopka-tytul::after{
  content: url(../grafika/tytul.png);
  position:relative;
  top:-16px;
}
.stopka-tresc{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #595957;
  line-height: 28px;
}
.stopka1, .stopka2{
  width:40%;
}
.stopka-info .stopka {
  text-align: center;
}
.stopka .stopka-tresc p{
  margin-top:0px;
  margin-bottom:8px;
}
.stopka .stopka-tresc a{
  color:#4e4d48;
}
.stopka-podpis{
  display:none;
}
.stopka {
  position: relative;
}

.stopka-dol .kolumna {
  width: auto;
}

/*Pływające menu podczas scroola*/
.nawigacja-100,
.nawigacja-100-podstrona {
  width: 100%;
}

.nawigacja-100 {

}

.nawigacja-100 .menu-gora-1-poziom > li {
  min-width: auto !important;
}

.szukaj-gora-ikona a {
  border: none !important;
}

.szukaj-gora-ikona span {
  display: none;
}

.szukaj-gora-ikona i:before {
  content: url(../grafika/wyszukiwarka.png);
  font-size: 14px;
  padding-right: 0px;
  border: none;
  width: 33px !important;
  height: 33px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #000;
}

.szukaj-gora-ikona a:hover {
  opacity: 0.7;
}

/*Koniec pływającego menu*/

/*Kanał RSS*/
.info-rss {
  background: #fff;
  border-radius: 8px;
  padding: 24px;
}

.info-rss-tytul {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 700;
  padding: 0px 0px 16px 0px;
  margin: 0px;
}

.info-rss-tlo {
}

.info-rss-tresc-data {
  color: #4eb27b;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 14px;
}

.info-rss-tresc-data:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f017";
  padding-right: 8px;
}

.info-rss-tresc-tytul {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 14px;
}

.info-rss-tresc-tytul a {
  color: #616161;
  text-decoration-color: transparent;
}

/*subskrybcja*/
/*subskrybcja-stopka*/
.stopka-newsletter-kontener {
  padding: 0px 16px 16px 32px;
}

.subskrypcja-stopka-zawartosc {
  font-size: 14px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.subskrypcja-stopka-tekst {
  padding: 0px 0px 8px 0px;
  line-height: 1.6;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  color: #000;
}

.subskrypcja-stopka-btns-tlo {
  display: flex;
  justify-content: flex-start;
  margin: 0px;
}

.subskrypcja-stopka-zawartosc .btn-submit-modul {
  border: none !important;
  text-align: center;
  font-size: 14px !important;
  width: 120px;
  min-width: 60px;
  font-weight: 800;
  text-decoration-color: transparent;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
}

.subskrypcja-stopka-zawartosc .btn-submit-modul:hover {
  opacity: 0.8;
}

.btn-submit-subskrypcja-stopka-dopisz {
  background: #3c92e8;
  color: #fff !important;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 6px 8px 6px 24px;
  height: 40px;
  border-radius: 24px;
}

.btn-submit-subskrypcja-stopka-wypisz {
  background: transparent;
  background-repeat: no-repeat;
  color: #000 !important;
  padding: 6px 8px 6px 24px;
  height: 40px;
}

.subskrypcja-stopka-input-tlo input {
  box-shadow: none;
  background: #fff;
  width: 280px;
  height: 40px;
  padding: 10px;
  border: none;
  margin-bottom: 16px;
  margin-top: 8px;
  border-radius: 24px;
}

.dane-stopka-kontakt-tytul {
  display: none;
}

.dane-stopka-kontakt a {
  color: #fff;
}

.subskrypcja-stopka-tekst-rodo {
  padding-top: 16px;
  color: #000 !important;
  width: 100% !important;
  font-family: 'Open Sans', sans-serif;
}

.subskrypcja-stopka-tekst-rodo a {
  color: #000;
}

.subskrypcja_textbutton::placeholder {
  color: #000;
}

/*RSS*/

.rss-tytul {
  display: none;
}

.rss-data {
  display: none;
}

.rss-tekst {
  margin: 10px 0px !important;
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #d7d7d7;
  padding: 0px 0px 9px 0px;
}
.rss-tekst a {
  color: inherit !important;
  text-decoration: inherit !important;
  position: relative;
  padding-left: 22px;
  display: flex;
}

.rss-tekst a:hover {
  opacity: 0.8;
}

.rss-tekst a:before {
  position: absolute;
  left: 0;
  top: 2px;
}

/*Galeria moduł startowy*/

.modul-start-galerie {
  max-width: 1152px;
  width: 100%;
  background: #fff;
  padding: 40px;
  box-shadow: 0px 0px 10px 2px #ebebeb;
}

.galeria-modul-lista {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
}

.galeria-modul-lista:after {
  content: "";
  width: 112px;
}

.galeria-modul-obiekt {
  margin: 0px;
  padding: 0px;
  position: relative;
}

.galeria-modul-obiekt a {
  margin: 0px;
  padding: 0px;
}

.galeria-modul-obiekt span {
  width: 228px;
  height: 228px;
  display: block;
  background-size: cover;
  background-position: center center;
}


.galeria-modul-obiekt figcaption {
  display: none;
}

.galeria-modul-obiekt:hover > figcaption {
  width: 100%;
  background: rgba(0, 0, 0, 0.71);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 24px;
  text-align: center;
}

.galeria-modul-btns {
  margin-top: 24px;
}

.btn-galeria-modul-lista {
  display: flex;
  flex-direction: row-reverse;
  align-items: baseline;
  position: relative;
  color: #fff;
}

.btn-galeria-modul-lista::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position: absolute;
  z-index: 1;
  top: 11px;
  right: 20px;
  bottom: 20px;
  color: #093966;
  align-items: center;
}
.galeria-modul-btn-lista:hover {
  cursor: pointer;
  opacity: 0.7;
}
.galeria-modul-btn-lista {
}

.btn-galeria-modul-lista em {
  visibility: hidden;
  display: none;
}

.galeria-modul-btn-lista {
  color: #093966 !important;
  background: #fed404;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration-color: transparent;
  position: relative;
  width: 160px;
  height: 40px;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-content: flex-end;
  align-items: center;
  padding-right: 8px;
  border: none;
}

.galeria-modul-btn-lista:after {
  position: absolute;
  left: -4px;
  top: 30px;
}

.ogloszenia-modul-btn-lista {
  padding: 8px 16px;
  position: relative;
  color: #000 !important;
  font-family: 'Open Sans', sans-serif;
  background: none;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration-color: transparent;
  transition: 0.3s;
  border: none;
  cursor: pointer;
}

.btn-ogloszenia-modul-lista:after {
  position: absolute;
  left: -4px;
  top: 30px;
}

.pogoda {
  max-width: 1152px;
  padding: 32px;
  background: #fff;
  margin: 40px 0px 24px 0px !important;
}

.banery-100 {
}

/*Stopka*/

.stopka-kolumny {
  display: flex;
  justify-content: space-between;
}

.stopka-tresc-kolumna {
  width: 50%;
  padding: 0px 0px 0px 20px;
  max-width: 400px;
}

.stopka-tresc-kolumna p {
  margin: 0px;
}

.stopka-dane {
  margin-bottom: 16px;
}

.menu-mobilne-szukaj-kontrast {
  display: none;
}

.szukaj-gora-mobile {
  margin-right: 16px;
}

.szukaj-gora-mobile label {
  display: none;
}

.szukaj-gora-mobile button span {
  display: none;
}

.szukaj-gora-mobile input {
  padding: 10.5px;
  border: 1px solid #f2f2f2;
}

.szukaj-gora-mobile button {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.szukaj-gora-mobile form {
  display: flex;
  align-items: center;
  justify-content: center;
}

.szerokosc-100 {width: 100%;  }
/*Mobilne*/

@media all and (min-width: 320px) and (max-width: 1023px) {
  footer > .stopka-dol > .wiersz {    align-items: center;    display: flex;    flex-direction: column;    flex-wrap: wrap;    align-content: center;    justify-content: center;    text-align: center;  }
  .menu-mobilne-pasek a {    font-size: 23px;  }
  .menu-mobilne-pasek a span{margin:0px; padding: 0px;line-height: 25px;}
  .ulatwienia-wcag > ul {    width: 100% !important;    margin: 0px;    left: 0;    margin: 0 !important;    border: none !important;    top: 58px;    background: #fff;  }
  .stopka-info > .szerokosc-1 {    display: flex;    flex-direction: column;    flex-wrap: nowrap;    align-content: center;    justify-content: center;    align-items: center;  }
  .kalendarz-tabela-btn-dodaj {    font-size: 12px;  }
  .button-menu-mobile {    display: flex !important;    margin-top: -63px;    width: 100%;    align-items: center;  }
  #menu-gora {    display: none;  }
  #menu-mobilne {    display: block;  }
  .animacja-kontener {    display: none;  }
  .animacja-100 {    display: none;  }
  header {    height: 76px !important;    background: #fff;    display: none;  }
  .nawigacja-100-podstrona,  .nawigacja-100 {    display: none;  }
  .szerokosc-12,  .szerokosc-24 {    width: 98%;    margin: auto;  }
  .szerokosc-13,  .szerokosc-14 {    width: 98%;    margin: auto;    order: 2;  }
  .szerokosc-23,  .szerokosc-34 {    width: 98%;    margin: auto;  }
  .szerokosc-13-stopka {    width: 90%;    margin: auto;  }
  .blok {    margin: auto;  }
  .dane {    padding: 16px 32px 24px 32px;  }
  .lewy-blok,  .prawy-blok {    flex-wrap: wrap;  }
  .lewy-blok {    order: 2;    margin-top: 16px;  }
  .prawy-blok {    order: 1;  }
  .stopka-info .kolumna {    margin-bottom: 24px;    border: none;    padding-left: 40px !important;    padding-right: 24px;    height: auto;    width: 98% !important;    margin-left: 64px;    display: contents;  }
  .strona-tresc input:checked + label > span.radio:before,
  .strona-tresc input:checked + label > span.checkbox:before {    margin-left: -8px;  }
  .aktualnosci-startowe {    margin-top: 120px;  }
  .modul-start-kalendarz-imprez {    display: none;  }
  /*.rotator-ikon-blok {    display: none;  }*/
  .modul-start-galerie {    display: none;  }
  .stopka-walidacja {    text-align: center;  }
  .stopka-tresc-kolumna span {    font-size: 18px;  }
  .strona-data {    margin-top: 4px;  }
  .stopka-kolumny {    flex-wrap: wrap;  }
  .stopka-tresc-kolumna {    padding: 10px;    width: 100%;  }
  .stopka-zdjecie {    display: none;  }
  .statystyka-zawartosc {    display: flex;    flex-wrap: wrap;    width: 100%;    margin-top: 16px;  }
  .statystyka-tekst {    width: 100% !important;    flex-wrap: wrap !important;  }
  .galeria-modul-lista {    width: 100%;    height: 142px;  }
  .modul-start-galerie-tytul {    display: none;  }
  .galeria-modul-obiekt span {    width: 17vw;    height: 140px;  }
  .galeria-modul-btns {    display: flex;    align-items: center;    justify-content: center;    padding: 10px;    position: relative;    width: auto;    right: auto;    bottom: auto;  }
  .menu-mobilne-szukaj-kontrast {    display: flex;    justify-content: center;    margin-top: 75px;    padding-top: 0px;    padding-bottom: 0px;    flex-wrap: wrap;    align-items: center;  }
  .wiersz-o-nas{padding-top:92px;}
  .wiersz-artykul{padding-top:92px!important;}
  .trak_tlo{padding-left:16px!important; padding-right:8px!important;}
}

@media all and (min-width: 0px) and (max-width: 639px) {
  h1.h1-tytul {    text-align: center;  }
  .wiersz {    justify-content: space-around;    max-width: 100%;  }
  .aktualnosci-tresc,  .informacje-tresc {    text-align: left;  }
  .galeria-modul-obiekt span {    width: 38vw;    height: 140px;  }
  .menu-mobilne-pasek a {   font-size: 16px;}
  .strona-tresc .paginacja{margin-bottom:8px;}
  .wiersz-tresc{padding-top:74px!important;}
  .trak_tlo{padding-left:8px!important; padding-right:8px!important;padding-top:8px!important;}
.modul-start-tytul, .modul-start-aktualnosci-startowe-tytul, .modul-start-goscie-online-inbsplicznik-tytul, .modul-start-lista-subskrybentow-tytul, .aktualnosci-tytul, .informacje-tytul, .stopka-tytul{font-size:32px;}
  .stopka1{margin-bottom:16px;}
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
  .stopka-dol {    flex-basis: auto;  }
  .kalendarz-tabela-btn-dodaj {    font-size: 12px !important;  }
  /*footer > .stopka-dol > .wiersz {    align-items: center;    display: flex;    flex-wrap: wrap;    align-content: center;    justify-content: center;  }*/
  /*.stopka-walidacja {    text-align: center;  }*/
  .subskrypcja-tekst-rodo::before {    bottom: 48px;  }
  .button-menu-mobile {    display: none;  }
  .szerokosc-1 {width: 992px;  }
  .szerokosc-12,  .szerokosc-24 {    flex-basis: 488px;    width: 488px;  }
  .szerokosc-13,  .szerokosc-14,  .szerokosc-13-stopka {    width: 320px;  }
  .szerokosc-23,  .szerokosc-34 {    flex-basis: 656px;    width: 656px;  }
  .stopka-info {    flex-wrap: nowrap;  }
  .szukaj-gora {    flex: 0 1 auto;    width: auto;  }
  .szukaj-gora input {    width: 150px;  }
  .dane {    padding: 8px 8px 8px 8px;  }
  .galeria-modul-obiekt span {    width: 180px;    height: 180px;  }
}

@media all and (min-width: 1280px) {
  #menu-mobilne {    display: none;  }
  .button-menu-mobile {    display: none;  }
  .blok {    width: 1152px;  }
  .szerokosc-1 {    flex-basis: 1152px;  width: 1152px;}
  .szerokosc-12,  .szerokosc-24 {    flex-basis: 608px;  }
  .szerokosc-13 {    width: 400px;  }
  .szerokosc-13-stopka {    flex-basis: 460px;    width: 460px;  }
  .szerokosc-23 {    flex-basis: 816px;    width: 816px;  }
  .szerokosc-14 {    flex-basis: 296px;    width: 296px;  }
  .szerokosc-34 {    flex-basis: 920px;    width: 920px;  }
}
