/* ------ elementy zmienne ------ */

	body, p, form, img { margin: 0; padding: 0; border: 0; }
	iframe { overflow: hidden; border: 0; }
	.mobile { display: none; }
	a:focus, a:link, a:visited { outline: none !important; }

	html {
	  height: 100%;
	}

  	body {
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		color: #616161;
		background: #fff;
		height: 100%;
	}

	.szerokoscStrony {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}



	#header {
		position: fixed;
		top: 0;
		z-index: 2000;
		width: 100%;
		margin: 0;
		text-align: center;
		height: 150px;
	}

	#header.active {
		height: 70px;
		background: #fff;
		border-bottom: 1px solid #dedddd;
	}

	#header .szerokoscStrony {

	}

		#header #top {
			display: table;
			width: 100%;
			height: 150px;
		}

		#header.active #top {
			height: 70px;
		}

		#header #logo {
			display: table-cell;
			vertical-align: middle;
			width: 300px;
			height: 81px;
			padding: 0;
			text-align: left;
		}

			#header #logo img {
				
			}

		#header.active #logo {
			height: 70px;
		}

			#header.active #logo img {
				height: 60px;
				margin: 5px 0;
			}

		#header #cssmenu {
			display: table-cell;
			vertical-align: middle;
			width: 1000px;
			height: 70px;
			margin: 0;
			padding: 0;
			text-align: right;
		}

			#cssmenu #menu-button {
			  display: none;
			}

			#cssmenu ul {
			  list-style: none;
			  padding: 0;
			  margin: 0;
			  line-height: 1;
			}

			#cssmenu > ul {
			  	position: relative;
			  	display: table;
				float: right;
				width: auto;
			  	z-index: 1000;
			  	margin: 0 0 0 0;
				height: 35px;
			}

				#cssmenu > ul > li {
					display: table-cell;
					vertical-align: middle;
				  	position: relative;
				  	margin: 0;
				  	padding: 0;
				}

				#cssmenu > ul > li.active {

				}

					#cssmenu ul li a {
						display: block;
					  	text-decoration: none;
					  	cursor: pointer;
					}

					#cssmenu > ul > li > a {
					  font-size: 14px;
					  padding: 10px 30px;
					  color: #888888;
					  font-weight: 400;
					  text-align: center;
					  white-space: nowrap;
					  text-transform: uppercase;
					  display: block;
					}

					#cssmenu > ul > li:last-child > a {
					  padding-right: 0;
					}

					#cssmenu > ul > li.has-sub > a {
					  padding-right: 32px;
					}

					#cssmenu > ul > li:hover > a,
					#cssmenu > ul > li.active > a,
					#cssmenu > ul > li.aktywny > a {
						color: #000;
					}

					#cssmenu li.has-sub::after {
					  display: block;
					  content: '';
					  position: absolute;
					  width: 0;
					  height: 0;
					}

					#cssmenu > ul > li:hover::after {
					  border-top-color: #ffffff;
					}

					#cssmenu #indicatorContainer {
					  position: absolute;
					  height: 12px;
					  width: 100%;
					  bottom: 0px;
					  overflow: hidden;
					  z-index: -1;
					}

					#cssmenu #pIndicator {
					  position: absolute;
					  height: 0;
					  width: 100%;
					  border: 12px solid transparent;
					  border-top-color: #2b2f3a;
					  z-index: -2;
					}

					#cIndicator {
					  position: absolute;
					  height: 0;
					  width: 100%;
					  border: 12px solid transparent;
					  border-top-color: #2b2f3a;
					  top: -12px;
					  right: 100%;
					  z-index: -2;
					}

						#cssmenu ul ul {
							min-width: 220px;
						  	position: absolute;
						  	left: -9999px;
						  	top: 35px;
						  	opacity: 0;
						  	z-index: 1000;
						   padding: 0px;
							background: #264a05;
							color: #fff;
							border-top: 0 solid #264a05;
						}

							#cssmenu ul ul ul {
							  	top: 35px;
							  	padding-left: 5px;
							}

							#cssmenu ul ul > li {
							  	position: relative;
							  	width: auto;
							  	max-width: 220px;
							   padding: 0 0px;
							}

								#cssmenu ul ul > li:last-child {
									border-bottom: 0;
								}

							#cssmenu > ul > li:hover > ul {
							  	width: 100%;
							  	left: 0px;
							  	top: 35px;
							  	opacity: 1;
							}

							#cssmenu ul ul li:hover > ul {
							  	left: 170px;
							  	top: 0;
							  	opacity: 1;
							}

							#cssmenu ul ul li a {
								text-align:left;
							  	width: auto;
							  	padding: 10px 15px;
							  	margin: 0 0;
							  	font-size: 13px;
							  	color: #fff;
								font-weight: bold;
								border-top: 0 solid #e2e2e2;
							}

							#cssmenu ul ul li:hover a,
							#cssmenu ul ul li a.aktywny {
								color: #fff;
								background: #739601;
							}

							#cssmenu ul ul li:last-child a,
							#cssmenu ul ul li.last > a {
							  border-bottom: 0;
							}

							#cssmenu ul ul li:first-child a,
							#cssmenu ul ul li.first > a {
							  border-top: 0;
							}

							#cssmenu .submenuArrow {
							  	border: 6px solid transparent;
							  	width: 0;
							  	height: 0;
							  	border-bottom-color: #f5f5f7;
							  	position: absolute;
							  	top: -12px;
							}

							#cssmenu ul ul li.has-sub::after {
							  	border: 4px solid transparent;
							  	border-left-color: #9ea2a5;
							  	right: 10px;
							  	top: 12px;
							}

							#cssmenu ul ul li.has-sub:hover::after {
							  	border-left-color: #fff;
							  	right: -5px;
							}


	  #cssmenu > ul > li.mobile {
	  		display: none !important;
	  }



