html {
	margin: 0; padding: 0;
	font-family: Arial, Verdana sans-serif;
	font-size: 8pt; color: #556079;
}
body {
	margin: 0 auto;	padding: 0;
	background: url('top_bg.gif') top repeat-x #fff;
	behavior: url('public/style/csshover2.htc');
}
h1, h2, form, p, img, #menu, #top-bar, #foot ul, .sitebar-submenu ul {
	margin: 0; padding: 0;
	list-style: none; border: 0;
}
a {
	text-decoration: none;
	color: #F95901;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both; width: 100%;
	display: block;	height: 1px;
	font-size: 1px;
}
/* -- LAYOUT -- */
#site {
	width: 900px; margin: 0 auto;
}
#top {
	position: relative; height: 271px;
	background: url('top.jpg') no-repeat 0 65px;
}
h1 {
	position: absolute;
	top: 130px;	left: 45px;
	width: 250px; height: 50px;
}
h1 a {display: block; height: 60px;}

#top-description {
	position: absolute;
	top: 125px; left: 592px;
	width: 300px;
}
#top-langs {
	position: absolute;
	top: 235px; left: 20px;
	background: url('langs_bg.gif') no-repeat;
	width: 160px; margin: 0; padding: 0 0 0 105px;
	list-style: none;
}
#top-langs li {
	display: none;
	width: 160px; height: 22px;
	margin: 0; padding: 0;
}
#top-langs:hover li {
	display: block !important;
}
#top-langs li a {
	display: block;	height: 22px;
}
#top-langs-1st {
	display: block !important;
	width: 145px !important;
}
.top-langs-pl {background: url('langs_pl.gif') no-repeat;}
.top-langs-en {background: url('langs_en.gif') no-repeat;}
.top-langs-de {background: url('langs_de.gif') no-repeat;}

#top-bar {
	position: absolute;
	top: 235px; left: 600px;
}
#top-bar li {
	padding: 0; float: left;
	margin: 0 18px 0 0;	height: 20px;
}
#top-bar li a {display: block;	height: 20px;}
#top-bar-1 {background: url('txt/rss.gif') no-repeat;width: 50px;}
#top-bar-2 {background: url('txt/mapa_strony.gif') no-repeat;width: 83px;}
#top-bar-3 {background: url('txt/kontakt.gif') no-repeat;width: 63px;}

#menu {
	position: absolute;
	top: 35px; left: 20px;
	height: 13px; width: 880px;
}
#menu li {
	float: left; height: 13px;
}
#menu li a {
	display: block; float: left;
	height: 13px;
}
#menu a:hover {
	background: none;
	height: 14px; /* dlaczego w operze 9.5 normalne 13px nie działa? */
}
#menu-1 {background: url('menu/menu_1_hover.gif') no-repeat;}
#menu-1 a {background: url('menu/menu_1.gif') no-repeat;width: 37px;}
#menu-2 {background: url('menu/menu_2_hover.gif') no-repeat;}
#menu-2 a {background: url('menu/menu_2.gif') no-repeat;width: 132px;}
#menu-3 {background: url('menu/menu_3_hover.gif') no-repeat;}
#menu-3 a {background: url('menu/menu_3.gif') no-repeat;width: 176px;}
#menu-4 {background: url('menu/menu_4_hover.gif') no-repeat;}
#menu-4 a {background: url('menu/menu_4.gif') no-repeat;width: 72px;}
#menu-5 {background: url('menu/menu_5_hover.gif') no-repeat;}
#menu-5 a {background: url('menu/menu_5.gif') no-repeat;width: 144px;}
#menu-6 {background: url('menu/menu_6_hover.gif') no-repeat;}
#menu-6 a {background: url('menu/menu_6.gif') no-repeat;width: 89px;}
#menu-7 {background: url('menu/menu_7_hover.gif') no-repeat;}
#menu-7 a {background: url('menu/menu_7.gif') no-repeat;width: 79px;}
#menu-8 {background: url('menu/menu_8_hover.gif') no-repeat;}
#menu-8 a {background: url('menu/menu_8.gif') no-repeat;width: 84px;}
#menu-9 {background: url('menu/menu_9_hover.gif') no-repeat;}
#menu-9 a {background: url('menu/menu_9.gif') no-repeat;width: 61px;}
#menu-10 {background: url('menu/menu_10_hover.gif') no-repeat;}
#menu-10 a {background: url('menu/menu_10.gif') no-repeat;width: 148px;}

