/* === 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: #000 url('../images/body.png') repeat-x 0 0;
	font-family: Arial, Helvetica, Garuda, FreeSans, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.2;
}

input,
select,
textarea {
	font-family: Arial, Helvetica, Garuda, FreeSans, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
	outline: none;
}
	a:hover { 
		text-decoration: underline;
	}
	a img { 
		border: 0;
	}
	
#wrapper {
	width: 844px;
	margin: 0 auto;
	position: relative;
}
	
	#truck {
		width: 372px;
		height: 385px;
		background: url('../images/truck.jpg') no-repeat 0 0;
		position: absolute;
		top: 0;
		left: -372px;
	}

/* === HEADER === */
#header {
	height: 178px;
	background: url('../images/header.jpg') no-repeat 0 0;
	position: relative;
}

	#logo {
		display: block;
		width: 223px;
		height: 148px;
		position: absolute;
		top: 12px;
		left: 49px;
		text-indent: -9999px;
	}
	
	#search {
		width: 280px;
		height: 35px;
		position: absolute;
		top: 14px;
		left: 354px;
	}
		#search input {
			position: absolute;
			top: 0;
			left: 0;
			background: 0;
			border: 0;
			font-size: 14px;
		}
			#search .query {
				padding: 11px;
				width: 218px;
			}
			#search .submit {
				padding: 9px;
				width: 40px;
				left: 240px;
				color: #fff;
				cursor: pointer;
			}
			
	#searchLabel {
		width: 280px;
		position: absolute;
		top: 60px;
		left: 354px;
		color: #fff;
	}
			
	#lang {
		position: absolute;
		top: 23px;
		left: 657px;
		list-style: none;
	}
		#lang li {
			height: 12px;
			margin-bottom: 5px;
		}
		#lang a {
			display: block;
			padding-left: 31px;
			background: url('../images/lang.png') no-repeat 0 0;
			font-size: 12px;
			color: #cfcfcf;
		}
			#lang .pl {
				background-position: 0 0;
			}
			#lang .en {
				background-position: 0 -15px;
			}
			#lang .de {
				background-position: 0 -30px;
			}
			
	#topMenu {
		width: 336px;
		height: 52px;
		position: absolute;
		top: 108px;
		right: 20px;
		list-style: none;
	}
		#topMenu li {
			float: left;
			margin-bottom: 2px;
		}
		#topMenu a {
			display: block;
			padding-left: 28px;
			width: 84px;
			height: 24px;
			line-height: 24px;
			background: url('../images/top_menu.png') no-repeat 10px 8px;
			font-size: 14px;
			color: #fff;
		}
			#topMenu a:hover,
			#topMenu a.active {
				background-color: #454545;
				text-decoration: none;
			}
			
	#topPromotions {
		position:absolute;
		right:0;
		top:80px;
		width:207px;
		height:24px;
		line-height:24px;
		display:block;
		background:url(../images/header_promotions.png) no-repeat;
		color:#313131;
		text-align:center;
		font-size:14px;
	}
	#topPromotions:hover {
		background-position:0 -24px;
		text-decoration:none;
	}
			
	#downloadCat,
	#basket {
		padding: 0 8px;
		height: 18px;
		line-height: 18px;
		position: absolute;
		top: 137px;
		right: 370px;
		background-color: #ffe218;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #242424;
		font-size: 10px;
		cursor: pointer;
	}
	#basket {
		padding-left: 35px;
		height: 22px;
		line-height: 22px;
		top: 107px;
		background-image: url('../images/basket.png');
		background-position: 5px 3px;
		background-repeat: no-repeat;
		font-size: 12px;
	}
		#downloadCat:hover,
		#basket:hover {
			background-color: #ccb513;
			text-decoration: none;
		}
		#downloadCat img {
			vertical-align: middle;
		}
		
