<head >
<style >

html {
    font-size: 100%;
}

body {
    font-size: 1rem;
    font-family: Tahoma, Arial;
}

body.bcgd {
    background-color: #f0f0f0;
    background-image: url(images/bckg_bok.gif);
    background-repeat: repeat-x;
    color: #f0f0f0;
    margin: 0;
    padding: 0;
}

@media all and (max-width:1024px) {
    div.all {
        background-color: #f0f0f0;
        color: #000000;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    div.top {
        background-color: #f0f0f0;
        width: 100%;
        aspect-ratio: 1120 / 120;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    div.top_l {
        background-color: #f0f0f0;
        width: 88.57%;
        aspect-ratio: 992 / 120;
        float: left;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }
    div.top_l img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    div.top_m {
        display: none;
    }
    div.top_m img {
        display: none;
    }
    div.top_mobile_m {
        background-color: #f0f0f0;
        width: 4.29%;
        aspect-ratio: 48 / 120;
        float: left;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }
    div.top_mobile_m img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    div.top_r {
        display: none;
    }
    div.top_r img {
        display: none;
    }
    div.top_mobile_r {
        background-color: #f0f0f0;
        width: 7.14%;
        aspect-ratio: 80 / 120;
        float: right;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }
    div.top_mobile_r img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    div.menu {
        width: 100%;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0 auto;
        padding: 0;
    }

    div.buttonmobile {
        width: 25%;
        aspect-ratio: 160 / 40;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    div.buttonmobileempty {
        width: 12.5%;
        aspect-ratio: 80 / 40;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    div.button img {
        display: none;
    }
    div.buttonmobile img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    div.buttonmobileempty img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    div.buttonjezyk_mobile {
        width: 100%;
        aspect-ratio: 100 / 75;
        float: top;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    div.buttonjezyk img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    img.picflute {
        width: 100%;
        aspect-ratio: 1 / 1;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
        border-bottom-width: 0px;
    }

    div.textflute {
        width: 100%;
        aspect-ratio: 200 / 64;
        float: left;
        overflow: hidden;
        font-family: Tahoma, Arial;
        font-size: 7px;
        font-weight: bold;
        text-align: center; 
        background-color: #f0f0f0;
        color: #404040;
        margin: 0;
        padding: 0;
        border: 0;
        border-left-width: 12px;
        border-bottom: 1px solid #000000;
    }

    div.pictextflute {
        width: 20%;
        aspect-ratio: 200 / 272;
        overflow: hidden;
        float: left;
        background-color: #f0f0f0;
        color: #404040;
        margin: 0;
        padding: 0;
        cellpadding: 0;
        border-top-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
    }

    img.piccustlogo {
        width: 25%;
        aspect-ratio: 250 / 192;
        float: left;
        overflow: hidden;
        background-color: #ffffff;
        color: #000000;
        margin: 0;
        padding: 0;
        border-bottom-width: 0px;
    }

   div.trescgora {
        width: 100%;
        <!--height: 3.21%;-->
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.trescsrodek {
        width: 100%;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.trescsrodekfefco {
        width: 100%;
        overflow: hidden;
        background-color: #ffffff;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.trescdol {
        width: 100%;
        <!--height: 4.28%px;-->
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.trescdolfefco {
        width: 100%;
        <!-- height: 4.28%px; -->
        float: left;
        overflow: hidden;
        background-color: f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.tresctext {
        color: #000000;
        font-family: Tahoma, Arial;
        font-size: 14px;
        font-style: normal;
        line-height: 18px;
        text-align: justify;
        text-indent: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 28px;
        margin-right: 28px;
    }

    div.trescfefco {
        text-indent: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 32px;
        margin-right: 32px;
    }

    div.tresctextnaglowek {
        clear: both;
        font-family: Tahoma, Arial;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        line-height: 18px;
        padding-top: 14px;
    }

    div.tresctextkontakt {
        clear: both;
        color: #000000;
        font-family: Tahoma, Arial;
        font-size: 14px;
        font-style: normal;
        line-height: 18px;
        text-align: left;
        text-indent: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 28px;
        margin-right: 28px;
    }

    div.tresctextkontaktnaglowek {
        font-family: Tahoma, Arial;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        line-height: 18px;
        margin-top: 14px;
    }

    div.icontextkontakt {
        line-height: 28px;
        float: left;
        margin: 0px;
        padding: 0;
    }

    img.pickontakt {
        color: #000000;
        width: 50%;
        aspect-ratio: 480 / 410;
        float: left;
        margin-left: 28px;
        margin-bottom: 8px;
        padding: 0;
    }

    img.iconkontakt {
        color: #000000;
        width: 10%;
        aspect-ratio: 1 / 1;
        vertical-align: middle;
        margin: 0px;
        padding: 0;
    }
    div.icondesckontakt {
        clear: both;
        width: 100%;
        margin-bottom: 8px;
    }

    div.tresctextdownload {
        display: none;
    }
    div.tresctextdownload_mobile {
        color: #000000;
        font-family: Tahoma, Arial;
        font-size: 14px;
        font-style: normal;
        line-height: 18px;
        text-align: justify;
        text-indent: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 28px;
        margin-right: 28px;
    }

    div.tresctextdownloadclick {
        color: #000000;
        background-color: #acacac;
        font-family: Tahoma, Arial;
        font-size: 14px;
        font-style: normal;
        line-height: 18px;
        text-align: center;
        text-indent: 0px;
        margin: 0px;
    }

    ul, li {
        text-align: justify;
        text-indent: 16px;
        display: block;
        padding: 0px;
        list-style-type: none;
        marker-offset: 0px;
        padding-left: 8px;
    }

    img.left {
        float: left;
        vertical-align: text-top;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 16px;
        border-right-width: 8px;
        border-color: #f0f0f0;
    }

    img.right {
        float: right;
        vertical-align: text-top;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 8px;
        border-right-width: 16px;
        border-color: #f0f0f0;
    }

    img.top {
        float: center;
        vertical-align: text-none;
        horizontal-align: text-none;
        border-top-width: 16px;
        border-bottom-width: 8px;
        border-left-width: 114px;
        border-right-width: 8px;
        border-color: #f0f0f0;
    }

    img.topwid703 {
        display: block;
        width: 70%;
        aspect-ratio: 703 / 379;
        margin: 0 auto;
    }

    img.topwid246 {
        display: block;
        width: 24%;
        aspect-ratio: 245 / 223;
        margin: 0 auto;
    }

    img.topwid976 {
        display: block;
        width: 98%;
        aspect-ratio: 976 / 624;
        margin: 0 auto;
    }

    img.topwid900 {
        display: block;
        width: 90%;
        aspect-ratio: 900 / 500;
        margin: 0 auto;
    }

    img.topwid470 {
        display: block;
        width: 47%;
        aspect-ratio: 469 / 401;
        margin: 0 auto;
    }
}

@media all and (min-width:1025px) {
    div.all {
        background-color: #f0f0f0;
        color: #000000;
        width: 1120px;
        margin: 0 auto;
        padding: 0;
    }

    div.top {
        background-color: #f0f0f0;
        width: 1120px;
        height: 120px;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    div.top_l {
        background-color: #f0f0f0;
        width: 992px;
        height: 120px;
        float: left;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    div.top_m {
        background-color: #f0f0f0;
        width: 80px;
        height: 120px;
        float: left;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }
    div.top_mu {
        background-color: #f0f0f0;
        width: 80px;
        height: 88px;
        float: left;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }
    div.top_mb {
        background-color: #f0f0f0;
        width: 80px;
        height: 32px;
        float: right;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }
    div.top_mobile_m {
        display: none;
    }
    div.top_mobile_m img {
        display: none;
    }

    div.top_r {
        background-color: #f0f0f0;
        width: 48px;
        height: 120px;
        float: right;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }
    div.top_mobile_r {
        display: none;
    }
    div.top_mobile_r img {
        display: none;
    }

    div.menu {
        width: 1120px;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0 auto;
        padding: 0;
    }

    div.button {
        width: 160px;
        height: 40px;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    div.button img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    div.buttonmobile img {
        display: none;
    }
    div.buttonmobileempty img {
        display: none;
    }

    div.buttonjezyk {
        width: 40px;
        height: 32px;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    img.picflute {
        width: 200px;
        height: 200px;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
        border-bottom-width: 0px;
    }

    div.textflute {
        width: 200px;
        height: 48px;
        float: left;
        overflow: hidden;
        font-family: Tahoma, Arial;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        background-color: #f0f0f0;
        color: #404040;
        margin: 0;
        padding: 0;
        border: 0;
        border-left-width: 12px;
        border-bottom: 1px solid #000000;
    }

    div.pictextflute {
        width: 200px;
        height: 256px;
        overflow: hidden;
        float: left;
        background-color: #f0f0f0;
        color: #404040;
        margin: 0;
        padding: 0;
        cellpadding: 0;
        border-top-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
    }

    img.piccustlogo {
        width: 250px;
        height: 192px;
        float: left;
        overflow: hidden;
        background-color: #ffffff;
        color: #000000;
        margin: 0;
        padding: 0;
        border-bottom-width: 0px;
    }

    div.trescgora {
        width: 1120px;
        height: 24px;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.trescsrodek {
        width: 1120px;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.trescsrodekfefco {
        width: 1120px;
        overflow: hidden;
        background-color: #ffffff;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.trescdol {
        width: 1120px;
        height: 32px;
        float: left;
        overflow: hidden;
        background-color: #f0f0f0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    div.tresctext {
        color: #000000;
        font-family: Tahoma, Arial;
        font-size: 16px;
        font-style: normal;
        line-height: 20px;
        text-align: justify;
        text-indent: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 56px;
        margin-right: 56px;
    }

    div.trescfefco {
        text-indent: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 60px;
        margin-right: 60px;
    }

    div.tresctextnaglowek {
        clear: both;
        font-family: Tahoma, Arial;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        line-height: 20px;
        padding-top: 16px;
    }

    div.tresctextkontakt {
        clear: both;
        color: #000000;
        font-family: Tahoma, Arial;
        font-size: 16px;
        font-style: normal;
        line-height: 20px;
        text-align: left;
        text-indent: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 56px;
        margin-right: 56px;
    }

    div.tresctextkontaktnaglowek {
        font-family: Tahoma, Arial;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        line-height: 20px;
        margin-top: 16px;
    }

    div.icontextkontakt {
        clear: both;
        line-height: 32px;
        float: left;
        margin-left: 56px;
        margin-right: 56px;
        padding: 0;
    }

    img.pickontakt {
        color: #000000;
        width: 240px;
        height: 205px;
        float: left;
        margin-left: 56px;
        margin-bottom: 8px;
        padding: 0;
    }

    img.iconkontakt {
        color: #000000;
        width: 32px;
        height: 32px;
        vertical-align: middle;
        margin: 0px;
        padding: 0;
    }
    div.icondesckontakt {
        clear: both;
        width: 100%;
        height: 32px;
        margin-bottom: 8px;
    }

    div.tresctextdownload {
        color: #000000;
        font-family: Tahoma, Arial;
        font-size: 16px;
        font-style: normal;
        line-height: 20px;
        text-align: justify;
        text-indent: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 94px;
        margin-right: 94px;
    }
    div.tresctextdownload_mobile {
        display: none;
    }

    div.tresctextdownloadclick {
        color: #000000;
        background-color: #acacac;
        font-family: Tahoma, Arial;
        font-size: 16px;
        font-style: normal;
        line-height: 20px;
        text-align: center;
        text-indent: 0px;
        margin: 0px;
    }

    ul, li {
        text-align: justify;
        text-indent: 16px;
        display: block;
        padding: 0px;
        list-style-type: none;
        marker-offset: 0px;
        padding-left: 8px;
    }

    img.left {
        float: left;
        vertical-align: text-top;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 16px;
        border-right-width: 8px;
        border-color: #f0f0f0;
    }

    img.right {
        float: right;
        vertical-align: text-top;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 8px;
        border-right-width: 16px;
        border-color: #f0f0f0;
    }

    img.top {
        float: center;
        vertical-align: text-none;
        horizontal-align: text-none;
        border-top-width: 16px;
        border-bottom-width: 8px;
        border-left-width: 114px;
        border-right-width: 8px;
        border-color: #f0f0f0;
    }

    img.topwid703 {
        width: 703px;
        aspect-ratio: 703 / 379;
        border-top-width: 0px;
        border-bottom-width: 8px;
        border-left-width: 152px;
        border-right-width: 0px;
        border-color: #f0f0f0;
    }

    img.topwid246 {
        border-top-width: 0px;
        border-bottom-width: 8px;
        border-left-width: 381px;
        border-right-width: 0px;
        border-color: #f0f0f0;
    }

    img.topwid976 {
        border-top-width: 0px;
        border-bottom-width: 8px;
        border-left-width: 16px;
        border-right-width: 0px;
        border-color: #f0f0f0;
    }

    img.topwid900 {
        border-top-width: 0px;
        border-bottom-width: 8px;
        border-left-width: 54px;
        border-right-width: 0px;
        border-color: #f0f0f0;
    }

    img.topwid470 {
        border-top-width: 0px;
        border-bottom-width: 8px;
        border-left-width: 277px;
        border-right-width: 0px;
        border-color: #f0f0f0;
    }
}

    #menu0 dt {
        background-color: #808080;
        color: #f0f0f0;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
        border-style: none;
        margin: 0px 0 0 0;
        padding: 0px;
        line-height: 0;
    }

    #menu0 dd {
        background-color: #f0f0f0;
        color: #000;
        border-width: 0 0px 0px 0px;
        border-style: none;
        margin: 0;
        padding: 0px 0px;
        line-height: 0;
    }

        #menu0 dd.active {
            font-weight: bold;
        }

</style >
</head >
