html {
    margin: 0px;
    padding: 0px;
    height: 100%;
}
body {
    font-family: Raleway;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
#tlo_strony {
    display: block;
    margin: 0px auto;
    padding-top: 12px;
    width: 1125px;
    position: relative;
}
#home {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 5;
}
#home img {
    width: 187px;
    opacity: 1;
    transition: opacity 0.5s;
}
#home img:hover {
    opacity: 0.75;
}
/* Strona główna */
#header {
    width: 923px;
    height: 719px;
    margin: 0px auto;
    background-image: url("grafika/header_tlo.png");
    background-size: cover;
    position: relative;
    font-variant: small-caps;
}
#header::before {
    content: url('grafika/header_rect_1.png');
    display: block;
    position: absolute;
    left: 218px;
    top: -29px;
}
#header::after {
    content: url('grafika/header_rect_3.png');
    display: block;
    position: absolute;
    left: 660px;
    top: 98px;
}
h1 {
    font-size: 45px;
    position: absolute;
    top: 143px;
    left: 190px;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    color: black;
}
#sto_lat {
    font-size: 128px;
    line-height: 120px;
}
#menu::before {
    content: url('grafika/header_rect_2.png');
    display: block;
    position: absolute;
    left: -128px;
    top: -236px;
}
#menu {
    position: absolute;
    top: 360px;
    left: 184px;
    display: grid;
    grid-template-columns: repeat(5, 140px);
    grid-template-rows: repeat(2, 140px);
}
.menu_a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 133px;
    height: 134px;
    padding: 0px 11px 11px 0px;
    margin: 8px;
    background: url("grafika/menu_tlo.png");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    color: white;
    transition: opacity 0.5s;
    cursor: pointer;
}
.menu_a:hover {
    opacity: 0.75;
}
#m_historia {
    grid-row: 1;
    grid-column: 1;
}
#m_wydarzenia {
    grid-row: 1;
    grid-column: 2;
}
#m_dokumentacja {
    grid-row: 1;
    grid-column: 3;
}
#m_archiwum {
    grid-row: 1;
    grid-column: 4;
}
#m_galeria {
    grid-row: 2;
    grid-column: 3;
}
#m_wspomnienia {
    grid-row: 2;
    grid-column: 4;
}
#m_strona {
    grid-row: 2;
    grid-column: 5;
}
#tekst_wstepny {
    font-size: 15px;
    font-weight: 400;
    margin: 75px 150px 38px 188px;
    text-align: left;
    position: relative;
}
#tekst_wstepny a{
    color: black;
}
#tekst_wstepny::before {
    content: url('grafika/rect_4.png');
    display: block;
    position: absolute;
    left: -173px;
    top: -38px;
}
#tekst_wstepny::after {
    content: url('grafika/rect_5.png');
    display: block;
    position: absolute;
    right: -75px;
    top: 263px;
}
#komitet_honorowy {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin: 75px 145px 40px 50px;
    padding: 30px;
    float: right;
    text-align: left;
    position: relative;
    width: 210px;
    background-color: black;
    color: white;
}
#komitet_honorowy h2 {
    font-size: 26px;
    font-variant: small-caps;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
}
#komitet_honorowy::before {
    content: url('grafika/tlo_1.png');
    display: block;
    position: absolute;
    left: -250px;
    top: 200px;
    z-index: -1;
    opacity: 0.8;
}
/* Nagłówek podstrony */
#header.podstrona {
    background-image: none;
}
h1.podstrona {
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    top: 0px;
    left: 70px;
    font-variant: small-caps;
    text-align: right;
}
h1.podstrona #sto_lat {
    font-size: 40px;
    line-height: 40px;
}
h2.podstrona {
    font-size: 70px;
    font-weight: 700;
    position: absolute;
    top: 100px;
    left: 215px;
    font-variant: small-caps;
}
/* Menu na podstronie */
#menu_podstrony {
    position: fixed;
    top: 150px;
    left: 0px;
    list-style-type: none;
    list-style-position: inside;
    margin: 0px;
    padding: 0px;
    z-index: 7;
}
#menu_podstrony li {
    width: 50px;
    height: 35px;
    transition: width 0.5s;
    background-color: black;
    margin: 15px 0px;
    padding: 0px;
    overflow: hidden;
}
#menu_podstrony li#m_p_wydarzenia, #menu_podstrony li#m_p_galeria {
    margin-bottom: 30px;
}
#menu_podstrony li.aktualna {
    background-color: #002140A6;
    transition: background-color 0.5s, width 0.5s;
}
#menu_podstrony a {
    display: block;
    opacity: 0%;
    transition: opacity 0.5s;
    width: 150px;
    height: 35px;
    padding: 7px 0px;
    color: white;
    font-size: 17px;
    font-weight: 700;
    font-variant: small-caps;
    text-decoration: none;
    text-align: center;
    text-wrap: nowrap;
}
#menu_podstrony li:hover {
    width: 150px;
    background-color: black;
}
#menu_podstrony li:hover a {
    opacity: 100%;
}
/* Historia */
#tlo_strony.historia {
    background-image: url("grafika/tlo_2.png");
    background-repeat: no-repeat;
    background-position: 170px 50px;
    height: 1200px;
}
#historia_menu::before {
    content: url('grafika/rect_4.png');
    display: block;
    position: absolute;
    left: -50px;
    top: 450px;
}
#historia_menu {
    position: absolute;
    top: 300px;
    left: 184px;
    display: grid;
    grid-template-columns: repeat(6, 140px);
    grid-template-rows: repeat(6, 140px);
}
#m_his_1 {
    grid-row: 1;
    grid-column: 2;
}
#m_his_2 {
    grid-row: 1;
    grid-column-start: 3;
    grid-column-end: 6;
    background: url("grafika/menu_tlo_3.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 425px;
}
#m_his_3, #m_his_4, #m_his_7, #m_his_8, #m_his_9 {
    background: url("grafika/menu_tlo_2.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 275px;
}
#m_his_3 {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 3;
}
#m_his_4 {
    grid-row: 2;
    grid-column-start: 3;
    grid-column-end: 5;
}
#m_his_5 {
    grid-row: 3;
    grid-column-start: 2;
    grid-column-end: 7;
    background: url("grafika/menu_tlo_5.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 710px;
}
#m_his_6 {
    grid-row: 4;
    grid-column-start: 2;
    grid-column-end: 3;
}
#m_his_7 {
    grid-row: 4;
    grid-column-start: 3;
    grid-column-end: 5;
}
#m_his_8 {
    grid-row: 5;
    grid-column-start: 3;
    grid-column-end: 5;
}
#m_his_9 {
    grid-row: 5;
    grid-column-start: 5;
    grid-column-end: 7;
}
#m_his_10 {
    grid-row: 6;
    grid-column-start: 4;
    grid-column-end: 5;
}
.his_art {
    display: none;
    position: absolute;
    z-index: 6;
    top: 0px;
    width: calc(100% - 300px);
    min-height: 100%;
    background-color: white;
    padding: 0px 150px;
}
.his_art h2 {
    font-size: 55px;
    font-weight: 700;
    font-variant: small-caps;
    background-image: url("grafika/his_h2_tlo.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 800px;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 30px;
    margin: 0px;
}
.autor_artykulu {
    position: absolute;
    top:  280px;
    left: 180px;
    font-size: 20px;
    font-weight: 600;
}
.his_art h3 {
    position: relative;
    font-size: 20px;
    margin: 10px 30px;
    z-index: 5;
}
.sekcja {
    position: relative;
    font-size: 15px;
    margin: 10px 30px 40px 30px;
    z-index: 4;
}
.his_close {
    position: absolute;
    top: 75px;
    right: 80px;
    width: 24px;
    cursor: pointer;
}
.zdj_his_ban_lewo, .zdj_his_ban_prawo {
    position: relative;
    display: block;
    width: 300px;
    padding: 20px 30px;
    text-align: center;
    z-index: 6;
}
.zdj_his_ban_lewo p, .zdj_his_ban_prawo p {
    position: relative;
    z-index: 6;
    margin: 0px;
    margin-top: 10px;
}
.zdj_his_ban_lewo {
    float: left;
}
.zdj_his_ban_lewo + .sekcja::before {
    content: url('grafika/tla/tlo_zdjecia_1.png');
    display: block;
    position: absolute;
    left: -70px;
    top: -20px;
    z-index: -1;
}
.zdj_his_ban_prawo {
    float: right;
}
.zdj_his_ban_prawo + .sekcja::before {
    content: url('grafika/tla/tlo_zdjecia_2.png');
    display: block;
    position: absolute;
    right: -70px;
    top: -20px;
    z-index: -1;
}
.zdj_his {
    position: relative;
    width: 100%;
    z-index: 6;
    cursor: pointer;
}
.zdjecie_tlo_duze {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 7;
}
.zdjecie_tlo_duze_wew {
    width: 100%;
    height: 100%;
    text-align: center;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: calc(100% - 100px) 100px;
}
.zdjecie_zdj_duze {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.zdjecie_zdj_duze img {
    max-width: calc(100% - 40px);
    max-height: calc(100% - 20px);
    margin: 20px;
    margin-bottom: 0px;
}
.zdjecie_opis_duze {
    grid-row: 2;
    grid-column: 1;
    height: calc(100% - 40px);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.zdjecie_opis_duze a{
    color: white;
}
.zdjecie_close {
    position: absolute;
    top: 75px;
    right: 80px;
    width: 24px;
    cursor: pointer;
}
/* Galeria */
#tlo_strony.galeria {
    background-image: url("grafika/galeria_tlo_1.png");
    background-repeat: no-repeat;
    background-position: 230px 0px;
    min-height: 1500px;
    width: 1200px;
}
#galeria_menu {
    position: fixed;
    z-index: 1;
    top: 160px;
    left: 240px;
    height: 370px;
    padding: 0px 20px;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
#galeria_menu_wew {
    overflow-y: scroll;
    height: 285px;
    scrollbar-width: none;
}
#galeria_menu_wew::-webkit-scrollbar {
    display: none;
}
#menu_up, #menu_down {
    background: none;
    border: none;
    margin: 10px 0px;
    opacity: 30%;
    transform: opacity 0.5s;
}
#menu_up.active, #menu_down.active {
    opacity: 100%;
    cursor: pointer;
}
#menu_up {
    transform: rotate(180deg);
}
#galeria_menu_wew a {
    color: white;
    display: block;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 10px;
}
#galeria_ban {
    position: absolute;
    top: 250px;
    left: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#galeria_ban h3 {
    font-size: 30px;
    font-weight: 700;
    width: 500px;
    text-align: center;
    background-image: url('grafika/galeria_okres_tlo.png');
    background-size: contain;
    color: black;
}
.galeria_okres {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    width: 500px;
}
.galeria_zdj {
    display: grid;
    grid-template-rows: 180px 50px;
    grid-template-columns: 240px;
    margin: 5px;
    cursor: pointer;
}
.galeria_zdj_ban {
    width: 100%;
    height: 100%;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
    /*border: 3px solid rgba(0, 0, 0, 0.5);*/
}
.galeria_zdj_ban img {
    max-width: 100%;
    max-height: 100%;
}
.galeria_podpis {
    margin: 5px;
    padding-top: 10px;
    font-size: 14px;
    text-align: center;
    grid-column: 1;
    grid-row: 2;
}
#galeria_tlo_duze_ban {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 7;
    display: none;
}
.galeria_tlo_duze {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}
.galeria_tlo_duze_wew {
    width: 100%;
    height: 100%;
    text-align: center;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: calc(100% - 150px) 150px;
}
.galeria_zdj_duze {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.galeria_zdj_duze img {
    max-width: calc(100% - 40px);
    max-height: calc(100% - 20px);
    margin: 20px;
    margin-bottom: 0px;
}
.galeria_opis_duze {
    grid-row: 2;
    grid-column: 1;
    height: calc(100% - 40px);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.galeria_opis_duze a{
    color: white;
}
.galeria_close {
    position: absolute;
    top: 75px;
    right: 80px;
    width: 24px;
    cursor: pointer;
}
.galeria_left {
    left: 65px;
    transform: rotate(90deg);
}
.galeria_right {
    right: 65px;
    transform: rotate(-90deg);
}
.galeria_left, .galeria_right {
    position: absolute;
    top: calc(50% - 80px);
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;
    cursor: pointer;
}
/* Archiwum */
#tlo_strony.archiwum {
    background-image: url("grafika/archiwum_tlo_1.png");
    background-repeat: no-repeat;
    background-position: 0px 125px;
    background-size: contain;
    min-height: 3000px;
    width: 1200px;
}
/* Jednak razem z galeria_menu:
#archiwum_menu {
    position: absolute;
    z-index: 1;
    top: 171px;
    left: 150px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
#archiwum_menu a {
    color: white;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    margin: 10px 0px;
}
*/
#archiwum_ban {
    position: absolute;
    top: 350px;
    left: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}
