*{
	margin: 0;
	padding: 0;
}
a img{
	border: 0;
}
.none{
	display: none;
}
.clear{
	clear: both;
}
hr{ display: none;}
a{
	color: #fd0d0c;
}
a:hover{
	color: #000000;
}
body{
	text-align: center;
	font-family: Tahoma;
	font-size: 11px;
}
#content{
	position: relative;
	margin: auto;
	padding: 172px 0 0 0;
	width: 942px;
	text-align: left;
}
	#topbox{
		position: absolute;
		top: 0;
		width: 942px;
		left: 0;
	}
	#top{
		width: 100%;
		height: 126px;
	}
		#logo{
			position: absolute;
			left: 0px;
			top: 18px;
		}
		
	#topmenu{
		background: url('../layout/topmenubg.gif');
		width: 100%;
		height: 45px;
	}
	#topmenu div.srchform{
		padding: 13px 0 0 10px;
	}
	
	#topmenu div.srchform input.text{
		width: 180px;
		border: 1px solid #c4c4c8;
		padding: 2px 2px;
		color: #999999;
		font-size: 11px;
		margin: 1px 0;
	}
	#topmenu div.srchform input.submit{
		border: 1px solid #c4c4c8;
		background: #6f6f6f;
		color: #ffffff;
		height: 20px;
		font-size: 11px;
	}
	
	
		#topmenu ul{
			float: right;
			list-style: none;
			float: right;
			padding: 16px 15px 0 0;
		}
		#topmenu ul li{
			display: inline;
			padding: 0 10px;
		}
		#topmenu ul li a{
			font-size: 12px;
			color: #999999;
			font-weight: bold;
			text-decoration: none;
		}
		#topmenu ul li a:hover{
			color: #1b1b1b;
			text-decoration: underline;
		}
		#topmenu ul li a.active{
		
		}
		
	#topmenu div{
		float: left;
	}
	
	.topilu{
		position: absolute;
		right: 0;
		top: 0;
		width: 296px;
		height: 135px;
	}
	
	#topilu1{ background: url('../layout/topilu1.jpg') no-repeat 0% 0%;}
		
		
	#obsah{
		width: 100%;
		padding: 10px 0 15px 0;
	}
	
		#leftpanel{
			width: 198px;
			float: left;
		}

#leftmenutop{
	width: 198px;
	height:7px;
	position: relative;
	overflow: hidden;
	background: url('../layout/leftmenutop.gif') no-repeat 0% 0%;
}

