/*
 * SoftCOM Spółka jawna - http://www.softcom.wroc.pl
 * @author SoftCOM Spółka jawna <biuro@softcom.wroc.pl>
 * @copyright Copyright (C) 2011, SoftCOM Spółka jawna
 * $LastChangedDate$
 * $Rev$
 */
* {
    font-family: 'flamabasic', serif;
    font-size: 13px;
}

body {
    margin: 0;
    padding: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

td {
    vertical-align: top;
}

.text-justify {
    text-align: justify;
    text-align-last: justify;
}

.text-left {
    text-align: left !important;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.informacja {
    padding-top: 30px;
    font-size: 18px;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.red {
    color: red !important;
}

a.red:hover {
    color: black !important;
}

.bold {
    font-weight: bold;
}

.text-upper {
    text-transform: uppercase;
}

.text-normal {
    text-transform: none !important
}

.x:not(.miejsce) {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/images/layout/x.svg') no-repeat center center;
}

.x:not(.miejsce):hover {
    background-image: url('/images/layout/x_cz.svg');
    text-decoration: none;
}

hr {
    border: 1px solid Black;
}

#cookies-message {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 0 8px 0;
    background-color: #f2f2f2;
    border-top: 1px solid #bfbfc2;
    z-index: 9999;
}

#cookies-message #cookies-content {
    width: 900px;
    margin: 0 auto;
    font-size: 11px;
    position: relative;
}

#cookies-message #accept-cookies-checkbox {
    display: block;
    padding: 4px 15px 4px 15px;
    position: absolute;
    right: -50px;
    top: 10px;
    background-color: #d33e44;
    color: white;
    text-decoration: none;
    cursor: pointer;
    font-family: 'flamabold', sans-serif;
}

.btn-wybierz {
    display: inline-block;
    text-align: center;
    border: 1px solid #eeeeee;
    font-size: 13px;
    font-family: 'flamabold', sans-serif;
    text-decoration: none;
    padding: 4px;
    color: White;
    background: #d33e44;
}

.btn-wybierz:hover {
    background: #000000;
}

.btn-wybierz.btn-platnosci {
    margin: 0 auto;
    font-size: 28px;
    font-family: 'flamamedium', sans-serif;
    display: block;
    padding: 4px 8px;
}

.btn-wybierz.zablokowane, .btn-wybierz.zablokowane:hover {
    background: #a8a8a8;
    text-decoration: none;
    cursor: default;
}

/* Formularze */
.divForm .divField {
    margin: 10px 0 20px 0;
}

.divForm .divField .divLabel {
    float: left;
    width: 160px;
    padding: 3px 15px 0 0;
    overflow: hidden;
}

.divForm .divField .divLabel .divName {
    font-family: 'flamamedium', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: right;
    overflow: hidden;
}

.divForm .divField .divDesc {
    width: 180px;
    font-size: 12px;
    text-align: right;
}

.divForm .divField .divFullDesc {
    clear: both;
    font-size: 11px;
    color: #8c8c8c;
}

.divForm .divField .divFullDesc .divFullDescRight {
    width: 353px;
    font-size: 11px;
    color: #8c8c8c;
    text-align: right;
}

.divForm .divField .divElement {
    float: left;
}

.divForm .divField .divElement .divErrorField {
    border: 1px solid #d11414;
    color: #d11414;
}

.divForm .divField .divElement input {
    width: 160px;
    border: 2px solid gray;
    font-size: 17px;
}

body[data-pagename="rezerwacja_koszyk_login"] .divForm .divField .divElement input {
    width: 220px;
    padding-top: 0;
    padding-bottom: 0;
}

.divForm .divField .divElement input[type=checkbox] {
    width: 20px;
}

.divForm .divField .divElement .btn-submit {
    width: 125px;
    margin-left: 10px;
    border: 2px solid gray;
    color: #8c8c8c;
    background-color: white;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
}

.divForm .divField .divElement .btn-submit:hover {
    color: white;
    background-color: black;
}

.divForm .divField .divElement span {
    font-family: 'flamabold', sans-serif;
}

.divForm .divField .divError {
    clear: both;
    padding-left: 200px;
}

.divForm .divField .divError label {
    display: block;
    margin: 2px 0 2px 0;
    padding: 3px 1px 3px 0;
    border: 0;
    color: #d11414;
}

.divForm .divField .divError label * {
    font-size: 12px;
    color: #d11414;
}

.divForm .buttons {
    margin-top: 30px;
    padding: 15px 0 25px 0; /* border-top:1px dashed #999999; */
}

.divForm .buttons input {
    border: 2px solid gray;
    background-color: white;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
    color: #8c8c8c;
}

.divForm .buttons input:hover {
    color: white;
    background-color: black;
}

.divForm .buttons input + input {
    margin-left: 5px;
}

.divFormRejestracja .divField {
    margin: 0 0 10px 0;
}

@media (min-width: 992px) {
    .divFormRejestracja .divField {
        margin: 10px 0 20px 0;
    }
}

.divFormRejestracja .divField .divLabel {
    float: left;
    width: 170px;
    padding: 3px 10px 0 0;
    overflow: hidden;
}

.divFormRejestracja .divField .divLabel.divLabelLong {
    padding: 3px 30px 0 0;
}

.divFormRejestracja .divField .divLabel .divName {
    font-family: 'flamamedium', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: right;
    overflow: hidden;
}

.divFormRejestracja .divField .divDesc {
    width: 180px;
    font-size: 12px;
    text-align: right;
}

.divFormRejestracja .divField .divFullDesc {
    clear: both;
    font-size: 11px;
    color: #8c8c8c;
}

.divFormRejestracja .divField .divFullDesc .divFullDescRight {
    width: 423px;
    font-size: 11px;
    color: #8c8c8c;
    text-align: right;
}

/*.divFormRejestracja .divField .divElement {*/
/*    float: left;*/
/*    font-size: 17px;*/
/*}*/

.divFormRejestracja .divField .divElement .divErrorField {
    border: 1px solid #d11414;
    color: #d11414;
}

.divFormRejestracja .divField .divElement input,
.divFormRejestracja .divField .divElement textarea {
    width: 240px;
    border: 2px solid gray;
    font-size: 17px;
    padding-top: 0;
    padding-bottom: 0;
}

.divField .divElement2 input, .divField .divElement2 textarea {
    width: 240px;
    border: 2px solid gray;
    font-size: 17px;
}

.divFormRejestracja .divField .divElement input[type=checkbox] {
    width: 20px;
}

.divFormRejestracja .divField .divElement select {
    width: 240px;
    border: 2px solid gray;
    font-size: 17px;
    padding-top: 0;
    padding-bottom: 0;
}

.divFormRejestracja .divField .divElement .btn-submit {
    width: 125px;
    margin-left: 10px;
    border: 2px solid gray;
    color: #8c8c8c;
    background-color: white;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
}

.divFormRejestracja .divField .divElement .btn-submit:hover {
    color: white;
    background-color: black;
}

.divFormRejestracja .divField .divError {
    clear: both;
    padding-left: 180px;
}

.divFormRejestracja .divField .divError label {
    display: block;
    margin: 2px 0 2px 0;
    padding: 3px 1px 3px 0;
    border: 0;
    color: #d11414;
}

.divFormRejestracja .divField .divError label * {
    font-size: 12px;
    color: #d11414;
}

.df-form-buttons,
.divFormRejestracja .buttons {
    margin-top: 30px;
    padding: 15px 0 25px 0;
    border-top: 2px solid black;
}

#dane_do_faktur-btn_submit,
#dane_do_faktur-btn_cancel,
.divFormRejestracja .buttons input,
.divFormRejestracja .buttons a {
    padding: 3px 30px 3px 30px;
    border: 2px solid gray;
    background-color: white;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
    color: #8c8c8c;
    border-radius: 0;
}

.divFormRejestracja .buttons input:hover {
    color: white;
    background-color: black;
}

.divFormRejestracja .buttons input.m {
    margin-left: 5px;
}

.divFormRejestracja .checkbox {
    visibility: hidden;
    margin-left: -20px;
}

.divFormRejestracja .checkbox-visual {
    cursor: pointer;
    width: 18px;
    margin-right: 10px;
    float: left;
    display: block;
}

.divFormRejestracja .checkbox-field .divError {
    padding-left: 30px;
}

.divFormRejestracja label.zgoda {
    float: left;
    /*width: 830px;*/
}

.divFormRejestracja ul li {
    margin-bottom: 20px;
    padding-left: 20px;
}

.df-lista-zalogowany .card {
    border-radius: 0 !important;
}

.divFormRejestracja .kontrahent {
    /*padding: 5px;*/
    /*border: 1px dotted #999999;*/
    width: 100%;
    height: 100%;
    /*height: 125px;*/
    overflow: hidden;
    /*margin: 0 10px 10px 0;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 0 !important;
}

.divFormRejestracja .kontrahent * {
    font-size: 17px;
}

.divFormRejestracja .kontrahent a {
    border: 2px solid #eeeeee;
    background-color: white;
    font-family: 'flamamedium', sans-serif;
    font-size: 15px;
    color: #8c8c8c;
    width: 50px;
    display: inline-block;
    text-align: center;
    float: left;
    margin-top: 5px;
}

.divFormRejestracja .kontrahent a + a {
    float: right;
}

.divFormRejestracja .kontrahent a:hover {
    color: white;
    background-color: black;
    text-decoration: none;
}


.divFormKoszyk .divField {
    margin: 10px 0 20px 0;
}

.divFormKoszyk .divField .divLabel {
    /*float: left;*/
    /*width: 220px;*/
    /*padding: 0 20px 0 0;*/
    /*overflow: hidden;*/
}

.divFormKoszyk .divField .divLabel .divName {
    font-family: 'flamamedium', sans-serif;
    font-size: 16px;
    /*text-transform: uppercase;*/
    overflow: hidden;
}

.divFormKoszyk .divField .divFullDesc {
    clear: both;
    font-size: 11px;
    color: #8c8c8c;
}

.divFormKoszyk .divField .divElement {
    /*float: left;*/
    font-family: 'flamamedium', sans-serif;
    font-size: 16px;
}

.divFormKoszyk .divField .divElement a {
    font-family: 'flamamedium', sans-serif;
    font-size: 16px;
    text-decoration: underline;
}

.divFormKoszyk .divField .divElement .divErrorField {
    border: 1px solid #d11414;
    color: #d11414;
}

.divFormKoszyk .divField .divElement input {
    border: 2px solid gray;
    font-size: 17px;
}

.divFormKoszyk .divField .divElement input.standard {
    width: 600px;
}

.divFormKoszyk .divField .divLabel2 {
    clear: both;
    overflow: hidden;
}

.divFormKoszyk .divField .divLabel2 .divName {
    color: gray;
    font-size: 12px;
    overflow: hidden;
}

.divFormKoszyk .divField .divElement2 {
    clear: both;
}

