body {
	background: url(../img/sub/background.jpg) no-repeat 50% 0;
}

	#pageHeader {
		margin: 0 auto;
		width: 980px;
		height: 227px;
		position: relative;
	}

		#pageHeader h1 {
			display: none;
		}

		#pageHeader div.flash {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 1;
		}

		#pageHeader .user {
			position: absolute;
			top: 20px;
			left: 558px;
			z-index: 2;
			width: 308px;
			height: 19px;
			padding: 5px 0 0 16px;
			background: url(../img/sub/header/user.png) no-repeat 0 0;
			color: #b4aca2;
		}

			#pageHeader .user span {
				float: left;
			}

			#pageHeader .user a.logout {
				float: right;
				padding-right: 14px;
			}

			#pageHeader .user a {
				color: #ffffff;
			}


		#pageHeader ul.mainMenuLeft {
			position: absolute;
			top: 159px;
			left: 17px;
			z-index: 2;
			height: 34px;
		}

			#pageHeader ul.mainMenuLeft li {
				float: left;
				height: 34px;
				margin-right: 1px;
			}

				#pageHeader ul.mainMenuLeft li a {
					display: block;
					float: left;
					height: 34px;
					text-indent: -8000px;
					overflow: hidden;
					background-repeat: no-repeat;
					background-position: 0 0;
				}

				#pageHeader ul.mainMenuLeft li a:hover {
					background-position: 0 -34px;
				}

				#pageHeader ul.mainMenuLeft li a:focus {
					outline: none;
				}

				#pageHeader ul.mainMenuLeft li a.active {
					background-position: 0 -34px;
				}

				#pageHeader ul.mainMenuLeft li a.oMiasteczku {
					width: 85px;
					background-image: url(../img/sub/header/menuleft_omiasteczku.png);
				}

				#pageHeader ul.mainMenuLeft li a.bazaWiedzy {
					width: 85px;
					background-image: url(../img/sub/header/menuleft_bazawiedzy.png);
				}

				#pageHeader ul.mainMenuLeft li a.polaczmySie {
					width: 85px;
					background-image: url(../img/sub/header/menuleft_polaczmysie.png);
				}

				#pageHeader ul.mainMenuLeft li a.grupy {
					width: 52px;
					background-image: url(../img/sub/header/menuleft_grupy.png);
				}

				#pageHeader ul.mainMenuLeft li a.forum {
					width: 53px;
					background-image: url(../img/sub/header/menuleft_forum.png);
				}

				#pageHeader ul.mainMenuLeft li a.kuznia {
					width: 59px;
					background-image: url(../img/sub/header/menuleft_kuznia.png);
				}

		#pageHeader ul.mainMenuRight {
			position: absolute;
			top: 155px;
			right: 34px;
			z-index: 2;
			height: 39px;
		}

			#pageHeader ul.mainMenuRight li {
				float: left;
				height: 39px;
			}

				#pageHeader ul.mainMenuRight li a {
					display: block;
					float: left;
					height: 39px;
					text-indent: -8000px;
					overflow: hidden;
					background-repeat: no-repeat;
					background-position: 0 0;
				}

				#pageHeader ul.mainMenuRight li a:hover {
					/*background-position: 0 -39px;*/
				}

				#pageHeader ul.mainMenuRight li a.active {
					/*background-position: 0 -39px;*/
				}

				#pageHeader ul.mainMenuRight li a.mojProfil {
					width: 81px;
					background-image: url(../img/sub/header/menuright_mojprofil.png);
					margin-right: 22px;
				}

				#pageHeader ul.mainMenuRight li a.kontakt {
					width: 37px;
					background-image: url(../img/sub/header/menuright_kontakt.png);
					margin-right: 19px;
				}

				#pageHeader ul.mainMenuRight li a.dodajDoUlubionych {
					width: 93px;
					background-image: url(../img/sub/header/menuright_dodajdoulubionych.png);
					margin-right: 19px;
				}

				#pageHeader ul.mainMenuRight li a.mapa {
					width: 50px;
					background-image: url(../img/sub/header/menuright_mapa.png);
				}

		#pageHeader p.localizer {
			position: absolute;
			top: 203px;
			left: 28px;
			z-index: 2;
			color: #ffffff;
		}

			#pageHeader p.localizer a {
				color: #ffffff;
				border-bottom: dotted 1px #b6737a;
				text-decoration: none;
			}

			#pageHeader p.localizer a:hover {
				border-bottom: none;
			}



		#pageHeader p.wstecz {
			position: absolute;
			top: 203px;
			right: 17px;
			z-index: 2;
			color: #ffffff;
			background: url(../img/sub/header/wstecz.png) no-repeat 0 100%;
			padding: 0 0 6px 24px;
		}

			#pageHeader p.wstecz a {
				color: #ffffff;
				border-bottom: dotted 1px #b6737a;
				text-decoration: none;
			}

			#pageHeader p.wstecz a:hover {
				border-bottom: none;
			}

	#pageContent {
		margin: 0 auto;
		width: 980px;
		background: #ffffff url(../img/sub/content/background2.png) repeat-y 189px 0;
		border-bottom: solid 1px #eeeee7;
	}

	#pageContent:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

		#pageContent div.h2 {
			background: #ffffff url(../img/sub/content/background.png) no-repeat 0 0;
			border-bottom: solid 1px #eeeee7;
			padding: 8px 17px 8px 28px;
			width: 935px;
		}

		#pageContent div.h2:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

			#pageContent div.h2 h2 {
				float: left;
				color: #7e0c18;
				font-family: Arial;
				font-size: 1.5em;
				margin-top: 5px;
			}

			#pageContent div.h2 form {
				display: block;
				float: right;
				width: 217px;
			}

				#pageContent div.h2 form fieldset {
				}

					#pageContent div.h2 form fieldset input.text {
						width: 137px;
						height: 19px;
						background: url(../img/sub/content/h2_form_input_text.png) no-repeat 0 0;
						color: #858575;
						padding: 5px 10px 0 10px;
					}

					#pageContent div.h2 form fieldset input.szukaj {
						width: 55px;
						height: 24px;
						background: url(../img/sub/content/h2_form_szukaj.png) no-repeat 0 0;
						color: #ffffff;
						font-weight: bold;
						cursor: pointer;
					}


		#pageContent div.leftColumn {
			float: left;
			width: 190px;
		}

			#pageContent div.leftColumn h3 {
				font-family: Arial;
				font-size: 13px;
				color: #7e0c18;
				margin: 0 26px 12px 28px;
				padding: 11px 0 7px 0;
				border-bottom: solid 1px #f7f7f4;
			}

			#pageContent div.leftColumn h4 {
				font-size: 12px;
				font-family: Arial;
				color: #980c55;
				margin: 0 0 8px 43px;
			}

			#pageContent div.leftColumn ul.menu {
				margin: 0 26px 0 28px;
			}

				#pageContent div.leftColumn ul.menu li {
					border-bottom: solid 1px #eeeee7;
					padding: 7px 0 9px 0;
				}

				#pageContent div.leftColumn ul.menu li.last {
					border-bottom: none;
				}

					#pageContent div.leftColumn ul.menu li a {
						display: block;
						font-size: 12px;
						font-family: Arial;
						color: #0e0d0c;
						padding-left: 16px;
						background: url(../img/sub/content/left_menu_li.png) no-repeat 1px 50%;
					}

			#pageContent div.leftColumn div.mojProfil {
				background: url(../img/sub/content/leftcolumn_mojprofil.png) no-repeat 0 0;
			}

				#pageContent div.leftColumn div.mojProfil h3 {
					background: #e7bc6d url(../img/sub/content/leftcolumn_mojprofil_h3.png) no-repeat 0 0;
					height: 25px;
					color: #0c0600;
					margin: 0 0 10px 0;
					padding: 15px 0 0 27px;
					border-bottom: none;
				}

				#pageContent div.leftColumn div.mojProfil a.avatar {
					display: block;
					background: url(../img/sub/content/leftcolumn_mojprofil_avatar_background.png) no-repeat 0 0;
					width: 113px;
					height: 109px;
					margin:  0 0 4px 25px;
					padding: 12px 0 0 22px;
					cursor: default;
				}

					#pageContent div.leftColumn div.mojProfil a.avatar img {
						display: block;
						background: url(../img/sub/content/leftcolumn_mojprofil_avatar_default.jpg) no-repeat 0 0;
						width: 95px;
						height: 95px;
						cursor: pointer;
					}

				#pageContent div.leftColumn div.mojProfil ul.menu1 {
					margin: 0 0 39px 8px;
				}

					#pageContent div.leftColumn div.mojProfil ul.menu1 li {
						display: block;
					}

					#pageContent div.leftColumn div.mojProfil ul.menu1 li.mojProfil {
						width: 141px;
						height: 24px;
						background: url(../img/sub/content/leftcolumn_mojprofil_menu1_mojprofil.png) no-repeat 0 0;
						padding: 7px 0 0 19px;
					}

					#pageContent div.leftColumn div.mojProfil ul.menu1 li.mojaGaleria {
						width: 151px;
						height: 23px;
						background: url(../img/sub/content/leftcolumn_mojprofil_menu1_mojagaleria.png) no-repeat 0 0;
						margin: -4px 0 0 10px;
						padding: 4px 0 0 9px;
					}

					#pageContent div.leftColumn div.mojProfil ul.menu1 li.skrzynkaOdbiorcza {
						width: 148px;
						height: 23px;
						background: url(../img/sub/content/leftcolumn_mojprofil_menu1_skrzynkaodbiorcza.png) no-repeat 0 0;
						margin: -5px 0 0 5px;
						padding: 6px 0 0 14px;
					}

						#pageContent div.leftColumn div.mojProfil ul.menu1 li a {
							font-family: Arial;
							font-size: 13px;
							color: #fefefe;
						}

							#pageContent div.leftColumn div.mojProfil ul.menu1 li a small {
								font-size: 11px;
								color: #c1e699;
							}

			#pageContent div.leftColumn div.pomoc {
				background: url(../img/sub/content/leftcolumn_pomoc_background.png) no-repeat 0 100%;
				padding-bottom: 78px;
				margin-bottom: 13px;
			}

				#pageContent div.leftColumn div.pomoc h3 {
					background: url(../img/sub/content/leftcolumn_pomoc_h3.jpg) no-repeat 0 0;
					width: 189px;
					height: 143px;
					margin: 0;
					padding: 0;
					border-bottom: none;
					text-indent: -8000px;
					overflow: hidden;
				}

				#pageContent div.leftColumn div.pomoc ul {
					background: url(../img/sub/content/leftcolumn_pomoc_menu.png) no-repeat 0 0;
					width: 189px;
					padding-top: 3px;
				}

					#pageContent div.leftColumn div.pomoc ul li {
						font-family: Arial;
						background: url(../img/sub/content/leftcolumn_pomoc_menu_li2.png) 0 100% no-repeat;
						margin: 0 4px 0 24px;
					}

					#pageContent div.leftColumn div.pomoc ul li.first {
						background: url(../img/sub/content/leftcolumn_pomoc_menu_li.png) 0 100% no-repeat;
					}

					#pageContent div.leftColumn div.pomoc ul li.last {
						background: none;
					}

						#pageContent div.leftColumn div.pomoc ul li a {
							display: block;
							padding: 8px 0 10px 19px;
							color: #0e0d0c;
							background: url(../img/sub/content/left_menu_li.png) 5px 12px no-repeat;
						}

						#pageContent div.leftColumn div.pomoc ul li.last a {
							color: #980150;
						}

		#pageContent div.rightColumn {
			float: left;
			width: 790px;
		}

			#pageContent div.rightColumn div.content {
				margin: 15px 35px 120px 35px;
			}

				#pageContent div.rightColumn div.content ul.default {
					padding-top: 14px;
					list-style: square outside;
					margin-left: 19px;
				}

					#pageContent div.rightColumn div.content ul.default li {
					}


				/* --- Zaokrąglone formularze --- */
				#pageContent div.rightColumn div.content form span.top_left,
				#pageContent div.rightColumn div.content form span.top_right,
				#pageContent div.rightColumn div.content form span.bottom_left,
				#pageContent div.rightColumn div.content form span.bottom_right {
					display: block;
					height: 100%;
					overflow: hidden;
				}

				#pageContent div.rightColumn div.content form span.top_left {
					background: url(../img/shared/content/form_topleft.png) top left no-repeat;
				}

				#pageContent div.rightColumn div.content form span.top_right {
					background: url(../img/shared/content/form_topright.png) top right no-repeat;
				}

				#pageContent div.rightColumn div.content form span.bottom_left {
					background: url(../img/shared/content/form_bottomleft.png) bottom left no-repeat;
				}

				#pageContent div.rightColumn div.content form span.bottom_right {
					background: url(../img/shared/content/form_bottomright.png) bottom right no-repeat;
				}
				/* --- end -- */

				/* --- Stronicowanie --- */
				div#pageContent div.rightColumn div.content div.pagination {
					margin: 12px 12px 0 12px;
					height: 110%;
					overflow: hidden;
				}

					div#pageContent div.rightColumn div.content div.pagination a {
						color: #3e3e3e;
					}

					div#pageContent div.rightColumn div.content div.pagination div.pages {
						float: left;
					}

						div#pageContent div.rightColumn div.content div.pagination div.pages a {
							display: block;
							float: left;
							margin-right: 7px;
							padding-top: 10px;
							text-decoration: underline;
						}

							div#pageContent div.rightColumn div.content div.pagination div.pages a:hover {
								border-bottom: none;
								text-decoration: none;
							}

						div#pageContent div.rightColumn div.content div.pagination div.pages a.current {
							background: url(../img/shared/content/pagination_kleks.png) 0 0 no-repeat;
							border: none;
							color: #fff;
							cursor: default;
							font-weight: bold;
							margin-right: 7px;
							padding: 10px 10px 10px 11px;
							text-decoration: none;
						}

					div#pageContent div.rightColumn div.content div.pagination div.switchers {
						float: right;
						margin-top: 5px;
						width: 165px;
					}

						div#pageContent div.rightColumn div.content div.pagination div.switchers a {
							font-weight: bold;
						}

							div#pageContent div.rightColumn div.content div.pagination div.switchers a.prev,
							div#pageContent div.rightColumn div.content div.pagination div.switchers a.next {
								display: block;
								height: 23px;
								overflow: hidden;
								text-indent: -8000px;
								width: 74px;
							}

							div#pageContent div.rightColumn div.content div.pagination div.switchers a.prev:focus,
							div#pageContent div.rightColumn div.content div.pagination div.switchers a.next:focus {
								outline: none;
							}

						div#pageContent div.rightColumn div.content div.pagination div.switchers a.prev {
							background: url(../img/shared/content/pagination_prev.png) 0 0 no-repeat;
							float: left;
						}

						div#pageContent div.rightColumn div.content div.pagination div.switchers a.next {
							background: url(../img/shared/content/pagination_next.png) 0 0% no-repeat;
							float: right;
						}
				/* --- end --- */

				/* --- Formularz "zgłoś problem" --- */
				div#pageContent div.rightColumn div.content form#reportForm {
					clear: both;
					margin: 0 auto;
					margin-top: 15px;
					width: 90%;
				}


					div#pageContent div.rightColumn div.content form#reportForm div {
						border-bottom: 1px #f2f2ef solid;
						height: 100%;
						overflow: auto;
						padding: 20px 0;
					}

						div#pageContent div.rightColumn div.content form#reportForm div label {
							color: #132f36;
							display: block;
							float: left;
							font-weight: bold;
							padding-right: 30px;
							padding-top: 4px;
						}


						/* wrapper zaokrąglonych rogów */
						div#pageContent div.rightColumn div.content form#reportForm div span.top_left {
							float: left;
							width: 297px;
						}

							div#pageContent div.rightColumn div.content form#reportForm div span.top_left select,
							div#pageContent div.rightColumn div.content form#reportForm div span.top_left textarea {
								background: #f7f7f4;
								margin: 5px;
								width: 97%;
							}

								div#pageContent div.rightColumn div.content form#reportForm div span.top_left select option {
									background: #f7f7f4;
								}

							div#pageContent div.rightColumn div.content form#reportForm div span.top_left textarea {
								height: 162px;
								overflow: auto;
							}

							div#pageContent div.rightColumn div.content form#reportForm div span.top_left textarea#messageContent {
								height: 103px;
							}

						div#pageContent div.rightColumn div.content form#reportForm div span.hint {
							color: #858575;
							display: block;
							float: left;
							margin-left: 30px;
							width: 165px;
						}

					div#pageContent div.rightColumn div.content form#reportForm div.form_footer {
						border-bottom: none;
						overflow: hidden;
						width: 100%;
					}

						div#pageContent div.rightColumn div.content form#reportForm div.form_footer a.cancel {
							color: #59810a;
							display: block;
							float: left;
							margin-left: 130px;
							margin-top: 16px;
							text-decoration: underline;
						}

							div#pageContent div.rightColumn div.content form#reportForm div.form_footer a.cancel:hover {
								text-decoration: none;
							}

						/* Przycisk zmieniany w zaleznosci od dzialu */
						div#pageContent div.rightColumn div.content form#reportForm div.form_footer input.submit {
							background: url(../img/sub/content/grupy/zglos_problem.png) 0 0 no-repeat;
							cursor: pointer;
							display: block;
							float: right;
							height: 63px;
							margin-right: 187px;
							max-width: 184px;
							padding-left: 350px;
							width: 184px;
						}

						/* -- dla IE6 -- */
						* html div#pageContent div.rightColumn div.content form#reportForm div.form_footer a.cancel {
							margin-left: 65px;
						}

						* html div#pageContent div.rightColumn div.content form#reportForm div.form_footer input.submit {
							margin-right: 95px;
						}

	/* --- end --- */

	#pageFooter {
		margin: 0 auto;
		width: 980px;
		background: url(../img/sub/footer/background.png) no-repeat 0 0;
	}

		#pageFooter p.top {
			height: 42px;
		}

			#pageFooter p.top a {
				display: block;
				float: right;
				color: #3e3c3a;
				background: url(../img/sub/footer/top.png) no-repeat 0 17px;
				padding: 14px 19px 0 13px;
			}

		#pageFooter div.bottom {
			height: 42px;
		}

			#pageFooter div.bottom ul {
				float: left;
				padding: 14px 0 0 9px;
			}

				#pageFooter div.bottom ul li {
					display: block;
					float: left;
					height: 16px;
					padding: 0 14px 0 13px;
					border-left: solid 1px #22201f;
				}

				#pageFooter div.bottom ul li.first {
					border-left: none;
				}

					#pageFooter div.bottom ul li a {
						color: #ffffff;
						border-bottom: dotted 1px #54524f;
					}

			#pageFooter div.bottom p.kozminski {
				width: 173px;
				height: 12px;
				float: right;
				color: #ffffff;
				background: url(../img/sub/footer/kozminski.png) no-repeat 0 0;
				text-indent: -8000px;
				overflow: hidden;
				margin-top: 15px;
				position: relative;
			}

				#pageFooter div.bottom p.kozminski a {
					position: absolute;
					top: 0px;
					right: 0px;
					display: block;
					width: 60px;
					height: 12px;
				}

			#pageFooter div.bottom p.adv {
				width: 104px;
				height: 12px;
				float: right;
				color: #ffffff;
				background: url(../img/sub/footer/adv.png) no-repeat 0 0;
				text-indent: -8000px;
				overflow: hidden;
				margin: 15px 20px 0 20px;
				position: relative;
			}

				#pageFooter div.bottom p.adv a {
					position: absolute;
					top: 0px;
					right: 0px;
					display: block;
					width: 23px;
					height: 12px;
				}