#leftmenubottom{
	width: 198px;
	height: 7px;
	overflow: hidden;
	margin: 0 0 10px;
	background: url('../layout/leftmenubottom.gif') no-repeat 0% 0%;
}
#leftmenubody{
	width: 196px;
	overflow: hidden;
	border-left: 1px solid #cacacf;
	border-right: 1px solid #cacacf;
	background: #e5e5e5;
}

	
		#leftpanel ul.menu{
			list-style: none;
			border-top: 1px solid #cacacf;
		}	
		#leftpanel ul.menu li{
			border-bottom: 1px solid #cacacf;
			font-size: 11px;
		}
		#leftpanel ul.menu li a{
			display: block;
			width: 191px;
			color: #5e5e5e;
			font-weight: bold;
			text-decoration: none;
			padding: 7px 0 7px 5px;
		}
		#leftpanel ul.menu li a:hover{
			text-decoration: underline;
			background-color: #ffffff;
		}
		#leftpanel ul.menu li a.active{
			color: #fd0d0c;
		}
	
	
		
			#leftpanel ul.menu li ul{
				background: #f4f4f4;
				border: none;
			}
			#leftpanel ul.menu li ul li{
				border-top: 1px solid #dfdfdf;
				border-bottom: none;
			}
			#leftpanel ul.menu li ul li a{
				font-weight: normal;
				color: #000000;
				padding: 5px 0 5px 20px;
				width: 176px;
				background-image: url('../layout/doubledot.gif');
				background-position: 5px 50%;
				background-repeat: no-repeat; 
			}
			#leftpanel ul.menu li ul li a:hover{
				color: #444444;
			}
			
				#leftpanel ul.menu li ul li ul li{
					border-top: 1px solid #dfdfdf;
					border-bottom: none;
				}
				#leftpanel ul.menu li ul li ul li a{
					font-weight: normal;
					color: #000000;
					padding: 5px 0 5px 35px;
					width: 161px;
					background-position: 20px 50%;
				}
				
				#leftpanel ul.menu li ul li ul li ul li a{
						font-weight: normal;
						color: #000000;
						padding: 5px 0 5px 50px;
						width: 146px;
						background-position: 35px 50%;
					}
					
						#leftpanel ul.menu li ul li ul li ul li ul li a{
							font-weight: normal;
							color: #000000;
							padding: 5px 0 5px 65px;
							width: 131px;
							background-position: 50px 50%;
						}
						
							#leftpanel ul.menu li ul li ul li ul li ul li ul li a{
								font-weight: normal;
								color: #000000;
								padding: 5px 0 5px 80px;
								width: 116px;
								background-position: 65px 50%;
							}	
	.imglink{
		display: block;
		margin: 0 0 6px 0;
	}
	
	
	#contentpanel{
		float: right;
		width: 730px;
	}

		#stred{
			float: left;
			width: 520px;
			color: #000000;
		}
			.navigace{
				border-bottom: 1px solid #cccccc;
				padding: 0 0 3px 0;
				margin: 0 0 10px 0;
				color: #666666;
			}
			.navigace h2, .navigace h1{
				display: inline;
				font-size: 11px;
				font-weight: normal;
			}
			.navigace h2 a, .navigace h1 a{
				color: #666666;
				margin: 0 2px;
				text-decoration: none;
			}
			.navigace h2 a:hover, .navigace h1 a:hover{
				color: #333333;
				text-decoration: underline;
			}
			
			
			h1{
				font-size: 20px;
				color: #fd0d0c;
				font-weight: normal;
				margin: 10px 0 10px 0;
			}
			h2{
				font-size: 16px;
				color: #fd0d0c;
				font-weight: normal;
				margin: 10px 0 5px 0;
			}
			
			
			
.produkt{
	position: relative;
	width: 490px;
	float: left;
	border-top: 1px solid #999999;
	background: #ffffff;
	padding: 8px 10px 15px 0;
	overflow: hidden;
}	
.first{
	border-top: none;
}		
.produkt strong.heading a{
	color: #cf0000;
	font-size: 12px;
	text-decoration: none;
}
.produkt em.katc{
	font-size: 10px;
}						
.produkt strong a:hover{
	color: #444444;
	text-decoration: underline;
}			
.produkt div.img{
	text-align: center;
	width: 175px;
	float: left;
	padding: 0px;
	margin: 0 10px 0 0;
	border: 1px solid #fd0d0c;
	
}
.produkt div.img a img{
	
}
.produkt div.img a:hover img{
}

.produkt div.stats{
	width: 300px;
	float: right;
	position: relative;
	line-height: 130%;
}

.produkt p{
	text-align: justify;
	margin: 5px 0;
	font-style: italic;
}	
.produkt div.cenabox{
	position: absolute;
	bottom: 0px;
	right: 5px;
	width: 135px;
	font-size: 13px;
}
		
.produkt span.c{
	color: #000000;
	font-weight: normal;
	margin: 3px 0 0px 0;
}			
.produkt span.cena{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 0 0 0px 0;
}
.produkt div.padded{
	padding: 9px 0;
}

.produkt span.calt{
	font-weight: normal;
	color: #8f8f8f;
}			
.produkt span.cenaalt{
	color: #8f8f8f;
	font-weight: bold;
	text-decoration: line-through;
}	