.divFormKoszyk .divField .divElement2 textarea {
    width: 100%;
}

.divFormKoszyk .divField .divError {
    clear: both;
}

.divFormKoszyk .divField .divError label {
    display: block;
    margin: 2px 0 2px 0;
    padding: 3px 1px 3px 0;
    border: 0;
    color: #d11414;
}

.divFormKoszyk .divField .divError label * {
    font-size: 12px;
    color: #d11414;
}

.divFormKoszyk .buttons {
    margin-top: 30px;
    padding: 15px 0 25px 0;
    border-top: 2px solid Black;
}

.divFormKoszyk .buttons input {
    padding: 3px 30px 3px 30px;
    border: 2px solid gray;
    background-color: white;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
    color: #8c8c8c;
}

.divFormKoszyk .buttons input.usun {
    background: #d33e44;
    color: white;
}

.divFormKoszyk .buttons input.zatwierdz {
    background: #98d04e;
    color: white;
}

.divFormKoszyk .buttons input.right {
    float: right;
}

.divFormKoszyk .buttons input:hover {
    color: white;
    background-color: black;
}

/*.uczestnik-imie {*/
/*    display: none !important;*/
/*}*/

#form_platnosc_btn_submit {
    width: 141px;
    height: 27px;
    margin: 0 auto;
    background-image: url('/images/layout/btn_payu_place.gif');
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

ul.paginator {
    clear: both;
    margin: 18px 0 18px 0;
    padding: 0;
}

ul.paginator li {
    list-style: none;
    background-color: #ececec;
    float: left;
    margin-right: 3px;
    padding: 0 4px 0 4px;
    color: #464646;
}

ul.paginator li.selected {
    background-color: #c20024;
    font-size: 13px;
    color: #ffffff;
}

ul.paginator li a {
    font-size: 13px;
    color: #464646;
    text-decoration: none;
}

#message-error {
    position: fixed;
    width: 884px;
    z-index: 100;
    padding: 8px;
    background-color: #c20024;
    font-size: 16px;
    color: white;
    text-align: center;
}

#message-warning {
    position: fixed;
    width: 884px;
    z-index: 100;
    padding: 8px;
    background-color: #c20024;
    font-size: 16px;
    color: white;
    text-align: center;
}

#message-info {
    position: fixed;
    width: 884px;
    z-index: 100;
    padding: 8px;
    background-color: #ffffff;
    font-size: 16px;
    color: #c20024;
    text-align: center;
}

#loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index: 1100;
    display: none;
    border: 0;
}

#loading span {
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 100%;
}


.divBlad {
    margin-bottom: 10px;
    padding: 12px 8px 12px 48px;
    border: 1px dotted #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #d33e44;
    vertical-align: middle;
    background: url('/images/layout/uwaga.png') no-repeat 8px center;
}

/* height:31px; line-height:31px;  */

.btn-zmien {
    border: 2px solid gray;
    background-color: transparent;
    font-family: 'flamabasic', serif;
    color: #8c8c8c;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}

.btn-zmien:hover {
    color: white;
    background-color: black;
    text-decoration: none;
}

#block-page {
    position: relative;
}

#block-footer {
    margin: 10px auto;
    font-size: 10px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

@media (min-width: 992px) {
    #block-footer {
        width: 900px;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }

    .w-lg-30px {
        width: 30px;
    }

    .w-lg-180px {
        width: 180px;
    }

    .w-lg-300px {
        width: 300px;
    }
}

#block-footer a {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #d33e44;
}

#block-page #header {
    background: #ffffff;
    padding: 0 5px 0 0;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    box-shadow: 0 0 3px 2px #bababa;
}

#block-page #header #start {
    width: 31px;
    overflow: hidden;
    height: 32px;
    position: absolute;
    top: 2px;
    background-image: url('/images/layout/home-black.gif');
    background-repeat: no-repeat;
    display: block;
    padding: 0;
    border: 0;
    margin-left: 3px;
    vertical-align: middle;
}

#block-page #header #start:hover {
    background-image: url('/images/layout/home-red.gif');
}

#block-page #header #user {
    display: inline;
    padding-right: 10px;
    font-size: 13px;
    vertical-align: middle;
}

#block-page #header #form_login {
    vertical-align: middle;
}

#block-page #header a {
    padding: 0 10px;
    border-left: 1px solid black;
    color: black;
    vertical-align: middle;
}

#block-page #header a:hover {
    color: #d33e44;
}

#block-page #header a#user {
    border-left: 0;
}

#block-page #header a#user:hover {
    text-decoration: none;
    cursor: initial;
    color: initial;
}

#block-page #header a span {
    background: Black;
    color: White;
    padding: 2px 5px;
    vertical-align: middle;
    margin: -3px 0 0 0;
    display: inline-block;
}

#block-page #header a:hover span {
    background: #c20024;
    color: White;
}

@media (min-width: 992px) {
    #block-page #header a:last-child {
        padding: 0 0 0 10px;
    }
}

#block-page #header #arrow {
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
    width: 17px;
    height: 20px;
    background: url('/images/layout/strzalki/strzalka.png') 0 0;
    vertical-align: text-top;
    border: none;
}

#block-page #header #arrow:hover {
    background-position: 0 20px;
}

#block-page #header input {
    width: 100px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #e6e6e6;
    background: White;
    margin: 0 8px;
    padding: 0 2px;
    vertical-align: middle;
}

#block-page #koszyk {
    padding: 10px 6px;
    font-family: 'flamabold', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}

@media (max-width: 500px) {
    #block-page #koszyk {
        font-size: 10px;
    }
}

/* #block-page #koszyk img { margin: 0 12px 0 0; vertical-align:bottom; } */
#block-page #koszyk #ico-koszyk {
    float: left;
    display: inline-block;
    width: 40px;
    height: 31px;
    background-image: url('/images/layout/koszyk.gif');
    text-decoration: none;
}

#block-page #koszyk #ico-koszyk:hover {
    background-image: url('/images/layout/koszyk_over.gif');
}

@media (max-width: 500px) {
    #block-page #koszyk #ico-koszyk {
        width: 30px;
        height: 24px;
        background-size: contain;
    }
}

#block-page #koszyk #ico-bilety {
    float: left;
    margin-left: 20px;
}

#block-page #koszyk span.koszyk-label {
    float: left;
    display: inline-block;
    margin: 5px 0 0 10px;
    font-family: 'flamabold', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}

#block-page #koszyk span#koszyk-wartosc {
    float: left;
    display: inline-block;
    margin: 5px 0 0 10px;
    color: #d33e44;
}

#block-page #koszyk span#koszyk-bilety-ilosc {
    float: left;
    display: inline-block;
    margin: 5px 0 0 10px;
    color: #d33e44;
}

#block-page #koszyk #odliczanie {
    float: right;
    font-family: 'flamabold', sans-serif;
}

#block-page #koszyk #odliczanie img {
    margin: 0 12px 0 30px;
}

#block-page #koszyk #odliczanie #zegar {
    display: inline-block;
    margin: 0 0 0 7px;
    background-color: #d33e44;
    color: white;
    width: 40px;
    text-align: center;
}

#block-page #stadion-logo {
    width: 145px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 55px;
}

#block-page #baner {
    background-image: url('/images/layout/baner.jpg');
    background-repeat: no-repeat;
    background-color: #002966;
    /*min-height: 103px;*/
    height: auto;
    margin: 0 0 15px 0;
    box-shadow: 0 0 3px 2px #bababa;
    display: block;
}

/*#block-page #baner a {*/
/*    display: block;*/
/*}*/
#block-page #baner span {
    font-family: 'flamabasic', sans-serif;
    text-transform: uppercase;
    display: block;
    color: white;
    font-size: 24px;
    top: 30px;
    right: 60px;
}

#block-page #baner span + span {
    color: #ff2b33;
    font-size: 16px;
}

@media (max-width: 991px) {
    #block-page #baner {
        background-image: url('/images/layout/baner-transparent.png');
        padding: 100px 10px 10px 10px;
        background-position-x: center;
        background-position-y: 20px;
    }

    #block-page #baner span {
        text-align: center;
        font-size: 17px;
    }
}

@media (min-width: 992px) {
    #block-page #baner {
        position: relative;
        height: 103px;
    }

    /*#block-page #baner a {*/
    /*    position: absolute;*/
    /*    height: 85px;*/
    /*    top: 10px;*/
    /*    left: 10px;*/
    /*    width: 190px;*/
    /*}*/
    #block-page #baner span {
        position: absolute;
        top: 30px;
        right: 60px;
    }

    #block-page #baner span + span {
        top: 58px;
    }
}


#block-page #heading {
    height: 100px;
    position: relative;
    font-family: 'flamamedium', sans-serif;
    text-transform: uppercase;
}

#block-page #heading #stadion {
    position: absolute;
    top: 4px;
    left: 2px;
}

#block-page #heading h1 {
    position: absolute;
    top: 25px;
    left: 165px;
    margin: 0;
    font-size: 28px;
    color: #c20024;
}

#block-page #heading h2 {
    position: absolute;
    top: 55px;
    left: 165px;
    font-size: 18px;
    margin: 0;
}

#block-page #heading-small {
    height: 100px;
    position: relative;
    font-family: 'flamamedium', sans-serif;
    text-transform: uppercase;
    width: 650px;
}

#block-page #heading-small #stadion {
    position: absolute;
    top: 4px;
    left: 2px;
}

#block-page #heading-small h1 {
    position: absolute;
    top: 25px;
    left: 165px;
    margin: 0;
    font-size: 18px;
    color: #c20024;
}

#block-page #heading-small h2 {
    position: absolute;
    top: 50px;
    left: 165px;
    font-size: 12px;
    margin: 0;
}


#baner-zimowy {
    margin: -15px 0 0 0;
}

#baner-zimowy * {
    display: block;
}

#block-page .frame {
    padding: 30px;
    margin: 0 0 15px 0;
    box-shadow: 0 0 3px 2px #bababa;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    position: relative;
}

#block-page .frame ul {
    margin: 0 0 0 15px;
    padding: 0;
}

#block-page .frame ul li {
    list-style-image: url('/images/layout/li.png');
}

#block-page .frame ul li a {
    background: #d33e44;
    color: White;
    text-decoration: none;
    padding: 0 4px;
}

#block-page .frame ul li a:hover {
    background: #2a5591;
}

#block-page .frame-info {
    padding: 30px 0 30px 0;
    text-align: center;
}

#block-page .frame a {
    color: #c20024;
}

#block-page .frame a.btn-wybierz {
    color: white;
}

#block-page .frame .header-main {
    /*width: 880px;*/
    /*height: 23px;*/
    background: #1a335d url('/images/layout/frame-header.jpg');
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    margin: 10px -30px;
    text-transform: uppercase;
    font-size: 16px;
}

#block-page .frame .header-main:first-child {
    margin: -30px -30px 30px -30px;
}