/* === CONTENT === */
#content {
	background: #f5d916;
	border: 20px solid #2d2c2c;
	border-top: 0;
	border-bottom: 0;
}

	#leftMenu {
		float: left;
		padding: 16px 0;
		width: 268px; 
		list-style: none;
		background: #ffe218;
	}
		#leftMenu .subCat {
			padding: 6px 0;
			list-style: none;
			background: #f5d916;
		}
			#leftMenu .subSubCat {
				padding: 6px 0;
				list-style: none;
			}
		#leftMenu a {
			display: block;
			padding-left: 40px;
			line-height: 32px;
			background: url('../images/left_menu.png') no-repeat 22px 12px;
			font-size: 14px;
			color: #000;
		}
			#leftMenu a:hover,
			#leftMenu a.active {
				background-color: #d6be13;
				color: #fff;
				text-decoration: none;
			}
				#leftMenu .subCat a {
					padding-left: 60px;
					line-height: 24px;
					background-color: #f5d916;
					background-position: 42px 8px;
					font-size: 13px;
				}
					#leftMenu .subCat a:hover,
					#leftMenu .subCat a.active {
						background-color: #d6be13;
					}
						#leftMenu .subSubCat a {
							padding-left: 80px;
							background-position: 62px 4px;
							font-size: 12px;
							line-height: 16px;
						}
			
	#template {
		float: left;
		width: 536px;
	}
		#template .msg {
			font-size: 14px;
			padding: 10px;
			color: #fff;
		}
		#template input,
		#template select,
		#template textarea,
		#template label {
			display: block;
			width: 325px;
			padding: 5px;
			border: 1px solid #383838;
			background: #ffe218;
			color: #000;
		}
			#template select {
				padding: 0;
			}
			#template textarea {
				height: 125px;
				overflow-y: auto;
			}
			#template label {
				padding: 0;
				margin-top: 5px;
				height: 20px;
				line-height: 20px;
				border: 0;
				background: 0;
				color: #fff;
			}
			#template input.submit {
				float: right;
				width: auto;
				background: #626262;
				border: 1px solid #626262;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				color: #fff;
				cursor: pointer;
			}
				#template input:hover.submit {
					background: #000;
				}
			#template .capcha {
			}
				#template .capcha img {
					float: left;
					margin: 0 5px 0 0;
				}
				#template .capcha input {
					width: 90px;
					float: left;
				}
			#template form .error {
				border: 1px solid #a30202;
			}
				#template form span.error {
					display: block;
					border: 0;
					color: #a30202;
				}
			#template form .req {
				display: block;
				margin-top: 5px;
				font-size: 10px;
				color: #fff;
			}
		
		#mpPhoto {
			margin-bottom: 20px;
			height: 256px;
			background: url('../swf/main.jpg') no-repeat 0 0;
		}
		
		#navBar {
			padding: 10px 20px;
			background: #383838;
			color: #fff;
			font-size: 14px;
		}
			#navBar a {
				color: #fff;
				white-space: nowrap;
			}
				#navBar a.active {
					font-weight: 700;
				}
			
		#staticPage {
			padding: 10px 20px 20px 20px;
			background: #8f8f8f;
			color: #222;
		}
			#staticPage .skype {
				display: block;
				padding-left: 18px;
				height: 15px;
				line-height: 15px;
				background: url('../images/skype.png') no-repeat 0 0;
			}
			#staticPage a {
				color: #444;
			}
			#staticPage .title {
				font-size: 14px;
				color: #fff;
			}
			#staticPage p,
			#staticPage ul,
			#staticPage ol,
			#staticPage img,
			#staticPage table {
				display: block;
				margin-top: 10px;
			}
			#staticPage ul {
				margin-left: 15px;
			}
			#staticPage ol {
				margin-left: 20px;
			}
				#staticPage ul li,
				#staticPage ol li {
					margin: 2px 0;
				}
			#staticPage table {
			}
				#staticPage table th,
				#staticPage table td {
					border: 1px solid #000;
					padding: 5px;
				}
				#staticPage table th {
					font-weight: 700;
				}
			#staticPage form {
				width: 335px;
				margin-left: auto;
				margin-right: auto;
			}
			#staticPage .back,
			#staticPage .more {
				display: block;
				margin-top: 10px;
				color: #fff;
			}
			#staticPage .more {
				text-align: right;
			}
			
		#productstList {
		}
			#productsList .msg,
			#order .msg {
				background: #767474;
			}
				#productsList .msg a {
					color: #fff;
				}
			#productsList table,
			#order table {
				margin-top: -2px;
				width: 100%;
				background: #767474;
				font-size: 12px;
				color: #fff;
			}
				#productsList table td,
				#order table td {
					border-top: 2px solid #383838;
					padding: 10px;
				}
					#productsList .two,
					#order .two {
						background: #6a6868;
					}
					#productsList .img a,
					#order .img a {
						display: block;
						width: 80px;
						height: 80px;
						background: #fff no-repeat center center;
					}
					#productsList .name,
					#order .name {
						padding-right: 20px;
						white-space: nowrap;
						font-size: 14px;
					}
						#productsList .name a {
							color: #fff;
							white-space: normal;
						}
					#productsList .desc,
					#order .desc {
						width: auto;
						background: #6f6d6d;
					}
						#productsList .two .desc,
						#order .two .desc {
							background: #636161;
						}
					#productsList .button,
					#order .button {
						white-space: nowrap;
						padding: 0;
						vertical-align: bottom;
						text-align: right;
					}
						#productsList .button input,
						#order .button input,
						#productsList .button label,
						#order .button label {
							display: block;
							width: auto;
							height: auto;
							background: 0;
							border: 0;
							padding: 0;
							margin: 0;
						}
							#productsList .button input.submit,
							#order .button input.submit,
							#order .button a {
								margin-top: 10px;
								display: inline-block;
								padding: 0 25px 0 10px;
								height: 20px;
								line-height: 20px;
								background: #e1e1e1 url('../images/mp_bottom_more.png') no-repeat right center;
								font-size: 11px;
								color: #000;
								cursor: pointer;
								border-radius: 0;
								-moz-border-radius: 0;
								-webkit-border-radius: 0;
							}
							#productsList .button input.ilosc,
							#order .button input.ilosc {
								width: 25px;
								height: 25px;
								line-height: 25px;
								margin: 0 10px 0 auto;
								background: #e1e1e1;
								text-align: center;
							}
							#productsList .button label,
							#order .button label {
								margin: 0 10px 0 auto;
							}
			
			/*
			#productsList .box,
			#order .box {
				display: block;
				padding-left: 105px;
				padding-right: 268px;
				width: 163px;
				height: 100px;
				line-height: 100px;
				position: relative;
				border-top: 2px solid #383838;
				background: #767474;
				font-size: 12px;
				color: #fff;
			}
				#productsList .news {
					padding-left: 0px;
					width: 268px;
					line-height: normal;
				}
				#productsList .newsTitle {
					padding: 10px;
					width: 150px;
				}
					#productsList .newsTitle a {
						display: inline;
						color: #fff;
					}
				#productsList .first,
				#order .first {
					border-top: 0;
				}
				#productsList .two,
				#order .two {
					background: #6a6868;
				}
					#productsList .box:hover,
					#order .box:hover {
						background: #2d2c2c;
						text-decoration: none;
					}
					#productsList .box span,
					#productsList .box a,
					#order .box span,
					#order .box a {
						display: block;
						position: absolute;
					}
					#productsList .box .img,
					#order .box .img {
						width: 80px;
						height: 80px;
						top: 10px;
						left: 10px;
						background: #fff no-repeat center center;
					}
					#productsList .box .label,
					#order .box .label {
						width: 214px;
						top: 0;
						left: 178px;
						background: #6f6d6d;
						text-align: center;
						line-height: normal;
						padding: 10px;
						height: 80px;
						text-align: left;
					}
						#productsList .two .label,
						#order .two .label {
							background: #636161;
						}
					#productsList .box .more,
					#order .box .more {
						padding: 0 28px 0 10px;
						height: 20px;
						line-height: 20px;
						bottom: 0;
						right: 0;
						background: #e1e1e1 url('../images/mp_bottom_more.png') no-repeat right center;
						font-size: 11px;
						color: #000;
						cursor: pointer;
					}
					*/
					
		#order {
			background: #666464;
		}
			#order .fields {
				padding: 10px;
			}
			#order .buttons {
				border-top: 2px solid #383838;
				padding: 5px;
			}
				#order .buttons .left,
				#order .buttons .right {
					display: block;
					padding: 5px;
					margin: 5px;
					max-height: 28px;
					border: 1px solid #a89510;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					background: #dbc215;
					color: #242424;
					cursor: pointer;
				}
					#order .buttons .left:hover,
					#order .buttons .right:hover {
						text-decoration: none;
						background: #a89510;
						border-color: #dbc215;
					}
						#order .buttons div.left,
						#order .buttons div.right {
							padding: 0;
						}
							#order .buttons .left input,
							#order .buttons .right input {
								padding: 5px;
								width: auto;
								background: 0;
								border: 0;
								color: #242424;
								cursor: pointer;
							}
								#order .buttons .left:hover input,
								#order .buttons .right:hover input {
									
								}
					#order .buttons .left {
						float: left;
					}
					#order .buttons .right {
						float: right;
					}
		
		#simplemodal-overlay {
			background: #000;
		}	
		#popup {
			display: none;
			width: 350px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background: #ffe218;
			color: #242424;
		}
			#popup .msg {
				padding: 20px;
				text-align: center;
				font-size: 16px;
				line-height: 1.5;
			}
				#popup .name {
					display: block;
					font-size: 18px;
					font-weight: 700;
				}
			#popup .buttons {
				padding: 5px;
				border-top: 1px solid #796b0d;
			}
				#popup .buttons a {
					display: block;
					padding: 5px;
					margin: 5px;
					border: 1px solid #a89510;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					background: #dbc215;
					color: #242424;
					cursor: pointer;
				}
					#popup .buttons a:hover {
						text-decoration: none;
						background: #a89510;
						border-color: #dbc215;
					}
					#popup .buttons .left {
						float: left;
					}
					#popup .buttons .right {
						float: right;
					}
					
		#catList {
			background: #383838;
			list-style: none;
		}
			#catList li {
				float: left;
				width: 268px;
				height: 100px;
				background: #848181;
			}
				#catList .two {
					background: #767474;
				}
				#catList .three {
					background: #6a6868;
				}
				#catList .forbidden p {
					color:#FFF;
					padding:25px 10px 0 10px;
				}
				#catList .forbidden p img {
					float:left;
					padding:0 8px 0 0;
				}
					#catList .box {
						display: block;
						padding: 20px 0 0 105px;
						width: 163px;
						height: 80px;
						position: relative;
						font-size: 12px;
						color: #fff;
					}
						#catList .box:hover {
							background: #2d2c2c;
							text-decoration: none;
						}
						#catList .box span {
							display: block;
							position: absolute;
							cursor: pointer;
						}
						#catList .box .img {
							width: 80px;
							height: 80px;
							top: 10px;
							left: 10px;
							background: #fff no-repeat center center;
						}
						#catList .box .more {
							padding: 0 28px 0 10px;
							height: 20px;
							line-height: 20px;
							bottom: 0;
							right: 0;
							background: #e1e1e1 url('../images/mp_bottom_more.png') no-repeat right center;
							font-size: 11px;
							color: #000;
						}
				#catList .logo {
					width: 536px;
					background: #fff;
				}
					#catList .logo a {
						display: block;
						float: left;
						width: 134px;
						height: 100px;
						background: #fff no-repeat center center;
						text-indent: -9999px;
					}
					
		#paging {
			padding: 8px 0;
			background: #383838;
			font-size: 14px;
		}
			#paging table {
				margin: 0 auto;
				height: 24px;
			}
				#paging table a {
					display: block;
					height: 24px;
					line-height: 24px;
					text-align: center;
					color: #fff;
				}
					#paging table a:hover {
						text-decoration: none;
					}
						#paging table .prev a,
						#paging table .next a {
							padding: 0 10px;
							background: #454545;
							cursor: pointer;
						}
							#paging table .prev a {
								border-top-left-radius: 5px;
								border-bottom-left-radius: 5px;
								-moz-border-radius-topleft: 5px;
								-moz-border-radius-bottomleft: 5px;
								-webkit-border-top-left-radius: 5px;
								-webkit-border-bottom-left-radius: 5px;
							}
							#paging table .next a {
								border-top-right-radius: 5px;
								border-bottom-right-radius: 5px;
								-moz-border-radius-topright: 5px;
								-moz-border-radius-bottomright: 5px;
								-webkit-border-top-right-radius: 5px;
								-webkit-border-bottom-right-radius: 5px;
							}
								#paging table .prev a:hover,
								#paging table .next a:hover {
									background: #000;
								}
						#paging table .page a {
							width: 24px;
							background: #1f1e1e;
						}
							#paging table .page a:hover,
							#paging table .page a.active {
								background: #5e5d5d;
							}
								#paging table .page a.active {
									color: #1f1e1e;
								}
		
		#logos {
			width: 536px;
			background: #fff;
		}
			#logos a {
				display: block;
				float: left;
				width: 134px;
				height: 100px;
				background: #fff no-repeat center center;
				text-indent: -9999px;
			}
		
