@import url(http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
html {background: url('../img/body-bg-gray.jpg') repeat-x}
body {font: /*13px/21px*/ 16px/26px Arial, Helvetica, sans-serif;}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;}
::-webkit-scrollbar-track-piece {background: #999}
::-webkit-scrollbar-thumb:vertical {background: #666}

.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 {border-top: solid 5px #000; background: url('../img/body-bg.jpg') 50% repeat-y;}
.row {text-align: justify;}

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

.logo {background: url('../img/body-bg-green.jpg') repeat-x;}
.logo .b {margin-left: 50px; font-size: 80px; color: #fff; line-height: 100px}

/*.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 #000;}
.menu-link:hover {background: #61870A}
.menu-link a, .menu-link .fakelink {color: #fff; display: block; height: 80px; 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: url('../img/body-bg-gray.jpg'); color: #fff; position: absolute; z-index: 50;}
.sub-menu-link {margin-right: 0; border-bottom: solid 1px #000; height: auto}
.sub-menu-link:hover {background: #61870A;}
.sub-menu-link a {color: #242424; display: block; height: auto; 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}

.drop {background: url(../img/p.png) no-repeat 50% 99%}
.drop:hover {background: #61870A url(../img/p.png) no-repeat 50% 99%}

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

.news {}
.news:hover {background: url('../img/body-bg-gray.jpg') bottom repeat-x; color: #BBB;}
.news .tresc {height: 150px; overflow: auto}
.news a, .galeria a {text-decoration:  none; padding: 5px; display: block; font-family: Oswald; color: #000; background: #999}
.news a:hover, .galeria a:hover {text-decoration: none; background: #61870A; 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 #61870A; -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 #999; -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 #61870A;}

.wpis {margin-left: 5px; margin-bottom: 5px; background-color: #eee; color: #333}
.wpis .info {font-weight: bold}
.sixrow {height: 100px}
.twelverow {height: 200px}
.twentyfourrow {height: 400px}
.thirtysixrow {height: 600px}

input, textarea, select {color: #61870A; border: solid 1px #26310D; padding: 5px; margin-bottom: 5px; background: #26310D; font-family: Arial, Helvetica, sans-serif}
input[type=submit], input[type=reset] {background: #61870A; border: solid 1px #000; color: #fff; margin-bottom: 10px; margin-top: 10px;}

.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: #fff; margin: 1px; text-decoration: none; color: #000}
.nawigacja .tu {background: #61870A; color: #000}

h1, h2, h3, h4, h5, h6 {color: #fff; padding: 15px 5px 5px 5px; font-family: Oswald; font-weight: normal; text-shadow: 1px 1px #999; text-align: left}
h1 {margin: 10px 0 10px 0;}
p {margin: 5px; /*line-height: 20px*/}
a {text-decoration: none; color: #fff;}
a:hover {text-decoration: underline}
ul {list-style-type: square}
li {margin: 5px 0 5px 20px}
footer {}

.red {background: red;}
.blue {background: blue}
.green {background: url('../img/body-bg-green.jpg') bottom repeat-x; color: #7BA032; padding-bottom: 30px; }
/*.green {color: #000}*/
.gray {background: url('../img/body-bg-gray.jpg') bottom repeat-x; color: #BBB; }
/*.gray {color: #fff}*/

.reklama {text-align: right}
.reklama img, .reklama object {margin-top: 5px; border: solid 1px #3A73DE}

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

.wizytowka {margin-bottom: 5px}
.wizytowka .zawartosc {border: solid 1px; overflow: auto}
.wizytowka .zawartosc img {margin: 5px}

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(/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}

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

/* Mobile */
@media handheld, only screen and (max-width: 767px) {
	.menu-link-special .fakelink, .menu-link a, .menu-link .fakelink {color: #fff; display: block; height: auto; padding-top: 0; text-align: center; font: 18px Oswald; text-transform: uppercase;}
	.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}
}