#block-page .frame .header-main span {
    margin: 0 0 0 15px;
    font-weight: normal;
    text-transform: none;
}

#block-page .wybierztyp {
    width: 100%;
    margin-bottom: 4px;
    padding: 8px 0 4px 0;
}

#block-page .wybierztyp + .wybierztyp {
    border-top: 1px solid #dddddd;
}

#block-page .wybierztyp img {
    float: left;
    margin: 12px 16px 0 0;
}

@media (min-width: 992px) {
    #block-page .wybierztyp img {
        margin: 0 6px 0 0;
    }
}


#block-page .wybierztyp .opis {

    min-height: 45px;
    height: auto !important;
    padding: 10px 15px;
    color: black;
}

@media (min-width: 992px) {
    #block-page .wybierztyp .opis {
        float: left;
        width: 690px;
    }
}

#block-page .wybierztyp .opis a.btn-wybierz {
    display: inline-block;
    text-align: center;
    width: 140px;
    /*height: 33px;*/
    border: 1px solid #eeeeee;
    font-size: 20px;
    font-family: 'flamabold', sans-serif;
    text-decoration: none;
    padding-top: 6px;
    margin-top: 2px;
    color: White;
    float: right;
}

#block-page .wybierztyp .opis .h1 {
    font-family: 'flamabold', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
}

#block-page .wybierztyp .opis p {
    font-size: 11px;
    margin: 0;
    padding: 0;
    line-height: 12px;
}

@media (min-width: 992px) {
    #block-page .wybierztyp .opis .h1 {
        width: 530px;
    }

    #block-page .wybierztyp .opis p {
        width: 530px;
    }
}

#block-page .wybierztyp .opis p a {
    text-decoration: none;
    cursor: pointer;
}

#block-page .wybierztyp.blue img {
    background: #2a5591;
}

#block-page .wybierztyp.blue img:hover {
    background-color: black;
}

#block-page .wybierztyp.blue .opis a.btn-wybierz {
    background: #2a5591;
}

#block-page .wybierztyp.blue .opis a.btn-wybierz:hover {
    background: black;
}

#block-page .wybierztyp.blue .opis p a {
    color: #2a5591;
}

#block-page .wybierztyp.red img {
    background: #d33e44;
}

#block-page .wybierztyp.red img:hover {
    background-color: black;
}

#block-page .wybierztyp.red .opis a.btn-wybierz {
    background: #d33e44;
}

#block-page .wybierztyp.red .opis a.btn-wybierz:hover {
    background: black;
}

#block-page .wybierztyp.red .opis p a {
    color: #d33e44;
}

#block-bottommenu {
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    background: url('/images/layout/linia.png');
    background-position: 0 7px;
    background-repeat: repeat-x;
}

#block-bottommenu .mi {
    position: relative;
    float: right;
    padding-left: 15px;
    background-color: white;
}

#block-bottommenu .mi a {
    text-decoration: none;
}

#block-bottommenu .mi a + a {
    margin: 0 0 0 26px;
}

#block-bottommenu .mi a:hover {
    color: #d33e44;
}

#block-page #sciezka {
    display: none;
}

@media (min-width: 992px) {
    #block-page #sciezka {
        display: block;
        border-bottom: 6px solid black;
        padding: 37px 14px 26px 14px;
        font-family: 'flamamedium', sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        /*height: 200px;*/
        position: relative;
    }

    #block-page #sciezka ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
    }

    #block-page #sciezka ul li {
        /*display: inline-block;*/
        /*float: left;*/
        /*height: 200px;*/
        width: 20%;
        text-align: center;
        /*margin-right: 18px;*/
    }

    #block-page #sciezka ul li:last-child {
        margin-right: 0;
    }
}

#block-page #sciezka #wskaznik {
    position: absolute;
    bottom: -6px;
}

#block-page #sciezka #wskaznik.poz0 {
    left: 78px;
}

#block-page #sciezka #wskaznik.poz1 {
    left: 256px;
}

#block-page #sciezka #wskaznik.poz2 {
    left: 434px;
}

#block-page #sciezka #wskaznik.poz3 {
    left: 612px;
}

#block-page #sciezka #wskaznik.poz4 {
    left: 780px;
}

#block-page #zakup-tytul h1 {
    margin: 16px 0;
    padding: 0 15px 3px 8px;
    background-color: black;
    font-size: 30px;
    font-weight: 400;
    color: white;
    line-height: 36px;
}

#block-page #zakup-tytul h2 {
    margin: 16px 0;
    font-size: 14px;

    line-height: 18px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    #block-page #zakup-tytul h1 {
        display: inline-block;
        float: left;
    }

    #block-page #zakup-tytul h2 {
        display: inline-block;
        float: right;
        width: 320px;
        text-align: right;
    }
}

#block-page #zakup-tytul h2 span {
    font-size: 11px;
    font-weight: normal;
}

#block-page #zakup-tytul table.naglowek-zakup {
    display: inline-block;
    float: right;
    width: 500px;
    margin: 16px 0 10px 0;
    font-size: 11px;
    text-align: right;
    line-height: 13px;
    text-transform: uppercase;
}

#block-page #zakup-tytul table.naglowek-zakup th {
    width: 100px;
    text-align: left;
}

#block-page #zakup-tytul table.naglowek-zakup td {
    width: 400px;
    text-align: right;
}

#block-page #wybierz-typ {
    padding: 64px 20px 80px 20px;
    text-align: center;
    font-family: 'flamabold', sans-serif;
    font-weight: 700;
    font-size: 12px;
}

#block-page #wybierz-typ a {
    display: inline-block;
    /*width: 185px;    /*width: 185px;*/
    /*height: 190px;*/
    vertical-align: top;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/*#block-page #wybierz-typ a + a {*/
/*    margin: 0 0 0 40px;*/
/*}*/

#block-page #wybierz-typ a span {
    color: #929292;
    font-size: 10px;
}

#block-page #wybierz-typ img {
    border: 1px solid #999999;
    margin: 0 0 10px 0;
    background: url('/images/layout/tla/wybor_out.png');
}

#block-page #wybierz-typ a:hover img {
    background: url('/images/layout/tla/wybor_over.png');
}

#block-page div#kalendarz-wrapper #termin {
    clear: both;
    margin: 0 0 16px 0;
}

#block-page div#kalendarz-wrapper #termin #termin-data {
    float: left;
    font-family: 'flamamedium', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 24px;
}

#block-page div#kalendarz-wrapper #termin #termin-data a {
    display: block;
    width: 9px;
    height: 24px;
    float: left;
    vertical-align: bottom;
    text-decoration: none;
}

#block-page div#kalendarz-wrapper #termin #termin-data a.left {
    background: url('/images/layout/strzalki/strzalka_lewo.png') 0 0;
    margin: 0 23px 0 0;
}

#block-page div#kalendarz-wrapper #termin #termin-data a.left:hover {
    background-position: 0 48px;
}

#block-page div#kalendarz-wrapper #termin #termin-data a.left-dis {
    background: url('/images/layout/strzalki/strzalka_lewo.png') 0 24px;
    margin: 0 23px 0 0;
}

#block-page div#kalendarz-wrapper #termin #termin-data div#miesiac {
    text-align: center;
    font-family: 'flamamedium', sans-serif;
    font-size: 20px;
    font-weight: 400;
    float: left;
    width: 200px;
}

#block-page div#kalendarz-wrapper #termin #termin-data div#dzien {
    text-align: center;
    font-family: 'flamamedium', sans-serif;
    font-size: 20px;
    font-weight: 400;
    float: left;
    width: 300px;
}

#block-page div#kalendarz-wrapper #termin #termin-data a.right {
    background: url('/images/layout/strzalki/strzalka_prawo.png') 0 0;
    margin: 0 0 0 23px;
}

#block-page div#kalendarz-wrapper #termin #termin-data a.right#calendar_month {
    background: url('/images/layout/kalendarz.png') 0 0;
    margin: -2px 0 0 23px;
    height: 27px;
    width: 34px;
}

#block-page div#kalendarz-wrapper #termin #termin-data a.right#calendar_month:hover {
    background-position: 0 27px;
}

#block-page div#kalendarz-wrapper #termin #termin-data a.right:hover {
    background-position: 0 24px;
}

#block-page div#kalendarz-wrapper #termin #tematy {
    float: left;
    position: relative;
    width: 200px;
    margin-left: 30px;
    border: 3px solid #eeeeee;
    font-family: 'flamabasic', serif;
    line-height: 11px;
}

#block-page div#kalendarz-wrapper #termin #tematy select.select {
    margin: 0;
    height: 27px;
    position: relative;
    z-index: 10;
    width: 200px;
    font-family: 'flamabasic', serif;
    font-size: 11px; /*line-height: 21px;*/
    cursor: pointer
}

#block-page div#kalendarz-wrapper #termin #tematy span.select {
    position: absolute;
    width: 188px;
    height: 24px;
    padding: 0 0 0 0;
    bottom: 0;
    float: left;
    left: 0;
    background-color: #ffffff;
    background-image: url('/images/layout/kalendarze/select.png');
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 1;
    font-family: 'flamabasic', serif;
    font-size: 12px;
    line-height: 19px;
    margin-left: 5px
}

#block-page div#kalendarz-wrapper #termin #dostepne {
    float: right;
    font-size: 12px;
}

#block-page div#kalendarz-wrapper #termin #dostepne img {
    margin-right: 5px;
    cursor: pointer;
}

#block-page div#kalendarz-wrapper #termin #dostepne span {
    display: block;
    float: right;
    font-size: 12px;
}

#block-page div#kalendarz-wrapper table#kalendarz {
    border-spacing: 5px 5px 5px 0;
    font-family: 'flamabold', sans-serif;
    font-weight: 400;
}

#block-page div#kalendarz-wrapper table#kalendarz td {
    width: 125px;
    text-align: center;
    vertical-align: middle;
    border: 1px dotted #999999;
    font-size: 36px;
    padding: 7px 0 7px 0;
}

#block-page div#kalendarz-wrapper table#kalendarz td a {
    text-decoration: none;
    color: #000000;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 32px;
}

#block-page div#kalendarz-wrapper table#kalendarz td span {
    font-size: 11px;
    text-decoration: none;
    display: block;
    line-height: 11px;
    margin: 0 3px 3px 3px;
    font-family: 'flamamedium', sans-serif;
}

#block-page div#kalendarz-wrapper table#kalendarz td.niedziela {
    border-bottom: 7px solid #d33e44 !important;
    padding: 7px 0 1px 0;
    color: #d33e44;
}

#block-page div#kalendarz-wrapper table#kalendarz td.niedziela a {
    color: #d33e44;
}

#block-page div#kalendarz-wrapper table#kalendarz td.today {
    border: 2px solid #000000;
}

#block-page div#kalendarz-wrapper table#kalendarz td.zajety {
    background-image: url('/images/layout/tla/zajety.png');
}