h1 {
	font-family: 'Roboto', 'Lato', Arial;
	font-size: 38px;
	font-weight: 300;
	color: #000;
	padding: 0;
	margin: 40px 0px 40px 0px;
}
h2 {
	padding: 80px 0 10px 0;
	font-family: 'Roboto', 'Lato', Arial;
	top: 0;
	margin: 0 0 70px 0;
	color: #444444;
	font-weight: 300;
	font-size: 36px;
	background: url('obrazki/h2.png') no-repeat center bottom;
	text-align: center;
}

.section {
	margin: 5px 0;
}

/* STRONA 0 GŁOWNA */

	.section0 {
		height: 100%;
		position: relative;
		margin: 0;
	}

	 	.ciemnica {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #000;
			z-index: -1;
			display: block;
		}

			.ciemnica > .element {
				width: 100%;
				height: 100%;
				overflow: hidden;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
			}

		.section0 > .szerokoscStrony {
			height: 100%;
			display: table;
		}

		.okruszki {
			display: table-cell;
			vertical-align: middle;
			color: #fff;
			text-align: center;
			font-weight: 300;
			font-family: 'Roboto', 'Lato', Arial;
		}

			.okruszki > h1,
			.okruszki > h2 {
				color: #fff;
				font-size: 42px;
				font-weight: 300;
				/* text-shadow: 1px 0px 30px #000;*/
				text-align: center;
				margin: 0 0 50px 0;
				background: transparent;
			}

			.okruszki > h1 {
				text-shadow: 1px 0px 30px #000;
			}

			.okruszki.glowna > div,
			.okruszki.cytat2 > div {
 				font-size: 25px;
			}

			.okruszki.glowna > img {
 				padding-bottom: 15px;
			}

