*{
	padding: 0;
	margin: 0;
}
a img{ border: 0; }

hr{
	display: none;
}

#addressbox{
	display: none;
}


body{
	text-align: center;
	background: #d7d6ca;
	font-family: Arial;
	font-size: 11px;
	color: #5c6366;
}
.clear{
	clear: both;
}
a{
	color: #cd0500;
}
a:hover{
	color: #444444;
}
#content{
	position: relative;
	margin: 20px auto 0;
	width: 850px;
	padding: 12px 12px 0;
	text-align: left;
	background: url('../layout/contentbg.gif') 0% 0% no-repeat;
}


#top{
	position: relative;
	height: 119px;
	width: 100%;
	margin: 0 0 21px 0;
}
	#logo{
		position: absolute;
		left: 35px;
		top: 30px;
	}
	
	#header{
		position: absolute;
		left: 220px;
		top: 30px;
    width:400px;
		background: url('../layout/nadpis_top.gif') no-repeat 0px 0px;
		padding:20px 0 0 14px;
	}
		#header h2{
			font-family:  Calibri, "Luxi Sans" Arial, Helvetica, sans-serif;
			font-size: 24px;
			font-weight: bold;
			letter-spacing:-1px;
			/*font-size: 20px;
			font-weight: bold;*/
			color: #5c6366;
			margin: 0;
		}
		#header h1{
			font-size: 13px;
			margin: 0;
			font-weight: normal;
			color: #5c6366;
		}
	#kosik{
		color: #cd0500;
		font-weight: bold;
		position: absolute;
		right: 10px;
		top: 24px;
		width: 185px;
		padding: 0px 3px 10px;
		background: url('../layout/dotline.gif') 0% 100% repeat-x;
	}
		#kosik a{
			color: #5c6366;
			font-weight: bold;
			padding: 0px 15px 0px 25px;
			background: url('../layout/kosikabg.gif') 0% 0% no-repeat;
		}
		#kosik a:hover{
			color: #cd0500;
		}
		
	#topmenu{
		position: absolute;
		left: 11px;
		bottom: 0px;
	}
		#topmenu ul{
			list-style: none;
		}
		#topmenu ul li{
			display: block;
			float: left;
			margin: 0 1px 0 0;
			height: 20px;
			padding: 8px 0 0 0;
			text-align: center;
		}
		#topmenu ul li.red{
			width: 106px;
			background: url('../layout/tmnu_red.gif') 0% 0% no-repeat;
		}
		#topmenu ul li.orange{
			width: 76px;
			background: url('../layout/tmnu_orange.gif') 0% 0% no-repeat;
		}
		#topmenu ul li.green{
			width: 61px;
			background: url('../layout/tmnu_green.gif') 0% 0% no-repeat;
		}
		#topmenu ul li.blue{
			width: 64px;
			background: url('../layout/tmnu_blue.gif') 0% 0% no-repeat;
		}
		#topmenu ul li.tyrk{
			width: 91px;
			background: url('../layout/tmnu_tyrk.gif') 0% 0% no-repeat;
		}
		#topmenu ul li.pink{
			width: 105px;
			background: url('../layout/tmnu_pink.gif') 0% 0% no-repeat;
		}
		#topmenu ul li.darkgreen{
			width: 75px;
			background: url('../layout/tmnu_darkgreen.gif') 0% 0% no-repeat;
		}
		#topmenu ul li.brown{
			width: 75px;
			background: url('../layout/tmnu_brown.gif') 0% 0% no-repeat;
		}
		#topmenu ul li a{
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
		}
		#topmenu ul li a:hover{
			text-decoration: underline;
		}
		

#obsah{
	width: 830px;
	padding: 0 10px 35px;
	background: #ffffff;
}

	#rp{
		float: right;
		width: 635px;
		overflow: hidden;
	}