#block-page div#kalendarz-wrapper table#kalendarz td.wolny {
    background-image: url('/images/layout/tla/wolny.png');
}

#block-page div#kalendarz-wrapper table#kalendarz td.niedostepny {
    background-image: url('/images/layout/tla/niedostepny.png');
}

#block-page #legenda2 {
    margin: 20px 0;
    font-family: 'flamabasic', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
}

#block-page #legenda2 div {
    display: inline-block;
    width: 50px;
    height: 30px;
    border: 1px solid #999999;
    vertical-align: middle;
    margin: 5px 13px 0 0;
    background-image: url('/images/layout/tla/wolny.png');
}

#block-page #legenda2 div + div {
    margin: 0 13px 0 25px;
    background-image: url('/images/layout/tla/zajety.png');
}

#block-page div#kalendarz-wrapper #lista-godzin {
    clear: both;
    margin: 18px 0 22px 0;
    padding: 16px 0 16px 0;
    box-shadow: 0 0 3px 2px #bababa;
    font-family: 'flamabold', sans-serif;
    font-weight: 700;
    font-size: 13px;
    position: relative;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin {
    border: 1px solid #999999;
    background: #f9f9f9;
    padding: 16px 0 16px 18px;
    height: 35px;
    margin: 0 30px 0 24px;
    position: relative;
    box-sizing: content-box;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin + .termin {
    margin: 14px 30px 0 24px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin img.zegarek {
    /*position: absolute;*/
    /*top: 18px;*/
    /*left: 18px;*/
}

#block-page div#kalendarz-wrapper #lista-godzin .termin span {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 16px;
    box-sizing: content-box;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .godziny {
    font-size: 24px;
    left: 55px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .tytul {
    left: 210px;
    width: 300px;
    height: 26px;
    line-height: 17px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .temat {
    left: 210px;
    top: 7px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk_label {
    left: 472px;
    top: 11px;
    line-height: 10px;
    height: 10px;
    font-size: 10px;
    color: #9f9f9f;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk {
    left: 465px;
    top: 7px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .temat select.select {
    position: relative;
    width: 245px;
    height: 23px;
    margin: 0;
    font-family: 'flamabasic', serif;
    font-size: 11px;
    cursor: pointer;
    z-index: 10;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk select.select {
    position: relative;
    width: 200px;
    height: 23px;
    margin: 0;
    font-family: 'flamabasic', serif;
    font-size: 11px;
    cursor: pointer;
    z-index: 10;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .temat span.select {
    position: absolute;
    float: left;
    width: 240px;
    height: 24px;
    padding: 0 0 0 5px;
    bottom: 0;
    left: 0;
    border: 1px solid gray;
    background-color: #ffffff;
    background-image: url('/images/layout/kalendarze/select.png');
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 1;
    font-family: 'flamabasic', serif;
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
    overflow: hidden;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk span.select {
    position: absolute;
    float: left;
    width: 195px;
    height: 24px;
    padding: 0 0 0 5px;
    bottom: 0;
    left: 0;
    border: 1px solid gray;
    background-color: #ffffff;
    background-image: url('/images/layout/kalendarze/select.png');
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 1;
    font-family: 'flamabasic', serif;
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .czas {
    color: #9f9f9f;
    left: 520px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .czas2 {
    color: #9f9f9f;
    left: 680px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .miejsca_label {
    left: 580px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .miejsca {
    left: 695px;
    font-size: 24px;
    color: White;
    background: black;
    width: 50px;
    text-align: center;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin a {
    position: absolute;
    top: 16px;
    left: 745px;
    display: inline-block;
    width: 75px;
    /*height: 20px;*/
    box-sizing: content-box;
    padding: 9px 10px 6px 10px;
    text-decoration: none;
    color: white;
    background: #d33e44 url('/images/layout/strzalki/strzalka-zielona.png') no-repeat 75px -54px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin a:hover {
    color: White;
    background-color: #98d04e;
    background-position: 75px -54px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin a.disabled {
    background-color: #000000;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin .dokas {
    position: absolute;
    top: 16px;
    left: 745px;
    display: inline-block;
    width: 83px;
    height: 20px;
    padding: 9px 2px 6px 10px;
    text-decoration: none;
    color: White;
    background-color: #7e7e7e;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin img.zamkniecie {
    position: absolute;
    left: 838px;
    top: 16px;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin.zajety {
    background-image: url('/images/layout/tla/zajety.png');
    color: #df8f8f;
}

#block-page div#kalendarz-wrapper #lista-godzin .termin.zajety .tytul {
    font-size: 24px;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    padding: 0;
    width: 500px;
}

#block-page div#kalendarz-wrapper #lista-godzin #zmiana_kryteriow_div {
    display: none;
    padding-top: 130px;
    font-size: 24px;
    line-height: 59px;
    text-align: center;
}

#block-page div#kalendarz-wrapper #lista-godzin #lista-godzin-info {
    padding-top: 130px;
    font-size: 24px;
    text-align: center;
    line-height: 59px;
    font-weight: 400;
}

#block-page div#kalendarz-wrapper #lista-godzin #lista-godzin-info a {
    font-size: 24px;
    color: #c20024;
}

#block-page div#kalendarz-wrapper #lista-godzin .karnet span.tytul {
    left: 18px;
    width: 450px;
    white-space: nowrap;
}

#block-page div#kalendarz-wrapper #lista-godzin .karnet span.cena {
    left: 500px;
}

#block-page div#cennik .divPozycjaCennika > .label a {
    vertical-align: super;
    margin-left: 4px;
    padding: 0 5px 0 5px;
    background-color: black;
    font-family: 'flamabold', sans-serif;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

#block-page div#cennik .divPozycjaCennikaOpis {
    display: none;
}

@media (min-width: 992px) {
    #block-page div#cennik {
        padding: 15px;
        box-shadow: 0 0 3px 2px #bababa;
    }

    #block-page div#cennik div.grupa {
        padding: 15px;
        border: 3px solid #eeeeee;
    }

    #block-page div#cennik div.grupa + div.grupa {
        margin: 25px 0 0 0;
    }

    #block-page div#cennik .divInfo {
        color: #8c8c8c;
    }

    #block-page div#cennik .divInfo .wolne {
        font-family: 'flamabold', sans-serif;
        color: black;
    }


    #block-page div#cennik .divPozycjaCennikaHdr {
        padding: 0 0 10px 0;
        border-bottom: 6px solid black;
    }

    #block-page div#cennik .divPozycjaCennikaHdr > .label {
        float: left;
        width: 52%;
        font-family: 'flamabold', sans-serif;
        font-size: 16px;
    }

    #block-page div#cennik .divPozycjaCennikaHdr > .label .wolne {
        font-family: 'flamabold', sans-serif;
        font-size: 16px;
    }

    #block-page div#cennik .divPozycjaCennikaHdr > .cena {
        float: left;
        width: 16%;
        font-family: 'flamabold', sans-serif;
        font-size: 16px;
        text-align: center;
    }

    #block-page div#cennik .divPozycjaCennikaHdr > .ilosc {
        float: left;
        width: 16%;
        font-family: 'flamabold', sans-serif;
        font-size: 16px;
        text-align: center;
    }

    #block-page div#cennik .divPozycjaCennikaHdr > .wartosc {
        float: left;
        width: 16%;
        font-family: 'flamabold', sans-serif;
        font-size: 16px;
        text-align: center;
    }

    #block-page div#cennik .divPozycjaCennika {
        padding: 10px 0 0 0;
    }

    #block-page div#cennik .divPozycjaCennika > .label {
        float: left;
        width: 52%;
        overflow: hidden;
    }

    #block-page div#cennik .divPozycjaCennika > .label div {
        float: left;
        font-family: 'flamabasic', sans-serif;
        font-size: 22px;
    }


    #block-page div#cennik .divPozycjaCennika > .label a:hover {
        background-color: #d33e44;
    }

    #block-page div#cennik .divPozycjaCennika > .cena {
        float: left;
        width: 16%;
        font-family: 'flamabold', sans-serif;
        font-size: 22px;
        text-align: center;
        overflow: hidden;
    }

    #block-page div#cennik .divPozycjaCennika > .ilosc {
        float: left;
        width: 16%;
        font-family: 'flamabold', sans-serif;
        font-size: 22px;
        text-align: center;
    }

    #block-page div#cennik .divPozycjaCennika > .ilosc > .input-ilosc {
        width: 60px;
        font-family: 'flamabold', sans-serif;
        font-size: 22px;
        text-align: center;
    }

    #block-page div#cennik .divPozycjaCennika > .wartosc {
        float: left;
        clear: right;
        width: 16%;
        font-family: 'flamabold', sans-serif;
        font-size: 22px;
        color: red;
        text-align: center;
    }

    #block-page div#cennik .divField {
        position: relative;
        margin-top: 8px;
    }

    #block-page div#cennik .divField .divLabel {
        float: left;
        width: 150px;
        overflow: hidden;
    }

    #block-page div#cennik .divField .divElement {
        float: left;
    }

    #block-page div#cennik .divPozycjaCennikaOpis {
        width: 52%;
    }

    #block-page div#cennik .divPozycjaCennikaLinia {
        height: 8px;
        border-bottom: 1px dotted #999999;
    }

    #block-page div#cennik div.grupa .divPozycjaCennikaLinia:last-child {
        border-bottom: 0;
        height: 0;
    }
}

#block-page #wkoszyku-rezerwujacy {
    margin: 0 0 30px 0;
    padding: 15px;
    border: 1px dotted #999999;
}

#block-page #wkoszyku-rezerwujacy h2 {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 6px solid black;
    font-size: 24px;
    text-transform: uppercase;
}

#block-page #wkoszyku-rezerwujacy #dane-rezerwujacego {
    clear: both;
    padding: 20px 0 15px 0;
}

/*#block-page #wkoszyku-rezerwujacy #dane-rezerwujacego .k { float:left; width:50% }*/
#block-page #wkoszyku-rezerwujacy #dane-rezerwujacego .k table tr th {
    padding: 5px 10px 5px 0;
    font-size: 16px;
    text-align: left;
}

#block-page #wkoszyku-rezerwujacy #dane-rezerwujacego .k table tr td {
    padding: 5px 0 5px 0;
    font-size: 16px;
}

#block-page #wkoszyku-rezerwujacy #dane-rezerwujacego .uwaga {
    margin-left: 25px;
    height: 21px;
    position: relative;
    top: 3px;
}

#block-page #wkoszyku-rezerwujacy #rezerwujacy-opcje {
    clear: both;
    padding: 20px 0 10px 0;
    border-top: 1px dotted #999999;
}

#block-page #wkoszyku-informacjedodatkowe {
    margin: 0 0 30px 0;
    padding: 15px;
    border: 1px dotted #999999;
    word-break: break-all;
    font-size: 16px;
}

#block-page #wkoszyku-informacjedodatkowe h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    text-transform: uppercase;
    border-bottom: 6px solid black;
}

