html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #2e2e34;
	background-image: url(grafika/tlo.jpg);
}


#MAIN {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
width: 100%;
float: left;
position: relative;
overflow: visible;
background-color: #FFFFFF;
}

#POZIOM1 {
height: 60px;
width: 100%;
position: relative;
float: left;
background-color: #1b1b1b;
background-image: url(grafika/tlo_menu.jpg); background-repeat: repeat-x; background-position: top; 
}
	
		#MENU {
		width: 900px;
		margin: 0px auto;
		}
			.logo {
			width: 450px;
			float: left;
			position: relative;
			height: 60px;
			}
			.menu_box {
			width: 450px;
			height: 60px;
			float: left;
			position: relative;
			}
			
			.lista_menu {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			float: left;
			position: relative;
			height: 60px;
			width: 448px;
			border-left: 1px solid #303030;
			border-right: 1px solid #212121;
			}
				.lista_menu li {
				float: left;
				display: inline;
				width: 110px;
				height: 60px;
				border-right: 1px solid #303030;
				border-left: 1px solid #212121;
				}
				
				.menu0 {
				width: 110px;
				height: 60px;
				line-height: 60px;
				display: block;
				background-image: url(grafika/menu0.png); background-repeat: no-repeat; background-position: top; 
				}
					.menu0 span.hover {
					width: 110px;
					height: 60px;
					line-height: 60px;
					display: block;
					background-image: url(grafika/menu0.png); background-repeat: no-repeat; background-position: bottom; 
					}
					.menu0_aktywne {
					width: 110px;
					height: 60px;
					line-height: 60px;
					display: block;
					background-image: url(grafika/menu0.png); background-repeat: no-repeat; background-position: bottom; 
					}
					
				
				.menu1 {
				width: 110px;
				height: 60px;
				line-height: 60px;
				display: block;
				background-image: url(grafika/menu1.png); background-repeat: no-repeat; background-position: top; 
				}
					.menu1 span.hover {
					width: 110px;
					height: 60px;
					line-height: 60px;
					display: block;
					background-image: url(grafika/menu1.png); background-repeat: no-repeat; background-position: bottom; 
					}
					.menu1_aktywne {
					width: 110px;
					height: 60px;
					line-height: 60px;
					display: block;
					background-image: url(grafika/menu1.png); background-repeat: no-repeat; background-position: bottom; 
					}
					
				.menu2 {
				width: 110px;
				height: 60px;
				line-height: 60px;
				display: block;
				background-image: url(grafika/menu2.png); background-repeat: no-repeat; background-position: top; 
				}
					.menu2 span.hover {
					width: 110px;
					height: 60px;
					line-height: 60px;
					display: block;
					background-image: url(grafika/menu2.png); background-repeat: no-repeat; background-position: bottom; 
					}
					.menu2_aktywne {
					width: 110px;
					height: 60px;
					line-height: 60px;
					display: block;
					background-image: url(grafika/menu2.png); background-repeat: no-repeat; background-position: bottom; 
					}
					
				.menu3 {
				width: 110px;
				height: 60px;
				line-height: 60px;
				display: block;
				background-image: url(grafika/menu3.png); background-repeat: no-repeat; background-position: top; 
				}
					.menu3 span.hover {
					width: 110px;
					height: 60px;
					line-height: 60px;
					display: block;
					background-image: url(grafika/menu3.png); background-repeat: no-repeat; background-position: bottom; 
					}
					.menu3_aktywne {
					width: 110px;
					height: 60px;
					line-height: 60px;
					display: block;
					background-image: url(grafika/menu3.png); background-repeat: no-repeat; background-position: bottom; 
					}
		
#POZIOM2 {
height: 420px;
width: 100%;
position: relative;
float: left;
background-color: #000000;
}
	#BANER {
	width: 960px;
	height: 520px;
	margin: 40px auto 0px auto;
	background-image: url(grafika/tlo_baner.png); background-repeat: no-repeat; background-position: top; 
	z-index: 111;
	position: relative;
	}
	
		#SLAJDY {
		margin: 0px auto;
		width: 900px;
		height: 420px;
		padding: 0px;
		z-index: 999;
		position: relative;
		}
		.baner_foto {
		margin: 0px;
		}
	
