html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}


html{
	overflow-y: scroll;
}
html, body{
	color:#666;
	font-family:Arial,Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0;
	line-height:140%;
	padding: 0;
	background:#aaa9a9 url("../images/bg.jpg") no-repeat top center;
}
a, a:visited{
	text-decoration:none;
	color:#302e31;
	font-weight:bold;
}
p{
	margin:0 0 10px 0;
}
ul li {
	list-style:disc;
}

ol li{
	list-style-type:decimal;
}
em{
	font-style:italic; 
}
strong{
	font-weight:bold;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px 0px 10px 0px;
	font-weight:normal;
	font-family:Arial,Helvetica, sans-serif;
	color:#333;
	line-height:100%;
	letter-spacing:.5px;
}
blockquote{
	padding:10px;
	background:#FAFAFA;
	border:1px solid #ebebeb;
}
h1{
	font-size:20px;
}
h2{
	font-size:16px;
	font-weight:normal;
}
h3{
	font-size:14px;
}
h4{
	font-size:12px;
}
h5{
	font-size:12px;
}
h6{
	font-size:12px;
}
select{
	padding:2px;
	font-size:11px;
	background:#FFF;
	border:1px solid #b9b9ba;
	color:#333;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/*    Structure
******************************************/
#wrap{
	margin:0 auto;
	width:976px;
	overflow:hidden;
}
	#header{
		float:left;		
		width:952px;
		padding:0 12px;
	}
		a#logo{
			width:400px;
			height:54px;
			margin-bottom:40px;
			float:left;
		}
		#menu{
			width:850px;
			float:left;
			padding:0;
			padding-left:102px;
		}
		#menu li{
			float:left;
			list-style:none;
			height:24px;
		}
		#menu li.spacer{
			padding:0 14px;
			color:#8d8a89;
			font-size:16px;
			cursor:default;
		}
			#menu li a{
				float:left;
				height:24px;
				display:block;
				font-size:14px;
				font-weight:normal;
				color:#282421;
				cursor:pointer;
			}
			#menu li.active a{
				color:#ad4022;
			}
			#menu li a s{
				float:left;
				height:24px;
				width:3px;
				background:url("../images/menu_sprite.png") no-repeat 0px 0px;
				display:block;
			}
			#menu li a span{
				float:left;
				background:url("../images/menu_sprite.png") repeat-x 0px -24px;
				padding:4px 9px 5px 9px;
			}
			#menu li a b{
				float:left;
				height:24px;
				width:3px;
				background:url("../images/menu_sprite.png") no-repeat 0px -48px;
				display:block;
			}
		#bar{
			width:930px;
			height:31px;
			float:left;
			background:#1f1a17 url("../images/bar_bg.jpg") repeat-y top left;
			padding:0 11px;
		}
			#bar span.title{
				height:31px;
				line-height:31px;
				float:left;
				font-size:14px;
				width:180px;
				display:block;
				font-weight:bold;
				color:#FFF;
			}
			#bar input.text{
				height:18px;
				margin-top:5px;
				padding:1px 2px;
				border-top:1px solid #bababa;
				border-right:1px solid #bababa;
				border-bottom:0;
				border-left:0;
				width:250px;
				float:left;
				margin-right:10px;
			}
			#bar input.button{
				height:23px;
				margin-top:4px;
				padding:0px 20px;
				float:left;
				border:1px solid #bababa;
				background:#da251d url("../images/search_bg.jpg") no-repeat center top;
				color:#FFF;
				font-size:10px;
				text-transform:uppercase;
				cursor:pointer;
			}
	#content{
		width:952px;
		float:left;
		padding:0 11px 0 12px;
		min-height:550px;
		
		background:#FFF;
	}
		#content #left{
			width:178px;
			float:left;
			background:#efeeee;
			border-right:1px solid #bab8b8;
			border-bottom: 1px solid #b8b7b6;
			padding:6px 0 0 0;
		}
			#content #left ul#categories{
				width:178px;
				float:left;
			}
			#content #left ul#categories li.cat{
				width:178px;
				float:left;
				line-height:15px;
				list-style:none;
				background:#9c9998;
				margin-bottom:3px;
				
			}
				#content #left ul#categories li.cat a{
					float:left;
					font-size:14px;
					color:#FFF;
					width:163px;
					padding:5px 0 5px 15px;
					display:block;
					background:url("../images/cat_bullet.jpg") no-repeat 3px center;
				}
				#content #left ul#categories li.cat a:hover{
					color:#f3f3f3;
				}
					#content #left ul#categories li.cat a span{
						float:left;
						width:163px;
						display:block;
						cursor:pointer;
						background:url("../images/cat_line.jpg") no-repeat 158px center;
					}
				#content #left ul#categories li.cat ul{
					width:178px;
					float:left;
					
					margin:5px 0 0px 0;
				}
				#content #left ul#categories li.cat ul.open{
					display:block;
				}
				#content #left ul#categories li.cat ul li{
					width:150px;
					float:left;
					list-style:none;
					background:#efeeee;
					padding:0 14px;
					line-height:14px;
				}
				#content #left ul#categories li.cat ul li a{
					width:140px;
					float:left;
					display:block;
					background:url("../images/bullet_link.png") no-repeat left center;
					font-size:11px;
					color:#332e2c;
					border-bottom:1px solid #504c49;
					padding:3px 0 3px 10px;
				}
				#content #left ul#categories li.cat ul li a:hover{
					color:#666;
				}
				#content #left ul#categories li.cat ul li.last a{
					border:0;
				}
				
				#content #left .box,#content #right .box{
					width:178px;
					float:left;
					background:#e0dfde url("../images/box_1.jpg") repeat-x bottom;
					padding:0 0 5px 0;
					margin-bottom:3px;
				}
				#content #left .box span,#content #right .box span{
					width:163px;
					float:left;
					line-height:15px;
					list-style:none;
					background:#4d4948 url("../images/box_bullet.jpg") no-repeat 3px 7px;
					margin-bottom:3px;
					padding:5px 0 5px 15px;
					color:#FFF;
					font-size:14px;
					font-weight:bold;
					
				}
					#content #left .box span a,#content #right .box span a{
						color:#FFF;
					}
					#content #left .box span b,#content #right .box span b{
						background:url("../images/box_bullet_r.jpg")  no-repeat 158px center;
						display:block;						
					}
					#content #left .box ul,#content #right .box ul{
						width:178px;
						float:left;
						margin:5px 0 -5px 0;
					}
						#content #left .box ul li,#content #right .box ul li{
							width:150px;
							float:left;
							list-style:none;
							padding:0 14px;
							line-height:14px;
						}
							#content #left .box ul li a,#content #right .box ul li a{
								float:left;
								display:block;
								background:url("../images/bullet_link.png") no-repeat left center;
								font-size:11px;
								color:#332e2c;
								padding:2px 0 2px 8px;
							}
							#content #left .box ul li a:hover,#content #right .box ul li a:hover{
								color:#666;
							}
					#content #left .red,#content #right .red{
						padding:0;
						margin:0;
					}
						#content #left .red span,#content #right .red span{
							background:#da251d url("../images/box_bullet_red.jpg") no-repeat 3px 7px;
						}
							#content #left .red span a,#content #right .red span a{
								display:block;
							}
							#content #left .red span b,#content #right .red span b{
								background:url("../images/box_bullet_red_r.jpg")  no-repeat 158px center;
								display:block;						
							}
					#content #left .new, #content #right .new{

					}
						#content #left .new .item, #content #right .new .item{
							width:178px;
							float:left;
							text-align:center;
							padding-top:10px;
						}
							#content #left .new .item a, #content #right .new .item a{
								width:178px;
								display:block;
							}
					
					#content #right .cart{
						
					}
						#content #right .cart a.btn{
							padding-left:10px;
							display:block;
							margin-bottom:3px;
						}
						#content #right .cart table{
							margin:10px;
							width:158px;
						}
							#content #right .cart table b{
								color:#1f1a17;
							}
							#content #right .cart table tr{
								background:url(../images/cart_border_hor.jpg) repeat-x bottom;
							}
							#content #right .cart table tr.nobg{
								background:none;
							}
								#content #right .cart table tr.nobg td{
									background:none;
									padding-top:2px;
								}
								#content #right .cart table td.r{
									background:url(../images/cart_border.jpg) repeat-y left;
									padding:2px 2px 2px 6px;
								}
								#content #right .cart table td.l{
									padding:2px 2px 2px 2px;
								}
				
		#content #mid{
			width:576px;
			float:left;
			background:#FFF;
			padding:0 9px;
		}
			#content #mid #products{
				width:576px;
				float:left;
				padding-top:5px;
			}
				#content #mid #products .row{
					width:576px;
					float:left;
					padding:10px 0;
					background:url("../images/cart_border_hor.jpg") repeat-x bottom;
				}
					#content #mid #products .last{
						background:none;
					}
					  #content #mid #products .row .item{
						width:185px;
						margin-right:7px;
						margin-bottom:10px;
						float:left;
						text-align:center;
					}
					  #content #mid #products .row .nospace{
						margin-right:0;
					}
						#content #mid #products .row .item h3{
							font-size:13px;
							color:#000;
							font-weight:bold;
						}
						#content #mid #products  .row .item p{
							margin:0;
							padding:0 9px;
							text-align:left;
							color:#34302d;
							float:left;
							min-height:46px;
							*height:46px;
						}
						#content #mid #products .row .item .price{
							background:url("../images/item_cena_bg.jpg") repeat-x top;
							height:76px;
							text-align:left;
							float:left;
						}
							  #content #mid #products .row .item .price span{
								color:#FFF;
								display:block;
								padding-top:10px;
								width:75px;
								float:left;
								font-weight:bold;
								padding-left:9px;
							}
							  #content #mid #products .row .item .price em{
								color:#000;
								display:block;
								width:90px;
								text-align:right;
								float:right;
								padding-top:8px;
								padding-right:9px;
								font-weight:bold;
								font-size:14px;
								margin-bottom:10px;
								font-style:normal;
							}
							#content #mid #products .row .item .price a{
								color:#25201d;
								display:block;
								width:85%;
								float:left;
								text-decoration:underline;
								padding-left:20px;
								background:url("../images/item_link.png") no-repeat 9px 4px;
							}
							 #content #mid #products .row .item .price a:hover{
								color:#444;
								text-decoration:underline;
							}
			#content #mid .where{
				width:576px;
				float:left;
				padding-top:10px;
			}	
				#content #mid .where a{
					padding-right:9px;
					background:url("../images/where_arrow.jpg") no-repeat right center;
					color:#737170;
				}
				#content #mid .where a.last{
					background:none;
				}
				
			#content #mid #single{
				width:576px;
				float:left;
				padding-top:5px;
			}
				#content #mid #single h1{
					color:#da251d;
					font-size:18px;
				}
				#content #mid #single .slika{
					width:200px;
					float:left;
					text-align:center;
				}
				#content #mid #single .desc{
					width:220px;
					float:left;
					padding-right:10px;
					line-height:120%;
					
				}
					#content #mid #single .desc h4{
						font-size:12px;
						font-weight:normal;
						margin:0 0px 3px 0px;
					}
					#content #mid #single .desc .row{
						display:block;
						margin-bottom:3px;
					}
						
						#content #mid #single .desc .row a.producer{
							color:#be6850;
							text-decoration:underline;
							font-size:10px;
						}
						#content #mid #single .desc .row a.izpis{
							color:#7c7a79;
							font-size:10px;
						}
						#content #mid #single .desc .row img.thumb{
							border:1px solid #767371;
							padding:1px
						}
					#content #mid #single .buy{
						float:left;
						width:136px;
						padding:5px;
						background: url("../images/single_bg.jpg") repeat-x top;
						color:#000;
					}
						#content #mid #single .buy .row{
							display:block;
							float:left;
							width:130px;
							text-align:left;
						}
							#content #mid #single .buy .row b{
								float:left;
								display:block;
								font-weight:normal;
							}
							#content #mid #single .buy .row em{
								width:55px;
								float:right;
								text-align:right;
								font-style:normal;
								display:block;
							}
							#content #mid #single .buy .row img.buybtn{
								margin-top:15px;
							}
						#content #mid #single .buy .row div.kolicina{
							float:left;
							margin-top:10px;
							font-size:11px;
						}
						#content #mid #single .buy .row input.kol{
							width:20px;
							padding:2px;
							border:1px solid #a1a1a0;
							text-align:center;
							font-size:11px;
							margin-right:5px;
						}
						#content #mid #single .buy .spletna{
							margin:6px 0;
							color:#ad4022;
							font-weight:bold;
						}
					#content #mid #single #desc{
						width:576px;
						float:left;
						margin-top:20px;
						background: url("../images/single_bg.jpg") repeat-x 0px 3px;
					}
					#content #mid #single #desc h3{
						width:566px;
						float:left;
						color:#ad4022;
						padding:10px 5px 5px 5px;
						background:url(../images/cart_border_hor.jpg) repeat-x top;
						font-weight:bold;						
					}
					#content #mid #single #desc p{
						padding:0 5px;
						color:black;
						font-size:10px;
						font-weight:bold;
						font-family:Verdana;
					}
						
						
		#content #right{
			width:178px;
			float:left;
			background:#efeeee;
			border-left:1px solid #cecdcd;
			padding:6px 0 0 0;

		}
			#content #left .noMarginBottom, #content #right .noMarginBottom{
				margin-bottom:0;
			}
		
		#footer{
			width:952px;
			float:left;
			padding:10px 11px 10px 12px;
			background:#FFF;
		}
			#footer #fin{
				width:952px;
				float:left;
				background:#e6e6e6;
				text-align:center;
			}
				#footer #fin small a{
					color:#555;
				}
				#footer #fin p a{
					color:#141414;
				}

