#block-page #wkoszyku-informacjedodatkowe h3 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px dotted #999999;
}

#block-page #wkoszyku-informacjedodatkowe .informacjedodatkowe-opcje {
    clear: both;
    margin-top: 15px;
    padding: 20px 0 10px 0;
    border-top: 1px dotted #999999;
}

#block-page #wkoszyku-informacjedodatkowe table tr th {
    padding: 5px 10px 5px 0;
    font-size: 16px;
    text-align: left;
}

#block-page #wkoszyku-informacjedodatkowe table tr td {
    padding: 5px 0 5px 0;
    font-size: 16px;
}

#block-page .wkoszyku .bledne-reguly .regula {
    background: url("/images/layout/uwaga.png") no-repeat scroll 8px center rgba(0, 0, 0, 0);
    border: 1px dotted #999999;
    color: #d33e44;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    margin-top: 10px;
    padding: 12px 8px 12px 48px;
    vertical-align: middle;
}


#block-page .wkoszyku {
    margin: 0 0 30px 0;
    padding: 15px;
    font-family: 'flamabold', sans-serif;
    box-shadow: 0 0 3px 2px #bababa;
}

#block-page div.wkoszyku div.grupa {
    padding: 15px;
    border: 1px dotted #999999;
}

#block-page div.wkoszyku div.grupa + div.grupa {
    margin: 15px 0 0 0;
}

#block-page .wkoszyku h2 {
    float: left;
    height: 30px;
    margin: 10px 0 25px 0;
    font-size: 24px;
    text-transform: uppercase;
}

#block-page .wkoszyku h3 {
    float: left;
    width: 460px;
    margin: 0 0 25px 15px;
    font-family: 'flamamedium', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #d33e44;
    line-height: 18px;
    text-transform: uppercase;
}

#block-page .wkoszyku h3 span {
    font-family: 'flamabold', sans-serif;
    font-size: 12px;
    color: black;
}

#block-page .wkoszyku #data {
    float: right;
    width: 235px;
    margin: 10px 0 0 0;
    font-family: 'flamamedium', sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: right;
    text-transform: uppercase;
}

#block-page .wkoszyku #data span {
    display: inline;
    font-size: 18px;
    color: #d33e44;
}

#block-page .wkoszyku #data img {
    display: inline;
    height: 20px;
}

#block-page .wkoszyku table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 6px solid black;
    margin: 0 0 15px 0;
}

#block-page .wkoszyku table tr th {
    border-bottom: 1px dotted #999999;
    padding: 20px 16px;
    text-transform: uppercase;
}

#block-page .wkoszyku table tr td {
    border-bottom: 1px dotted #999999;
    padding: 0.5rem;
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    font-family: 'flamamedium', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    #block-page .wkoszyku table tr td {
        padding: 20px 16px;
    }
}

#block-page .wkoszyku table tr td:first-child + td + td + td, #block-page #wkoszyku table.karnety tr td:first-child + td + td {
    color: #98d04e;
}

#block-page .wkoszyku table tr td a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('/images/layout/usun.png');
    background-position: 0 22px;
    vertical-align: middle;
}

#block-page .wkoszyku table tr td a:hover {
    background-position: 0 0;
}

#block-page .wkoszyku table tr td select.select {
    margin: 0;
    height: 24px; /*height:24px;*/
    position: relative;
    z-index: 10;
    width: 458px;
    font-family: 'flamabasic', serif;
    font-size: 16px; /*line-height: 21px;*/
    cursor: pointer
}

#block-page .wkoszyku table tr td span.select {
    position: absolute;
    width: 435px;
    height: 24px;
    padding: 0 23px 0 0;
    top: 12px;
    float: left;
    left: 49px;
    background-color: #ffffff;
    background-image: url('/images/layout/kalendarze/select.png');
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 1;
    font-family: 'flamabasic', sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

#block-page .wkoszyku table tr .miejsce {
    text-align: left;
}

#block-page .wkoszyku table tr .typ {
    text-align: left;
}

#block-page .wkoszyku table tr .ilosc {
    text-align: center;
}

#block-page .wkoszyku table tr .cena {
    text-align: right;
}

#block-page .wkoszyku table .divFieldInner {
    display: inline-block;
    width: 47.5%;
}

#block-page .wkoszyku #wkoszyku-opcje {
    /*float: left;*/
    /*width: 49%;*/
    /*height: 100px;*/
    margin-top: 20px;
}

#block-page .wkoszyku #wkoszyku-opcje label {
    display: inline-block;
    width: 180px;
    font-family: 'flamamedium', sans-serif;
    text-transform: uppercase;
    text-align: right;
}

#block-page .wkoszyku #wkoszyku-suma {
    /*float: right;*/
    /*width: 49%;*/
    /*height: 100px;*/
    margin-top: 20px;
    font-family: 'flamamedium', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width: 992px) {
    #block-page .wkoszyku #wkoszyku-suma {
        border-left: 1px solid #999999;
    }
}

#block-page .wkoszyku #wkoszyku-suma span {
    margin-left: 20px;
    font-family: 'flamamedium', sans-serif;
    font-size: 32px;
    color: #98d04e;
}

#block-page .wkoszyku .zmiana { /*float:left;*/
    width: 170px;
}

#block-page .wkoszyku .zmiana + table {
    margin-top: 25px;
}

#block-page .wkoszyku .dodatkowe {
    float: right;
    width: 650px;
}

#block-page .wkoszyku .dodatkowe div {
    border: 1px dotted #999999;
    padding: 5px;
    font-size: 12px;
}

#block-page .wkoszyku .dodatkowe div + div {
    margin: 5px 0 0 0;
}

#block-page .wkoszyku .dodatkowe div h4 {
    border-bottom: 1px dotted #999999;
    line-height: 24px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-size: 13px;
}

#block-page .wkoszyku .dodatkowe div h4 input {
    float: right;
    text-transform: none;
}

#block-page .wkoszyku table.karnety tr th {
    text-align: left;
}

#block-page .wkoszyku table.karnety tr td {
    font-size: 14px;
    text-align: left;
}

#block-page .wkoszyku table.karnety tr td:first-child + td + td {
    font-size: 22px;
}

#block-page .wkoszyku h3.karnety {
    width: 697px;
}

#block-page .wkoszyku #wkoszyku-vouchery {
    padding: 10px 5px;
    margin-top: 10px;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
}

#block-page .wkoszyku .df-block-zalogowany {
    padding: 5px;
    border: 1px dotted #999999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*margin: 0 10px 10px 0;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-wrap: wrap;
    text-align: center;
}

#block-page .wkoszyku .df-block-zalogowany:hover {
    background-color: #f6f6f6;
    text-decoration: none;
}

#block-page .wkoszyku .df-block-zalogowany.selected {
    background: #000000;
    color: #ffffff;
}

#block-page #kroki {
    margin-top: 30px;
    padding: 15px 0 25px 0;
    border-top: 2px solid Black;
}

#block-page #kroki a {
    display: inline-block;
    width: 134px;
    /*height: 33px;*/
    line-height: 33px;
    border: 3px solid #eeeeee;
    text-align: center;
    color: #8c8c8c;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
    text-decoration: none;
    float: left;
}

#block-page #kroki a.right {
    float: right;
}

#block-page #kroki a:hover {
    color: white;
    background-color: black;
}

#block-page #kroki a + a {
    margin: 0 0 0 10px;
}

#block-page #kroki a.btn-poprzedni,
#block-page #kroki input {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 134px;
    height: 33px;
    border: 2px solid gray;
    text-align: center;
    color: #8c8c8c;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
    text-decoration: none;
    float: left;
    background-color: white;
}

#block-page #kroki input.right {
    float: right;
}

#block-page #kroki input:hover {
    color: white;
    background-color: black;
}

#block-page #kroki input + input {
    margin: 0 0 0 10px;
}

#block-page #logowanie-tytul h1 {
    display: inline-block;
    background-color: black;
    color: White;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    padding: 0 15px 3px 8px;
    margin: 16px 0;
    float: left;
}

#block-page #logowanie-tytul h2 {
    background: url('/images/layout/stadion-icon-small.png') no-repeat left center;
    padding: 16px 0 3px 120px;
    display: inline-block;
    width: 385px;
    height: 97px;
    font-size: 18px;
    line-height: 18px;
    float: right;
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    color: #c20024;
}

#block-page #logowanie-tytul h2 span {
    color: black;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
}

#block-page #logowanie {
    padding: 15px;
    box-shadow: 0 0 3px 2px #bababa;
    margin: 0 0 30px 0;
}

/*#block-page #logowanie #logowanie-form {*/
/*    float: left;*/
/*    width: 490px;*/
/*}*/

#block-page #logowanie #logowanie-form h3 {
    margin-top: 5px;
    font-family: 'flamamedium', sans-serif;
    font-size: 18px;
}

#block-page #logowanie #logowanie-form #logowanie-form-top {
    clear: both;
    height: 35px; /* 45px; */
    padding-bottom: 10px;
    border-bottom: 1px solid #999999;
    font-size: 12px;
    color: gray;
}

#block-page #logowanie #logowanie-fb {
    /*float: left;*/
    /*width: 300px;*/
    /*height: 200px;*/
    margin-left: 30px;
    padding: 30px 0 0 30px;
    /*border-left: 1px solid #999999;*/
    font-size: 12px;
    color: gray;
}

#block-page #logowanie #logowanie-fb img {
    vertical-align: middle;
}

#block-page #logowanie #logowanie-fb a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #3b5a97;
    text-decoration: none;
}

#block-page #logowanie #logowanie-rejestracja-btns,
#block-page #logowanie #logowanie-bez {
    /*float: left;*/
    /*width: 335px;*/
    /*height: 200px;*/
    /*margin-left: 20px;*/
    padding: 40px 0 0 20px;
    /*border-left: 1px solid #999999;*/
}

#block-page #logowanie #logowanie-rejestracja-btns h3,
#block-page #logowanie #logowanie-bez h3 {
    margin-top: 5px;
    font-family: 'flamamedium', sans-serif;
    font-size: 18px;
}

#block-page #logowanie #logowanie-rejestracja-btns div,
#block-page #logowanie #logowanie-bez div {
    clear: both;
    font-size: 12px;
    color: gray;
}

#block-page #logowanie #logowanie-rejestracja-btns div.tresc,
#block-page #logowanie #logowanie-bez div.tresc {
    padding: 0 0 30px 40px;
}

#block-page #logowanie #logowanie-rejestracja-btns div.tresc.bezplatne,
#block-page #logowanie #logowanie-bez div.tresc.bezplatne {
    padding-bottom: 40px;
}

#block-page #logowanie #logowanie-rejestracja-btns div.tresc.bezplatne,
#block-page #logowanie #logowanie-rejestracja-btns div.tresc.bezplatne *,
#block-page #logowanie #logowanie-bez div.tresc.bezplatne,
#block-page #logowanie #logowanie-bez div.tresc.bezplatne * {
    font-size: 15px;
}