.bigbanner{
	display: block;
	margin: 0 0 20px 0;
}
	
		#centerpanel{
			float: left;
			width: 445px;
			overflow: hidden;
		}
			h1{
				font-size: 18px;
				font-weight: bold;
				color: #cd0500;
				margin: 10px 0;
			}
		  
		  h2.katalog{
				font-size: 18px;
				font-weight: bold;
				color: #cd0500;
				margin: 10px 0;
			}
		  
			h2{
				font-size: 16px;
				font-weight: bold;
				color: #cd0500;
				margin: 15px 0 15px 0;
			}
			#centerpanel p{
				line-height: 130%;
				padding: 5px 0;
			}
			
			.prodbox{
				line-height:12px;
				position: relative;
				float: left;
				margin: 0 4px 5px 0;
				width: 195px;
				height: 214px;
				padding: 10px 13px 14px 10px;
				background: url('../layout/prodbox.gif') 0% 0% no-repeat;
			}
				.prodbox div.img{
					width: 100%;
					text-align: center;
					height: 140px;
					overflow: hidden;
					padding-bottom:10px;
					
				}
				.prodbox a.headline{
					margin:0px;
					padding:0;
					color: #2ba0c6;
					font-size: 12px;
					text-decoration: none;
					
				}
				.prodbox a.headline:hover{
					color: #cd0500;
					text-decoration: underline;
				}
				.prodbox p{
					text-align: left;
					line-height:8px;
					margin:0; 
					
				}
				.prodbox a.more{
					font-weight: bold;
					margin:0;
					display:block;
				}
				/*
				.prodbox a.more{
					background: url('../layout/morebg.gif') 0% 5px no-repeat;
					padding: 0 0 0 10px;
					font-weight: bold;
				}*/
			
			
		
		
		
		
		#rightpanel{
			float: right;
			width: 175px;
			overflow: hidden;
		}

			strong.rhead{
				display: block;
				width: 175px;
				height: 25px;
				background: url('../layout/rightheadbg.gif') 0% 0% no-repeat;
			}
			div.rbox{
				width: 100%;
				background: #ffffff;
			}
			
			div.rproduct{
				padding: 10px;
				height:160px;
				background: url('../layout/bcg-rproduct.gif') 0% 0% no-repeat;
			}
			div.first{
				background: none;
			}
			div.rproduct a.headline{
				color: #2ba0c6;
				display: block;
				margin: 5px 0 5px 0;
			}
			div.rproduct a.headline:hover{
				color: #cd0500;
			}
			
			div.rproduct p{ 
				font-family:Verdana, Arial, Helvetica, sans-serif;
				float: left;
				font-size: 9px;
				width: 80px;
				text-align:left;
			}
			div.rproduct a.img{
				display: block;
				width: 61px;
				height: 61px;
				overflow: hidden;
				background: #ffffff;
				text-align: center;
				padding: 2px;
				float: right;
				margin:5px 0 5px 0;
			}
			div.rproduct a.img img{
				width: 61px;
			}
			div.rproduct span.cena{ 
				display:block;
				margin:5px 0 0 0;
				float:left;
				font-weight: bold;
				color: #cd0500;
				font-size: 15px;
			}
			div.rproduct .minfo{ float:right}
			
			input.tocart{
				width: 87px;
				height: 23px;
				background: url('../layout/tocartbg.gif') 0% 0% no-repeat;
				border: none;
				cursor: pointer;
				padding: 0 0 0 18px;
				font-size: 11px;
				color: #5f6054;
				margin: 2px 0 0 0;
			}
			input.tocart2{
				width: 89px;
				height: 21px;
				background: url('../layout/tocart2bg.gif') 0% 0% no-repeat;
				border: none;
				cursor: pointer;
				float: right;
				padding: 0 0 0 18px;
				font-size: 11px;
				color: #5f6054;
				margin: 2px 0 0 0;
			}
			input.tocart3{
				width: 89px;
				height: 21px;
				background: url('../layout/tocart3bg.gif') 0% 0% no-repeat;
				border: none;
				cursor: pointer;
				padding: 0 0 0 18px;
				font-family:"Tahoma", Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size: 10px;
				color: #5f6054;
				margin: 2px 0 0 0;
			}


	
	#leftpanel{
		float: left;
		width: 175px;
		overflow: hidden;
	}
		#srch{
			width: 155px;
			padding: 7px 10px;
			margin: 0 0 10px 0;
			height: 41px;
			background: url('../layout/srchbg.gif') 0% 0% no-repeat;
		}
			#srch input.text{
				float: right;
				width: 125px;
				padding: 2px;
				border: 1px solid #ffffff;
				background: #e2e4d5;
				color: #3f4747;
				font-size: 11px;
				margin: 0 0 2px 0;
			}
			#srch input.submit{
				float: right;
				width: 62px;
				height: 22px;
				background: url('../layout/srchsubmitbg.gif') 0% 0% no-repeat;
				border: none;
				color: #3f4747;
				font-size: 11px;
				cursor: pointer;
			}
		div.leftboxtop{
			width: 100%;
			height: 12px;
			overflow: hidden;
			background: url('../layout/leftboxtop.gif') 0% 0% no-repeat;
		}
		
		div.leftboxbottom{
			width: 100%;
			height: 12px;
			margin: 0 0 10px 0;
			overflow: hidden;
			background: url('../layout/leftboxbottom.gif') 0% 0% no-repeat;
		}
		
		div.leftboxbody{
			width: 100%;
			background: #e0e2d2;
		}
		
		
			ul.nabidka{
				list-style: none;
				background: url('../layout/lmenusep.gif') 0% 0% repeat-x;
			}
				ul.nabidka li{
					background: url('../layout/lmenusep.gif') 0% 100% repeat-x;
					padding: 7px 10px;
				}
				ul.nabidka li a{
					color: #5f6054;
					text-decoration: none;
					font-weight: bold;
				}
				ul.nabidka li a:hover{
					text-decoration: underline;
				}
				ul.nabidka li ul{
					padding: 5px 0;
					list-style: none;
				}
				ul.nabidka li ul li{
					background: none;
					padding: 3px 10px;
				}
				
				ul.nabidka li ul li a{
					font-weight: normal;
				
				}
		
			ul.nextmenu{
				list-style: none;
				padding: 3px 5px;
			}
				ul.nextmenu li{
					padding: 2px 10px;
				}
				ul.nextmenu li a{
					color: #5f6054;
					text-decoration: none;
					font-weight: bold;
					padding: 0 0 0 10px;
					background: url('../layout/nextmenuli.gif') 0% 50% no-repeat;
				}
				ul.nextmenu li a:hover{
					text-decoration: underline;
				}
				
		div.whitebox{
			margin: 0 0 10px 0;
		}
			ul.redmenu{
				list-style: none;
				padding: 3px 5px;
			}
				ul.redmenu li{
					padding: 2px 10px;
				}
				ul.redmenu li a{
					text-decoration: none;
					font-weight: bold;
					padding: 0 0 0 10px;
					background: url('../layout/redmenuli.gif') 0% 4px no-repeat;
				}
				ul.redmenu li a:hover{
					text-decoration: underline;
				}



