@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
body {background: #e2e2e2; font: 16px/26px /*13px/21px*/ Arial, Helvetica, sans-serif; color: #787878; overflow-x: hidden}

.preloader {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000 url('../img/loader.gif') no-repeat 50% 50%; opacity: .8; z-index: 99}

.container {background: #fff; border-top: solid 5px #000; padding-bottom: 50px}
.row {}

.left {float: left}
.right {float: right}
.center {margin: 0 auto; float: none}
.fakelink {cursor: pointer}

/*bajery z orientacyjną listą i połączonymi flisakami*/
#numer {display: none}
.numer-podswietl {background-color: #EEC839; color: #000}
.nrform {}
.nrform p {margin: 0}
.nrform input  {margin: 0;}
.nrform input[type=submit], .nrform input[type=reset] {margin: 0;}
.chm-button {background: #EEC839; display: block}
.chm-button:hover {background: #3A73DE; text-decoration: none; color: #fff}
#numer2 {}
#numer3 {}
#numer4 {display: none}
.lodz {display: block; border: solid 1px; margin-bottom: 2px}
.numer-podswietl3 {background-color: #FF0000; color: #fff}
.numer-podswietl2 {background-color: #3A73DE; color: #fff}


.logo {}

.menu-switch {position: absolute; top: 0; right: 0; cursor: pointer; display: none}
.cale-menu {}

/*.menu-link-special, .menu-link {margin-right: 0; border-right: solid 1px #DDDDDD;}
.menu-link-special:hover, .menu-link:hover {background: #EEC839}
.menu-link-special .fakelink, .menu-link a, .menu-link .fakelink {color: #242424; display: block; height: 110px; padding-top: 50px; text-align: center; font: 24px Oswald; text-transform: uppercase;}
.menu-link-special .fakelink:hover, .menu-link a:hover {text-decoration: none}*/

.menu-link {margin-right: 0; border-right: solid 1px #DDDDDD;}
.menu-link:hover {background: #EEC839}
.menu-link a, .menu-link .fakelink {color: #242424; display: block; height: 110px; padding-top: 50px; text-align: center; font: 24px Oswald; text-transform: uppercase;}
.menu-link a:hover {text-decoration: none}

.menu-link-special .fakelink {color: #242424; display: block; height: auto; padding-top: 0; text-align: center; font: 18px Oswald; text-transform: uppercase;}

.sub-menu {background: #fff;}
.sub-menu-link {margin-right: 0; border-right: solid 1px #DDDDDD; border-top: solid 1px #DDDDDD}
.sub-menu-link:hover {background: #EEC839;}
.sub-menu-link a {color: #242424; display: block; text-align: center; font: 18px Oswald; text-transform: uppercase;}
.sub-menu-link a:hover {text-decoration: none}

.share {}
.share a {display: block; width: 100%; text-align: center}
.share img {vertical-align: middle}

.langsp, .menup {background: url(../img/p.png) no-repeat 50% 99%}
.langsp:hover, .menup:hover {background: #EEC839 url(../img/p.png) no-repeat 50% 99%}

.przyklejone {position: fixed; right: 0; top: 0; z-index: 9000; background: #fff; max-width: 150px;}
.przyklejone .menu-link a {height: auto; padding: 5px; background: #3A73DE}
.przyklejone .menu-link a:hover {background: #EEC839}

.news {}
.news .tresc {height: 150px; overflow: hidden}
.news a, .galeria a {text-decoration:  none; padding: 5px; font-family: Oswald; color: #242424}
.news a:hover, .galeria a:hover {text-decoration: none; background: #3A73DE; color: #fff}

.galeria {margin-top: 10px; text-align: center; padding-top: 5px}
.galeria h3 {text-align: left}
.galeria p {text-align: justify}
.galeria img {border: solid 5px #3A73DE; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000;}

.pojedyncza-galeria {}
.pojedyncza-galeria img {border: solid 2px #3A73DE; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 3px 3px 3px #000; -webkit-box-shadow: 3px 3px 3px #000; box-shadow: 3px 3px 3px #000;}
.pojedyncza-galeria img:hover {border: solid 2px #EEC839;}

.wpis {border: solid 1px #DDDDDD; margin-bottom: 5px}
.sixrow {height: 100px}

input, textarea, select {border: solid 1px #959595; padding: 5px; margin-bottom: 5px; background: #DDDDDD; font-family: Arial, Helvetica, sans-serif}
input[type=submit], input[type=reset] {background: #3A73DE; border: solid 1px #000; color: #fff; margin-bottom: 10px; margin-top: 10px; cursor: context-menu}

.success, .error {margin-top: 5px; margin-bottom: 5px; padding: 10px 0  10px 50px; background-repeat: no-repeat; background-position: 15px 10px}
.success {border: solid 1px #C6D881; background-color: #E6EFC2; background-image: url(../img/success.png)}
.error {border: solid 1px #FBC7C9; background-color: #FBE3E4; background-image: url(../img/error.png)}

.kolumny {-webkit-column-fill: auto ; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; text-align: justify; -moz-column-rule: solid 1px #DDDDDD; -webkit-column-rule: solid 1px #DDDDDD; column-rule: solid 1px #DDDDDD;}

.nawigacja {clear: both; text-align: center;}
.nawigacja a {padding: 0 4px 0 4px;	margin: 1px; text-decoration: none; border: solid 1px #DDDDDD;}
.nawigacja .tu {background: #EEC839}

h1, h2, h3, h4, h5, h6, .chm-marquee {color: #242424; padding: 15px 5px 5px 5px; font-family: Oswald; font-weight: normal; text-shadow: 1px 1px #999; line-height: 150%}
h1 {border-top: solid 1px #DDDDDD; margin: 10px 0 10px 0;}
p {margin: 5px; /*line-height: 20px;*/ break-inside: avoid-column; -webkit-column-break-inside: avoid;}
a {text-decoration: none; color: #242424;}
a:hover {text-decoration: underline}
ul {list-style-type: square}
li {margin: 5px 0 5px 20px}
footer {}

.redtext {color: red}

.red {background: red}
.green {background: green}
.blue {background: blue}

.reklama {text-align: right; z-index: 1000}
.reklama img, .reklama object {float: right; margin-top: 5px; border: solid 1px #3A73DE}
.reklama .noborder {border: none}

.facebook {z-index: 10}

.kalendarz-lista {}
.kalendarz-lista table {width: 100%; border-collapse: collapse; margin-top: 5px; margin-bottom: 5px}
.kalendarz-lista table .dzisiaj {background-color: #3A73DE; color: #fff}
.kalendarz-lista td, .kalendarz-lista th {border: solid 1px #787878; padding: 2px; vertical-align: top}

.zbieranieBiletow {border-collapse: collapse; }
.zbieranieBiletow td {border: solid 1px; padding: 5px}

iframe {border: 0;}

#mapka div {}

.klepsydra p, .zyczenia p {text-align: center; color: #000; font-size: 25px; line-height: 120%}
.klepsydra p .nazwisko {font-size: 50px; font-weight: bold; font-style: italic}
.klepsydra img.d {float: right; height: 200px}
.klepsydra img.m {height: 200px}

.opcje-drukowania {border: solid 5px #000; border-top: 0; margin-bottom: 5px; overflow: auto}
.opcje-drukowania p {float: left; margin: 0 2px 0 2px; padding: 0}
#font-plus, #font-minus {width: 16px; height: 16px; margin: 0 2px 0 0; float: left}
#font-plus {background: url(/templates/img/plus.png)}
#font-minus {background: url(/templates/img/minus.png)}
.do-druku {color: #000; width: 215mm}
.do-druku table {width: 100%; border-collapse: collapse; margin-top: 5px; margin-bottom: 5px}
.do-druku td, .do-druku th {border: solid 1px #000; padding: 2px; vertical-align: top}

.chm-slider .sliderBiletyOnline {position: relative; z-index: 999;}
.chm-slider .sliderBiletyOnline img {border: solid 5px #3A73DE;}
.chm-okno table {margin: 0 auto;}

.wideo {position: relative; padding-bottom: 65.25%; padding-top: 30px; height: 0; overflow: auto;  -webkit-overflow-scrolling:touch;} 
.wideo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (min-width: 1024px) {
    .klepsydra img.m {display: none}
    .klepsydra img.d {display: inline}
}

@media only screen and (max-width: 1023px) {
	.menu-link-special .fakelink, .menu-link a, .menu-link .fakelink {color: #242424; display: block; height: auto; padding-top: 0; text-align: center; font: 24px Oswald; text-transform: uppercase;}
	.kolumny {column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; text-align: justify}
        .klepsydra img.m {display: none}
        .klepsydra img.d {display: inline}
}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {
        body {font: 26px/36px Arial, Helvetica, sans-serif;}
	.menu-link-special .fakelink, .menu-link a, .menu-link .fakelink {color: #242424; display: block; height: auto; padding-top: 0; text-align: center; font: 24px Oswald; text-transform: uppercase;}
	.kolumny {column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;}
	.facebook, .reklama, .logo, .share, .chm-slider {display: none}
	.chm-marquee {display: none}
        footer {font: 12px/16px Arial, Helvetica, sans-serif;}
        p {font-size: 20px; line-height: 30px}
        h1, h2, h3, h4, h5, h6 {text-shadow: 0 0}
        h1 {font-size: 30px; line-height: 34px}
        .klepsydra-krzyz {display: none}
        .klepsydra-zamknij {font-size: 26px}
        .klepsydra {margin-top: 30px}
        .klepsydra img.m {display: inline}
        .klepsydra img.d {display: none}
        .menu-switch {display: inline}
        .cale-menu {display: none}
        table {overflow-x: auto; display: block;}
        table span {display: block; font-size: 16px; line-height: 20px; white-space: nowrap;}
}

@media print {
	footer {padding-left: 50px; border-top: solid 5px #000;}
	.opcje-drukowania {display: none}
	h1, h2, h3, h4, h5, h6 {text-shadow: 0 0}
	
}