body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 0; padding: 0; margin: 0; color: #000; background-color: #fff; }
.czerwony { color:#F72B0A; }

.pasek { width: 100%; }
.ciemny { color: #fff; background-color: #020816; }
.ciemny a { color: #fff; }
.jasny { color: #000; background-color: #FFFFFF; }
.jasny a { color: #000; }
.pasekTytul { margin-top: 30px; }
.pasekTytulMaly { font-size: 18px; font-weight: bold; text-align: center; }
.pasekTytulDuzy { font-size: 40px; font-weight: bold; text-align: center; cursor: pointer; }
.pusty { height: 100px }
.pasekLinia { font-size: 18px; text-align: center; padding: 5px 0px; }

.tresc { width: 100%; max-width: 1900px; margin: auto; }
.tresc2 { width: 100%; max-width: 1300px; margin: auto; overflow: hidden; }
.tresc_lewa { float: left; width: 40%; padding: 45px 0px; }
.tresc_prawa { float: left; width: 60%; text-align: center; padding: 70px 0px; }
.tresc a { text-decoration: underline dotted; font-weight: normal; transition: 0.5s; }
.tresc a:hover { transition: 0.5s; text-decoration: underline wavy; }
.tresc2 p { line-height: 19px; padding-right: 19px; }

.doPrawej { float: right; }
.prawa { text-align: right; }

.nagButtons { display: inline-block; }
.nagIcons { display: inline-block; }
a.nagButton { color: #ddd; background-color: #000; text-decoration: none; display: inline-block; padding: 10px 25px; border-radius: 5px; margin: 20px 10px; font-weight: bold; transition: 0.3s; border: 1px solid #F22A09; }
a.nagButton:hover { color: #fff; background-color: #111; transition: 0.3s; }
.nagIcon svg { fill: #ddd; height: 16px; transition: 0.3s; margin-right: 30px; }
.nagIcon svg:hover { fill: #fff; transition: 0.3s; }

.menu { width: 100%; }
.menu2 { width: 100%; display: none; }
.menu3 { width: 100%; display: none; }
.menuPoz { display: inline-block; padding: 5px 15px; position: relative; }
.menuPoz a { color: #ddd; font-weight: bold; text-decoration: none; display: block; transition: 0.3s; }
.menuPoz a:hover { color: #fff; transition: 0.3s; text-decoration: none; }
a.MenuPozAkt { color: #F22A09; }
a.MenuPozAkt:hover { color: #FF3A19; }
.menuPod { position: absolute; display: none; border: 1px solid #888; background-color: #000; margin-top: 10px; width: max-content; }
.menuPod a { width: 100%; padding: 10px 20px; box-sizing: border-box; transition: 0.3s; text-align: left; }
.menuPod a:hover { background-color: #444; transition: 0.3s; }
span.szukaj { font-size: 19px; font-weight: bold; cursor: pointer; transition: 0.3s; }
span.szukaj:hover { color: #fff; transition: 0.3s; }

.baner { width: 100%; }
.baner img { width: 100%; }

.ligi { overflow: hidden; margin-top: 50px; }
.liga { width: calc(100% / 5 - 22px); float: left; border: 1px solid #ddd; margin: 10px; border-radius: 10px; }
.ligaNag { width: 100%; padding: 20px; background-color: #000000; color: #ffffff; text-align: center; font-weight: bold; border-radius: 10px 10px 0px 0px; height: 79px; box-sizing: border-box; font-size: 18px; cursor: pointer; }
.ligaTytul { width: 100%; }
.ligaInfo { width: 100%; font-size: 11px; }
.ligaLista { padding: 20px 0px; overflow: hidden; }
.ligaLista a { display: block; width: 100%; text-align: center; color: #000; text-decoration: none; padding: 3px 0px; }
a.dwaRzedy { width: 50%; float: left; }

footer { width: 100%; }
.footBlock { float: left; width: calc(100% / 5 - 20px); padding: 30px 10px; color: #fff; }
.footTytul { width: 100%; font-weight: bold; padding: 10px 0px; }
.footPozycja { width: 100%; padding: 5px 0px; }
.footPozycja a { color: #ddd; text-decoration: none; font-weight: normal; transition: 0.3s; }
.footPozycja a:hover { color: #fff; transition: 0.3s; }

.oma { max-width: 1300px; margin: auto; padding: 30px 0px; }

.forma { width: max-content; }
.formaNaglowek { text-align: center; font-size: 21px; font-weight: bold; color: #F72B0A; }
.centralnie { margin: 50px auto; }
.formaTytul { float: left; width: 200px; text-align: right; padding: 2px 10px; }
.formaDane { float: left; width: 200px; text-align: left; padding: 0px 10px; }
.formaDane input { padding: 3px; width: 100%; }
.formaLinia { overflow: hidden; margin: 15px 0px; }
.formaButton { width: 100%; text-align: center; }
.formaButton input { background-color: #000; color: #fff; font-weight: bold; border: 1px solid #F72B0A; padding: 10px 25px; border-radius: 5px; margin: auto; cursor: pointer; }

.adminDiv { width: 100%; overflow: hidden; }
.adminMenu { float: left; width: 200px; }
.adminData { float: left; width: calc(100% - 206px); border: 1px solid #ddd; margin: 2px; }
a.adminMenuPoz { display: block; width: calc(100% - 36px); padding: 10px 15px; transition: 0.3s; border: 1px solid #ddd; margin: 2px; }
a.adminMenuPoz:hover { transition: 0.3s; background-color: #ddd; }
.adminTitle { width: calc(100% - 40px); font-size: 24px; padding: 5px 20px; background-color: #596999; color: #fff; font-weight: bold; }
.adminWork { width: 100%; overflow: hidden; }
.tabSmall { margin: 10px auto; border-collapse: collapse; cursor: default; }
.tabSmall th { text-align: left; border: 1px solid #ddd; padding: 5px; background-color: #ddd; }
.tabSmall td { border: 1px solid #ddd; padding: 5px; }
.tabSmall tr { transition: 0.3s; background-color: #fff; }
.tabSmall tr:hover { transition: 0.3s; background-color: #eee; }

.adminInfo table { margin: 10px; }
.adminInfo th { text-align: right; font-weight: bold; padding: 5px; }
.adminInfo td { padding: 5px; }

.adminInfoTop { position: fixed; top: 0; left: 0; width: 100%; background-color: bisque; color: #000; text-align: center; padding: 3px 0px; border-bottom: 1px solid deepskyblue; box-shadow: 0px 5px 10px black; }

.adminEdit { margin: auto; }
.adminEdit th.adminEditTytul { background-color: #ddd; text-align: center; padding: 5px 0px; }
.adminEdit th { text-align: right; font-weight: bold; }
.adminEdit input[type=submit] { width: 50%; padding: 5px; }
.adminEdit input[type=text] { width: 100%; padding: 5px; box-sizing: border-box; }
.adminEdit input[type=date] { width: 100%; padding: 5px; box-sizing: border-box; }
.adminEdit input[type=email] { width: 100%; padding: 5px; box-sizing: border-box; }
.adminEdit input[type=phone] { width: 100%; padding: 5px; box-sizing: border-box; }
.adminEdit input[type=password] { width: 100%; padding: 5px; box-sizing: border-box; }
.adminEdit input[type=number] { width: 100%; padding: 5px; text-align: right; font-size: 16px; box-sizing: border-box; }
.adminEdit textarea { width: 100%; box-sizing: border-box; }

span.material-icons { font-size: 21px; vertical-align: top; }

.pagesTitle { padding: 20px 5px; width: calc(100% - 10px); font-size: 23px; text-align: center; border-bottom: 1px solid #444; box-shadow: 0px 4px 8px #ddd; }

.pagesInfo { padding: 20px 10px; width: calc(100% - 20px); font-size: 16px; text-align: justify; line-height: 25px; }

.pagesTopMenu { width: max-content; overflow: hidden; margin: auto; }
.pagesTopMenuPoz { float: left; border: 1px solid #ddd; transition: 0.3s; margin: 0px 10px; }
.pagesTopMenuPoz a { display: block; padding: 5px 10px; text-decoration: none; }
.pagesTopMenuPoz a:hover { text-decoration: none; }
.pagesTopMenuWybrane { border: 1px solid #000; }
.pagesTopMenuPoz:hover { transition: 0.3s; border: 1px solid #444; background-color: #ddd; }

.pagesInfo form { width: max-content; margin: auto; }
.formaInfo { width: 100%; text-align: center; font-size: 12px; }
.formaTable { width: 100%; }
.formaTable input[type=submit] { width: 100%; }
.formaTr { margin: 10px 0px; overflow: hidden; background-color: #fff; transition: 0.3s; }
.formaTr:hover { background-color: #eee; transition: 0.3s; }
.formaTh { float: left; width: 190px; font-size: 14px; font-weight: bold; padding: 5px; }
.formaTd { float: left; width: calc(100% - 210px); padding: 5px; }
.formaTd input { width: 100%; box-sizing: border-box; padding: 5px; }
.formaTd select { width: 100%; box-sizing: border-box; padding: 5px; }
.formaTd textarea { width: 100%; box-sizing: border-box; padding: 5px; }
.formaAddInfo { font-size: 12px; text-align: left; }
.tRed { color: #e00; }
.thankyou { width: 100%; padding: 30px 0px; text-align: center; font-weight: normal; }
.error { width: 100%; color: #a00; text-align: center; background-color: #fee; padding: 10px 0px; }
.formaPoz { width: calc(100% - 20px); border: 1px solid #eee; padding: 20px 10px; cursor: pointer; transition: 0.3s; margin: 10px 0px; }
.formaPoz:hover { transition: 0.3s; background-color: #eee; }

.champ_all { width: 100%; padding: 5px 0px; background-color: #fff; transition: 0.3s; cursor: pointer; }
.champ_all:hover { background-color: #ddd; transition: 0.3s; }
.champ_title { width: 100%; font-size: 16px; font-weight: bold; color: #a00; text-align: center; }
.champ_name { width: 100%; font-size: 16px; font-weight: normal; color: #000; text-align: center; margin-top: 10px; }
.champ_date { width: 100%; font-size: 14px; font-weight: bold; color: #000; text-align: center; }
.champ_other { width: 100%; font-size: 14px; font-weight: bold; color: #a00; text-align: center; }
.champ_otherl { width: 100%; font-size: 14px; font-weight: normal; color: #000; text-align: center; }

.leagueTitle { font-size: 29px; text-align: center; margin-top: 40px; font-weight: bold; cursor: pointer; }

@media all and (max-width: 1900px) {
    .ligaNag { padding: 20px 0px; }
}

@media all and (max-width: 1700px) {
   .menuPoz { padding: 5px 5px; } 
   .ligaNag { padding: 9px 0px; }
}

@media all and (max-width: 1500px) {
    .menu { display: none; }
    .menu2 { display: block; }
}

@media all and (max-width: 1300px) {
    .liga { width: calc(100% / 3 - 22px); }
}

@media all and (max-width: 950px) {
    .tresc { text-align: center; }
    .doPrawej { float: none; }
    .prawa { text-align: center; }
    .menuPoz { padding: 5px 5px; border: 1px solid #444; margin: 5px 3px;  }
    .liga { width: calc(100% - 22px); }
    .tresc_lewa { float: none; width: 100%; width: 90%; margin: auto; }
    .tresc_prawa { float: none; width: 90%; text-align: center; }
    .tresc_prawa img { width: 100%; margin: auto; }
    .footBlock { width: calc(100% - 20px); float: none; }
    .footTytul { text-align: center; }
    .footPozycja { text-align: center; }
    .formaTytul { width: 100px; }
}

@media all and (max-width: 620px) {
    .nagButtons { display: block; width: 100%; }
    .nagIcons { display: block; width: 100%; }
    .menu2 { display: none; }
    .menu3 { display: block; font-size: 21px; }
    .menuPoz { padding: 5px 5px; border: 1px solid #444; margin: 5px 3px;  }
}