html {background: url('../img/tlo.jpg')}
body {font: 16px Arial, Helvetica, sans-serif;}

.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 {}
.row {text-align: justify;}

.left {float: left}
.right {float: right;}
.center {text-align: center}
.fakelink {cursor: pointer}

.logo {}

.menu {background: url(../img/menuTlo.jpg); font-size: 21px;}/*TODO dorobić cienie*/
.drop {}

.menu-link {}
.menu-link a, .menu-link .fakelink, .sub-menu-link, .sub-menu-link a {display: block; padding: 5px}
.menu-link a:hover, .sub-menu-link a:hover {text-decoration: underline}

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

.przyklejone {position: fixed; right: 0; top: 0; z-index: 9000; background: url(../img/przyklejoneTlo.jpg); max-width: 200px}

.chm-slider .chm-nav {position: absolute; bottom: 0; width: 100%; text-align: center}
.chm-slider .chm-nav span {margin: 5px; padding: 0 5px; color: #FCFC4E; background: #FCFC4E}
.chm-slider .chm-nav .chm-nav-aktywny {background: #fca400; color: #fca400}

.main {background: url(../img/mainTlo.jpg)}

.news, .galeria, .wpis {background: url(../img/newsTlo.jpg)}
.news a, .galeria a {text-decoration: none; color:#fff; padding: 5px; display: block; background: url(../img/przyklejoneTlo.jpg); }
.news a:hover, .galeria a:hover {text-decoration: none; color: #000; background: url(../img/menuTlo.jpg); -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000;}

.galeria {}
.galeria p {text-align: justify}
.galeria img {}

.wpis {margin-left: 5px; margin-bottom: 5px;}
.wpis .info {font-weight: bold}
.sixrow {height: 100px}

input, textarea, select {border: 0; padding: 5px; margin-bottom: 5px; background: url(../img/newsTlo.jpg); font-family: Arial, Helvetica, sans-serif}
input[type=submit], input[type=reset] { text-align: left; background: url(../img/przyklejoneTlo.jpg); color: #fff; border: 0; margin-bottom: 10px; margin-top: 10px; cursor: pointer}
input[type=submit]:hover, input[type=reset]:hover {background: url(../img/menuTlo.jpg); color: #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000;}

.success, .error {margin-top: 5px; margin-bottom: 5px; padding: 10px 0  10px 50px; background-repeat: no-repeat; background-position: 15px 10px; color: #787878}
.success a, .error a {color: #000}
.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 {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; text-align: justify; -moz-column-rule: solid 1px #000; -webkit-column-rule: solid 1px #000; column-rule: solid 1px #000;}

.nawigacja {clear: both; text-align: center;}
.nawigacja a {padding: 0 4px 0 4px;	background: #FCFC4E; margin: 1px; text-decoration: none; color: #000}
.nawigacja .tu {background: #fca400}

h1, h2, h3, h4, h5, h6 {color: #400A00; padding: 15px 5px 5px 5px; text-shadow: 1px 1px #fff}
h1 {margin: 10px 0 10px 0;}
p {margin: 5px; line-height: 30px}
a {text-decoration: none; color: #ff513b;}
a:hover {text-decoration: underline}
ul {list-style-type: square; margin: 5px 0 5px 20px; line-height: 30px}
li {}
footer {}

.red {background: red;}
.blue {background: blue}

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

iframe {border: 0; overflow: hidden}

#mapka div {}

.opcje-drukowania {border: solid 5px #000; border-top: 0; margin-bottom: 5px; overflow: auto; color: #000}
.opcje-drukowania p {float: left; margin: 0 2px 0 2px; padding: 0;}
.opcje-drukowania a {color: #000}
.opcje-drukowania input {background: #fff; color: #000}
#font-plus, #font-minus {width: 16px; height: 16px; margin: 0 2px 0 0; float: left}
#font-plus {background: url(/templ-strazPozarna/img/plus.png)}
#font-minus {background: url(/templ-strazPozarna/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}


@media only screen and (max-width: 1023px) {
	.kolumny {column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; text-align: justify}
}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {
	.kolumny {column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; text-align: justify}
	.chm-facebook, .logo, .share, .chm-slider {display: none}
}

@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}
}