#block-page #logowanie #logowanie-rejestracja-btns div a,
#block-page #logowanie #logowanie-bez div a {
    font-size: 12px;
}

#block-page #logowanie #logowanie-rejestracja-btns .buttons.rejestruj,
#block-page #logowanie #logowanie-bez .buttons.rejestruj {
    text-align: center;
}

#block-page #logowanie #logowanie-rejestracja-btns .btn-dalej,
#block-page #logowanie #logowanie-bez .btn-dalej {
    display: inline-block;
    text-align: center;
    float: right;
    width: 125px;
    border: 2px solid gray;
    color: #8c8c8c;
    background-color: white;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
}

#block-page #logowanie #logowanie-rejestracja-btns .buttons.rejestruj .btn-dalej,
#block-page #logowanie #logowanie-bez .buttons.rejestruj .btn-dalej {
    float: none;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#block-page #logowanie #logowanie-rejestracja-btns a.btn-dalej,
#block-page #logowanie #logowanie-bez a.btn-dalej {
    width: 119px;
}

#block-page #logowanie #logowanie-rejestracja-btns .btn-dalej:hover,
#block-page #logowanie #logowanie-bez .btn-dalej:hover {
    color: white;
    background-color: black;
    text-decoration: none;
}

#block-page #formularz {
    margin-bottom: 30px;
    padding: 15px 15px 30px 15px;
    box-shadow: 0 0 3px 2px #bababa;
    font-family: 'flamabold', sans-serif;
}

#block-page #formularz .blad {
    padding: 8px 8px 8px 48px;
    border: 1px solid #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #d33e44;
    height: 31px;
    line-height: 31px;
    vertical-align: middle;
    background: url('/images/layout/uwaga.png') no-repeat 8px center;
}

#block-page #formularz .linia {
    clear: both;
    height: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999999;
}

#block-page #formularz h2 {
    font-size: 24px;
    text-transform: uppercase;
    border-bottom: 6px solid black;
    padding: 0 0 5px 0;
    margin: 25px 0 25px 0;
}

#block-page #formularz h2:first-child {
    margin: 0 0 25px 0;
}

#block-page #formularz h2 span {
    margin-left: 15px;
    font-size: 14px;
}

#block-page #formularz h2 span.info {
    margin-left: 15px;
    font-weight: 200;
    text-transform: none;
}

#block-page #formularz h3 {
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px dotted black;
    padding: 0 0 5px 0;
    margin: 30px 0 25px 0;
}

#block-page #formularz table {
    border-collapse: separate;
    border-spacing: 5px;
}

#block-page #formularz table tr th {
    padding: 5px;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
}

#block-page #formularz table tr td {
    padding: 5px;
    border: 2px solid #eeeeee;
    font-family: 'flamabold', sans-serif;
    font-size: 18px;
}

#block-page #zamowienia {
    clear: both;
    padding: 30px;
    margin: 0 0 15px 0;
    border: 1px solid #999999;
}

#block-page #zamowienia #zamowienia-opcje {
    clear: both;
    background: url('/images/layout/zakupy_linia.png') repeat-x left bottom;
}

#block-page #zamowienia #zamowienia-opcje a {
    display: inline-block;
    padding-bottom: 15px;
    font-size: 18px;
    color: black;
    text-decoration: none;
}

#block-page #zamowienia #zamowienia-opcje a.sel {
    font-family: 'flamamedium', sans-serif;
    background: url('/images/layout/zakupy_znacznik.png') no-repeat center bottom;
}

#block-page #zamowienia #zamowienia-opcje a:hover {
    color: #c20024;
}

#block-page #zamowienia #zamowienia-opcje a + a {
    margin-left: 20px;
}

#block-page #zamowienia table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 0 15px 0;
}

#block-page #zamowienia table > thead > tr > th {
    border-bottom: 6px solid black;
    padding: 20px 16px;
    font-family: 'flamamedium', sans-serif;
    font-size: 16px;
    text-align: left;
    text-transform: uppercase;
}

.usun-niesplacone-btn,
#block-page #zamowienia table tr th button {
    border: 0;
    background: transparent url('/images/layout/kosz.png') no-repeat center center;
    padding: 0;
    width: 16px;
    height: 29px;
    display: block;
}

.usun-niesplacone-btn:hover,
#block-page #zamowienia table tr th button:hover {
    background: transparent url('/images/layout/kosz_black.png') no-repeat center center;
}

#block-page #zamowienia table > tbody > tr > td {
    border-top: 1px dotted #999999;
    padding: 20px 16px;
    vertical-align: middle;
    font-family: 'flamamedium', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

@media (min-width: 992px) {

}

#block-page #zamowienia table tr td button.szczegoly {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0 0 0 3px;
}

#block-page #zamowienia table tr td img.usun {
    cursor: pointer;
}

#block-page #zamowienia > table tr td > span {
    font-family: 'flamamedium', sans-serif;
    font-size: 16px;
    color: #c20024;
    text-align: left;
    text-transform: uppercase;
}

#block-page #zamowienia table tr .ilosc {
    text-align: center;
}

#block-page #zamowienia table tr td.szczegoly {
    /*border-top: 3px solid black;*/
    padding: 0;
}

#block-page #zamowienia table tr td.szczegoly div {
    font-size: 12px;
    /*text-align: right;*/
    margin: 2px 0;
}

#block-page #zamowienia table tr td.szczegoly div > span {
    font-family: 'flamamedium', sans-serif;
    /*font-size: 12px;*/
    color: #c20024;
    text-align: left;
    text-transform: uppercase;
}

#block-page #zamowienia table tr td.szczegoly div > span.title {
    float: left;
}

/*#block-page #zamowienia table tr td.szczegoly table {*/
/*    margin: 0 0 10px;*/
/*}*/

/*#block-page #zamowienia table tr td.szczegoly table tr th, */
/*#block-page #zamowienia table tr td.szczegoly table tr td {*/
/*    font-size: 12px;*/
/*    padding: 3px 4px;*/
/*}*/

/*#block-page #zamowienia table tr td.szczegoly table tr th {*/
/*    border-top: 1px dotted #999999;*/
/*    border-bottom: 1px dotted #999999;*/
/*}*/

#block-page #zamowienia table tr td.szczegoly table tr th {
    width: calc(100% / 3);
}

#block-page #zamowienia table tr td.szczegoly table tr td {
    border: 0;
}

#block-page #zamowienia table tr td.szczegoly .dodatkowe {
    float: right;
    width: 650px;
    text-align: left;
}

#block-page #zamowienia table tr td.szczegoly .dodatkowe div {
    border: 1px dotted #999999;
    padding: 5px;
    font-size: 12px;
    text-align: left;
}

#block-page #zamowienia table tr td.szczegoly .dodatkowe div + div {
    margin: 5px 0 0 0;
}

#block-page #zamowienia table tr td.szczegoly .dodatkowe div h4 {
    border-bottom: 1px dotted #999999;
    line-height: 24px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-size: 13px;
    text-align: left;
}

#block-page #zamowienia table tr td.szczegoly table.tab-szczegoly {
    border-bottom: 0 none;
}

#block-page #zamowienia table tr td.szczegoly table.tab-szczegoly tr > * {
    text-align: left !important;
}

#block-page #zamowienia table tr td.szczegoly table.tab-szczegoly tr > :last-child,
#block-page #zamowienia table tr td.szczegoly table.tab-szczegoly tr > :nth-last-child(2) {
    text-align: center !important;
}

#block-page #zamowienia table tr td.szczegoly table.tab-szczegoly tr > td {
    padding-left: 10px;
    font-weight: normal;
    text-transform: none;
    border-bottom: 1px dotted #999999;
}

#block-page #zamowienia table tr td.szczegoly table.tab-szczegoly tr:last-child > td {
    border-bottom: 0 none;
}

#block-page #zamowienia table#rezerwacje th {
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

#block-page #zamowienia table#rezerwacje tr > :last-child {
    padding-right: 0;
    padding-left: 0;
}

#block-page #zamowienia .sprawdz {
    color: white;
    background-color: black;
    padding: 2px 20px 3px 5px;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

#block-page #zamowienia .sprawdz:after {
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 4px;
    content: "<";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#block-page #zamowienia .sprawdz.pokaz:after {
    right: calc(4px + 0.3em);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

#block-page #zamowienia .data {
    text-align: center;
}

#block-page #zamowienia .czas {
    text-transform: none;
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px !important;
    min-width: 130px;
}

#block-page #zamowienia .czas > div {
    font-size: 16px !important;

}

#block-page #zamowienia .czas .grey {
    color: #7f7f7f;
}

#block-page #zamowienia .czas .green {
    color: #22b14c;
}

#block-page #zamowienia .pobierz {
    display: inline-block;
    background-color: #a8a8a8;
    color: white;
    font-weight: bold;
    width: 8.5em;
    padding: 4px 9px;
    border: 1px solid #eeeeee;
    text-align: center;
    cursor: not-allowed;
}

#block-page #zamowienia .pobierz:hover {
    text-decoration: none;
}

#block-page #zamowienia .pobierz[href] {
    background-color: #22b14c;
    cursor: pointer;
}

#block-page #zamowienia .pobierz[href]:hover {
    background-color: black;
}

#block-page #zamowienia td.szczegoly {
    display: none;
}

#block-page #zaplac #informacja {
    border: 1px dotted #999999;
    color: #ed1c24;
    padding: 5px 5px 5px 48px;
    background: url('/images/layout/uwaga.png') no-repeat 8px center;
}

#block-page div#block-logotypy-banki {
    padding: 10px 30px;
}

div.block-logotypy div#block-status {
    margin: 0 0 7px 0;
}

ul#slider-logotypy-banki {
    height: 50px;
    margin: 0;
}

ul#slider-logotypy-banki li {
    height: 50px;
    text-align: center;
}

div.logotyp-banku {
    width: 14%;
    display: inline-block;
    text-align: center;
}

#formularzZgod .buttons {
    margin-top: 30px;
    padding: 15px 0 25px 0;
    border-top: 2px solid Black;
}


#formularz.potwierdzenie .mceContentBody {
    border: 1px dotted #999999;
    padding: 20px 60px 20px 70px;
    background: url(/images/layout/uwaga.png) no-repeat 13px center;
}

#formularz.potwierdzenie hr {
    margin: 30px 0;

}

#formularz.potwierdzenie .form div,
#formularz.potwierdzenie .form form,
#formularz.potwierdzenie .form fieldset,
#formularz.potwierdzenie .form span {
    display: inline-block;
}

#formularz.potwierdzenie .form .txt {
    width: 25%;
    font-weight: bold;
    font-size: 20px;
}

#formularz.potwierdzenie input[type="text"] {
    border: 2px solid #eeeeee;
    font-size: 17px;
    width: 180px;
    line-height: 31px;
}

