/* === RESET === */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* === GENERAL === */
body {
	background: #dfdfdf;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size: 13px;
	color: #858585;
	line-height: 1.2;
}

input,
select,
textarea {
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size: 13px;
	color: #858585;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	outline: none;
}

a { 
	text-decoration: none; 
	outline: none;
	color: #4d4d4d;
}
	a:hover { 
		text-decoration: underline;
	}
	a img { 
		border: 0;
	}
	
.wrapper {
	width: 874px;
	margin: 0 auto;
	position: relative;
}

/* === HEADER === */
#header {
	background: #fff url(../images/header.png) no-repeat center 0;
}
	#header .wrapper {
		height: 381px;
		background: no-repeat right bottom;
	}
	
	#headerSWF {
		position: absolute;
		left: 0;
		top: 91px;
		width: 874px;
		height: 247px;
	}
		#headerSWF .flash {
			color: #fff;
			line-height: 247px;
			text-align: center;
			font-size: 18px; 
		}
	
	#logo {
		display: block;
		position: absolute;
		top: 31px;
		left: 18px;
	}
	
	#lang {
		list-style: none;
		position: absolute;
		top: 16px;
		right: 19px; 
	}
		#lang li {
			float: left;
		}
		#lang a {
			display: block;
			padding-right: 28px;
			margin-left: 13px;
			background: url(../images/lang.png) no-repeat 0 0;
			line-height: 11px;
			font-size: 10px;
			text-transform: uppercase;
			color: #97aac8;
		}
			#lang .active,
			#lang a:hover {
				color: #c3c4c5;
			}
			#lang .pl {
				background-position: right 0;
			}
			#lang .en {
				background-position: right -11px;
			}
			
	#menu {
		list-style: none;
		position: absolute;
		top: 53px;
		right: 0;
		z-index: 10;
	}
		#menu ul {
			list-style: none;
			margin-top: 8px;
			display: none;
			position: absolute;
		}
			#menu li:hover ul,
			#menu li ul:hover {
				display: block;
			}
		#menu li {
			float: left;
			height: 38px;
		}
			#menu ul li {
				float: none;
				height: auto;
			}
		#menu a {
			display: block;
			padding: 0 15px;
			line-height: 30px;
			font-size: 12px;
			color: #fff;
		}
			#menu .active,
			#menu li:hover a,
			#menu li:hover ul a:hover,
			#menu li:hover ul .active {
				background: #97aac8;
				text-decoration: none; 
			}
			#menu li:hover ul a {
				background: url(../images/menu_transparent.png) repeat 0 0;
			}
			
	#numHeaders {
		list-style: none;
		position: absolute;
		bottom: 0;
		left: 15px;
	}
		#numHeaders li {
			float: left;
			width: 190px;
			margin-right: 26px;
		}
		#numHeaders a,
		#numHeaders div {
			display: block;
			margin: 8px 0 3px 0;
			padding-bottom: 5px;
			line-height: 27px;
			background: url(../images/product_headers.png) no-repeat 0 0;
			text-transform: uppercase;
			font-size: 14px;
			color: #2f3541; 
		}
			#numHeaders a:hover,
			#numHeaders .active {
				text-decoration: none;
				background-position: 0 -32px;
			}
				#numHeaders .no {
					display: inline-block;
					width: 27px;
					margin-right: 8px;
					text-align: center;
				}
				
	#singleHeader {
		position: absolute;
		bottom: 8px;
		left: 55px;
		line-height: 28px;
		font-size: 18px;
		color: #2f3541;
		text-transform: uppercase;
	}
		#singleHeader .pytania {
			color: #59a9d7;
		}
			