#footer{
	height: 130px;
	background: url('../layout/footerbg.gif') 0% 0% no-repeat;
	margin-bottom:20px;
}
	#footer p.left{
		float: left;
		padding:25px 0 5px 20px;
	}
	#footer p.alt{
		float: left;
		padding:0 0 5px 20px;
	}
		#footer p.alt a{
			color: #5c6366;
		}
		#footer p.alt a:hover{
			color: #000000;
		}
	
	#footer p.right{
		float: right;
		padding: 0 20px 0 0;
	}
	
	
	

.navbar{
}
.navbar h2{
	font-size: 11px;
	font-weight: normal;
	display: inline;
}


.allcentertop{
	width: 100%;
	height: 5px;
	overflow: hidden;
	background: url('../layout/allcentertop.gif') 0% 0% no-repeat;
}
.allcenterbottom{
	width: 100%;
	height: 5px;
	overflow: hidden;
	background: url('../layout/allcenterbottom.gif') 0% 0% no-repeat;
	margin: 0 0 10px 0;
}

.allcenterbody{
	width: 420px;
	overflow: hidden;
	padding: 5px 10px;
	background: #eff2d7;
}

ul.subcats{
	list-style: none;
}
	ul.subcats li{
		display: inline;
		background: url('../layout/square.gif') 5px 5px no-repeat;
	}
	ul.subcats li a{
		color: #5f6052;
		padding: 0 10px 0 15px;
		
	}
	ul.subcats li h3{
		border: none;
		margin: 0;
		display: inline;
		font-size: 11px;
	}
	ul.subcats li a:hover{
		color: #cc0500;
	}

