#pasek {
    width: 100%;
    height: 29px;
    background-image: url(images/GLOWNA1_19.jpg);
    background-repeat: repeat-x;
    margin-top: 10px;
    margin-bottom: 10px;
}
#graf1 {
    float: left;
    background-image: url(images/GLOWNA1_17.jpg);
    background-repeat: no-repeat;
    background-position: left;
    height: 100%;
    width: 22px;
}
#graf2 {
    float: right;
    background-image: url(images/GLOWNA1_22.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 100%;
    width: 15px;
}
#name_firm {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 5px;
}
#www {
    height: 100%;
    float: right;
    font-size: 14px;
    color: blue;
    margin-right: 0px;
    margin-top: 4px;
}
#body_contents {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
}

/*   ------------------------------------ zawarto�� lewej kolumny      */
#logo { margin: 35px 0px; width: 190px;  text-align: center; }
#wersja {
    height: 29px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    border: solid 1px #b2d18d;
}
.separate { width: 5px; height: 29px; float: right; }
.flagi { float: right; margin-right: 2%; margin-top: 6px; }

.op {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
/*    -------------------------------     zawarto�� prawej kolumny      */
#text { margin: 10px; text-align: justify; }
#foto {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
#tytul {
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px;
}
#info { margin: 10px; text-align: justify; }

.link_oferty {
    margin: 32px 0px 50px 10px;
    text-align: end;
}

.link_oferty a{font-weight: bold; color:#028ad4;}
.redEmpty{ font-weight: bold; color: red; }

/*    -------------------------------     responsive     */
@media (max-width: 1000px) {
    #body_contents { flex-direction: column; }
    #naglowek { width: 190px; }
    #lewy{
        width: 100%;
        margin-left: 0px;
        justify-content: space-between;
        flex-direction: row;
    }
}

@media (max-width: 600px) {
    #dane_firm, #mapy { align-items: center; }
}
@media (max-width: 850px) {
   .fotoImg{ width: 100%;}
}
@media (max-width: 480px) {
    #lewy {flex-direction: column;}
    #naglowek { width: 100%; margin: auto; }
    #logo { width: auto; text-align: center; }
}