#formularz.potwierdzenie input[type="submit"] {
    background-color: #22b14c;
    font-size: 17px;
    width: 170px;
    line-height: 37px;
    color: white;
    text-transform: uppercase;
    border: 0 none;
}

#formularz.potwierdzenie input[type="submit"]:hover {
    background-color: black;
}

#formularz.potwierdzenie .buttons {
    position: relative;
    top: 26px;
    margin-top: -26px;
    margin-left: 105px;
}

#message-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.koszyk-uczestnicy-block {
    margin-top: -21px;
}

.koszyk-uczestnicy-block-items {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
}

.koszyk-uczestnik-row {
    padding: 5px;
    background-color: #f2f2f2;
    border: 1px solid lightgrey;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 220px;
}

.koszyk-uczestnik-row input,
.koszyk-uczestnik-row select {
    width: 208px;
    box-sizing: border-box;
    font-weight: normal;
}

#block-page .wkoszyku table tr.uczestnicy td {
    border-bottom: 0;
}

#block-page .wkoszyku table tr td .koszyk-uczestnicy-block {
    text-align: left;
}

.divFormKoszyk .koszyk-uczestnik-row .divField .divElement {
    float: none;
    font-size: initial;
    font-family: initial;
}

.divFormKoszyk .koszyk-uczestnik-row .divField {
    margin: 0;
}

.koszyk-uczestnik-col {
    margin-bottom: 7px;
}

#block-page .wkoszyku table .koszyk-uczestnik-row .divFieldInner {
    display: inline-block;
    width: 100%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.banner-oferta-grupy {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

.wydarzenie-img {
    background-color: #2a5591;
}

.wydarzenie-block {
    /*border-top: 1px solid #e1e6ea;*/
    column-gap: 5px;
    display: grid;
    grid-template-areas: "title description button";
    grid-template-columns: repeat(24, 1fr);
    padding-bottom: 10px;
    padding-top: 10px;
}

.wydarzenie-block + .wydarzenie-block {
    border-top: 1px solid #dddddd;

}

/*.wydarzenie-img-wrapper {*/
/*    grid-area: image;*/
/*    grid-column-start: 1;*/
/*    grid-column-end: 4;*/
/*    grid-row-start: 1;*/
/*    grid-row-end: 3;*/
/*    display: flex;*/
/*}*/

.wydarzenie-nazwa {
    grid-area: title;
    grid-column-start: 1;
    grid-column-end: 20;
    grid-row-start: 1;
    grid-row-end: 2;
    font-weight: bolder;
    text-transform: uppercase;
    display: flex;
    font-family: 'flamabold', sans-serif;
}

.wydarzenie-block.no-description .wydarzenie-nazwa {
    grid-row-start: 1;
    grid-row-end: 3;
    align-items: center;
}

.wydarzenie-opis {
    grid-area: description;
    grid-column-start: 1;
    grid-column-end: 20;
    grid-row-start: 2;
    grid-row-end: 3;
    font-size: 11px;
    display: flex;
}

.wydarzenie-block.no-description .wydarzenie-opis {
    display: none;
}

.wydarzenie-button-wrapper {
    grid-area: button;
    grid-column-start: 20;
    grid-column-end: 25;
    grid-row-start: 1;
    grid-row-end: 3;
    display: flex;
    align-items: center;
}

.wydarzenie-url {
    display: flex;
    width: calc(100% - 15px);
    justify-content: center;
    align-items: center;
    border: 1px solid #eeeeee;
    font-size: 20px;
    font-family: 'flamabold', sans-serif;
    height: 45px;
}

#block-page .frame a.wydarzenie-url {
    color: white;
}

.wydarzenie-url.red-btn {
    background-color: #d33e44;
}

.wydarzenie-url.blue-btn {
    background-color: #2a5591;
}

.wydarzenie-url.red-btn:hover,
.wydarzenie-url.blue-btn:hover {
    background-color: black;
    text-decoration: none;
}

.wydarzenie-img:hover {
    background-color: black;
}

.dodaj-bilety-btn {
    padding: 5px 10px;
    display: inline-block;
    border-color: black;
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
    color: white;
    background-color: black;
}

.dodaj-bilety-btn:hover {
    text-decoration: none;
    background-color: white;
    color: black;
}

.page-container {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .container {
        width: 900px;
        max-width: 900px;
    }
}

html {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

div#page {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

footer {
    margin-top: auto;
}


.btn-platnosci-blik,
.btn-platnosci-blik:hover {
    color: transparent;
    background-color: transparent;
    background-image: url('/images/layout/blik-logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 168px;
    height: 105px;
    border: 0;

}

.btn-platnosci-blik:hover {
    opacity: 0.8;
}

#partner-platnosci {
    margin-bottom: 7px;
}

#partner-platnosci-blik {
    display: flex;
    justify-content: center;
    padding: 10px 30px !important;
}

#partner-platnosci-blik img {
    width: 140px;
}

@media (max-width: 991px) {
    .header-main > span {
        display: block;
    }

    #block-page .wybierztyp .opis a.btn-wybierz {
        display: flex;
        width: unset;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        padding: 5px 7px;
        margin-left: 5px;
    }

    #block-page .wybierztyp .opis {
        padding-left: 94px;
    }

}

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

ul#slider-logotypy-banki-new li {
    display: flex;
    justify-content: center;
}

.radius-0 {
    border-radius: 0 !important;
}

select#temat::after,
select#temat,
select#temat option::after {
    box-sizing: content-box;
}

.miejsca-nfo,
.zegarek-godziny {
    display: inline-block;
}

@media (max-width: 991px) {
    #block-page div#kalendarz-wrapper #lista-godzin .termin,
    #block-page div#kalendarz-wrapper #lista-godzin .termin img.zegarek,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .godziny,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .tytul,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .czas,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .miejsca_label,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .miejsca,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk_label,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk select.select,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .temat,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .temat select.select,
    #block-page div#kalendarz-wrapper #lista-godzin .termin a {
        position: unset;
        height: unset;
        text-align: center;
    }

    #block-page div#kalendarz-wrapper #lista-godzin .termin {
        display: grid;
        row-gap: 10px;
    }

    #block-page div#kalendarz-wrapper #lista-godzin .termin .tytul {
        display: block;
        width: unset;
    }

    #block-page div#kalendarz-wrapper #lista-godzin .termin a {
        margin-left: auto;
        margin-right: auto;
    }

    #block-page div#kalendarz-wrapper #lista-godzin .termin img.zamkniecie {
        display: none;
    }

    #block-page div#kalendarz-wrapper #lista-godzin .termin .temat select.select,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk select.select {
        opacity: 1 !important;
    }

    #block-page #header a {
        border-left: 0;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #efefef;
    }

    #block-page #header a {
        border-top: 1px dotted lightgrey;
    }

    #block-page #header a:hover {
        text-decoration: none;
        background-color: #d6d6d6;
    }

    #block-page #header {
        padding-left: 5px;
    }

    #menuglowne {
        margin-top: 5px;
    }

    div#header #form_login {
        margin-top: 7px;
        margin-bottom: 7px;
        text-align: center;
    }


}

@media (max-width: 575px) {
    div#header #form_login {
        text-align: left;
    }
}

@media (max-width: 768px) {
    #block-page div#kalendarz-wrapper #termin #termin-data div#dzien {
        font-size: 16px;
        width: unset;
        padding-left: 5px;
        padding-right: 5px;
    }
}

#block-page .wkoszyku .kontrahent.inne_dane {
    flex-direction: unset;
}

#form_blokada #form_blokada-submit {
    margin-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sr-only {
    display: none;
}

.modal-header {
    border-bottom: 0;
}

.modal-footer {
    border-top: 0;
}

@media (max-width: 991px) {
    #block-page div#kalendarz-wrapper #lista-godzin .termin .temat span.select,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk span.select,
    #block-page div#kalendarz-wrapper #lista-godzin .termin span {
        position: unset;
        float: unset;
    }

    #block-page div#kalendarz-wrapper #lista-godzin .termin .temat span.select,
    #block-page div#kalendarz-wrapper #lista-godzin .termin .jezyk span.select {
        display: none;
    }

    #block-page .wkoszyku h3 {
        width: unset;
    }

    .our-responsive-table > thead {
        display: none;
    }

    .our-responsive-table > tbody > tr {
        display: flex;
        flex-direction: column;
        margin-top: 0.8rem;
    }

    .our-responsive-table > tbody > tr:nth-child(n + 2) {
        margin-top: 1rem;
    }

    .our-responsive-table > tbody > tr > td {
        align-items: center;
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
        display: flex;
    }

    .our-responsive-table > tbody > tr > td:first-child {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    }

    .our-responsive-table > tbody > tr > td:last-child {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    }

    .our-responsive-table > tbody > tr > td::before {
        display: flex;
        align-items: center;
        align-self: stretch;
        background-color: var(--bs-gray-100);
        content: attr(data-header-title);
        flex: 0 0 30%;
        font-weight: 600;
        letter-spacing: -1px;
        margin: -0.5rem 1rem -0.5rem -0.5rem;
        min-width: 100px;
        padding: 0.5rem;
        text-align: left;
        white-space: normal;
        text-transform: lowercase;
    }

    .our-responsive-table > tbody > tr.bilety-koszyk-uczestnicy-row:nth-child(n + 2) {
        margin-top: 0;
    }

    .our-responsive-table > tbody > tr.bilety-koszyk-uczestnicy-row:nth-child(n + 2) td {
        border-top-width: 0;
    }

    .our-responsive-table td.inactive {
        display: none;
    }

    #block-page div#cennik .divPozycjaCennika > .label div {
        font-size: 18px;
        font-family: 'flamabasic', sans-serif;
    }

    #block-page div#cennik .divPozycjaCennika > .ilosc > .input-ilosc {
        width: 60px;
        font-family: 'flamabold', sans-serif;
        text-align: center;
    }

    #block-page div#kalendarz-wrapper table#kalendarz td {
        width: calc(100% / 7);
        font-size: 25px;
    }

    #block-page div#kalendarz-wrapper table#kalendarz td a {
        font-size: 25px;
    }

    #block-page div#kalendarz-wrapper table#kalendarz {
        width: 100%;
    }

    #block-page #zamowienia table > tbody > tr > td {
        padding: 0.5rem
    }

    #block-page div#kalendarz-wrapper #termin #termin-data {
        width: 100%;
        display: flex;
        justify-content: space-around;
        margin-bottom: 15px;
    }

    #block-page div#kalendarz-wrapper #termin #termin-data div#miesiac {
        font-size: 16px;
        width: auto;
    }
}

@media (max-width: 500px) {
    #block-page div#kalendarz-wrapper #termin #termin-data {
        justify-content: space-between;
    }

    #block-page div#kalendarz-wrapper table#kalendarz td {
        font-size: 18px;
    }

    #block-page div#kalendarz-wrapper table#kalendarz td a {
        font-size: 18px;
    }
}