/* PODSTRONA 5 */

	.section5 {
		position: relative;
	}

		.section5 .boks {
			display: inline-block;
			width: 399px;
			vertical-align: top;
			margin: 0 0 70px -3px;
			font-size: 14px;
			font-weight: 300;
			color: #444444;
			position: relative;
		}

			.section5 .boks > .boks {
				display: inline-block;
				text-align: center;
				vertical-align: top;
				padding: 0;
				margin: 0;
				width: auto;
			}

			.section5 .boks > .boks > img {
				margin: 0 0 5px 0;
			}

			.section5 .boks > .boks > h3 {
				font-size: 18px;
				font-weight: 400;
			}

			.section5 .boks > .boks > div {
				display: inline-block;
				text-align: left;
				line-height: 1.8em;
				width: auto;
			}

			.section5 .boks > .boks > div > ul {
				list-style-image: url('obrazki/bull.png');
			}

		.section5 .ciemnica {
			background: url('pliki/glowna/tlo_cytat2.png');
		}

			.section5 .ciemnica > .element {
				background-size: auto;
			}

		.section5 .cytat2 {
			display: block;
			height: 620px;
			position: relative;
		}

			.section5 cytat2 .szerokoscStrony {
				display: table;
				width: 700px;
				height: 620px;
				position: relative;
			}

				.section5 .okruszki {
					display: table-cell;
					vertical-align: middle;
					height: 620px;
					font-family: 'Roboto', 'Lato', Arial;
				}


/* PODSTRONA 6 */


	.section6 {
		font-weight: 300;
	}


		.section6 h2 {
			margin-bottom: 30px;
		}


		.section6 .wstep {
			line-height: 1.5em;
		}

		#per-slide-template {
			margin: 30px 0 0 0;
			padding: 20px 0;
			font-size: 14px;
			font-weight: 400;
			color: #888888;
			display: table;
			table-layout: fixed;
			width: 100%;
		}

		.liniaKategorii {
			border-bottom: 1px solid #dedddd;
		}

			#per-slide-template a,
			#per-slide-template div {
				display: table-cell;
				font-size: 14px;
				font-weight: 400;
				color: #888888;
				text-transform: uppercase;
				cursor: pointer;
			}

			#per-slide-template.glowna {
				border-top: 1px solid #dedddd !important;
			}

			#per-slide-template div.cycle-pager-active,
			#per-slide-template a.cycle-pager-active,
			#per-slide-template a:hover {
				color: #ca1d60;
			}

		#galeriaGlowna,
		#galeriaPodstrona {
			width: 100%;
			display: block;
			font-size: 18px;
			font-weight: 300;
		}

			#galeriaGlowna > div {
				width: 100%;
				display: none;
			}

			#galeriaGlowna.glowna > div:first-of-type {
				display: block;
			}

				#galeriaGlowna > div > a {
			  		display: block;
					width: 33.33%;
					float: left;
					position: relative;
				}

				#galeriaGlowna > div > a > img {
					display: block;
					max-width: 100%;
					width: 100%;
				}

				#galeriaGlowna > div > a > .boksObrazek,
				#galeriaPodstrona > div > a > .boksObrazek {
					position: absolute;
					z-index: 1000;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					display: none;
					align-items: center;
					background: url('obrazki/tloGaleria.png');
				}

				#galeriaGlowna > div > a:hover > .boksObrazek,
				#galeriaPodstrona > div > a:hover > .boksObrazek {
					display: flex;
				}

					#galeriaGlowna > div > a > .boksObrazek > .dane,
					#galeriaPodstrona > div > a > .boksObrazek > .dane {
						padding: 0;
						margin: 70px;
						color: #fff;
						line-height: 1.4em;
						font-weight: 300;
						font-family: 'Lato', Arial;
						font-size: 16px;
					}

						#galeriaGlowna > div > a > .boksObrazek > .dane > span,
						#galeriaPodstrona > div > a > .boksObrazek > .dane > span {
							display: block;
							font-weight: 300;
							margin: 5px 0 0 0;
						}

						#galeriaGlowna > div > a > .boksObrazek > .dane > span:nth-child(1),
						#galeriaPodstrona > div > a > .boksObrazek > .dane > span:nth-child(1) {
							display: block;
							font-size: 30px;
							line-height: 1.1em;
							text-transform: uppercase;
						}


/* PODSTRONA 7 */

	.section7 {
		margin-bottom: 40px;
	}

		.section7 h2 {
			margin-bottom: 30px;
		}

		.section7 .boks {
			display: block;
			width: 100%;
			text-align: center;
			margin: 0 0 70px 0;
		}

			.section7 .boks > .loga {
				float: left;
			}

				.section7 .boks > .loga > .element {
					display: inline-block;
					margin: 20px 0px;
				}