.subcats h3{ display:block; width:auto; height:auto; float:left; padding:3px 10px 3px 10px ; margin:0; background:url('../layout/ctv-blue.gif'); background-repeat:no-repeat; background-position:0px 8px; font-size:11px; 
	}
.subcats h3 a{color:#5f6054}

div.prodcat{
	padding: 10px 0 5px 0;
	width: 100%;
	border-bottom: 1px solid #dfe1d3;
}
div.prodcat a.img{
	display: block;
	float: left;
	width: 130px;
	height: 120px;
	overflow: hidden;
	text-align: center;
}
div.prodcat div.tbox{
	width: 305px;
	float: left;
}
div.prodcat a.headline{
	color: #28a3c4;
}
div.prodcat a.headline:hover{
	color: #cf0400;
}
#centerpanel div.prodcat div.tbox p{
	padding: 5px 0 10px;
}
div.prodcat span.cena{
	font-weight: bold;
	color: #cd0500;
	font-size: 15px;
	float: left;
	padding: 5px 0;
}

div.strankovani{
	float: right;
	padding: 5px 0 0 0;
	word-spacing: 5px;
}
div.strankovani a{
	font-weight: bold;
	color: #ababab;
}

div.strankovani a.active{
	text-decoration: none;
	color: #cb0303;
}
div.strankovani a:hover{
	color: #555555;
}


div.kimg{
	float: left;
	width: 240px;
	overflow: hidden;
	text-align: center;
}

div.ttds{
	width: 200px;
	float: right;
	overflow: hidden;
}

	div.detailboxtop{
		width: 200px;
		height: 4px;
		overflow: hidden;
		background: url('../layout/detailboxtop.gif') 0% 0% no-repeat;
	}
	div.detailboxbottom{
		width: 200px;
		height: 4px;
		overflow: hidden;
		background: url('../layout/detailboxbottom.gif') 0% 0% no-repeat;
	}
	div.detailboxbody{
		width: 197px;
		background: #eff2d7;
		padding: 5px;
	}

div.detailboxbody span.cena{
	font-size: 15px;
	font-weight: bold;
	color: #cd0500;
	padding: 0 0 0 5px;
}
div.detailboxbody form{
	padding: 5px 0 0;
}
div.detailboxbody label{
	font-weight: bold;
	padding: 0 5px;
}

div.detailboxbody input.count{
	width: 32px;
	padding: 1px;
	text-align: right;
	border: 1px solid #d7dcaf;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5f6054;
}

.altcolor{
	color: #2ba0c6;
}

#centerpanel div.ttds p{
	padding: 10px 0;
	border-bottom: 1px solid #e0e2d2;
}

.flags{
	padding: 10px 0;
	 
}




h3{
	color: #2ba0c6;
	font-weight: bold;
	font-size: 12px;
	/*border-top: 1px solid #e0e2d2;*/
	padding: 10px 0 10px 0;
}
	h3.uni{background: url('../layout/h3uni.gif') 0% 50% no-repeat; padding:0 0 0 10px; margin:15px 0 15px 0}
	h3.payment{background: url('../layout/h3payment.gif') 0% 50% no-repeat; padding-left:20px}
	h3.order{background: url('../layout/h3order.gif') 0% 50% no-repeat; padding-left:20px}
	h3.address{background: url('../layout/h3address.gif') 0% 50% no-repeat; padding-left:20px}
	h3.note{background: url('../layout/h3note.gif') 0% 50% no-repeat; padding-left:20px}


