​.scroll {
    position: absolute;
    right: -21.962vw;
    width: 21.962vw
}

​ #centrum_ola {
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
    height: 43.924vw;
    background: #C6F
}

#strona {
    text-align: center;
    margin: 0 auto;
    border: none;
    padding: 0;
    width: 100vw;

    font-family: "lucida sans unicode", "lucida grande", sans-serif;
    font-size: 0.952vw;
    letter-spacing: -.2pt;
    word-spacing: 0
}

#lewa {
    margin: 0;
    border: none;
    padding: 0;
    width: 21.962vw;
    /*height:186.676vw;*/
    float: left;
    /*background:#606645*/
}

#centrum {
    margin: 0;
    border: none;
    padding: 0;
    width: calc(100% - 26.720vw);
    float: left;
    /*height:186.676vw;*/
    /*background:#606645*/
}

#prawa {
    margin: 0;
    border: none;
    padding: 0;
    width: 0;
    float: left;
    height: 100%
}

.digit {
    float: left;
    width: 1.025vw;
    height: 1.903vw;
    margin-right: 0.146vw;
    background: #000 url(ledmarquee.gif) 0 0
}

#ledmarquee {
    height: 1.903vw;
    visibility: hidden;
    background-color: #000
}

.czlonek {
    text-align: center;
    background-color: #6CF;
    font-size: 0.732vw;
    letter-spacing: -.2pt
}

.funclub {
    width: 67.570vw;
    text-align: center;
    background-color: #BFE35B;
    font-size: 1.098vw;
    letter-spacing: -.2pt;
    padding: 0.366vw 0;
    float: left
}

.funclub_poziomo {
    width: 67.570vw;
    height: 19.034vw;
    background-color: #B2CF63
}

.funclubtlo {
    width: 67.570vw;
    text-align: center
}

.czlonek_vip {
    text-align: center;
    background-color: #F06;
    font-size: 0.732vw;
    letter-spacing: -.2pt
}

.odstep {
    width: 0.586vw
}

#kalendarium_tytul {
    text-align: center;
    background-color: #F06;
    font-size: 0.732vw;
    letter-spacing: -.2pt
}

#kalendarium_data {
    font-weight: 700;
    padding: 0.220vw 0.220vw 0.220vw 1.098vw;
    text-align: left;
    background-color: #94AB72;
    font-size: .7rem;
    letter-spacing: -0
}

#kalendarium_tresc {
    padding: 0.293vw 0.732vw 2.196vw 1.098vw;
    text-align: left;
    background-color: #A3BD7D;
    font-size: .8rem;
    letter-spacing: -.1pt
}

.kalendarium_tlo {
    width: 67.570vw;
    text-align: center;
    font-size: 1.098vw;
    letter-spacing: -.2pt;
    padding: 1.464vw 0 0;
    float: left;
    background-color: #879C68
}

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
    margin: 0;
    padding: 0;
    position: relative;
    border: 0;
    /*! line-height:1; */
    box-sizing: content-box;
}

#cssmenu {
    height: 2.1vw;
    padding-left: 0.146vw;
    border-radius: 0.366vw 0.366vw 0 0;
    -moz-border-radius: 0.366vw 0.366vw 0 0;
    -webkit-border-radius: 0vw 0vw 0 0;
    background: #fefefe;
    /*background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eee9f0));
    background: -webkit-linear-gradient(top, #317171 0%, #1f1c1c 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
    background: linear-gradient(top, #fefefe 0%, #eee9f0 100%);
    /*! border-bottom:0 solid #db000b; */
    width: auto;
}

#cssmenu:after,
#cssmenu ul:after {
    content: '';
    display: block;
    clear: both
}

#cssmenu a {
    /*background:#fff6f6;*/
    padding-left: 0.146vw;
    /*background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);*/
    /*background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));*/
    /*background: -webkit-linear-gradient(top,#717171 0%,#1f1c1c 100%);*/
    background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
    background: linear-gradient(top, #fefefe 0%, #ececec 100%);
    color: #000;
    display: inline-block;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 0.732vw;
    line-height: 2.1vw;
    padding: 0 0.75vw;
    text-decoration: none
}

#cssmenu ul {
    list-style: none
}

#cssmenu>ul {
    float: left
}

#cssmenu>ul>li {
    float: left
}

#cssmenu>ul>li>a {
    color: #69bd96;
    font-size: 0.93vw;
    display: flex;
    align-items: center;
    height: 2.1vw;
    white-space: nowrap;
}

#cssmenu>ul>li:hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 1.098vw solid transparent;
    border-right: 1.098vw solid transparent;
    border-bottom: 0.366vw solid #555;
    margin-left: -1.098vw
}

#cssmenu>ul>li:first-child>a {
    border-radius: 0.366vw 0 0 0;
    -moz-border-radius: 0.366vw 0 0;
    -webkit-border-radius: 0.366vw 0 0 0
}