#POZIOM3 {
min-height: 400px;
width: 100%;
position: relative;
float: left;
background-color: #FFFFFF;
padding-top: 130px;
background-image: url(grafika/tlo_p3.jpg); background-position: top; 
}
	#GLOWNA {
	width: 810px;
	margin: 0px auto;
	}
		#TRESC {
		width: 810px;
		float: left;
		font: 13px Arial;
		line-height: 22px;
		text-align: justify;
		padding-bottom: 40px;
		color: #1f1c1c;
		}
	
		#LEWA {
		float: left;
		position: relative;
		width: 400px;
		height: 300px;
		
		}
			#LEWA1 {
			float: left;
			position: relative;
			width: 400px;
			height: 150px;
			font: 13px Arial;
			color: #1f1c1c;
			border-bottom: 1px solid #898989;
			line-height: 20px;
			}
			#LEWA2 {
			float: left;
			position: relative;
			width: 400px;
			height: 140px;
			font: 13px Arial;
			color: #1f1c1c;
			line-height: 20px;
			padding-top: 10px;
			}
			
			#LEWA3 {
			float: left;
			position: relative;
			width: 400px;
			height: 300px;
			font: 13px Arial;
			color: #1f1c1c;
			line-height: 20px;
			}
			
			.n1 {
			font: 27px Arial;
			font-family: 'PT Sans Narrow', sans-serif;
			color: #1f1c1c;
			margin: 11px 0px 10px 0px;
			padding: 0px;
			}
				
			.n2 {
			font: 23px Arial;
			font-family: 'PT Sans Narrow', sans-serif;
			color: #1f1c1c;
			margin: 15px 0px 25px 0px;
			padding: 0px;
			}
			
			.n3 {
			font: 27px Arial;
			font-family: 'PT Sans Narrow', sans-serif;
			color: #1f1c1c;
			margin: 11px 0px 0px 0px;
			padding: 0px;
			}
			
				.wiecej {
				float: left;
				margin: 10px 0px 0px 310px;
				width: 90px;
				height: 26px;
				font: 13px Arial;
				line-height: 26px;
				text-align: center;
				text-decoration: none;
				background-color: #ff9c00;
				vertical-align: middle;
				color: #FFFFFF;
				}
					.wiecej span.hover{
					float: left;
					margin-top: -26px;
					width: 90px;
					height: 26px;
					font: 13px Arial;
					line-height: 26px;
					text-align: center;
					text-decoration: none;
					background-color: #2e2f2e;
					vertical-align: middle;
					color: #FFFFFF;
					}
					.str_arrow {
					font: bold 13px Verdana, Arial;
					}
			
		#LEWAB {
		float: left;
		position: relative;
		width: 280px;
		height: 340px;
		}	
		
		#PRAWAB {
		width: 459px;
		padding-left: 60px;
		height: 320px;
		padding-top: 20px;
		float: left;
		position: relative;
		border-left: 1px solid #ff9c00;
		}
		 .info {
		 	font: 18px Arial;
			font-family: 'PT Sans Narrow', sans-serif;
			color: #1f1c1c;
			margin: 0px 0px 0px 0px;
			height: 280px;
			text-align: center;
			line-height: 280px;
			vertical-align: middle;
			width: 459px;
			padding: 0px;
		 }
		
		.lista_kategorie {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		}
		
			.lista_kategorie li {
			padding-bottom: 4px;
			padding-top: 4px;
			border-bottom: 1px solid #dddddd;
			margin-right: 20px;
			}
				
				.link_kat {
				text-decoration: none;
				font: 14px Arial;
				color: #4b4d4d;
				width: 140px;
				height: 20px;
				padding-left: 20px;
				line-height: 20px;
				display: block;
				background:url(grafika/strzalka.png); background-repeat: no-repeat; background-position: left;
				}
				.link_kat:hover {
				text-decoration: none;
				color: #ff9c00;
				width: 140px;
				padding-left: 20px;
				height: 20px;
				line-height: 20px;
				display: block;
				background:url(grafika/strzalka2.png); background-repeat: no-repeat; background-position: left;
				}
				
				
				.prod_box {
				width: 262px;
				height: 258px;
				line-height: 258px;
				float: left;
				position: relative;
				margin-right: 10px;
				margin-bottom: 10px;
				border: 1px solid #dddddd;
				background-color: #FFFFFF;
				display: block;
				color: #1f1c1c;
				}
					.prod_box:hover {
					width: 262px;
					height: 258px;
					line-height: 258px;
					float: left;
					position: relative;
					display: block;
					border: 1px solid #ff9c00;
					}
			
		#LEWAB2 {
		float: left;
		position: relative;
		width: 200px;
		min-height: 300px;
		margin-bottom: 40px;
		}	
		
		#PRAWAB2 {
		width: 539px;
		padding-left: 60px;
		min-height: 300px;
		padding-top: 0px;
		float: left;
		position: relative;
		border-left: 1px solid #e0e0e0;
		font: 13px Arial;
		line-height: 22px;
		text-align: justify;
			color: #1f1c1c;
			margin-bottom: 40px;
		
		}
		
		#PRAWAB3 {
		width: 559px;
		padding-left: 40px;
		min-height: 300px;
		padding-top: 0px;
		float: left;
		position: relative;
		border-left: 1px solid #e0e0e0;
		font: 13px Arial;
		line-height: 22px;
		text-align: justify;
			color: #1f1c1c;
			margin-bottom: 40px;
		
		}
		
		
		
		#PRAWA {
		margin-left: 50px;
		width: 348px;
		height: 298px;
		float: left;
		border: 1px solid #ff9c00;
		background-color: #FFFFFF;
		}
			#GALERIA_OBRAZY {
				margin-top: 20px;
				width: 268px;
				float: left;
				position: relative;
				margin-bottom: 20px;
				}
				.anyClass {
				width: 268px;
				margin: 0px auto;
				padding: 0px;
				text-align: center;
				}
		
				.foto_mini_galeria {
				width: 262px; 
				height: 258px; 
				line-height: 258px;
				vertical-align: middle;
				margin: 0px 3px; 
				text-align: center;
				}
				
				.nazwa {
				float: left;
				width: 242px;
				height: 30px;
				font: 19px Arial;
				font-family: 'PT Sans Narrow', sans-serif;
				vertical-align: middle;
				text-align: center;
				margin: 20px 0px 0px 0px;
				padding: 0px 10px;
				}
				
				.link_mini_slider {
				float: left;
					outline: none;
					display: block;
					width: 262px;
					height: 168px;
					}
						.link_mini_slider:hover {
						outline: none;
						display: block;
						width: 262px;
						height: 168px;
						}
				
				.link_mini_slider2 {
				float: left;
					outline: none;
					display: block;
					width: 262px;
					height: 168px;
					}
						.link_mini_slider2:hover {
						outline: none;
						display: block;
						width: 262px;
						height: 168px;
						}
				
				.link_mini_slider3 {
				float: left;
					outline: none;
					display: block;
					width: 262px;
					height: 168px;
					}
						.link_mini_slider3:hover {
						outline: none;
						display: block;
						width: 262px;
						height: 168px;
						}
				
				.cena {
				float: left;
				width: 242px;
				height: 40px;
				font: 17px Arial;
				font-family: 'PT Sans Narrow', sans-serif;
				vertical-align: middle;
				text-align: center;
				margin: 0px;
				color: #1f1c1c;
				padding: 0px 10px;
				}
					.cena_str {
					margin-right: 5px;
					padding: 0px 4px;
					font: bold 17px Arial;
					font-family: 'PT Sans Narrow', sans-serif;
					color: #ff9c00;
					}
					
				
						
				
				.cena2 {
				float: left;
				width: 810px;
				height: 20px;
				font: 17px Arial;
				font-family: 'PT Sans Narrow', sans-serif;
				vertical-align: middle;
				text-align: left;
				margin: 0px 0px 10px 0px;
				color: #1f1c1c;
				padding: 0px;
				}
					.cena_str2 {
					padding: 0px;
					font: bold 17px Arial;
					font-family: 'PT Sans Narrow', sans-serif;
					color: #ff9c00;
					}
				
				
				
					.next {
					float: right;
					position: relative;
					width: 40px;
					height: 40px;
					line-height: 40px;
					display: block;
					vertical-align: middle;
					border: 0px;
					margin: 127px -1px 0px 0px;
					padding: 0px;
					cursor: pointer;
					background-image: url(grafika/next.png); background-repeat: no-repeat; background-position: bottom; 
					}
						.next span.hover {
						width: 40px;
						height: 40px;
						line-height: 40px;
						
						display: block;
						background-image: url(grafika/next.png); background-repeat: no-repeat; background-position: top; 
						}
						
					.prev {
					float: left;
					position: relative;
					width: 40px;
					height: 40px;
					line-height: 40px;
					display: block;
					color: none;
					border: 0px;
					margin: 127px 0px 0px -1px;
					padding: 0px;
					cursor: pointer;
					background-image: url(grafika/prev.png); background-repeat: no-repeat; background-position: bottom; 
					}
						.prev span.hover {
						width: 40px;
						height: 40px;
						line-height: 40px;
						display: block;
						background-image: url(grafika/prev.png); background-repeat: no-repeat; background-position: top; 
						}		

				.neu {
				width: 117px;
				height: 27px;
				font: bold 17px Arial;
				font-family: 'PT Sans Narrow', sans-serif;
				line-height: 27px;
				vertical-align: middle;
				margin: -315px 20px 0px 145px;
				padding: 0px 10px 0px 10px;
				background-color: #ff9c00;
				color: #FFFFFF;
				float: right;
				text-align: center;
				position: relative;
				
				}
		
