body {
        
       background-image: url(tlo_body.png);
       background-repeat: repeat;
       
        scrollbar-arrow-color: #444444;
        scrollbar-base-color: #C5C5C5;
        scrollbar-face-color: #FEFEFE;
        scrollbar-highlight-color: black;
}

.naglowek {
        font-family: Verdana;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        color: teal;
        text-align: left;
        text-indent: 0px;
        line-height: 16px;
        margin-top: 56px;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 16px;
}

P {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #5A5A5A;
        text-align: justify;
        text-indent: 0px;
        line-height: 16px;
        margin-top: 4px;
        margin-bottom: 0px;
        margin-left: 4px;
        margin-right: 2px;
}

.tekst_maly {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color: teal;
        text-align: justify;
        text-indent: 0px;
        line-height: 16px;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 36px;
        margin-right: 0px;
}

.kontakt_dane {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #5A5A5A;
        text-align: left;
        text-indent: 0px;
        line-height: 26px;
        margin-top: 14px;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 2px;
}

.wysylanie {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        color: #5A5A5A;
        text-align: left;
        text-indent: 0px;
        line-height: 26px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 90px;
        margin-right: 2px;
}

#mail {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: teal;
        text-align: left;
        text-indent: 0px;
        line-height: 26px;
        margin-top: 24px;
        margin-bottom: 0px;
        margin-left: 4px;
        margin-right: 2px;
        text-decoration: none;
}

#powrot {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: teal;
        text-align: left;
        text-indent: 0px;
        line-height: 26px;
        margin-top: px;
        margin-bottom: 0px;
        margin-left: 90px;
        margin-right: 2px;
        text-decoration: none;
}


.danekontaktowe {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        color: #5A5A5A;
        text-align: justify;
        text-indent: 0px;
        line-height: 16px;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 36px;
        margin-right: 30px;
}


TEXTAREA {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        color: #5A5A5A;
        background: white;
        line-height: 16px;
        padding: 2px;
        border: 1px solid teal;
        
        margin-top: 2px; margin-left: 0px;
        
        scrollbar-face-color: teal;
        scrollbar-shadow-color: black;
        scrollbar-track-color: #CFFFFF;
}

INPUT { font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        color: #5A5A5A;
        line-height: 16px;
        padding: 2px; background: white;
        border: 1px solid teal;
        
        margin-top: 2px;
        margin-left: 0px;
}

.licznik {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        color: #006666;
        text-align: left;
        text-indent: 0px;
        line-height: 12px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 16px;
        margin-right: 0px;
}

.stopka {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color: white;
        text-align: right;
        text-indent: 0px;
        line-height: 12px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 2px;
        margin-right: 20px;
}

#stopka {
        font-family: Verdana;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color: white;
        text-align: right;
        text-indent: 0px;
        line-height: 12px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 16px;
}

.footer-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap; /* złamie wiersz na mniejszych ekranach */
        justify-content: center; /* wyśrodkowanie poziome */
        gap: 20px; /* odstęp między elementami */
        }
        
        .footer-menu li {
        margin: 0;
        }
        
        .footer-menu a {
        text-decoration: none;
        color: #ffffff; /* dopasuj do tła */
        font-size: 14px;
        transition: color 0.3s ease;
        }
        
        .footer-menu a:hover {
        color: #cccccc; /* efekt po najechaniu */
        }