#cssmenu>ul>li.active:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 0.732vw solid transparent;
    border-right: 0.732vw solid transparent;
    border-bottom: 0.732vw solid #db000b;
    margin-left: -0.952vw
}

#cssmenu>ul>li.active>a {
    -moz-box-shadow: inset 0 0 0.146vw rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 0.146vw rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0.146vw rgba(0, 0, 0, 0.1);
    background: #ececec;
    /*background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #fef ef));
    background: -webkit-linear-gradient(top, #ececec 0%, #fef ef 100%);
    background: -o-linear-gradient(top, #ececec 0%, #fef ef 100%);
    background: -ms-linear-gradient(top, #ececec 0%, #fef ef 100%);
    background: linear-gradient(top, #ececec 0%, #fef ef 100%)
}

#cssmenu>ul>li:hover>a {
    background: #757592;
    /*background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #fef ef));
    background: -webkit-linear-gradient(top, #ececec 0%, #fef ef 100%);
    background: -o-linear-gradient(top, #ececec 0%, #fef ef 100%);
    background: -ms-linear-gradient(top, #ececec 0%, #fef ef 100%);
    background: linear-gradient(top, #ececec 0%, #fef ef 100%);
    -moz-box-shadow: inset 0 0 0.146vw rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 0.146vw rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0.146vw rgba(0, 0, 0, 0.1)
}

#cssmenu .has-sub {
    z-index: 1
}

#cssmenu .has-sub:hover>ul {
    display: block
}

#cssmenu .has-sub ul {
    display: none;
    position: absolute;
    width: 8.785vw;
    top: 100%;
    left: 0
}

#cssmenu .has-sub ul li {
    *margin-bottom: -0.073vw
}

#cssmenu .has-sub ul li a {
    background: #ccc;
    border-bottom: 0.073vw dotted #000;
    filter: none;
    font-size: 0.878vw;
    display: block;
    line-height: 60%;
    padding: 0.439vw;
    color: #333;
    width: 130%;
    /* Możliwość zmiany szerokości na 100% lub innej wartości */
    max-width: 40em;
    /* Opcjonalnie można ustawić maksymalną szerokość */
}


#cssmenu .has-sub ul li:hover a {
    background: #FFD012
}

#cssmenu .has-sub .has-sub:hover>ul {
    display: block
}

#cssmenu .has-sub .has-sub ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0
}

#cssmenu .has-sub .has-sub ul li a {
    background: #888;
    border-bottom: 0.073vw dotted #000
}

#cssmenu .has-sub .has-sub ul li a:hover {
    background: #FFD012
}

#cssmenu .has-sub-kamery {
    z-index: 1
}

#cssmenu .has-sub-kamery:hover>ul {
    display: block
}

#cssmenu .has-sub-kamery ul {
    display: none;
    position: absolute;
    width: 10.981vw;
    top: 100%;
    left: 0
}

#cssmenu .has-sub-kamery ul li {
    *margin-bottom: -0.073vw
}

#cssmenu .has-sub-kamery ul li a {
    background: #ccc;
    border-bottom: 0.073vw dotted #000;
    filter: none;
    font-size: 0.952vw;
    display: block;
    line-height: 105%;
    padding: 0.073vw;
    color: #333
}

#cssmenu .has-sub-kamery ul li:hover a {
    background: #FFD012
}

#cssmenu .has-sub-kamery .has-sub-kamery:hover>ul {
    display: block
}

#cssmenu .has-sub-kamery .has-sub-kamery ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0
}

#cssmenu .has-sub-kamery .has-sub-kamery ul li a {
    background: #888;
    border-bottom: 0.073vw dotted #000
}

#cssmenu .has-sub-kamery .has-sub-kamery ul li a:hover {
    background: #FFD012
}

.marquee {
    width: 21.962vw;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    background: #ff0;
    box-sizing: border-box;
    animation: marquee 150s linear infinite
}

.marquee:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0% {
        text-indent: 37.5em
    }

    100% {
        text-indent: -385em
    }
}

.microsoft {
    padding-left: 1.9em;
    position: relative;
    font: 1.098vw 'Segoe UI', Tahoma, Helvetica, Sans-Serif
}

.vanity {
    color: #333;
    text-align: center;
    font: .75em 'Segoe UI', Tahoma, Helvetica, Sans-Serif
}

.vanity a,
.microsoft a {
    color: #1570A6;
    transition: color .5s;
    text-decoration: none
}

.vanity a:hover,
.microsoft a:hover {
    color: #F65314
}

/* Language Flag Reaction Styles */
.lang-flag {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease;
    cursor: pointer;
}

.lang-flag:hover {
    transform: scale(1.15);
    filter: brightness(1.1) drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}

.lang-flag:active {
    transform: scale(0.9);
}

.lang-flag.switching {
    animation: lang-pulse 0.5s infinite;
    pointer-events: none;
}

@keyframes lang-pulse {
    0% {
        transform: scale(1.15);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 0.7;
    }

    100% {
        transform: scale(1.15);
        opacity: 1;
    }
}