#POZIOM4 {
height: 200px;
width: 100%;
position: relative;
float: left;
background-image: url(grafika/tlo.jpg);
}
	#STOPKA {
	width: 800px;
	height: 200px;
	margin: 0px auto;
	}
		#STOPKA1 {
		float: left;
		position: relative;
		width: 250px;
		margin: 0px 0px 20px 0px;
		height: 160px;
		}
		#STOPKA2 {
		float: left;
		position: relative;
		width: 250px;
		margin: 0px 0px 20px 0px;
		height: 160px;
		font: 12px Arial;
		color: #d9d9d9;
		}
		#STOPKA3 {
		float: left;
		position: relative;
		width: 300px;
		margin: 0px 0px 20px 0px;
		height: 160px;
		font: 12px Arial;
		color: #d9d9d9;
		}
	
		.nag_stop {
		float: left;
		position: relative;
		width: 250px;
		height: 30px;
		background:url(grafika/shortcuts.png); background-repeat: no-repeat; background-position: top left;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		}
		.nag_stop2 {
		float: left;
		position: relative;
		width: 250px;
		height: 30px;
		background:url(grafika/schnellanfrage.png); background-repeat: no-repeat; background-position: top left;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		}
		.nag_stop3 {
		float: left;
		position: relative;
		width: 300px;
		height: 30px;
		background:url(grafika/tel.png); background-repeat: no-repeat; background-position: top left;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		}
		
			.szybki_kontakt {
			width: 249px;
			padding: 0px;
			margin: 10px 0px 0px 0px;
			float: left;
			list-style-type: none;
			font: 12px Arial;
			line-height: 18px;
			}
			
			.copy {
			width: 300px;
			padding: 0px;
			margin: 10px 0px 0px 0px;
			float: left;
			list-style-type: none;
			font: 12px Arial;
			line-height: 18px;
			color: #9f9f9f;
			border-top: 1px solid #565656;
			text-align: right;
			}
				.copy a {
				text-decoration: none;
				color: #FFFFFF;
				}
				.copy a:hover {
				text-decoration: none;
				color: #ff9c00;
				}
		
		.lista_stopka {
			width: 249px;
			padding: 0px;
			margin-left: 4px;
			float: left;
			list-style-type: none;
			font: 12px Arial;
			}
				.lista_stopka li {
				padding-bottom: 4px;
				}
				.link_lista_stopka {
				text-decoration: none;
				color: #d9d9d9;
				width: 140px;
				height: 20px;
				padding-left: 20px;
				line-height: 20px;
				display: block;
				background:url(grafika/strzalka.png); background-repeat: no-repeat; background-position: left;
				
				}
				.link_lista_stopka:hover {
				text-decoration: none;
				color: #ff9c00;
				width: 140px;
				padding-left: 20px;
				height: 20px;
				line-height: 20px;
				display: block;
				background:url(grafika/strzalka.png); background-repeat: no-repeat; background-position: left;
				}
				
		.kon_link {
		float: left;
		
		
				width: 117px;
				height: 20px;
				font: 12px Arial;
				line-height: 20px;
				text-align: center;
				text-decoration: none;
				background-color: #8c8c8c;
				vertical-align: middle;
				color: #FFFFFF;
		}
		
		.kon_link span.hover {
		float: left;
		
					margin-top: -20px;
					width: 117px;
					height: 20px;
					font: 12px Arial;
					line-height: 20px;
					text-align: center;
					text-decoration: none;
					vertical-align: middle;
					color: #FFFFFF;
					background-color: #8c8c8c;
					background-color: #ff9c00;
		}
		
		
