@charset "utf-8";

/*--->>> Table of Contents:
*	
*	Global style reset
*	Typography
*	Main Layout
*	Header Layout
*	Content Layout
*	Sidebar Layout
*	Footer Layout
*	Graphics & appearance
*	
**/

/*--->>> Global style reset <<<---*/
body, p, h1, h2, h3, h4, h5, ul {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}

/*--->>> Typography <<<---*/
#header {
	font-family:"Times New Roman", Times, serif;
	letter-spacing:2px;
	text-align:center;
}
#content {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
}
	#content h1 {
		text-align:center;
		font-size:1.5em;
	}
	#content p {
		text-indent:1em;
	}
#menu a {
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover {
	text-decoration:underline;
}
#msze h4 {
	text-align:center;
}
#footer div.footer {
	text-align:center;
	font-size:small;
	color:#444;
}

/*--->>> Main Layout <<<---*/
body {
	padding:50px;
}
#wrapper {
	min-width:760px;
	max-width:1100px;
	margin:0 auto;
	margin-top:145px;
	padding-top:1px;
	position:relative;
}
body.foto #wrapper {
	min-width:1070px;
}
#header, #content-wrap, #sidebar, #footer {
	position:relative;
	z-index:1;
}

/*--->>> Header Layout <<<---*/
#header {
	min-height:94px;
	margin-top:80px;
	margin-right:15em;
	padding:0 25px;
	position:relative;
	overflow:hidden;
}
	#header div {
		margin:0 -5px;
	}
	#header h1 {
		position:absolute;
		left:25px;
		right:25px;
	}

/*--->>> Content Layout <<<---*/
#content-wrap {
	float:left;
	width:100%;
	margin-left:-15em;
}
#content {
	margin-left:15em;
	padding:25px 25px 0 15px;
}
	#content h1 {
		padding-bottom:15px;
		margin-bottom:15px;
	}
	#content p {
		margin:0.5em 0;
	}

/*--->>> Sidebar Layout <<<---*/
#sidebar {
	float:right;
	width:13.875em;
	min-height:700px;
	margin-top:-110px;
	padding:20px 0.5em;
}
	#menu {
		padding-top:45px;
	}
		#menu li {
			padding:3px 0;
		}
		#menu a {
			padding-left:55px;
		}
	#msze {
		margin-top:35px;
		padding:0 15px;
	}
		#msze h4 {
			margin-bottom:15px;
			position:relative;
			z-index:-1;
		}
		#msze h5 {
			margin-top:8px;
		}
	#calendar {
		width:13.5em;
		height:12em;
		/*border:1px solid #0F0;*/
		display:block;
		margin:0 auto;
		margin-top:20px;
		
	}
	#searchForm {
		/*background:none;*/
		margin-top:25px;
		margin-bottom:70px;
		
	}
	#searchForm fieldset {
		padding:5px;
	}
	#searchForm input {
		display:block;
		margin-top:5px;
		cursor:pointer;
	}
	#searchForm input.searchTxt {
		width:95%;
		cursor:text;
	}

/*--->>> Footer Layout <<<---*/
#footer {
	clear:both;
	width:100%;
	padding-top:25px;
	overflow:hidden;
}
	#footer a.top-link {
		display:block;
		float:left;
		margin:0 0 2px 10px;
		padding:5px 0;
		padding-left:30px;
	}
	#footer div.footer {
		padding-right:100px;
	}

/*--->>> Graphics & appearance <<<---*/
body {
	background:#000 url(./grafika/tloo.jpg) repeat-x;
}
#wrapper {
	background:#FFF;
}
#content h1 {
	background:url(./grafika/dzielnik.png) no-repeat bottom;
}
#sidebar {
	background:url(./grafika/linia.jpg) no-repeat left top;
}
	#menu {
		background:url(./grafika/menu.png) no-repeat top;
	}
		#menu li {
			background:url(./grafika/link.png) no-repeat 15px 50%;
		}
		#menu a {
			color:#000000;
		}
	#msze {
		background:url(./grafika/msze.png) no-repeat top;
	}
#footer a.top-link {
	background:url(grafika/top.png) no-repeat left;
}

/*--- Image shadow ---*/
span.imgShadow {
	display:block;
	float:left;
	/*display:inline-block;*/
	position:relative;
	background:url(./grafika/cien_top.png) no-repeat top right;
}
span.imgShadow * {
	display:block;
	position:relative;
}
span.imgShadow span.corner {
	padding:7px 0 0 7px;
	background:url(./grafika/cien_bottom.png) no-repeat bottom left;
}
span.imgShadow span.edge {
	background:url(./grafika/cien.png) no-repeat bottom right;
}
span.imgShadow img {
	left:-7px;
	top:-7px;
	padding:5px;
	border:1px solid #000;
	background:#FFF;
}

/*--- Previous, next navigation ---*/
#content div.nav {
	margin:10px 0 20px 0;
	overflow:auto;
	padding:2px 55px;
	/*padding-bottom:10px;*/
	/*border-bottom:3px groove #960;*/
}
#content div.nav a {
	display:block;
	height:1.5em;
	padding-top:2px;
	text-align:left;
	text-decoration:none;
	color:#000;
}
#content div.nav a:hover {
	text-decoration:underline;
}
#content div.nav a.prev {
	float:left;
	padding-left:35px;
	background:url(./grafika/prev.png) no-repeat left;
}
#content div.nav a.next {
	float:right;
	padding-right:35px;
	background:url(./grafika/next.png) no-repeat right;
}

/*--- Layout graphics ---*/
div.bg {
	position:absolute;
}
div.bg img {
	position:absolute;	/*--- Zakomentowac i zobaczyc efekty ---*/
	width:100%;
	height:100%;
}
div.pap-mid {
	left:0;
	top:0;
	right:108px;
	bottom:0;
}
div.pap-top {
	left:0;
	top:-130px;
	right:108px;
	height:130px;
}
div.pap-t {
	left:0;
	top:-145px;
	right:108px;
	height:15px;
}
div.pap-rj {
	right:0;
	top:0;
	bottom:0;
	width:108px;
}
div.pap-tr {
	right:-10px;
	top:-145px;
	width:118px;
	height:145px;
}
div.pap-r {
	right:-10px;
	top:0;
	bottom:0;
	width:10px;
}
div.pap-tl {
	left:-10px;
	top:-145px;
	width:10px;
	height:145px;
}
div.pap-l {
	left:-10px;
	top:0;
	bottom:0;
	width:10px;
}
div.pap-b {
	left:0;
	right:108px;
	bottom:-10px;
	height:10px;
}
div.pap-br {
	right:-10px;
	bottom:-10px;
	height:10px;
	width:118px;
}
div.pap-bl {
	left:-10px;
	bottom:-10px;
	height:10px;
	width:10px;
}
img.krzyz {
	position:absolute;
	top:-125px;
	left:5px;
}
img.rozeta {
	position:absolute;
	bottom:5px;
	right:5px;
}
img.koscioly {
	position:absolute;
	right:25%;
	top:-160px;
	width:55%;
	max-width:540px;
	min-width:450px;
	z-index:1;
}
img.outline {
	position:absolute;
	left:-1px;
	top:-94px;
	width:100%;
	height:106px;
}

/*--->>> Debug <<<---*/
#header {
	/*background:#9F3;*/
}