/* === CONTENT === */
#content {
	background: url(../images/content.png) repeat-y center 0;
}
	#content .wrapper {
		background: url(../images/content_line.png) repeat-y 650px 0;
	}

	#main {
		float: left;
		width: 650px;
	}
		
		#main .kontakt form {
			margin-top: -5px; 
		}
		#main label {
			display: block;
			margin: 5px 0;
		}
			#main label.error {
				color: #ff0000;
			}
		#main input,
		#main textarea,
		#main select {
			display: block;
			width: 176px;
			padding: 5px;
			font-size: 12px;
			color: #fff;
			background: #97aac8;
			border: 2px solid #fff;
		}
		#main textarea {
			overflow-y: auto;
			height: 96px; 
		}
			#main .zamowienia textarea {
				width: 541px;
				font-size:11px;
			}
			#main .zamowienia .col {
				width: 200px;
				float: left;
			}
			#main .zamowienia p.error {
				color: red;
			}
		#main select {
			width: 190px;
		}
		#deliveryCheck {
			width:30px !important;
			border:0 !important;
			display:inline !important;
		}
		#deliveryFields {
			display:none;
		}
			#main input:focus,
			#main textarea:focus,
			#main select:focus {
				border-color: #818181;
			}
			#main label.error input,
			#main label.error textarea,
			#main label.error select {
				border-color: #ff0000;
			}
			#main .submit {
				width: 190px;
			}
				#main .submit input {
					width: auto;
					float: right;
					cursor: pointer;
					text-transform: uppercase;
				}
					#main .submit input:hover {
						border-color: #818181;
					}
			#main .captcha {
				display: block;
			}
				#main .captcha input {
					float: left;
					width: 81px;
					margin-right: 5px;
				}
				#main .captcha img {
					display: block;
					float: left;
					width: 90px;
					height: 28px;
				}
			#main .radio {
				display: block;
				color: #fff;
				background: #97aac8;
				border: 2px solid #fff;
				width: 176px;
				padding: 5px;
				font-size: 10px;
			}
				#main .error .radio {
					border-color: #ff0000;
				}
				#main .radio input {
					display: inline;
					width: auto;
					height: auto;
					border: 0;
					background: none;
				}
		
		#main p {
			margin: 15px 0;
		}
		#main ul {
			margin-left: 15px;
		}
		#main ol {
			margin-left: 20px;
		}
		
		#main .head {
			margin: 15px 0;
			font-size: 17px;
			font-weight: 700;
			color: #6c717c;
			text-transform: uppercase;
		}
			#main h3.head {
				font-size: 13px;
			}
			#main .pytania .head {
				display: block;
				margin-bottom: 5px;
				color: #a3c8d9;
				font-weight: 400;
				text-transform: none;
			}
			#main .pytania .desc {
				margin: 5px 0;
			}
			
		#main .line {
			border-bottom: 1px solid #dfdfdf;
		}
		
		#main .buttons {
			margin: 15px 0;
		}
			#main .buttons .prev,
			#main .buttons .next {
				display: block;
				border: 0;
				padding: 0;
				width: 85px;
				height: 22px;
				line-height: 22px;
				background: url(../images/buttons.png) no-repeat 0 0;
				font-size: 13px;
				color: #4e4e4e;
				text-transform: uppercase;
			}
				#main .buttons .prev {
					float: left;
					text-align: left;
					padding-left: 30px;
					background-position: 0 -28px;
				}
				#main .buttons .next {
					float: right;
					text-align: right;
					padding-right: 30px;
				}
					#main .buttons .prev:hover,
					#main .buttons .next:hover {
						text-decoration: none;
						color: #000;
					}
						#main .buttons input.prev,
						#main .buttons input.next {
							width: 115px;
							cursor: pointer;
						}
	
		#oneCol {
			margin: 0 45px 0 15px;
		}
			#oneCol .kontakt,
			#oneCol .zamowienia,
			#oneCol .pytania {
				margin-left: 35px;
			}

		#twoCols {
		}
			#twoCols .col {
				float: left;
				width: 265px;
				margin: 0 45px 0 15px;
			}
		#threeCols {
		}
			#threeCols .col {
				float: left;
				width: 186px;
				margin: 0 15px;
			}
	
	#side {
		float: left;
		width: 219px;
		padding-left: 5px;
	}
	
		#side .box,
		#boxes .box {
			display: block;
			width: 219px;
			height: 92px;
			background: #f8f8f8 url(../images/side_box.png) no-repeat 0 bottom;
			font-size: 12px;
			font-weight: 700;
			color: #a9a9a9;
			border-bottom: 10px solid #f1f0f0;
		}
			#side .box:hover,
			#boxes .box:hover {
				background-position: -219px bottom;
				color: #a3c8d9;
				text-decoration: none;
			}
			#side .boxLast {
				border-bottom: 0;
			}
				#side .box img,
				#boxes .box img {
					display: block;
				}
				#side .box .label,
				#boxes .box .label {
					display: block;
					margin-top: 1px;
					padding: 8px 13px;
					line-height: 11px;
					text-align: center;
					position: relative;
				}
				
		#side label {
			display: block;
			padding: 15px 0 0 15px;
			font-size: 12px;
			color: #a3c8d9;
		}
			#searchProduct {
				display: block;
			}
			#side .search {
				height: 56px;
				background: url(../images/pytania_search.png) no-repeat 15px bottom;
				position: relative;
			}
				#side .search input {
					position: absolute;
					bottom: 0;
					border: 0;
					background: none;
					font-size: 13px;
					color: #fff;
				}
					#side .search .query {
						left: 15px;
						width: 136px;
						padding: 4px;
					}
					#side .search .submit {
						left: 159px;
						width: 60px;
						height: 24px;
						line-height: 24px;
						cursor: pointer;
					}
				
	#boxes {
		width: 448px;
		padding: 10px;
		margin: 15px auto;
		background: #f1f0f0;
	}		
		#boxes .box {
			float: left;
			border-bottom: 0;
		}
		#boxes .box2 {
			margin-left: 10px;
		}
			#boxes .box .labelTop {
				display: block;
				padding-top: 10px;
				line-height: 31px;
				font-size: 18px;
				text-transform: uppercase;
				text-align: center;
				color: #97aac8;
			}
				#boxes .box:hover .labelTop {
					color: #a3c8d9;
				}
	
	#koszyk {
		width: 555px;
		font-size: 10px;
		line-height: normal;
	}
		#koszyk td {
			padding: 2px 5px;
			border: 2px solid #fff;
		}
			#koszyk .produkt {
				width: 170px;
				background: #4d4d4d url(../images/koszyk_produkt.png) repeat-y 0 0;
				color: #fff;
				text-transform: uppercase;
			}
			#koszyk .total {
				width: 170px;
				background: #313c42;
				color: #fff;
				font-size: 12px;
			}
			#koszyk .ilosc {
				width: 30px;
				background: #8fafbe;
				color: #4d4d4d;
				text-align: center;
			}
				#koszyk .ilosc input {
					width: 30px;
					height: auto;
					line-height: normal;
					text-align: center;
					border: 0;
					background: none;
					color: #4d4d4d;
					margin: 0;
					padding: 0;
				}
			#koszyk .minus,
			#koszyk .plus {
				width: 20px;
				background: #6d8591;
				color: #fff;
				text-align: center;
				font-size: 20px;
				line-height: 12px;
				padding: 0;
			}
			#koszyk .plus {
				background: #8fafbe;
				color: #6d8591;
			}
				#koszyk .minus a,
				#koszyk .plus a {
					color: #fff;
					display: block;
					width: 10px;
					padding: 5px;
				}
					#koszyk .minus a:hover,
					#koszyk .plus a:hover {
						text-decoration: none;
					}
			#koszyk .label {
				background: #313c42;
				color: #fff;
				text-align: center;
			}
			#koszyk .cena,
			#koszyk .cenaTotal,
			#koszyk .wartosc {
				width: 70px;
				background: #8fafbe;
				color: #4d4d4d;
				text-align: center;
			}
			#koszyk .txt {
				font-size: 12px;
			}
			#koszyk .empty {
				border: 0;
			}
			
	#movie {
		display: none;
		padding: 5px;
		background: #333333;
	}
		#movie * {
			display: block;
		}
		#simplemodal-overlay {
			background: #000;
		}
		#movie .simplemodal-close {
			display: block;
			color: #fff;
			text-align: right;
			padding: 5px;
		}
		
	#paging {
		margin: 15px 0;
	}
		#paging table {
			margin: 0 auto;
			background: #e5e5e5;
		}
			#paging table .prev a,
			#paging table .next a {
				display: block;
				width: 22px;
				height: 22px;
				background: url(../images/buttons.png) no-repeat 0 0;
			}
				#paging table .prev a {
					background-position: 0 -28px;
				}
				#paging table .next a {
					background-position: -93px 0;
				}
			#paging table .page a {
				display: block;
				padding: 0 5px;
				color: #4e4e4e;
				line-height: 22px;
			}
				#paging table .page a.active,
				#paging table .page a:hover {
					color: #bcbcbc;
					text-decoration: none;
				}
				
	#tags {
		margin: 15px 0 0 15px;
	}
		#tags a {
			color: #a3c8d9;
		}
			#tags .small {
				font-size: 14px;
			}
			#tags .medium {
				font-size: 18px;
			}
			#tags .big {
				font-size: 24px;
			}