.produkt div.flags{
	padding: 5px 0;
}			
.produkt div.stats img{
	margin: 0 0 0 4px;
}			
			
.produkt div.kattocart{
}
						
		#rightpanel{
			float: right;
			width: 194px;
		}
	
		
	#footer{
		background: url('../layout/footerbg.gif') repeat-y 0% 0%;
		height: 54px;
		padding: 10px 0 0 0; 
	}
	#footer ul{
		list-style: none;
		padding: 3px 12px;
	}
	#footer ul li{
		display: inline;
		border-right: 1px solid #797570;
		padding: 0 5px;
	}
		#footer p{
			padding: 3px 15px;
			color: #797570;
		}
		#footer p a, #footer ul li a{
			color: #797570;
			text-decoration: none;
		}
		#footer p a:hover, #footer ul li a:hover{
			color: #000000;
			text-decoration: underline;
		}
		#footer p.left{
			float: left;
		}
		#footer p.right{
			float: right;
		}
	#ufooter{
		padding: 5px 0 0px 0;
		color: #797570;
		font-size: 11px;
	}
	#ufooter a{
		text-decoration: none;
	}
	#ufooter div.left{
		float: left;
		padding: 10px 0 0 0;
	}
	#ufooter div.right{
		float: right;
	}	
		
#kosik{
	background: url('../layout/kosikbg.gif') no-repeat 0% 0%;
	width: 174px;
	height: 67px;
	padding: 10px 10px 10px 10px;
	color: #4e4e4e;
	margin: 0 0 10px 0;
}
#kosik h3{
	color: #4e4e4e;
	font-size: 14px;
	margin: 3px 0 15px 45px;
}
#kosik h3 a{
	color: #4e4e4e;
	text-decoration: none;
}
#kosik h3 a:hover{
	text-decoration: underline;
}

#kosik p{
	line-height: 130%;
	padding: 0 0 0 45px;
}
#kosik strong.polozky{ }
#kosik strong.cena{ color: #fd0504; font-size: 14px;}


.defbox{
	width: 174px;
	height: 97px;
	padding: 10px;
	background: url('../layout/rightboxunibg.gif') no-repeat 0% 0%;
	margin: 0 0 10px 0;
}
.defbox strong.heading{
	display: block;
	font-size: 14px;
	color: #fd0d0c;
}
.defbox p{
	padding: 5px 0;
	line-height: 130%;
}

#loginbox{
	margin: 0 0 10px 0;
}
#loginbox label{
	color: #999999;
	width: 50px;
	padding: 3px 5px 0 0;
	display: block;
	float: left;
	text-align: right;
}
#loginbox input{
	float: left;
	background: #ffffff;
	border: 1px solid #c7c7ca;
	color: #444444;
	font-size: 10px;
	padding: 2px;
	margin: 0 0 2px 0;
}
#loginbox input.text{
	width: 110px;
}
#loginbox input.submit{
	border: 1px solid #c4c4c8;
		background: #6f6f6f;
		color: #ffffff;
		height: 20px;
		font-size: 11px;
	float: right;
	margin: 0 3px 0 0;
}
#loginbox a{
	margin: 7px 0 0 0;
	float: left;
	color: #ececec;
	font-size: 10px;
	font-weight: bold;
}
#loginbox a:hover{
	color: #a9a9a9;
}

/*karta*/

#mainimg{
	float: right;
	width: 252px;
	height: 167px;
	text-align: center;
	overflow: hidden;
}
#mainimg img{
	border: 1px solid #e5e5e5;
}