.techpars{
	border-collapse: collapse;
	width: 100%;
}
	.techpars td{
		padding: 7px 20px;
		border-bottom: 1px solid #ffffff;
	}
	.techpars tr.light td{
		background: #eef0e1;
	}
	.techpars tr.dark td{
		background: #e0e2d2;
	}
	.techpars td.val{
		text-align: right;
	}


.colvar{
	text-align: center;
	float: left;
	margin: 0 10px 10px 0;
}




.sendorder{
	width: 122px;
	height: 21px;
	background: url('../layout/sendorder.gif') 0% 0% no-repeat;
	border: none;
	cursor: pointer;
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;
	margin: 2px 0 0 0;
}

.pozn{
	width: 439px;
	padding: 2px;
	font-family: arial;
	font-size: 11px;
	color: #444444;
	height: 80px;
	border: 1px solid #d3d9dc;
}


.allbox{
	width: 425px;
	padding: 15px 10px 10px;
	background: #ecf1f3;
}

.sendorderform label{
	vertical-align: top;
	padding: 0 5px;
}

.lfbox{
	width: 235px;
	float: left;
}
	.lfbox label{
		width: 80px;
	}

.rfbox{
	width: 180px;
	float: right;
}
	.rfbox label{
		width: 40px;
	}

.lfbox label, .rfbox label{
		display: block;
		float: left;
		margin: 0 0 4px 0;
	}

.lfbox input.text, .rfbox input.text{
	width: 135px;
	float:left;
	border: 1px solid #d3d3d3;
	margin: 0 0 4px 0;
	font-size: 11px;
	padding: 2px;
	color: #666666;
}
.rfbox input.text{
	width: 120px;
}

#addressbox{
	padding: 10px 0 0 0;
}

.lselect{
	width: 400px;
	border: 1px solid #d3d3d3;
	font-size: 11px;
	margin:5px 0 5px 0;
}

.altcolor2{
	color: #cc0500;
}



table.kosikcontent{
	border-collapse: collapse;
	margin: 1px;
}
	table.kosikcontent .nazev{
		width: 170px;
	}
	table.kosikcontent .cenaks{
		width: 62px;
	}
	table.kosikcontent .dph{
		width: 25px;
	}
	table.kosikcontent .ks{
		width: 35px;
		text-align: center;
	}
	table.kosikcontent .cena{
		width: 100px;
	}
	table.kosikcontent th{
		text-align: left;
		vertical-align: top;
		padding: 5px;
		background: url('../layout/kosikthbg.gif');
		background-repeat:repeat-x;
		background-position:bottom;		
		border-top: 1px solid #e0e2d2;
		border-bottom: 2px solid #ffffff;
	}
	table.kosikcontent th.nazev{
		border-left: 1px solid #e0e2d2;
	}
	table.kosikcontent th.cena{
		border-right: 1px solid #e0e2d2;
	}
	table.kosikcontent td{
		text-align: left;
		vertical-align: top;
		padding: 5px 5px;
		border-bottom: 1px solid #ffffff;
	}
	table.kosikcontent tr.dark td{
		background: #e0e2d2;
	}
	table.kosikcontent tr.light td{
		background: #eef0e1;
	}
	table.kosikcontent input.ks{
		text-align: right;
		border: 1px solid #d6deeb;
		font-size: 11px;
		color: #444444;
		padding: 2px;
		width: 22px;
	}
	table.kosikcontent span.wide{
		letter-spacing: 0.2em;
	}
	table.kosikcontent td.nazev a{
		color: #5f6054;
	}
	table.kosikcontent td.nazev a:hover{
		color: #d0221c;
	}