#body {
	overflow: hidden; height: 100%;
	margin: 1px 0 0 0;
	background: url('sitebar_bg.gif') repeat-y left;
}
#content {
	float: right; width: 540px;
	padding: 18px 0 20px 0;
}
#sitebar {
	float: left; width: 341px;
	padding: 0 0 25px 0;
}
#foot {
	height: 100px;
	background: url('foot_bg.gif') 23px 0 no-repeat;
	position: relative;
	clear: both;
}
#foot p {
	float: left;
	margin: 25px 0 0 20px;
	line-height: 2em;
}
#foot p img {
	margin: 0 0 -15px 0; padding: 0 0 0 5px;
	position: relative; z-index: 10;
}
#foot ul {
	float: right;
	margin: 40px 0 0 0;
}
#foot li {
	padding: 0; float: left;
}
#foot li {
	padding: 0; float: left;
	margin: 0 18px 0 0;	height: 20px;
}
#foot li a {display: block;	height: 20px;}
#foot-link-1 {background: url('txt/mapa_strony.gif') no-repeat;width: 83px;}
#foot-link-2 {background: url('txt/kontakt.gif') no-repeat;width: 63px;}
/* sitebar */
.sitebar-submenu h2, .sitebar-terminarz h2, .sitebar-poll h2 {
	margin-left: -21px; padding-left: 21px;
}
.sitebar-submenu {
	padding: 18px 21px 20px 20px;
	background: #F4F7FF;
}
.sitebar-submenu ul {
	overflow: hidden;
}
.sitebar-submenu li {
	border-bottom: solid 1px #DEE1EA;
	margin: 0 0 -1px 0; position: relative;
}
.sitebar-submenu li a {
	display: block; padding: 10px 0 7px 25px;
	background: url('sitebar_point.gif') no-repeat 10px 14px;
	color: #556079;	text-transform: uppercase;
	cursor: pointer;
}
.sitebar-submenu li a:hover {
	background-image: url('sitebar_point_hover.gif');
	color: #F95901;
	text-decoration: none;
}
.sitebar-terminarz, .sitebar-gallery, .sitebar-ibp, .sitebar-poll {
	padding: 18px 21px 0 20px;
	overflow: hidden; height: 100%;
}
.sitebar-wesprzyj {
	padding: 20px 0 20px 0;
	overflow: hidden; height: 100%; width: 340px;
}
.sitebar-terminarz {
	background: url('sitebar_block_bg.gif') no-repeat bottom right;
	min-height: 330px; clera: both;
}
.sitebar-terminarz-item {
	overflow: hidden; height: 100%; width: 286px;
	margin: 0 0 10px -21px;padding: 0 15px 10px 20px;
	border-bottom: solid 1px #dee1ea;
}
.sitebar-terminarz-item p {
	line-height: 1.5;
}
.sitebar-gallery {
	background: url('sitebar_gal_bg.gif') repeat-x top #293653;
}
.sitebar-gallery-items {
	overflow: hidden; height: 100%;
	margin: 0 -20px 0 0; width: 320px;
}
.sitebar-gallery-item {
	float: left; width: 135px;
	margin: 0 20px 20px 0;_margin: 0 10px 20px 0; 
	padding: 1px; 
	border: solid 1px #3e4c69;
	color: #bac4dd;
}
.sitebar-gallery-item p {
	padding: 3px 2px;
	font-size: 8pt;
}
.sitebar-ibp {
	background: url('sitebar_ibp_bg.gif') repeat-x top #54607B;
	border-bottom: solid 1px #38425B; padding-bottom: 10px; width: 300px;
}
.sitebar-ibp p {
	color: #fff;
	padding: 0 0 10px 0;
}
.ibp-error {
	font-size: 8pt; color: #f95901;
	padding: 3px 0 0 0;	clear: both;
	display: none;
}
#ibp-thanks {
	display: none; color: #f95901;
}
.sitebar-gallery form {
	border-bottom: solid 1px #4a5670;
	margin: 0 0 0 -21px; padding: 0 0 10px 21px;
	width: 299px;
}
#search_input {
	float: left; width: 180px;
	border: none; padding: 0;
}
#search_input input {float: left; width: 160px;}
#search_submit {float: left; width: 118px;}
#search_submit input {
	float: left; width: 118px;
	background: url('txt/search_submit.gif') no-repeat;
	padding-top: 25px; border: none;
	max-height: 30px; font-size: 0;
	cursor: pointer; color: #293653;
}
.sitebar-ibp .input {border: none; padding: 0 0 10px 0;}
.sitebar-ibp .input input {width: 290px;}
.sitebar-ibp .input textarea {width: 290px; height: 70px;}
#ibp-submit {padding: 10px 0 0 0; overflow: hidden; height: 20px;}
#ibp-submit input {
	float: right; width: 45px;
	background: url('txt/ibp_wyslij.gif') no-repeat;
	padding-top: 25px; border: none;
	max-height: 12px; font-size: 0;
	cursor: pointer;
}
#ibp-submit a {
	display: block; float: right;
	width: 83px; height: 11px;
	margin: 0 20px 0 0;
	background: url('txt/co_to_ibp.gif') no-repeat;
}
.sitebar-poll .checkbox {
	padding: 0 0 0 6px; margin: 0 0 0 20px !important;
	width: 250px; border-bottom: solid 1px #f4f7ff;
}
.sitebar-poll label {width: 250px !important;}
.sitebar-poll label span {display: block; float: left; padding: 4px 0 0 15px;}
.sitebar-poll input {padding: 0; margin: 0; float: left;}
.sitebar-poll h4 {padding: 8px 0 2px 0;}
#sitebar-poll-submit {padding: 20px 0 0 0; overflow: heidden; height: 20px;}
#sitebar-poll-submit input {
	float: left; width: 48px;
	background: url('txt/glosuj.gif') no-repeat;
	padding-top: 15px; border: none;
	max-height: 10px; font-size: 0;
	cursor: pointer; color: #fff;
}
#sitebar-poll-submit a {
	display: block; float: left;
	width: 81px; height: 10px;
	margin: 0 0 0 20px;
	background: url('txt/wyniki.gif') no-repeat;
}
/* -- PODSTRONY -- */
h2 {
	margin: 0 0 1em 0;; padding: 0 0 10pt 0;
	text-transform: uppercase;
	font-size: 10pt; font-weight: bold;
	border-bottom: solid 1px #dee1ea;
}
h3 {
	margin: 0; padding: 0 0 1em 0;
	font-size: 11pt; color: #f95901;
}
h4 {
	margin: 0; padding: 0 0 1em 0;
	font-size: 10pt; color: #f95901;
}
h5 {
	margin: 0; padding: 0 0 1em 0;
	font-size: 9pt;
}
#top p {
	margin: 0; padding: 0 0 1.5em 0;
	line-height: 1.5em;
}
#content p {
	text-align: justify;
	margin: 0; padding: 0 0 1em 0;
	line-height: 1.5em;
}
#content ul {
	margin: 0; padding: 0 0 1.5em 3em;
	line-height: 1.5em;
}
hr {
	border: none;
	border-top: solid 1px #c1c7d7;
	color: #FFF;
}
.content-block {
	overflow: hidden; height: 100%;
	padding: 0 20px 1.2em 0; margin: 0 0 1.2em 0;
	border-bottom: solid 1px #c1c7d7;
}
.content-item {
	overflow: hidden; height: 100%;
	padding: 0 20px 0.5em 0; margin: 0 -20px 1.2em 0;
	width: 520px;
	border-bottom: solid 1px #dee1ea;
}
.content-item-date {
	display: block; float: right;
	padding: 0 0 0 20px !important;
	color: #949baf;
}
.content-item .content-item-date {
	margin: -2px 0 0 0 !important;
}
.content-item-thumb {
	float: left;
}
.photo-line {clear:both;}
.photo {
	display: block; float: left;
	border: solid 1px #c1c7d7;
	padding: 3px 3px 1px 3px;
	margin: 0 20px 15px 0;
}
.photo:hover {
	background: #c1c7d7;
}
.news-image {
	margin: 0 0 1em 0;
}
#mm-home {
	position: relative; 
	overflow: hidden; height: 100%;
}
#mm-loading {
	display: none;
	position: absolute; z-index: 10;
	top: 0; left: 0;
	width: 100%; height: 100%;_height: 180px;
	background: url('lightbox/loading.gif') no-repeat center #fff;
	opacity: 0.9; filter: Alpha(Opacity=90, Style=0);
}
#mm-home-content {
	padding: 0 20px 0 0;
	overflow: hidden; height: 100%;
}
#mm-home-links {
	border-top: solid 1px #F4F7FF;
	padding: 10px 0 0 0; margin: 0 -20px 0 0;
	clear: both; height: 100%;
}
/* elementy stałe */
.bar {
	width: 400px; height: 14px;
	padding: 1px; border: solid 1px #556079;
}
.bar div {
	background: #556079;
	height: 14px;
}
.bar_container {
	clear: both; overflow: hidden; height: 100%;
	padding: 10px 0 0 0;
}
.bar_container h4 {
	padding: 0 0 5px 0;
	color: #666;
}
.bar_container .bar {
	float: left;
}
.bar_votes {
	float: left; padding: 5px 0 0 15px;
	font-weight: bold;
}
#sitebar .bar {
	width: 230px; height: 10px;
}
#sitebar .bar div {
	height: 10px;
}