.zamowienia-szczegoly-table {
    margin-bottom: 0 !important;
}

.zamowienia-szczegoly-table tr th,
.zamowienia-szczegoly-table tr td {
    padding: 5px 10px !important;
}

.our-responsive-table > tbody > tr > td.szczegoly::before {
    content: unset !important;
    padding: 0 !important;
    margin: 0 !important;
}


#block-page .wkoszyku table tr td.cena,
#block-page .wkoszyku table tr td.wartosc {
    text-transform: lowercase;
}

a.btn:hover {
    text-decoration: none;
}

select.form-select,
input.form-control {
    border: 2px solid gray;
    /*font-size: 17px;*/
    border-radius: 0;
}

/*@media (min-width: 992px) {*/
/*    form#dane_do_faktur .js-radio-item {*/
/*        margin-left: 20px;*/
/*    }*/

/*}*/

#basket-bar {
    display: flex;
    /*flex-direction: column;*/
    width: 100%;
    flex-wrap: wrap;
    padding: 10px 6px;
    gap: 10px;
}

#basket-bar:hover {
    text-decoration: none;
}

#basket-bar #odliczanie,
#basket-bar .basket-bar-liczba,
#basket-bar .basket-bar-wartosc {
    display: flex;
    align-items: center;
}

#basket-bar .basket-bar-wartosc #koszyk-wartosc,
#basket-bar .basket-bar-liczba #koszyk-bilety-ilosc {
    color: #d33e44;
}

#basket-bar #odliczanie,
#basket-bar .basket-bar-liczba .koszyk-label,
#basket-bar .basket-bar-wartosc .koszyk-label {
    font-family: 'flamabold', sans-serif;
}

#basket-bar .basket-bar-wartosc #ico-koszyk img,
#basket-bar #odliczanie img,
#basket-bar .basket-bar-liczba #ico-bilety {
    margin-right: 10px;
}

#basket-bar #odliczanie #zegar {
    background-color: #d33e44;
    color: white;
    width: 40px;
    display: inline-block;
    text-align: center;
}

@media (min-width: 992px) {
    #basket-bar .basket-bar-wartosc {
        padding-right: 10px;
    }
}

@media (max-width: 991px) {
    .basket-bar-icon-wrapper {
        display: inline-block;
        width: 50px;
        text-align: center;
    }

    #block-page div#kalendarz-wrapper #lista-godzin .termin.zajety .tytul {
        width: unset;
    }

    #form_koszyk_submit_koszyk,
    #form_koszyk_btn_dodaj,
    #form_koszyk_btn_wyczysc {
        display: none;
    }

    #block-page .wkoszyku #wkoszyku-suma,
    #block-page .wkoszyku #wkoszyku-suma span {
        font-size: 18px;
    }

    #block-page .wkoszyku h2 {
        font-size: 18px;
    }
}


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none;
}

.spinner {
    width: 100px;
    height: 100px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid black;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#form_koszyk_kraj {
    max-width: 200px;
}

label[for="form_koszyk_faktura"] {
    font-family: 'flamabold', sans-serif;
}

.faktura-blok-naglowek {
    font-size: larger;
    font-family: 'flamabold', sans-serif;
    padding: 10px;
}

label[for="form_koszyk_faktura_kontrahent_rodzaj"],
label[for="form_koszyk_faktura_odbiorca_rodzaj"] {
    display: inline-block;
    padding-bottom: 10px;
}

#wkoszyku-dodatkowe input.form-control,
#wkoszyku-dodatkowe select.form-select {
    font-family: 'flamamedium', sans-serif;
    font-size: 17px;
}

#divLabel_form_change_password_new_password2,
#divLabel_form_change_password_new_password,
#divLabel_form_change_password_old_password {
    width: 200px;
}

#logowanie {
    display: grid;
    grid-template-areas: 'logowanie-form'
                        'logowanie-rejestracja-btns'
                        'logowanie-fb'
                        'logowanie-bez';
    gap: 10px;
}

#logowanie-form {
    grid-area: logowanie-form;

}

#logowanie-rejestracja-btns {
    grid-area: logowanie-rejestracja-btns;
}


#logowanie-fb {
    grid-area: logowanie-fb;
}

#logowanie-bez {
    grid-area: logowanie-bez;
}

#divLabel_form_login_zapamietaj_mnie {
    display: none;
}

#divElement_form_login_zapamietaj_mnie {
    display: flex;
    justify-content: center;
}

.divForm .divField .divElement#divElement_form_login_zapamietaj_mnie {
    float: unset;
}

#form_login_buttons {
    margin-top: 0;
}

.nie-pamietam-hasla-btn {
    margin-top: 20px;
}

body[data-pagename="rezerwacja_uzytkownik_edycja"] #form_uzytkownik_submit,
body[data-pagename="rezerwacja_uzytkownik_rejestracja"] #form_uzytkownik_submit,
body[data-pagename="rezerwacja_koszyk_rezerwujacy"] #form_uzytkownik_submit {
    margin-left: auto;
}

@media (max-width: 991px) {
    body[data-pagename="rezerwacja_uzytkownik_moje-konto"] #form_uzytkownik_buttons {
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    #form_uzytkownik_btn_edit_nowe_dane_faktura,
    #form_uzytkownik_btn_edit,
    #form_uzytkownik_btn_dalej {
        width: 250px;
        margin-left: 0;
    }

    .divFormRejestracja .divField .divLabel .divName {
        text-align: left;
    }

    .divForm .divField .divLabel#divLabel_form_login_login .divName,
    .divForm .divField .divLabel#divLabel_form_login_haslo .divName {
        text-align: left;
    }

    #divLabel_form_login_haslo,
    #divLabel_form_login_login {
        float: unset;
        width: 100%;
        text-align: left;
    }

    .divForm .divField .divElement input#form_login_login,
    .divForm .divField .divElement input#form_login_haslo {
        width: 100%;
    }

    .divForm .divField .divElement#divElement_form_login_login,
    .divForm .divField .divElement#divElement_form_login_haslo {
        float: unset;
    }

    .divFormRejestracja .divField .divFullDesc .divFullDescRight {
        width: unset;
        text-align: left;
    }

    .divFormRejestracja .divField .divError {
        padding-left: 0;
    }

    .divFormRejestracja .divField .divLabel {
        float: unset;
        width: 100%;
    }

    .navbar-nav #form_login label {
        width: 60px;
    }
}

@media (min-width: 992px) {
    #logowanie {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: 'logowanie-form logowanie-rejestracja-btns'
                        'logowanie-form logowanie-fb'
                        'logowanie-form logowanie-bez';

    }

    #logowanie-form {
        border-right: 1px solid #999999;
    }
}

#divField_form_koszyk_rodzaj_dokumentu label {
    font-size: 20px;
}

.vies-status-icon-koszyk {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#kod-submit {
    background: black;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: transparent;
}

#divElement_form_koszyk_rodzaj_dokumentu {
    display: flex;
}

label[for="form_koszyk_rodzaj_dokumentu_1"],
label[for="form_koszyk_rodzaj_dokumentu_2"] {
    display: block;
    border: 2px solid black;
    padding: 5px 10px;
    margin-right: 10px;
}

label[for="form_koszyk_rodzaj_dokumentu_1"]:hover,
label[for="form_koszyk_rodzaj_dokumentu_2"]:hover {
    cursor: pointer;
}

input[type="radio"]:checked + label[for="form_koszyk_rodzaj_dokumentu_1"],
input[type="radio"]:checked + label[for="form_koszyk_rodzaj_dokumentu_2"] {
    background-color: #98d04e;
}

#form_koszyk_rodzaj_dokumentu_1,
#form_koszyk_rodzaj_dokumentu_2 {
    visibility: hidden;
    width: 1px;
}

/* Ukrycie natywnego checkboxa */
.custom-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
}

/* Stylizowana etykieta checkboxa */
.custom-checkbox label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

/* Kwadrat */
.custom-checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 2px solid #808080;
    border-radius: 2px;
    background-color: white;
}

.custom-checkbox .divError label::before {
    content: unset;
}

/* "Fajka" po zaznaczeniu */
.custom-checkbox input[type="checkbox"]:checked + label::after {
    content: "✓";
    position: absolute;
    left: 3px;
    top: -5px;
    font-size: 20px;
    color: red;
    font-weight: bold;
}

.wkoszyku #kod {
    border: 2px solid gray;
    border-right: 0;
}

body[data-pagename="rezerwacja_uzytkownik_dane-do-faktur-edytuj"] #dane_do_faktur-identyfikatorPodatkowyTyp,
body[data-pagename="rezerwacja_uzytkownik_dane-do-faktur-edytuj"] #dane_do_faktur-identyfikatorPodatkowyKrajUe {
    pointer-events: none;
    opacity: 0.8;
}

.country-symbol-idt,
.country-symbol-idt-nabywca,
.country-symbol-idt-odbiorca {
    border: 2px solid gray;
    border-right: 0;
}

body[data-pagename="rezerwacja_uzytkownik_zmiana_hasla"] .divForm .divField .divElement input {
    width: 100%;
}

body[data-pagename="rezerwacja_uzytkownik_zmiana_hasla"] .divForm .divField .divLabel .divName {
    text-align: left;
}

.btn-platnosci-bank-karta {
    width: 181px;
    height: 141px;
    background-image: url("/images/layout/karta-i-bank.png") !important;
    background-repeat: no-repeat;
    font-size: 0 !important;
    background-color: transparent !important;
    border: 0;
}

.platnosci-box {
    display: flex;
    flex-direction: column;
    /*background-color: #ededed;*/
    height: 165px;
    /*padding: 15px;*/
}

.platniosci-opts {
    display: flex;
    justify-content: center;
}

.platnosci-box + .platnosci-box {
    margin-left: 30px;
}

.payment-form {
    height: 150px;
    width: 250px;
    border: 1px solid #999999;
    margin: 0 0 10px 0;
    background: url('/images/layout/tla/wybor_out.png');
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment-form:hover {
    background: url('/images/layout/tla/wybor_over.png');
}

@media (max-width: 768px) {
    .payment-form {
        height: 75px;
        width: 150px;
    }

    .platnosci-box {
        max-width: 150px;
        height: 130px;
    }

    .btn-platnosci-blik,
    .btn-platnosci-blik:hover,
    .btn-platnosci-bank-karta,
    .btn-platnosci-bank-karta:hover {
        background-size: 75% 75%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .btn-platnosci-blik,
    .btn-platnosci-blik:hover {
        background-size: 65% 55%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .platnosci-box + .platnosci-box {
        margin-left: 7px;
    }

    .platniosci-opts {
        flex-wrap: wrap;
    }
}

.df-block-nazwa {
    margin-bottom: 5px;
    font-family: 'flamabold', sans-serif;
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: none;
}
.form-select.is-valid, .was-validated .form-select:valid {
    border-color: revert;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: revert;
    background-image: none;
    background-repeat: no-repeat;
}