#centerpanel .podkategorie{
  list-style: none;
  padding: 0;
  margin: 0;
}
.podkategorie li{
  display: block;
  float: left;
  text-align: center;
  width: 140px;
  height: 170px;
  overflow: hidden;
  margin: 3px;
  padding: 0 0 5px 0;
  
}
.podkategorie li a{
  color: #2aa0c4;
}
.podkategorie li a.img{
  display: block;
  width: 140px;
  height: 130px;
  overflow: hidden;
  padding: 10px 0 0px 0;
  margin: 0 0 5px 0;
  background: url('../layout/scbg.gif') no-repeat 0% 0%;
}


/* moje styly */

#centerpanel ul { margin:25px 0 25px 25px}
.img { width:140px; height: 145px; float:left; text-align:center}
#velikost {	border: 1px solid #d7dcaf; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#5f6054;}
.prodcat .moreinfo {float:right}
.headlinec {border-bottom:#dfe1d3 solid 1px; padding:0 0 5px 0; margin:25px 0 0 0; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:21px; letter-spacing:-1px}
.linka {background-color: #DFE1D3; height: 1px; width: 100%; line-height:0px; font-size:0px; margin:10px 0 10px 0}
.contact {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align:left; line-height:15px}
.contact .header {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; display:block; height:23px; background: url('../layout/phone.gif') 0% 0% no-repeat; padding:3PX 0 0 30px; margin:0 0 10px 0}
.links {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align:left; line-height:15px; margin:15px 0 0 0}
.links .header {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; display:block; margin:0 0 10px 0}
.redb { background:#D50400; color:#FFFFFF; padding:10px 10px 10px 10px ; margin:0 0 15px 0}
.ncena {background:url(layout/bcg-ncena.gif) no-repeat; padding:35px 10px 10px 10px; margin:10px 0 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align:left; line-height:15px; height:179px}
.ncena .first {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; font-weight:bold; color:#CD0500}


#barvy{
	border:6px solid #caccbe;
	position:absolute;
	background:white;
	z-index:100;
	top:-425px;
	left:0px;
	width:433px;
	display:none;
}

#barvy h2{
  font-size:12px;
  color:#2ba1c9;
  font-weight:bold;
  padding:0 0 5px 16px;
}

#barvy .barva{
  float:left;
  width:107px;
  height:110px;
  text-align: center;
  margin:0;
}

#barvy .barvy_close{
  position:absolute;
  top:6px;
  right:7px;
}

.karta_varianty {
    position: relative;
}

.karta_varianty table td span {
  color: #cd0500;
  font-weight: bold;
}

.barva-latky td {
  padding-right: 5px;
}

.barva-latky input {
  position: relative;
  top: 2px;
}

#karta_latky{
  background:url('../layout/karta_latky_bg.gif') repeat-y left top;
}

#karta_latky .bg_top{
  background:url('../layout/karta_latky_top.gif') no-repeat left top;
}

#karta_latky .bg_bot{
  background:url('../layout/karta_latky_bot.gif') no-repeat left bottom;
  padding:15px 12px;
  margin-bottom:20px;
}

.nadstandard{
  float:left;
  width:140px;
  padding-bottom:15px;
  padding-right:12px;
}

.nadstandard.treti{
  padding-right:0px !important;
  padding-left:1px !important;
}

.nadstandard .obr{
  width:140px;
  height:120px;
  padding-top:20px;
  text-align: center;
  background:url('../layout/nadstandard_bg.gif') no-repeat left top;
}

.nadstandard .normal{
  padding:5px 0 0 7px;
}

.nadstandard .normal input{
  float:left;
  margin-right:5px;
}

.nadstandard .red{
  padding:0 0 0 26px;
  color:#cc0500;
  font-weight: bold;
}

p.latky_info{
  padding:0 0 8px 0 !important;
}

h3.latky{
  margin-bottom:5px !important;
}