/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #000; font-family: Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em;}
a, span {font-size: 1em;}
span {color: inherit;}
img {border: none;}
strong {color: inherit; font-size: 1em;}

/* Layout
------------------------------------------- */
html {background: #9d9ea0 url(../images/back.jpg) center top repeat-x;}
	body {height: 100%; padding-bottom: 50px;}
		a, a:visited { color: #5297ff; text-decoration: underline; }
		a:hover {color: #aad404;}
		h1 {margin-bottom: 15px; color: #00519e; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.4em;}
		h2 {margin: 20px 0 20px 0; color: #92b703; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.4em;}
		h3 {margin: 20px 0 20px 0; color: #444; font-size: 1.2em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
		p, h4, h5, h6, ul, ol {margin: 15px 0 15px 0;}
		p {line-height: 1.5em; text-align: justify;}
		sup {font-size: 0.7em;}
		object {border: 5px solid #aad404;}
		ol, ul {margin: 1em 0 1em 0;}
			ol li {margin: 5px 0 5px 20px;}
			ul li {list-style-image: url(../images/bullet.jpg); margin: 5px 0 5px 20px;}

		fieldset {border: none;}
		legend {display: none;}
		label {display: block; margin: 10px 0 3px 0;}
		input, select, textarea {width: 294px; padding: 2px; border: 1px solid #b3b3b3; background: #eee;}
		input:hover, select:hover, textarea:hover {border: 1px solid #aad404;}
		input:focus, select:focus, textarea:focus {border: 1px solid #aad404; background: #fff;}
		input.chk {border: none; background: none;}
		textarea {height: 100px;}
		button {padding:0 20px 0 0;  border:0; background: url(../images/button-part2-off.jpg) right no-repeat; font-weight: bold; text-align:center; cursor:pointer; }
  	button span {display: block; position:relative; height: 33px;  padding:0 0 0 20px; background:url(../images/button-part1-off.jpg) left no-repeat; color: #fff; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 33px; white-space:nowrap; }
  	button:hover, button:focus {background: url(../images/button-part2-on.jpg) right no-repeat;}
  	button:hover span, button:focus span {background: url(../images/button-part1-on.jpg) left no-repeat;}

		table {width: 100%; margin: 15px 0 15px 0; border: none; border-collapse: collapse; border-bottom: 2px solid #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
			th {padding: 3px; border: none; border-bottom: 2px solid #000; color: #444; font-weight: bold; text-align: center;}
			td {padding: 3px 5px 3px 5px; border: 1px solid #b3b3b3; font-family: Verdana, sans-serif; font-size: 0.85em;}
			tr.gray td {background: #eee;}

		#header-photo {position: relative; top: 35px; z-index: 0; overflow: hidden; width: 898px; height: 293px; margin: 0 auto; border: 1px solid #333;}
			#header-photo img {position: absolute; left: 0; top: 0; z-index: 1;}
			#header-photo a {display: block; position: absolute; left: 0; top: 0; z-index: 50; overflow: hidden; width: 20px; height: 180px;  text-indent: -10001px;}
		#root {position: absolute; top: 0; left: 50%; z-index: 1; width: 910px; margin-left: -455px; padding-bottom: 30px; }
			#sidebar {position: absolute; top: 0; left: 20px; z-index: 3; width: 241px;}
				#logo {display: block; overflow: hidden; height: 165px; margin-bottom: 130px; background: transparent url(../images/logo.png) center top no-repeat; text-indent: -1000px;}
				ul#mainmenu {margin: 0; padding: 20px 20px 0 20px; background: transparent url(../images/menu-back.png) center top no-repeat;}
					ul#mainmenu li {list-style: none; margin: 0; padding: 0;}
						ul#mainmenu li a, ul#mainmenu li a:visited {display: block; height: 22px; padding: 0 8px 0 8px; border-bottom: 1px solid #b3b3b3; background: url(../images/mainmenu-link-back.jpg) left top no-repeat; color: #000; line-height: 22px; text-decoration: none;}
						ul#mainmenu li a:hover {background-position: left bottom; color: #fff; font-weight: bold;}
			#header {overflow: hidden; height: 42px; margin-bottom: 275px; background: transparent url(../images/top.png) center top no-repeat;}
				#header p {position: absolute; right: 5px; width: 180px; margin: 0; padding: 0;}
				#cargo-link {display: block; overflow: hidden; width: 180px; height: 35px; text-indent: -1000px;}
				ul#lang {position: absolute; left: 255px; margin: 0 5px 0 0; padding: 0; height: 35px;}
					ul#lang li {float: left; list-style: none; margin: 0; padding: 0;}
						ul#lang li a, ul#lang li a:visited {display: block; overflow: hidden; width: 51px; height: 35px; background: url(../images/icons/lang.jpg) left top no-repeat; text-indent: -300px;}
						ul#lang li a#lang-en, ul#lang li a#lang-en:visited {background-position: 0 0;}
						ul#lang li a#lang-en:hover {background-position: 0 -35px;}
						ul#lang li a#lang-de, ul#lang li a#lang-de:visited {background-position: -51px 0;}
						ul#lang li a#lang-de:hover {background-position: -51px -35px;}
						ul#lang li a#lang-pl, ul#lang li a#lang-pl:visited {background-position: -102px 0;}
						ul#lang li a#lang-pl:hover {background-position: -102px -35px;}
						ul#lang li a#lang-en.chosen, ul#lang li a#lang-en.chosen:visited {background-position: 0 -35px;}
						ul#lang li a#lang-de.chosen, ul#lang li a#lang-de.chosen:visited {background-position: -51px -35px;}
						ul#lang li a#lang-pl.chosen, ul#lang li a#lang-pl.chosen:visited {background-position: -102px -35px;}
			#content {padding-top: 24px; background: transparent url(../images/content-top.png) center top no-repeat;}
			  #main {overflow: hidden; padding: 0 25px 20px 275px; min-height: 550px; background: transparent url(../images/content-back.png) center top repeat-y;}
			  	#breadcrumb {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #b3b3b3; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-transform: uppercase;}
			#footer {overflow: hidden; padding: 10px 25px 0 20px; height: 126px; background: transparent url(../images/footer.png) center top no-repeat;}
				#footer * {color: #fff; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
				#footer h2 {margin: 5px 0 10px 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;}
				#footer p {margin: 10px 0 0 0; font-size: 0.9em;}
					#address {float: left; margin-right: 66px;}
					#cargo {float: left; margin-right: 55px;}
					#visiting {float: left;}
			#credits {margin: 0; padding: 0; color: #777; font-size: 0.8em; line-height: 1.3em; text-align: right;}
				#credits a, #credits a:visited {color: #777;}


/* Repetitive elements
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.lcol {float: left; width: 295px;}
.rcol {float: right; width: 295px;}
.rcol.news {width: 275px; padding-left: 20px; border-left: 1px solid #ccc;}
.error {padding: 5px 10px 5px 10px; border: 1px solid #a00; background: #fcc; color: #a00; font-weight: bold;}
.ok {padding: 5px 10px 5px 10px; border: 1px solid #0a0; background: #cfc; color: #0a0; font-weight: bold;}
.mid {text-align: center;}
p.submit {margin: 5px; text-align: center;}
p.pagination {float: right; margin: 5px 0 0 0; border-bottom: none; color: #888; font-size: 0.9em;}
p.video {text-align: center;}
p.back {float: left; margin: 5px 0 0 0;}
p.back a, p.back a:visited {padding-left: 16px; background: url(../images/icons/back.jpg) left center no-repeat; }

a.rss-link, a.rss-link:visited {padding-left: 20px; border-bottom: none; background: url(../images/icons/feed.png) left center no-repeat; color: #f60; text-decoration: none;}
a.rss-link:hover {border-bottom: none; color: #000; text-decoration: none;}
h1 .rss-link {font-size: 0.8em; font-weight: bold;}
a.show-movie, a.show-movie:visited {padding-left: 20px; background: url(../images/icons/monitor.png) left center no-repeat; color: #5297ff; font-weight: bold; text-decoration: none;}
a.show-movie:hover {color: #444;}
a.rlink {float: right;}

h1 a {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

img.r {float: right; clear: right; margin: 10px 0 10px 10px; padding: 3px; border: 1px solid #b3b3b3;}
img.l {float: left; clear: left; margin: 10px 10px 10px 0; padding: 3px; border: 1px solid #b3b3b3;}
/* news */
.short-news {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #b3b3b3;}
	.short-news p {margin: 10px 0 10px 0;}
	h1.news-title {margin-bottom: 5px;}
		h1.news-title a, h1.news-title  a:visited {color: #00519e; text-decoration: none;}
		h1.news-title a:hover {color: #92b703; text-decoration: none;}
	h2.news-title {margin-bottom: 5px; font-size: 1.2em; font-weight: bold; line-height: 1em;}
		h2.news-title a, h2.news-title a:visited {border-bottom: none; color: #92b703; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none;}
		h2.news-title a:hover {border-bottom: none; color: #00519e;}
	p.news-date {margin: 0 0 10px 0; padding-left: 20px; background: url(../images/icons/calendar.png) left center no-repeat; color: #888; font-size: 0.9em; line-height: 16px;}
	p.news-body {margin: 10px 0 10px 0;}
	.rcol p.news-body {font-size: 0.85em;}
	.rcol p.news-title {font-size: 1em;}
	.rcol p.news-date {font-size: 0.85em; line-height: 16px;}
		a.news-more, a.news-more:visited {margin-left: 5px; padding-left: 20px; background: url(../images/icons/newspaper.png) left center no-repeat; font-size: 0.85em; font-family: Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em;}
		a.news-more:hover {color: #000; text-decoration: none;}
	.news-pic {float: left; margin: 5px 10px 10px 0; padding: 3px; border: 1px solid #b3b3b3;}
	a:visited .news-pic {border: 1px solid #000;}
	a.gallery-link, a.download-file {color: #5297ff; font-weight: bold; text-decoration: none;}
	a.gallery-link:hover, a.download-file:hover {color: #444;}
	p.gallery-info {margin: 0; font-size: 0.85em;}

	.photo-thumbnail {overflow: hidden; float: left; width: 150px; height: 150px; margin: 15px; padding: 10px; border: 1px solid #b1c6dc; background: #e6edf5 url(../images/th-back.jpg) left bottom repeat-x; text-align: center;}
		.photo-thumbnail a img,.photo-thumbnail a:visited img {border: 2px solid #00519e;}
		.photo-thumbnail a:hover img {border: 2px solid #ccdceb;}
		.photo-time {margin: 5px 0 5px 0; color: #666; font-size: 0.85em; line-height: 1.3em; text-align: center;}
		.photo-descr {margin: 5px 0 5px 0; font-size: 0.85em; line-height: 1.3em; text-align: center;}


	a.home-pic img, a.home-pic:visited img {margin: 10px; padding: 2px; border: 1px solid #00519e; background: #fff; vertical-align: middle;}
	a.home-pic:hover img {border: 1px solid #000; background: #aad404;}
	a.download-file, a.download-file:visited {padding-left: 20px; background-position: left center; background-repeat: no-repeat; line-height: 16px;}
	a.pdf {background-image: url(../images/icons/file_types/pdf.gif);}
	a.doc {background-image: url(../images/icons/file_types/doc.gif);}
	a.xls {background-image: url(../images/icons/file_types/xls.gif);}
	a.ppt {background-image: url(../images/icons/file_types/ppt.gif);}
	a.swf {background-image: url(../images/icons/file_types/swf.gif);}
	a.zip {background-image: url(../images/icons/file_types/zip.gif);}
	a.mp3 {background-image: url(../images/icons/file_types/mp3.gif);}
	a.mov {background-image: url(../images/icons/file_types/mov.gif);}

.ilustr-l {float: left; margin: 10px 10px 10px 0; padding: 5px; border: 1px solid #999; text-align: center;}
.ilustr-r {float: right; margin: 10px 0 10px 10px; padding: 5px; border: 1px solid #999; text-align: center;}
.ilustr-l p, .ilustr-r p, .ilustr-descr {margin: 5px 0 0 0; color: #666; font-size: 0.8em; text-align: center;}

.kalendarze {float: left; margin: 0 25px 20px 25px;}
	table.kalendarz {width: 148px; margin: 10px 0 0 0;}
		table.kalendarz th {width: 20px; padding: 0; font-size: 0.8em; font-weight: normal; text-align: center;}
		table.kalendarz td {width: 20px; height: 20px; padding: 0; line-height: 20px; text-align: center; vertical-align: middle;}
		table.kalendarz td.niedziela {background: #e2eff8;}
			table.kalendarz td a, table.kalendarz td a:visited {display: block; width: 20px; height: 20px; background: #00519e; color: #fff; font-weight: bold;  line-height: 20px; text-align: center; text-decoration: none;}
			table.kalendarz td a:hover {background: #aad404; color: #000;}
	.kalendarze h3 {margin: 0 0 10px 0;}

.impreza {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #b3b3b3;}
.event-name {margin-bottom: 5px;}
.event-descr {margin-top: 5px; padding: 0;}

#form-noclegi label {float: left; clear: left; width: 230px; margin: 5px 0 5px 0;}
#form-noclegi input, #form-noclegi select, #form-noclegi textarea {width: 280px; margin: 5px; }
#form-noclegi input.chk {width: 16px; height: 16px;}
label .hint {color: #666; font-size: 0.8em;}

.req-expl {font-size: 0.9em;}
.req {color: #00519e;}
.hint {color: #777; font-size: 0.9em;}

/* Unique elements
------------------------------------------- */
#map {height: 300px; border: 1px solid #b3b3b3;}
#outcome-data {display: none;}
#latest-photos {text-align: center;}
#welcome {margin-bottom: 1em; padding-bottom: 1em;  border-bottom: 1px dashed #b3b3b3;}
#banner {clear: both; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #b3b3b3;}