.pager {
	clear: both; overflow: hidden; height: 100%;
	list-style: none;
	margin: 10px auto 0 auto !important;
	padding: 0 0 0 50px; width: 140px;
	text-align: center;
}
.pager li {
	margin: 0 !important; padding: 0 !important;
	display: block; float: left !important;
	background: #a1a7c7 !important; color: #FFF;
}
.pager li a, .pager li span {
	display: block; float: left;
	border: none; padding: 4px 5px;
	background: #a1a7c7; color: #FFF;
}
.pager li a:hover {
	border: none;
	background: #FFF; color: #a1a7c7;
	text-decoration: none;
}

.errors, .passed, .warning {
	border: solid 1px #f43636;
	background: url('admin/icons/dialog-error.gif') no-repeat 10px 5px #feebeb !important;
	list-style-type: square !important;
	padding: 7px 5px 7px 80px !important;
	margin: 0 30px 15px 30px !important;
	min-height: 45px; height: auto;_height: 45px;
	color: #000;
}
.errors li, .passed li {
	margin: 0 !important; padding: 3px 0 !important;
	background: none !important;
}
.passed {
	border: solid 1px #178e17;
	background: url('admin/icons/dialog-ok.gif') no-repeat 10px 5px #c2f6c2 !important;
}

/* formularze */
form {
	margin: 0; padding: 0;
	overflow: hidden; height: 100%;
	clear: both;
}
.input input, textarea, select {
	padding: 3px 5px;
	border: solid 1px #54607b; border-bottom: solid 1px #070b1b;
	background: url('input_bg.gif') repeat-x top #FFF;
	color: #949BAF;_color: #000;
	font-size: 8pt; font-family: Arial, Verdana sans-serif;
}
.input input:focus, textarea:focus, select:focus {
	color: #000;
	border-bottom: solid 1px #FF9000;
}
.input, .textarea, .checkbox {
	padding: 8px 20px 8px 0; clear: both;
	border-bottom: solid 1px #dee1ea;
	overflow: hidden;_overflow: visible;
	height: auto;_height: 10px;
}
.input label, .textarea label, .checkbox label {
	width: 150px;
	display: block; float: left;
	padding: 6px 0 5px 0;
}
.textarea label {
	width: 500px;
	float: none;
}
.input input, .input textarea {
	width: 350px;
	float: right;
}
.textarea textarea {
	width: 508px;
	height: 150px;
	clear: both;
	margin: 3px 0 0 0;
}
.checkbox input {
	padding: 3px;
}