#archiwum_ban h3 {
    font-size: 30px;
    font-weight: 700;
    width: 500px;
    text-align: center;
    background-image: url('grafika/galeria_okres_tlo.png');
    background-size: cover;
    color: black;
    
}
.archiwum_zdj {
    display: grid;
    grid-template-rows: 350px;
    grid-template-columns: 260px 240px;
    background-color: rgba(0, 0, 0, 0.65);
    margin-bottom: 20px;
    cursor: pointer;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
.archiwum_zdj_ban {
    margin: 20px;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.archiwum_zdj_ban img {
    max-width: 100%;
    max-height: 100%;
}
.archiwum_opis {
    padding: 20px;
    padding-left: 0px;
    font-size: 15px;
    font-weight: 400;
    grid-column: 2;
    grid-row: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.archiwum_opis a {
    color: white;
}
.archiwum_tlo_duze {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 7;
    display: none;
    text-align: center;
    padding-bottom: 100px;
    overflow: scroll;
}
.archiwum_zdj_duze img {
    width: 1000px;
    margin: 50px;
}
.archiwum_opis_duze {
    color: white;
    max-width: 1000px;
    margin: 0px 50px 50px 50px;
    margin: auto;
}
.archiwum_opis_duze a{
    color: white;
}
.arch_close {
    position: absolute;
    top: 75px;
    right: 80px;
    width: 24px;
    cursor: pointer;
}
/* Wydarzenia */
#tlo_strony.wydarzenia {
    background-image: url("grafika/wydarzenia_tlo.png");
    background-repeat: no-repeat;
    background-position: 0px 125px;
    background-size: contain;
    min-height: 1300px;
    width: 1200px;
}
#wydarzenia_menu {
    position: absolute;
    top: 400px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wydarzenia_menu_slider_ban {
    position: relative;
    max-width: 80%;
}
#wydarzenia_menu_slider {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    overflow-x: scroll;
}
.wydarzenie_ban_zew_przeszle, .wydarzenie_ban_zew_teraz, .wydarzenie_ban_zew_przyszle {
    display: grid;
    grid-template-columns: 300px;
    grid-template-rows: 40px auto;
    padding: 10px;
}
.wydarzenie_ban_zew_teraz {
    background: linear-gradient(180deg, #002140 0%, rgba(0, 85, 166, 0) 100%);
}
.wydarzenie_ban_wew {
    grid-row: 2;
    grid-column: 1;
    display: grid;
    grid-template-rows: 300px 50px 60px 250px;
    grid-template-columns: 180px 120px;
    background: rgba(0, 0, 0, 0.65);
    color: white;
    cursor: pointer;
}
.wydarzenie_ban_zew_przeszle .wydarzenie_ban_wew {
    opacity: 80%;
}
.wydarzenie_najblizsze {
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 25px;
    font-variant: small-caps;
    font-weight: 700;
    color: rgba(94, 202, 252, 1);
    margin: 0px 10px;
    text-align: left;
}
.wydarzenie_najblizsze::after {
    content: url('grafika/najblizsze_wydarzenie.png');
    width: 30px;
    margin-left: 10px;
}
.wydarzenie_zdj_ban {
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}
.wydarzenie_zdj_ban img {
    max-width: 100%;
    max-height: 100%;
}
.wydarzenie_data {
    grid-row: 2;
    grid-column: 1;
    font-size: 25px;
    font-weight: 700;
    margin: 0px 10px;
    text-align: left;
}
.wydarzenie_godzina {
    grid-row: 2;
    grid-column: 2;
    font-size: 25px;
    font-weight: 400;
    margin: 0px 10px;
    text-align: left;
}
.wydarzenie_tytul {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: white;
    margin: 0px 10px;
    text-align: left;
}
.wydarzenie_podpis {
    grid-row: 4;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 18px;
    font-weight: 400;
    margin: 0px 10px;
    padding-top: 10px;
    text-align: left;
    border-top: 3px solid #5ECAFC
}
#slider_left {
    top: 300px;
    left: -70px;
    transform: rotate(90deg);
}
#slider_right {
    top: 300px;
    right: -70px;
    transform: rotate(-90deg);
}
#slider_left, #slider_right {
    position: absolute;
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;
    cursor: pointer;
}
#slider_left img, #slider_right img {
    width: 50px;
}
.wyd_art {
    display: none;
    position: absolute;
    z-index: 7;
    top: 0px;
    left: 0px;
    width: calc(100% - 300px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 0px 150px;
    color: white;
    overflow-y: scroll;
}
.wyd_art a {
    color: white;
}
.wyd_art h3 {
    font-size: 40px;
    font-weight: 700;
    font-variant: small-caps;
    background: none;
    padding-left: 30px;
    max-width: 900px;
}
.wyd_art_data {
    font-size: 50px;
    font-weight: 600;
    padding-left: 30px;
    margin-bottom: 30px;
}
.wyd_art_miejsce {
    font-size: 15px;
    font-weight: 600;
    padding-left: 30px;
    margin-bottom: 30px;
}
.wyd_art_sep {
    margin-left: 30px;
    border: 2px solid white;
    width: 270px;
}
.wyd_art_lead {
    font-size: 15px;
    font-weight: 700;
    padding-left: 30px;
    margin: 30px 0px;
}
.wyd_art h4 {
    font-size: 20px;
    margin: 10px 30px;
}
.zdj_wyd_ban_lewo, .zdj_wyd_ban_prawo {
    display: block;
    width: 300px;
    padding: 0px 20px;
}
.zdj_wyd_ban_lewo {
    float: left;
}
.zdj_wyd_ban_prawo {
    float: right;
}
.zdj_wyd {
    width: 100%;
    position: relative;
    z-index: 6;
    cursor: pointer;
}
.wyd_close {
    position: absolute;
    top: 75px;
    right: 80px;
    width: 24px;
    cursor: pointer;
}
/* Wspomnienia */
#tlo_strony.wspomnienia {
    height: 1400px;
    width: 100%;
    text-align: center;
}#tlo_strony.wspomnienia #header {
    height: 280px;
}
#tlo_strony.wspomnienia::before {
    content: url('grafika/wspomnienia_tlo_1.png');
    position: absolute;
    top: 350px;
    left: 0px;
    z-index: -1;
    opacity: 85%;
}
#tlo_strony.wspomnienia::after {
    content: url('grafika/wspomnienia_tlo_2.png');
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    opacity: 85%;
}
#wspomnienia_artykuly {
    display: inline-block;
    width: 650px;
    padding-left: 95px;
    z-index: 6;
    text-align: left;
}
#wspomnienia_artykuly h2 {
    position: relative;
    font-variant: small-caps;
    font-size: 30px;
    margin: 10px 30px;
    z-index: 5;
}
#wspomnienia_artykuly h3 {
    position: relative;
    font-size: 20px;
    margin: 10px 30px;
    z-index: 5;
}
.zdj_wspomn_ban_lewo, .zdj_wspomn_ban_prawo {
    position: relative;
    display: block;
    width: 300px;
    padding: 20px 30px;
    text-align: center;
    z-index: 6;
}
.zdj_wspomn_ban_lewo p, .zdj_wspomn_ban_prawo p {
    position: relative;
    z-index: 6;
    margin: 0px;
    margin-top: 10px;
}
.zdj_wspomn_ban_lewo {
    float: left;
}
.zdj_wspomn_ban_prawo {
    float: right;
}
.zdj_wspomn {
    position: relative;
    width: 100%;
    z-index: 6;
    cursor: pointer;
}
/* Dokumentacja */
#tlo_strony.dokumentacja {
    height: 1400px;
    width: 100%;
    text-align: center;
}
#tlo_strony.dokumentacja #header {
    height: 280px;
}
#tlo_strony.dokumentacja #header::after {
    content: url('grafika/header_rect_3_dok.png');
    display: block;
    position: absolute;
    left: 600px;
    top: 150px;
}
#tlo_strony.dokumentacja::before {
    content: url('grafika/dokumentacja_tlo_1.png');
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    opacity: 85%;
}
#tlo_strony.dokumentacja::after {
    content: url('grafika/dokumentacja_tlo_2.png');
    position: absolute;
    top: 500px;
    right: 0px;
    z-index: -1;
    opacity: 85%;
}
#dokumentacja_ban{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 600px;
    margin-left: 90px;
}
#dokumentacja_ban a{
    position: relative;
    text-decoration: none;
}
#dokumentacja_ban a.a_prawo {
    top: 200px;
}
.dokument_zdj{
    position: relative;
    display: grid;
    width: 240px;
    margin: 10px;
    grid-template-rows: 340px 100px 300px 30px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
}
.dokument_zdj a{
    color: white;
    text-decoration: none;
}
.dokument_zdj_ban {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dokument_zdj_ban img {
    max-width: 100%;
    max-height: 100%;
}
.dokument_tytul {
    grid-row: 2;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 20px;
    text-decoration: none;
}
.dokument_tytul a {
    color: white;
    text-decoration: none;
}
.dokument_opis {
    grid-row: 3;
    font-size: 15px;
    text-decoration: none;
    text-align: left;
}
.dokument_opis a {
    color: white;
    text-decoration: none;
}
.dokument_wiecej {
    grid-row: 4;
    text-align: center;
    font-size: 20px;
    color: #C8E9F8;
}
/* O stronie */
#tlo_strony.o_stronie {
    background-image: url("grafika/o_stronie_tlo.png");
    background-repeat: no-repeat;
    background-position: 0px 100px;
    background-size: contain;
    height: 1400px;
}
#o_stronie_artykul {
    position: absolute;
    top: 300px;
    left: 180px;
    width: 800px;
    box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 6;
    padding: 20px 0px;
}
#o_stronie_artykul h3 {
    position: relative;
    font-size: 20px;
    margin: 10px 30px;
    z-index: 5;
}
#tlo_strony.o_stronie::before {
    content: url(grafika/rect_4.png);
    display: block;
    position: absolute;
    left: 100px;
    top: 800px;
}
.zdj_str_ban_lewo, .zdj_str_ban_prawo {
    position: relative;
    display: block;
    width: 300px;
    padding: 20px 30px;
    text-align: center;
}
.zdj_str_ban_lewo p, .zdj_str_ban_prawo p {
    position: relative;
    z-index: 6;
    margin: 0px;
    margin-top: 10px;
}
.zdj_str_ban_lewo {
    float: left;
}
.zdj_str_ban_prawo {
    float: right;
}
.zdj_str {
    position: relative;
    width: 100%;
    z-index: 6;
    cursor: pointer;
}
/* Stopka */
#footer {
    margin-top: 50px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 440px 440px 1fr;
    grid-template-rows: 150px 150px 100px;
    font-size: 15px;
    background-color: black;
}
#footer_1 {
    grid-row: 1;
    grid-column: 2;
    background-color: black;
    color: white;
    padding-left: 70px;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 100%;
    text-wrap: wrap;
}
#footer_1 a{
    color: white;
}
#footer_2 {
    grid-row: 1;
    grid-column: 3;
    background-color: black;
    color: white;
    text-align: left;
    padding-left: 10px;
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: right;
    height: 100%;
    text-wrap: wrap;
}
#footer_2 a{
    color: white;
}
#footer_3 {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 130;
    width: 100%;
    line-height: 30px;
    background-color: white;
    text-wrap: wrap;
}
#footer_logo {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
    width: 100%;
    border-bottom: 20px solid black;
    background-color: white;
}
#footer_logo a{
    height: 100px;
    margin: 0px 10px;
}
#footer_logo a img{
    height: 100px;
}
/* CMS */
#formlog_ban {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
#formlog input {
    font-size: 25px;
}
.blad_log {
    position: absolute;
    bottom: 20px;
    color: red;
}
.blad {
    color: red;
    margin: 30px;
    font-size: 20px;
}
h1.h1_cms {
    position: static;
    font-size: 40px;
    margin: 20px;
}
h2.h2_cms {
    font-size: 35px;
    margin: 20px;
}
#cms_menu{
    font-size: 30px;
    color: rgba(0, 85, 166, 1);
}
#cms_menu a{
    font-size: 30px;
    text-decoration: none;
    color: rgba(0, 85, 166, 1);
}
.opcja_cms {
    font-size: 30px;
    text-decoration: none;
    color: rgba(0, 85, 166, 1);
    margin-left: 50px;
}
.edycja {
    margin: 20px;
}
.edycja textarea {
    width: 800px;
    height: 300px;
    font-size: 20px;
}
.text_duzy {
    width: 800px;
    height: 300px;
    font-size: 20px;
    border: 1px solid black;
    overflow-y: scroll;
}
input[type=submit] {
    font-size: 25px;
}
form.edycja {
    margin: 50px;
    font-size: 20px;
}
form.edycja_mini {
    margin: 0px 50px;
    font-size: 20px;
}
form.edycja_mini label, form.edycja label {
    margin: 5px 0px;
}
form.edycja_mini input, form.edycja input {
    font-size: 20px;
}
form.edycja input[type=text] {
    width: 800px;
}
form.edycja_mini input[type=text] {
    width: 600px;
    margin-bottom: 20px;
}
form.edycja input[type=checkbox] {
    width: 20px;
    height: 20px;
}
form.edycja select {
    font-size: 20px;
}
.cms_zdjecia_ban {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    flex-wrap: wrap;
}
.cms_zdjecie {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px;
}
.cms_zdjecie img {
    height: 150px;
}
.cms_zdjecie p {
    font-size: 20px;
    text-align: center;
}
#przesylanie_pliku {
    margin: 50px;
    font-size: 25px;
}
#przesylanie_pliku input[type="file"] {
    font-size: 25px;
}
.info_cms {
    font-size: 25px;
    margin: 50px;
}
.logotyp_w_tekscie {
    display: block;
    height: 150px;
}
#powrot_cms {
    font-size: 30px;
    text-decoration: none;
    color: rgba(0, 85, 166, 1);
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 30px;
}