/*FORMULARZ KONTAKTOWY*/		

	
.formularz_naglowek {
		font: 12px "Trebuchet Ms", Verdana;
		margin: 0px 0px 4px 2px;
		padding: 0px;
		color: #6c6a66;
		}
.formularz_naglowek_pole {
		height: 22px;
		margin: 0px 0px 17px 0px;
		padding: 0px;
		font: 12px Arial;
		color: #ff9c00;
		}
		.formularz_naglowek_pole2 {
		height: 150px;
		margin: 0px 0px 17px 0px;
		padding: 0px;
		font: 12px Arial;
		color: #ff9c00;
		}
		.formularz_pole {
		width: 220px;
		line-height: 23px;
		height: 23px;
		margin-bottom: 5px;
		margin-right: 5px;
		font: 15px Arial;
		padding-left: 5px;
		padding-right: 5px;
		color: #3f3f3f;
		background-color: #FFF;
		border: 1px solid #c2c2c2;
		}		
		
	
		
		
		.tresc_wi {
		width: 339px;
		height: 110px;
		margin-right: 179px;
		margin-bottom: 5px;
		padding: 5px;
		font: 14px Arial;
		color: #3f3f3f;
		background-color: #FFF;
		border: 1px solid #c2c2c2;
		}
		
		
		
		.link_mapa {
		float: left;
		
		
				padding: 0px 5px;
				height: 20px;
				font: 12px Verdana;
				line-height: 20px;
				text-align: center;
				text-decoration: none;
				background-color: #8c8c8c;
				vertical-align: middle;
				color: #FFFFFF;
		}
		
		.link_mapa:hover {
		float: left;
					
				padding: 0px 5px;	
					height: 20px;
					font: 12px Verdana;
					line-height: 20px;
					text-align: center;
					text-decoration: none;
					vertical-align: middle;
					color: #FFFFFF;
					background-color: #8c8c8c;
					background-color: #ff9c00;
		}
	
		.guzik_wyslij2 {
			width: 90px;
			border: 0px;
			height: 30px;
			float: right;
			cursor: pointer;
			text-align: right;
			margin: -20px 108px 0px 0px;
			line-height: 30px;
			vertical-align: middle;
			display: block;
			background:url(grafika/wyslij.png); background-repeat: no-repeat; background-position: top;
			}
			.guzik_wyslij2:hover {
			width: 90px;
			border: 0px;
			height: 30px;
			float: right;
			text-align: right;
			cursor: pointer;
			margin: -20px 108px 0px 0px;
			line-height: 30px;
			vertical-align: middle;
			display: block;
			background:url(grafika/wyslij.png); background-repeat: no-repeat; background-position: bottom;
			}
			
		