#params{
	float: left;
	width: 220px;
}
#vals{
	border: 1px solid #e5e5e5;
	background: #ffffff;
	padding: 10px 10px 0 10px;
}
	span.par{
		display: block;
		float: left;
		height: 20px;
		border-bottom: 1px solid #e5e5e5;
		width: 90px;
		padding: 5px 0 0 0;
	}
	span.value{
		display: block;
		float: left;
		height: 20px;
		border-bottom: 1px solid #e5e5e5;
		width: 105px;
		padding: 5px 0 0 0;
	}
	span.cena{
		font-weight: bold;
		font-size: 14px;
		color: #c50000;
	}
	span.skladem{
		font-weight: bold;
		color: #1e9f10;
	}
	div#flags{
		height: 25px;
	}
		div#flags img{
		margin: 5px;
		}
		
.box{
	border: 1px solid #e5e5e5;
	background: #ffffff;
	padding: 10px;
	margin: 5px 0;
}
.box img{
	margin: 5px;
}
.box a img{
	border: 1px solid #e5e5e5;
}
.prodtocart{
	padding: 5px 0;
}
.prodtocart input.count{
	background: #ffffff;
	border: 1px solid #a9a9a9;
	color: #444444;
	width: 20px;
	float: left;
	padding: 1px;	
}
.prodtocart input.add{
	background: #a1a1a1 url('../layout/addcart2.gif') no-repeat 3px 50%;
	border: 1px solid #d4d4d4;
	font-weight: bold;
	margin: 0 0 0 5px; 
	font-size: 10px;
	color: #ececec;
	padding: 0 5px 0 33px;
	height: 20px;
	width: 135px;
	cursor: pointer;
}
.prodtocart input._add{
	float: left;
	margin: 0 0 0 3px;
	height: 20px;
	cursor: pointer;
}




/*regform*/
fieldset{
	padding: 0px 10px 5px 10px;
	line-height: 100%;
	border: 1px solid #cccccc;
	margin: 0 10px 10px 10px;
}
legend{
	font-weight: bold;
	color: #505050;
	padding: 0 5px 10px 5px;
}
.block{
	display: block;
	float: left;
	padding: 4px 0 0 10px;
}
.odsad{
	margin: 0 10px 0 10px;
}
.req, fieldset strong{
	color: #c50000;
}
fieldset strong{
	margin: 0 0 0 10px;
}
.s{
	width: 30px;
}
.m{
	width: 75px;
}
.l{
	width: 100px;
}
.xl{
	width: 150px;
}


.text{
	border: 1px solid #aaaaaa;
	margin: 0 0 2px 0 ;
	color: #444444;
	font-size: 11px;
	padding: 1px;
}
div.subm{
	padding: 0 10px;
}
.register{
	border: 1px solid #c4c4c8;
	background: #f4f4f4;
	color: #444444;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 10px;
	float: right;
	width: 145px;
	cursor: pointer;
}



table.kosik{
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-collapse: collapse;
	width:100%;
}
table.kosik th{
	border-bottom: 1px solid #d0d0d0;
	background: #ffffff;
	padding: 5px;
	color: #444444;
	font-size: 10px;
}
table.kosik td{
	border: 1px solid #d0d0d0;
	padding: 5px;
}
table.kosik td{
	border: 1px solid #d0d0d0;
	padding: 5px;
}
table.kosik tr.l td{
	background: #ffffff;
}
table.kosik tr.s td{
	background: #f5f5f5;
}
table.kosik .check{
	text-align: center;
}
table.kosik .nahled{
	text-align: center;
	width: 76px;
}
table.kosik .nahled img{
	border: 1px solid #cccccc;
}
table.kosik .nazev{
	vertical-align: top;
	width: 232px;
}
table.kosik .ks{
	text-align: center;
	width: 15px;
}
table.kosik .ks input{
	border: 1px solid #cccccc;
	background: #ffffff;
	font-size: 11px;
	width: 15px;
	text-align: right;
}
table.kosik .cenaks{
	text-align: right;
	width: 45px;
}
table.kosik .kod{
	width: 100px;
}
table.kosik .celkem{
	text-align: right;
	width: 65px;
}

