#container, #nav li, #content, #szklo.type_list li, #scrollbox_wrapper, #scrollbox { position: relative; }
h1, h1 span, #container.splash ul, #nav, #nav span, #info, #info span, #info_image, #controls, #controls div, #controls span, #szklo.type_list span, #lampy.type_list li { position: absolute; }
h1.splash { position: inherit; }

h1 span, #nav span, img, #szklo span, a.img { display: block; }

#container.splash li, #szklo li, #lampy li, .aktualnosc li, #controls div, #lampy_main, #lampy_main li, .left { float: left; }
#description, .right { float: right; }

#szklo, .aktualnosc, #o_velt h3, #o_velt h4, #o_velt p { clear: both; }

#container, #object_wrapper, .aktualnosc ul, #controls div { overflow: hidden; }

ul { list-style-type: none; }

h1 span, #nav span { cursor: pointer; }
.scroll-pane p { cursor: text; }

/* FONTS { */

	body { font-family: "verdana", "arial", "helvetica", sans-serif; }
	h2, h3, h4 { font-family: "trebuchet ms", "verdana", "arial", "helvetica", sans-serif; }
	
	body { font-size: 13px; }
	#container.splash li { font-size: 15px; }
	#szklo span { font-size: 19px; }
	#info, h4 { font-size: 17px; }
	h2 { font-size: 32px; }
	h3 { font-size: 20px; }
	#controls { font-size: 9px; }
	
	body { line-height: 18px; }
	h1, h3, #szklo span { line-height: 25px; }
	#info { line-height: 20px; }
	h2 { line-height: 37px; }
	h4 { line-height: 22px; }
	#controls { line-height: 12px; }
	
	body { color: #000; }
	body.lampy { color: #ddd; }
	a { color: #555; }
	h1.splash a { color: #fff; }
	h1.splash a:hover, #container.splash a { color: #000; }
	#container.splash a:hover { color: #555; }
	body.szklo h3, body.szklo h4, body.szklo .data, body.szklo #info { color: #333; }
	body.lampy h3, body.lampy h4, body.lampy .data, body.lampy #info { color: #ccc; }
	
	body, #object_wrapper, #szklo li { text-align: center; }
	#container, #description { text-align: left; }
	#container.splash { text-align: center; }
	
	a { text-decoration: none; }
	
	h2, h3, h4 { font-weight: normal; }
	
	#o_velt p { text-indent: 15px; }

/* } FONTS */

/* BACKGROUND { */

	body { background-color: #fff; }
	body.lampy, #info_image { background-color: #000; }
	
	h1 span { background-image: url(../img/logo_szklo.png); }
	body.lampy h1 span { background-image: url(../img/logo_lampy.png); }
	h1.splash span { background-image: url(../img/splash1.png); }
	body.szklo #nav span { background-image: url(../img/nav_szklo.png); }
	body.lampy #nav span { background-image: url(../img/nav_lampy.png); }
	body.szklo #nav.en span { background-image: url(../img/nav_szklo-en.png); }
	body.lampy #nav.en span { background-image: url(../img/nav_lampy-en.png); }
        body.szklo #nav.de span { background-image: url(../img/nav_szklo-de.png); }
        body.lampy #nav.de span { background-image: url(../img/nav_lampy-de.png); }
	body.szklo #info span { background-image: url(../img/info_szklo.png); }
	body.lampy #info span { background-image: url(../img/info_lampy.png); }
	#info_image { background-image: url(../img/kontakt_lampy.jpg); }
	body.szklo #info_image { background-image: url(../img/kontakt_szklo.png); }
	#controls div span { background-image: url(../img/arrows.png); }
	
	#nav1 span { background-position: 0 0; }
	#nav2 span { background-position: 0 -34px; }
	#nav3 span { background-position: 0 -68px; }
	#nav4 span { background-position: 0 -102px; }
	#nav5 span { background-position: 0 -136px; }
	#info_image { background-position: center center; }
	body.lampy #info_image { background-position: center top; }
	.prev span { background-position: left 0; }
	.next span { background-position: right 0; }
	body.lampy .prev span { background-position: left -43px; }
	body.lampy .next span { background-position: right -43px; }
	
	body * { background-repeat: no-repeat; }

/* } BACKGROUND */

html * { margin: 0; padding: 0; outline: 0; border: 0; }

h1 span, #nav span {
	left: 0;
	top: 0;
}

#container {
	width: 980px;
	min-height: 560px;
	margin: 20px auto 20px;
}

	h1, h1 span {
		width: 194px;
		height: 96px;		
	}

	h1 {
		left: 20px;
		top: 20px;
	}

	h1.splash, h1.splash span {
		width: 623px;
		height: 300px;	
	}

	h1.splash { margin: 130px 0 0 178px; }

	#container.splash ul {
		right: 50px;
		top: 500px;
	}

		#container.splash li {
			margin: 0 0 0 15px;
		}


	#info, #info span {
		width: 255px;
		height: 103px;
	}

		#info {
			left: 37px;
			top: 140px;
		}

		#info span {
			left: 0;
			top: 0;
		}

		#info p { margin: 0 0 20px 0; }

	#info_image {
		width: 476px;
		height: 515px;
		left: 484px;
		top: 20px;
	}

	#nav {
		left: 38px;
		top: 328px;
	}

		#nav li, #nav span {
			width: 170px;
			height: 34px;
		}
	
		#nav li { margin: 0 0 24px 0; }

	#content {
		margin: 20px 0 0 300px;
	}

		#o_velt { margin: 5px 0 0 50px; }

			#o_velt h3 { margin: 0 40px 10px 0; }

			#o_velt h4 { margin: 0 40px 10px 0; }

			#o_velt p { margin: 0 40px 10px 0; }

			#o_velt a.img { margin: 7px 15px 15px 0; }

				#o_velt a.img.right { margin: 7px 0 15px 15px; }

		#object_wrapper {
			width: 680px;
			min-height: 385px;
		}

			#object_wrapper img { margin: 0 auto; }

			#description {
				width: 350px;
				min-height: 365px;
				margin: 0 15px 0 0;
			}

				#description h2 { margin: 0 0 5px 0; }

				#description p { margin: 0 0 10px 0; }

				#description img { margin: 20px 0 0 0; }

		#lampy_main { margin: 30px 0 0 0; }

			#lampy_main li { margin: 0 10px 0 10px; }

		body.lampy #scrollbox_wrapper { margin: 30px 0 0 220px; }

		body.szklo #scrollbox_wrapper { margin: 30px 0 0 0; }

		body.lampy #scrollbox { width: 420px; }

		body.szklo #scrollbox { width: 650px; }

			#szklo.type_list { margin: 130px 0 0 0; }

			#lampy li, #szklo li { margin: 0 10px 0 10px; }

				#szklo.type_list li { margin: 0 30px 0 0; }

					#szklo.type_list li:last-child { margin: 0 0 0 0; }

				#szklo span {
					min-width: 170px;
					left: 0;
					top: 300px;
				}

				#lampy.type_list li {
					margin: 0 0 0 0;
					height: 220px;
				}

				body.lampy #controls {
					width: 470px;
					height: 43px;
					left: -25px;
					top: 28px;
				}

				body.szklo #controls {
					width: 710px;
					height: 43px;
					left: -25px;
					top: 28px;
				}

					#controls div, #controls span {
						width: 14px;
						height: 43px;	
					}

						#controls span {
							left: 0;
							top: 0;
						}

						.prev { left: 0; }
						body.szklo .next { left: 685px;}
						body.lampy .next { left: 465px;}

				#lampy.type_list li { margin: 0 !important; }

				#lampa_lampa-2k {
					left: 0;
					top: 0;
				}

				#lampa_lupa {
					left: 150px;
					top: 0;
				}

				#lampa_laga {
					left: 360px;
					top: 0;
				}

				#lampa_lampa-2k2 {
					left: 540px;
					top: 0;
				}

				#lampa_camera-obscura {
					left: 10px;
					top: 235px;
				}

				#lampa_oko {
					left: 140px;
					top: 260px;
				}

				#lampa_lampa-ju {
					left: 490px;
					top: 235px;
				}

		h2 { margin: 30px 0 25px 0; }

		.aktualnosc { margin: 0 0 30px 0; }

			.aktualnosc p { margin: 0 40px 10px 0; }

			p.data { margin: 3px 0 5px 0; }

			.aktualnosc li { margin: 0 10px 0 0; }