/*SLIDER*/

.foto_prodA {
width: 559px;
min-height: 150px;
float: left;
position: relative;
margin: 0px;
}


.gfxA {
		float: left;
		border:  1px solid #e0e0e0;
		margin-right: 20px;
		margin-bottom: 20px;
		}
		
				#GALERIA_SA {
				width: 583px;
				text-align: center;
				height: 120px;
				margin-top: 10px;
				float: left;
				position: relative;
				}
				
			
				.anyClassA {
				width: 500px;
				margin: 0px auto;
				padding: 0px;
				text-align: center;
				}
				
#GALERIA_OBRAZY_SA {
				width: 260px;
				float: left;
				position: relative;
				}
				
				
				.foto_mini_galeriaA {
				width: 120px; 
				height: 120px; 
				line-height: 120px;
				vertical-align: middle;
				background-color: #FFFFFF; 
				border:  1px solid #e0e0e0;
				margin: 0px 3px; 
				text-align: center;
				}
				
			
				.anyClass2A {
				padding: 0px;
				}
				
				#GALERIA_OBRAZY2_SA {
				margin-top: 0px;
				width: 580px;
				height: 130px;
				float: left;
				position: relative;
				text-align: right;
				}
				.anyClass2_sA {
				padding: 0px;
				}
				
				.lista_fotoA{
				
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			
				}
				.foto_mini_galeria2A {
				float: left;
				width: 120px; 
				height: 120px; 
				line-height: 120px;
				vertical-align: middle;
				background-color: #FFFFFF; 
				border:  1px solid #e0e0e0;
				margin: 0px 6px 0px 0px ; 
				text-align: center;
				}
				
			
				
				
					.lupa2 {
					height: 120px;
					width: 120px;
					display: block;
					}
						.lupa2 span.hover {
						height: 120px;
						width: 120px;
						display: block;
						background-image: url(grafika/tlo_lupa.png); background-repeat: no-repeat; background-position: top; 
						}
				
					/*.img_mini_slider {
					border: 0px;
					line-height: 120px;
					vertical-align: middle;
					}
					.img_mini_slider:hover {
					background-color: #c2c2c2;
					filter:alpha(opacity=40);
					opacity: 0.4;
					-moz-opacity:0.4;
					}
					*/
					.link_mini_sliderA {
					outline: none;
					display: block;
					width: 120px;
					height: 120px;
					}
						.link_mini_sliderA:hover {
						outline: none;
						display: block;
						width: 120px;
						height: 120px;
						}