/* PODSTRONA 8 */

	.section8 {

	}

		.section8 #omnie {
			display: block;
			background: #9ca1a4 url('obrazki/tlo_omnie.jpg') repeat-x bottom;
		}

			.section8 #omnie #szerszyBoks {
				display: block;
				text-align: center;
				margin: 0 auto;
				background: url('pliki/glowna/foto.png') no-repeat bottom;
				background-size: auto;
			}

				.section8 #omnie .boks {
					display: table;
					text-align: left;
					margin: 0 auto;
				}

					.section8 #omnie .boks h2 {
						display: inline-block;
						width: auto;
						text-align: center;
						color: #fff;
						font-size: 30px;
						margin-top: 10px;
						margin-bottom: 30px;
					}

					.section8 #omnie .boks > .tekst {
						display: table-cell;
						vertical-align: middle;
						min-width: 660px;
						width: 660px;
						max-width: 660px;
						text-align: left;
						color: #fff;
						font-size: 18px;
						font-weight: 300;
						padding: 0 20px 90px 20px;
						line-height: 1.7em;
					}

					.section8 #omnie .boks > .foto {
						display: table-cell;
						vertical-align: bottom;
						min-width: 500px;
						width: 500px;
						max-width: 500px;
						text-align: center;
						/* background: url('pliki/glowna/foto.png') no-repeat bottom;
						background-size: contain;*/
					}

		.section8 #liczby {
			display: table;
			margin: 50px 0 0 0;
			padding: 0 0 20px 0;
			width: 100%;
		}

			.section8 #liczby > div {
				display: table-cell;
				vertical-align: middle;
				font-weight: 300;
				font-size: 22px;
				font-family: 'Roboto', 'Lato', Arial;
			}

			.section8 #liczby > div span.nieskonczonosc {
				font-family: 'Lato' !important;
				font-size: 60px;
			}

				.section8 #liczby > div h3 {
					color: #ca1d60;
					font-weight: 300;
					font-size: 48px;
					margin: 0;
					padding: 0;
					font-family: 'Roboto', 'Lato', Arial;
				}




/* PODSTRONA 9 */

	.section9 {
		padding-bottom: 0;
		font-weight: 300;
	}

		.section9 h2 {
			margin-bottom: 50px;
		}

		.section9 .boks {
			display: table;
			text-align: center;
			margin: 70px auto 70px auto;
			width: auto;
		}

			.section9 .boks > div {
				display: table-cell;
				vertical-align: middle;
				width: 50%;
				text-align: left;
			}

				.section9 .boks > div > img,
				.section9 .boks > div > div {
					display: inline-block;
					font-weight: 300;
					font-size: 36px;
				}

				.section9 .boks > div > img {
					vertical-align: middle;
					padding: 0 20px;
				}


				#footer {
					display: block;
					width: 100%;
					margin: 0;
					text-align: right;
					border-top: 1px solid #dedddd;
				}

				#footer.podstrona {
					margin: 70px 0 0 0;
				}

					#footer > div {
				  		display: table;
						padding: 20px;
						font-size: 14px;
						font-weight: 300;
					}

					#footer > div > div {
				  		display: table-cell;
						vertical-align: middle;
						width: 50%;
						font-size: 14px;
						font-weight: 300;
					}

					#footer > div > div:first-of-type {
						text-align: left;
					}


	/* GALERIA */

	.galeriaPodstrona {
		padding: 40px 0 0 0;
	}

	.galeriaNawigacja {
		padding: 30px;
		text-align: right;
	}

	.galeriaNawigacja.stopka {
		display: block;
	}

		.galeriaNawigacja > a {
			padding: 0 12px;
		}

		.galeriaNawigacja > img.nieaktywny {
			opacity: 0.2;
			padding: 0 12px;
		}

		.galeriaOpis {
			display: table;
			width: 100%;
		}

			.galeriaOpis > .foto {
				display: table-cell;
				vertical-align: top;
				width: 800px;
			}

				.galeriaOpis > .foto > img {
					max-width: 800px;
					height: auto;
				}

			.galeriaOpis > .tekst {
				display: table-cell;
				vertical-align: top;
				width: 300px;
				padding: 0 20px 0 80px;
				font-weight: 300;
				font-size: 16px;
				line-height: 1.5em;
			}

				.galeriaOpis > .tekst > h2 {
					font-size: 24px;
					font-weight: 300;
					background-position: left bottom;
					text-align: left;
					margin: 40px 0;
					padding-bottom: 20px;
				}

		.galeriaPrace {
			display: table;
			width: 100%;
		}

			.galeriaPrace img {
				display: block;
				max-width: 100%;
				margin: 20px 0;
			}

			.galeriaPrace img:first-of-type {
				margin: 16px 0 10px 0;
			}