/* === FOOTER === */
#footer {
	background: url(../images/footer.png) no-repeat center 0;
}
	#footer .wrapper {
		height: 92px;
	}
	
	#menuBottom {
		list-style: none;
		position: absolute;
		bottom: 10px;
		left: 16px;
	}
		#menuBottom li {
			float: left;
			margin-right: 40px;
		}
		#menuBottom a {
			display: block;
			font-size: 10px;
			color: #909090;
			line-height: 14px;
		}
		
	#links {
		list-style: none;
		position: absolute;
		top: 31px;
		right: 13px;
	}
		#links a {
			font-size: 11px;
			color: #909090;
		}
			#links .allegro {
				color: #ff6101;
			}
			#links .tanie {
				color: #4d4d4d;
			}

/* === MISC === */
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix { display: block; }
.clear { clear: both; }

/***********************************/

#topLayer {
	display:none;
}

#topLayer .cont {
	width:509px;
	height:384px;
	background:url(../images/top_layer.png) no-repeat;
}

#topLayer .cont .close {
	display:block;
	width:33px;
	height:33px;
	background:url(../images/blank.gif);
	text-indent:-9999px;
	position:relative;
	left:452px;
	top:25px;
}

#topLayer .cont .order {
	display:block;
	width:257px;
	height:34px;
	background:url(../images/blank.gif);
	text-indent:-9999px;
	position:relative;
	left:230px;
	top:300px;
}