table.covered{
  border: 1px solid #d0d0d0;
  margin-bottom: 10px;
  width: 100%;
}



input.kosiksubmit{
	margin: 3px 0;
	border: 1px solid #c4c4c8;
	background: #f4f4f4;
	color: #444444;
	padding: 4px 5px;
	width: 120px;
	text-align: center;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	float:left;
}
.k_allprice{
	float: right;
	border: 1px solid #d0d0d0;
	background: #ffffff;
	width: 260px;
	margin: 0 0 15px 0;
}
.k_allprice span{
	display: block;
	float: left;
	text-align: right;
	padding: 7px 5px 0 5px;
	font-weight: bold;
	width: 110px;
}
.k_allprice strong{
	display: block;
	float: right;
	padding: 5px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	border-left: 1px solid #d0d0d0;
	color: #c50000;
	width: 120px;
}

.platbaform{
	padding: 5px 10px;
	border: 1px solid #d0d0d0;
	background: #ffffff;
	margin: 0 0 5px 0;	
	line-height: 140%;
}
.platbaform em{
	color: #999999;
}
.platbaform select{
	width: 200px;
}
.platbaform input{
	border: 1px solid #c4c4c8;
	background: #f4f4f4;
	color: #444444;
	width: 50px;
	text-align: center;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px;
}
.red{
	color: #c50000;
}
.big{
	font-size: 13px;
}
.extrabig{
	font-size: 16px !important;
}

.prevstep{
	display: block;
	float: left;
	width: 170px;
	border: 1px solid #c4c4c8;
	background: #f4f4f4;
	color: #444444;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
	text-decoration: none;
}

.prevstep span, .nextstep span{
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
}
.nextstep:hover, .prevstep:hover{
	background: #e5e5e5;
}
.nextstep{
	display: block;
	float: right;
	width: 260px;
	border: 1px solid #c4c4c8;
	background: #f4f4f4;
	color: #444444;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
	text-decoration: none;
}
.leftinfo{
	float: left;
	padding: 5px;
	border: 1px solid #d0d0d0;
	background: #ffffff;
	width: 200px;
	line-height: 140%;
}

table.summary{
	border: 1px solid #d0d0d0;
	border-collapse: collapse;
	margin-bottom: 5px;
	background: #ffffff;
	float: right;
}
table.summary td{
	border: 1px solid #d0d0d0;
	padding: 5px;
}
table.summary td.item{
	width: 100px;
}
table.summary td.price{
	width: 100px;
	text-align: right;
}

.confirmblock{
	width: 230px;
	padding: 5px;
	float: left;
	line-height: 130%;
}
.confirmblock strong{
	line-height: 150%;
}

textarea.pozn{
	border: 1px solid #d0d0d0;
	width: 100%;
	height: 80px;
	margin: 3px 0 10px 0;
}

.whitebox{
	border: 1px solid #d0d0d0;
	background: #ffffff;
	line-height: 150%;
	padding: 10px;
	margin: 10px;
}
.whitebox strong{
	line-height: 200%;
}

blockquote{
	border: 1px solid #999999;
	background: #f0f0f0;
	padding: 10px;
	margin: 10px;
	font-weight: bold;
}

.kattop{
	width: 520px;
	height: 5px;
	overflow: hidden;
	background: url('../layout/kattop.gif') 0% 0% no-repeat;
}
.katbottom{
	width: 520px;
	height: 5px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background: url('../layout/katbottom.gif') 0% 0% no-repeat;
}

.katbody{
	width: 500px;
	padding: 3px 10px;
	background: url('../layout/katbody.gif') 0% 0% repeat-y;
}


div.paging{
	padding: 5px 5px 10px;
}

div.boxed{
	color: #999999;
	padding: 5px 0;
}
div.paging div.boxed a{
	display: block;
	float: left;
	border: 1px solid #d4d4d4;
	background: #f4f4f4;
	color: #666666;
	margin: 2px;
	text-decoration: none;
	width: 16px;
	text-align: center;
}
div.paging div.boxed a.predchozi{
	width: 60px;
}
div.paging div.boxed a.dalsi{
	width: 60px;
}