/* POZOSTAŁE */



	ul { margin: 0; padding-left: 0px; list-style-position: inside; position: relative; }

	ul.lista { list-style-type: none; list-style-image: url('obrazki/icon-arrow-std.gif'); }
	ul.lista > li { border-bottom: 1px solid #e0e0e0; padding: 4px 0; font-size: 12px; }
	ul.lista > li:first-child { border-top: 1px solid #DDD; }

	a { text-decoration: none; color: #444444; }
	a:hover { text-decoration: none; color: #ca1d60 }

	a.lszary { color: #777777; text-decoration: none; }
	a.lszary:hover { color: #cc3300; text-decoration: none; }

	a.lbialy { color: #fff; text-decoration: none; }
	a.lbialy:hover { color: #fff; text-decoration: none; }

	a.lnaCzerwony { color: #000; text-decoration: none; }
	a.lnaCzerwony:hover { color: #cc3300; text-decoration: none; }

	a.lczerwony { color: #cc3300; text-decoration: none; }
	a.lczerwony:hover { color: #cc3300; text-decoration: underline; }

	.jellinek { color: #fff; }
	.jellinek a { color: #fff; text-decoration:none; }
	.jellinek a:hover { color: #fff; text-decoration:underline; }


/* -------- wyszukiwarka --------- */

	#wyszukiwarka > a {
		display: block;
		color: #247cb2;
		text-decoration: none;
		padding: 0 0 20px 0;
	}

		#wyszukiwarka > a > .nazwa {
			color: #247cb2;
			font-size: 16px;
			font-weight: 400;
		}

		#wyszukiwarka > a > .tresc {
			color: #999;
			font-size: 13px;
			padding: 0 0 0 16px;
		}

		#wyszukiwarka > a:hover > .tresc {
			color: #000;
		}

/* -------- klasy stałe --------- */

	.czysc { clear: both; }

	.dtable { display: table; }
	.drow { display: table-row; }
	.dcell { display: table-cell; }

	/* .input1 { float:left; background: #fff; border: 1px solid #c3c3c3; width: 315px; margin: 0 10px 14px 0; padding: 10px 10px; font-family: 'Lato', Arial, sans-serif; }
	.textarea { background: #fff; border: 1px solid #c3c3c3; width: 662px; height: 80px; margin: 0 0 10px 0; padding: 10px 10px; font-family: 'Lato', Arial, sans-serif;  }
	.submit1 { background: #e1e1e1; border: 1px solid #e1e1e1; margin: 0; color:#fff; padding: 10px 30px; font-size: 15px; font-weight: 700; color: #949393; }*/

	.lapka { cursor: pointer; }

	img.wysrodkuj { vertical-align:middle; }
	img.ramka { border: 1px solid #ccc; }

	.pad0x5 { padding: 0 5px; }
	.pad0x10 { padding: 0 10px; }
	.pad0x10x0x0 { padding: 0 15px 0 0; }
	.pad0x20 { padding: 0 20px; }
	.pad4 { padding: 4px; }
	.pad5x0 { padding: 5px 0; }
	.pad5 { padding: 5px; }
	.pad5x10 { padding: 5px 10px; }
	.pad5x20 { padding: 5px 20px; }
	.pad10x0 { padding: 10px 0; }
	.pad10x5 { padding: 10px 5px; }
	.pad10 { padding: 10px; }
	.pad10x20 { padding: 10px 20px; }
	.pad20x0 { padding: 20px 0; }
	.pad20x5 { padding: 20px 5px; }
	.pad20x10 { padding: 20px 10px; }
	.pad20 { padding: 20px; }

	.f9 { font-size: 9px; }
	.f10 { font-size: 10px; }
	.f11 { font-size: 11px; }
	.f12 { font-size: 12px; }
	.f13 { font-size: 13px; }
	.f14 { font-size: 14px; }
	.f15 { font-size: 15px; }
	.f16 { font-size: 16px; }
	.f17 { font-size: 17px; }
	.f18 { font-size: 18px; }
	.f20 { font-size: 20px; }
	.f22 { font-size: 22px !important; }
	.f24 { font-size: 24px; }
	.f30 { font-size: 30px; }
	.f32 { font-size: 32px; }
	.f36 { font-size: 36px; }

	.g300 { font-weight: 300; }
	.g400 { font-weight: 400 !important; }
	.g600 { font-weight: 600 !important; }
	.g700 { font-weight: 700; }
	.g800 { font-weight: 800; }

	.center { text-align: center; }
	.l { text-align: left; }
	.r { text-align: right; }
	.j { text-align: justify !important; }

	.lh20 { line-height: 1.5em !important; }

	.wysrodkuj { margin: 0 auto 0 auto; }
	.top { vertical-align: top; }
	.bottom { vertical-align: bottom; }
	.middle { vertical-align: middle; }

	.b {font-weight: bold;}
	.no_b {font-weight: normal;}
	.i {font-style: italic;}
	.no_i {font-style: normal;}
	.u {text-decoration: underline;}
	.no_u {text-decoration: none;}

	.orange { color: #ff6c00; }
	.szary { color: #4e504e; }
	.szary2 { color: #777777; }
	.szary3 { color: #909090; }
	.szary4 { color: #AAA; }
	.niebieski { color: #007dc5 !important; }
	.zielony { color: #68b745; }
	.roz { color: #f73543; }
	.bialy { color: #fff; }
	.czarny { color: #000; }
	.czerwony { color: #b73d30; }
	.fiolet { color: #2d0228; }
	.zolty { color: yellow; }

	.tloBiale {background: #fff;}
	.tloSzare {background: #f9f9f9;}
	.tloSzare2 {background: #f4f4f4;}
	.tloCzarne { background: #000; }
	.tloCzerwone {background: #b73d30;}
	.tloNiebieskie {background: #007dc5;}
	.tloNiebieskie2 {background: #cae2f5;}
	.tloNiebieskie3 {background: #1e83d7;}

	.stronicowanieCalosc { width: 100%; display: block; padding: 0; margin: 25px 0; border-top: 1px solid #e2e2e2; }
	.stronicowanieDane { display: table; padding: 0; margin: 10px auto 0 auto; font-weight: bold; font-size: 14px; }
	.stronicowanieDane > div { display: table-cell; vertical-align: middle; min-width: 160px; width: 160px; max-width: 160px; padding: 0 0 0 5px; margin: 0 auto; vertical-align: middle; }
	.stronicowanieDane > div > a,
	.stronicowanieDane > div > div {
		display: block;
		padding: 0;
		font-size: 12px;
	}
	.stronicowanieDane > div:nth-child(2) { width: 185px; min-width: 185px; font-size: 12px; font-weight: normal; text-align: center; }
	.stronicowanieDane a.nieaktywny { color: #CCC; }
	.stronicowanieDane a.nieaktywny:hover { color: #CCC; }

/* SLIDER

.cycle-pager { display: block; }

.nav { text-align: center; width: 100%; z-index: 1000; top: 10px; overflow: hidden; position: relative;}
.nav span { font-size: 0px; top: 10px; width: 22px; height: 16px; display: inline-block; color: #fff; background: url('obrazki/off.png') no-repeat; }
.nav span.cycle-pager-active { color: #247cb2;  background: url('obrazki/on.png') no-repeat; }
.nav > * { cursor: pointer;}*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}