.submit {
	padding: 3px 10px;
	clear: both; overflow: hidden;_overflow: visible;
	height: auto;_height: 10px;
}
.input .submit {
	padding: 5px 0px 0px;
}
.submit input {
	min-width: 80px !important;_width: 80px;
	width: auto; float: right;
	border: solid 1px #54607b;
	padding: 2px 8px; margin: 0 0 0 10px;
	background: #f4f7ff;
	color: #000; font-size: 8pt;
}
.submit input:focus {
	border: solid 1px #FF9000;
	background: #f4f7ff;
}
.submit input:hover {
	border: solid 1px #FF9000;
}

/* image replacement */
h1 span, #menu li a span, #top-langs li a span, .link-more span, #foot li a span, #top-bar li a span,
#sitebar-poll-submit a span, #ibp-submit a span, .news-archiwum span, .terminarz-archiwum span,
.h-galeriazdjec span, .h-ibp span, #mm-home-links a span {
	position: absolute;
	top: -90000px;
}
.link-more {
	display: block; float: right; clear: both;
	width: 47px; height: 10px;
	margin: 0 0 0.5em 0;
	background: url('txt/link_wiecej.gif') no-repeat;
}
.news-archiwum {
	display: block;
	width: 123px; height: 10px;
	margin: 0;
	background: url('txt/archiwum_aktualnosci.gif') no-repeat;
}
.terminarz-archiwum {
	display: block;
	width: 122px; height: 9px;
	margin: 15px 0 15px 0;
	background: url('txt/archiwum_terminarza.gif') no-repeat;
}
.h-galeriazdjec {
	width: 88px; height: 15px;
	background: url('txt/galeria.gif') no-repeat;
	border: none; padding: 0; margin: 15px 0 15px 0;
}
.h-ibp {
	width: 185px; height: 10px;
	background: url('txt/ibp.gif') no-repeat;
	border: none; padding: 0; margin: 3px 0 13px 0;
}
#mm-home-links a {
	display: block; float: left;
	height: 10px; margin: 0 20px 0 0;
	cursor: pointer;
}
#mm-links-all {background: url('txt/mm_all.gif') no-repeat; width: 110px;}
#mm-links-next {background: url('txt/mm_next.gif') no-repeat; width: 108px;}
#mm-links-next-b {background: url('txt/mm_next_b.gif') no-repeat; width: 108px;}
#mm-links-prev {background: url('txt/mm_prev.gif') no-repeat; width: 71px;}
#mm-links-prev-b {background: url('txt/mm_prev_b.gif') no-repeat; width: 71px;}

/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