div.paging div.boxed a:hover{
	border: 1px solid #999999;
	background: #e5e5e5;
	color: #000000;
}

div.paging div.boxed a.active{
	color: #fd0d0c;
	background: #e5e5e5;
	font-weight: bold;
}

div.sorting{
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	width: 520px;
	height: 35px;
	text-align: center;
	background: url('../layout/sortingbg.gif') 0% 0% no-repeat;
}

div.maincat div.img{
	float: left;
	width: 175px;
	text-align: center;
	margin: 0 15px 0 0;
}

.texts{
	text-align: justify;
}

.rpboxtop{
	width: 194px;
	height: 6px;
	overflow: hidden;
	background: url('../layout/rpboxtop.gif') 0% 0% no-repeat;
}
.rpboxbottom{
	width: 194px;
	height: 6px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background: url('../layout/rpboxbottom.gif') 0% 0% no-repeat;
}

.rpboxbody{
	width: 184px;
	padding: 3px 5px;
	text-align: center;
	background: url('../layout/rpboxbody.gif') 0% 0% repeat-y;
}
.rpboxbody h3{
	font-size: 14px;
	text-align: left;
	margin: 0 0 5px 5px;
}
.rpboxbody p{
	padding: 5px 0 0;
}

.defbox input.submit{
	border: 1px solid #c4c4c8;
	background: #f4f4f4;
	color: #444444;
	font-weight: bold;
	font-size: 10px;
	padding: 1px 2px;
	float: right;
	width: 60px;
	cursor: pointer;
}

.markbot{
  position: relative;
  width: 925px;
  margin: 10px auto 0 auto;
  color: #999;
  padding: 5px 10px;
  background: #f0f0f0;
}

.markbot a{
  color: #999;
}
.markbot a:hover{
  color: #666;
}
.frontoffer{
  width: 100%;
  padding: 10px 0;
}

.obox{
  float: left;
  position: relative;
  width: 160px;
  padding: 5px;
  height: 146px;
  margin: 0 1px 2px 1px;
  background: url('../layout/oboxbg.gif') 0% 0%;
}

.obox strong{
  text-align: center;
  display: block;
  height: 48px;
}

.oimgbox{
  text-align: center;
}

.oimgbox a img{
  border: 2px solid #ccc;
}
.oimgbox a:hover img{
  border: 2px solid #fd0d0c;
}

.oprices{
  color: #fd0d0c;
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 20px;
}

#bankolobezky{
  position: relative;
  width: 519px;
  height: 150px;
  background: url('../layout/kolobezky.jpg') 0% 0% no-repeat;
}

#bankolobezky h2{
  font-size: 20px;
  font-weight: normal;
  color: #515151;
  position: absolute;
  left: 240px;
  top: 0px;
}
#bankolobezky h2 strong{
  font-size: 24px;
  font-weight: bold;
  color: #515151;
  padding: 0 0 0 65px;
}

#bankolobezky h2 a{
  color: #515151;
  text-decoration: none;
}
#bankolobezky .scats{
  position: absolute;
  left: 205px;
  top: 67px;
}
#stred #bankolobezky .scats h3{
  font-size: 11px;
  padding: 1px 0 1px 10px !important;
  margin: 0 !important;
  background: url('../layout/kolobsig.gif') 0% 50% no-repeat;
}
#bankolobezky .scats a{
  color: #515151;
  text-decoration: none;
}
#bankolobezky .scats a:hover{
  color: #515151;
  text-decoration: underline;
}

h2.midnadpis{
  color: #515151;
  font-weight: bold;
  padding: 15px 0 0;
  margin: 0;
  font-size: 14px;
}


.obox a{
  color: #515151;
}