/* === FOOTER === */
#footer {
	border: 20px solid #2d2c2c;
	border-top: 0;
	margin-bottom: 10px;
}
	
	#emocni {
		padding: 0 20px;
		height: 40px;
		line-height: 40px;
		font-size: 10px;
		color: #dedede;
		text-align: right;
		text-transform: uppercase;
	}
		#emocni a {
			color: #dedede;
		}

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


.catalogPopUp{}
.catalogPopUp .catalogLink{width:375px;height:250px;background: url(../images/blank.png) repeat;position:absolute;bottom:0px;right:20px;cursor:pointer;}
.catalogPopUp{}
.simplemodal-close{position: absolute;width:30px;height: 30px;top:10px;right:10px;background: url(../images/blank.png) repeat;cursor:pointer;}

#precookies {
	float: left;
	height: 80px;
}
#cookies {
	position: fixed;
	padding: 1em;
	bottom: 0;
	background: rgb(255,255,255);
	color: #333333;
	text-align: justify;
	border-top: 5px solid orange;
	font-size: 10px;
}

.shopGo {
    bottom: 32px;
    height: 55px;
    position: absolute;
    right: 277px;
    width: 200px;
}

.shopNo {
    bottom: 32px;
    height: 55px;
    position: absolute;
    right: 67px;
    width: 200px;
}