*{
	padding: 0;
	margin: 0;
}

a img{
	border: 0;
}
hr{
	display: none;
}
body{
	font-family: tahoma;
	font-size: 11px;
	background: #e3e4e5;
}
.clear{
	clear: both;
}
.clearleft{
	clear: left;
}
a{
	color: #6e8187;
}
a:hover{
	color: #444444;
}
#content{
	margin: 0 auto 0;
	padding: 0px;
}
#inner{
	position: relative;
	background: #ffffff;
}
#middle{
	padding: 181px 186px 60px 186px;
	background: url('../layoutg3/bodybg.gif') repeat-x 0% 161px;
}
#allcols{
	width: 100%;
	position: relative;
}
#rp{
	position: relative;
	float: right;
	width: 100%;
}
#obsah{
  position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}

#leftpanel{
	position: relative;
	float: left;
	margin-left: -186px;
	width: 175px;
	padding: 0 5px;
 
}
#rightpanel{
	position: relative;
	width: 175px;
	float: right;
	margin-right: -186px;
	padding: 0 5px;
}	
	
#top{
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 161px;
	background: #ffffff;
}

#footer{
	clear:both;
	background: #ffffff url('../layoutg3/footerbg.gif') repeat-x 0% 0%;
	padding: 10px 0 35px;
	width: 100%;
	text-align: center;
}
#footer p{
	line-height: 130%;
	padding: 2px;
}
#footer p.main{
	color: #434d50;
}
#footer p.main a{
	color: #3da8df;
}

#footer p.links, #footer p.links a{
	color: #434d50;
	text-decoration: none;
}
#footer p a:hover{
	color: #333333;
	text-decoration: underline;
}

/*RIGHTPANEL*/


.greybox{
  border: 1px solid #bbc6c9;
  width: 173px;
  margin: 0 0 15px 0;
  overflow: hidden;
}
  .greybox .boxheadline{
    border-bottom: 1px solid #bbc6c9;
    padding: 1px;
  }
  .greybox strong.operator{
    background: #d8e0e3 url('../layoutg3/operator.gif') 10px 50% no-repeat;
    display: block;
    padding: 5px 0 5px 30px;
    color: #2a6f8b;
  }
  .greybox .boxcontent{
    text-align: center;
    padding: 5px;
    color: #6e8187;
    line-height: 150%;
  }
  .greybox .boxcontent img{
    margin: 5px auto 10px auto;
    border: 1px solid #c7d2d6;
  }
  .greybox span{
    padding: 2px 0 2px 17px;
    
  }
  .greybox span.skype{ background: url('../layoutg3/rico_skype.gif') no-repeat 0% 50%;}
  .greybox span.tel{ background: url('../layoutg3/rico_tel.gif') no-repeat 0% 50%;}
  .greybox span.email{ background: url('../layoutg3/rico_email.gif') no-repeat 0% 50%;}


.orangebox{
  border: 1px solid #d6ccaf;
  width: 173px;
  margin: 0 0 15px 0;
}
  .orangebox .boxheadline{
    border-bottom: 1px solid #d6ccaf;
    padding: 1px;
  }
  .orangebox strong.favourites{
    background: #f9edcd url('../layoutg3/favourites.gif') 10px 50% no-repeat;
    display: block;
    padding: 5px 0 5px 30px;
    color: #6a5218;
  }
  .orangebox .boxcontent{
    text-align: center;
    padding: 10px;
    line-height: 180%;
  }

/*původní panely
	.rightmenu{
		padding: 10px 0 30px 0;
		list-style: none;
		width: 100%;
	}
	.rightmenu li{
		padding: 2px 0;
	}
	.rightmenu li a{
		display: block;
		font-weight: bold;
		color: #626262;
		padding: 5px 0 8px 25px;
		background: url('../layout/rightmenuli.gif') 0% 50% no-repeat;
		text-decoration: none;
		border-bottom: 1px solid #e3e3e3;
	}
	.rightmenu li a:hover{
		text-decoration: underline;
	}
		.rightmenu li ul{
			list-style: none;
			padding: 0 0 5px 25px;
		}
		.rightmenu li ul li{
		
		}
		.rightmenu li ul li a{
			font-weight: normal;
			background: none;
			text-decoration: underline;
			border: none;
			padding: 2px 0;
		}
		.rightmenu li ul li a:hover{
			color: #ff7008;
		}

	.rbanner{
		display: block;
		width: 100%;
		overflow: hidden;
		text-align: center;
		margin: 0 0 10px 0;
	}
	
	
	.likeleftbox1top{
		background: url('../layout/likeleftbox1top.gif') 0% 0% no-repeat;
		width: 100%;
		height: 5px;
		overflow: hidden;
	}
	.likeleftbox1body{
		background: url('../layout/likeleftbox1body.gif') 0% 0% repeat-y;
		overflow: hidden;
	}
	.likeleftbox1bottom{
		background: url('../layout/likeleftbox1bottom.gif') 0% 0% no-repeat;
		width: 100%;
		height: 5px;
		overflow: hidden;
		margin: 0 0 15px 0;
	}
	
	.newsletter div{
		padding: 3px 15px 0 15px;
		width: 125px;
		color: #444444;
	}
	
	.newsletter input.text{
		width: 65px;
		font-size: 11px;
		color: #626262;
		width: 115px;
		padding: 3px;
		border: none;
		margin: 5px 0 2px 0;
	}
	.newsletter input.submit{
		width: 65px;
		height: 22px;
		background: url('../layout/srchsubmitbg.gif') 0% 0% no-repeat;
		border: 0;
		font-weight: bold;
		font-size: 11px;
		color: #626262;
		cursor: pointer;
		margin: 0 0 0 30px;
	}
	*/
/*EORIGHTPANEL*/



/*LEFTPANEL*/
	
	.leftbox1top{
		background: url('../layout/leftbox1top.gif') 0% 0% no-repeat;
		width: 100%;
		height: 5px;
		overflow: hidden;
	}
	.leftbox1body{
		background: url('../layout/leftbox1body.gif') 0% 0% repeat-y;
		overflow: hidden;
	}
	.leftbox1bottom{
		background: url('../layout/leftbox1bottom.gif') 0% 0% no-repeat;
		width: 100%;
		height: 5px;
		overflow: hidden;
		margin: 0 0 15px 0;
	}

	.leftbox2top{
		background: url('../layout/leftbox2top.gif') 0% 0% no-repeat;
		width: 100%;
		height: 5px;
		overflow: hidden;
	}
	.leftbox2body{
		background: url('../layout/leftbox2body.gif') 0% 0% repeat-y;
		overflow: hidden;
	}
	.leftbox2bottom{
		background: url('../layout/leftbox2bottom.gif') 0% 0% no-repeat;
		width: 100%;
		height: 5px;
		overflow: hidden;
		margin: 0 0 20px 0;
	}
	
	.leftbox2bodybottomed{

		padding: 0 0 2px 0;
		overflow: hidden;
	}
	.leftbox2bodybottomed a{
		display: block;
		float: left;
		width: 87px;
		margin: 0 0 0 0px;
		height: 23px;
		padding: 8px 0 0 0;
		text-align: center;
		color: #455a5f;
  	font-weight: bold;
  	text-decoration: none;
  	background: url('../layoutg3/newfd.gif') 0% 0% no-repeat;
	}
	.leftbox2bodybottomed a:hover{
  	text-decoration: underline;
	}
	.first{
    margin: 0 1px 0 0;
    border-right: 1px solid #d4e2eb;
  }
	
	.leftbox2bodybottomed .activebox{
    background-position: 0% 100%;
    font-weight: bold;
    color: #455a5f;
    
  }

a.bigger{
	color: #626262;
	font-weight: bold;
	padding: 3px 10px;
	text-decoration: none;
}
a.bigger:hover{
	color: #012b67;
	text-decoration: underline;
}

.menubox{
  width: 175px;
 /* border-left: 1px solid #bec9cc;
  border-right: 1px solid #bec9cc;
  */
  padding: 0;
  margin: 0 0 15px 0;
}

	.leftmenu{
		padding: 0px;
		list-style: none;
		width: 175px;
		overflow: hidden;

	}
	.leftmenu li{

	}
	.leftmenu li a{
		font-weight: bold;
		display: block;
		color: #292f31;
		padding: 5px 5px;
		width: 163px;
		text-decoration: none;
		background: #f8f9fb url('../layoutg3/newleftbg.gif') 160px 100% repeat-x;
		border: 1px solid #bec9cc;
		margin: 0 0 1px 0;
	}
	.leftmenu li a:hover{
		color: #ff7800;
	}
		.leftmenu li ul{
			list-style: none;
			padding: 0;
		}
		.leftmenu li ul li{
		  background: url('../layoutg3/newleftlibg.gif') 0% 0% repeat-x;
		}
		.leftmenu li ul li a{
			font-weight: normal;
			text-decoration: none;
			padding: 5px 5px 5px 15px;
			display: block;
			border: none;
			width: 155px;
			color: #6e8187;
			background: transparent url('../layoutg3/newleftsep.gif') 0% 100% repeat-x;
		}
		.leftmenu li a:hover{
			text-decoration: underline;
			color: #6e8187;
		}



	#leftpanel h3{
		color: #3867b5;
		background: url('../layout/crossline.gif') 0% 100% repeat-x;
		padding: 5px 5px 10px 0px;
		font-size: 13px;
	}
	#leftpanel h3 span.favlinks_ico{
		background: url('../layout/favlinks_ico.gif') 0% 2px no-repeat;
		padding: 5px 5px 10px 30px;
	}
	
	ul.favlinks{
		list-style: none;
		background: url('../layout/crossline.gif') 0% 100% repeat-x;
		padding: 10px 5px 17px 5px;
	}
	ul.favlinks li {
		padding: 2px 0;
	}
	ul.favlinks li a{
		color: #626262;
	}
	ul.favlinks li a:hover{
		color: #ff7008;
	}





.greenbox{
  border: 1px solid #c3d2b8;
  width: 173px;
  margin: 0 0 15px 0;
}
  .greenbox .boxheadline{
    border-bottom: 1px solid #c3d2b8;
    padding: 1px;
  }
  .greenbox strong.novinky{
    background: #eaf9ce url('../layoutg3/novinky.gif') 10px 50% no-repeat;
    display: block;
    padding: 5px 0 5px 30px;
    color: #497c20;
  }
  .greenbox .boxcontent{
    padding: 10px;
  }
  .greenbox a{
    color:#77876e;
  }
  .greenbox a:hover{
    color:#444444;
  }

.cutboxheadline{
  display: block;
  background: url('../layoutg3/bymail.gif') no-repeat 0% 0%;
  width: 170px;
  height: 18px;
  padding: 5px 0 0 5px;
  font-weight: bold;
}
.cutbox{
  border-left: 1px solid #bec9cc;
  border-right: 1px solid #bec9cc;
  border-bottom: 1px solid #bec9cc;
  padding: 10px;
}
.cutbox p{
  padding: 0 0 10px 0;
}
.cutbox input.text{
  border: 1px solid #cccccc;
  padding: 2px;
  font-size: 1em;
  margin: 0 0 5px 0;
}
.cutbox input.subm{
  border: 1px solid #999999;
  background: #f0f0f0;
  cursor: pointer;
  color: #444444;
}


/*EOLEFTPANEL*/


/*TOP*/

	#logo{
		position: absolute;
		left: 56px;
		top: 7px;
	}
	#logo img{
    position: relative;
    z-index: 1;

  }
	
	#logocover{
    position: absolute;
    left: 6px;
    top: 2px;
    background: url('../layoutg3/logos/4slogo.gif') 0% 0% no-repeat;
    z-index: 3;
    width: 59px;
    height: 55px;
  }
	
	
	#techlinks{
    position: absolute;
    right: 20px;
    top: 7px;
    line-height: 190%;
  }
  #techlinks a{
    padding: 2px 0 2px 2em;
    font-size: 0.9em;
  }
  #techlinks a.hom{ background: url('../layoutg3/ico_hom.gif') 0% 50% no-repeat;}
  #techlinks a.fav{ background: url('../layoutg3/ico_fav.gif') 0% 50% no-repeat;}
  #techlinks a.ff{ background: url('../layoutg3/ico_ff.gif') 0% 50% no-repeat;}
	
	
	#topline{
	  position: relative;
	  margin: 80px 0 0; 
    height: 50px;
    width: 100%;
    background: url('../layoutg3/topbg.gif') 0% 0% repeat-x;
  }
  #menuline{
	  position: relative;
    height: 31px;
    width: 100%;
    background: url('../layoutg3/menubg.gif') 0% 0% repeat-x;
  }
  
  
  .srch div{
		padding: 6px 15px 0 8px;
		width: 370px;
		float: left;
		height: 25px;
	}
	.srch input.text{
		width: 65px;
		float: left;
		font-size: 11px;
		color: #626262;
		width: 175px;
		padding: 2px;
		border: 1px solid #75736e;
		margin: 0 7px 0px 0;
	}
  .srch select{
    border: 1px solid #75736e;
    font-size: 11px;
    float: left;
    padding: 1px;
    width: 100px;
    margin: 0 15px 0 0;
  }
	
	.srch input.submit{
		width: 59px;
		float: left;
		height: 18px;
		background: url('../layoutg3/srchsubbg.gif') 0% 0% no-repeat;
		border: 0;
		font-weight: bold;
		font-size: 11px;
		padding: 0 0 0 14px;
		color: #626262;
		cursor: pointer;
	}
	
	
	#docmenu{
    float: right;
    padding: 0 185px 0 0;
  }
  #docmenu ul{
    list-style: none;
    background: url('../layoutg3/menusep.gif') 0% 0% no-repeat;
    height: 31px;
  }
  #docmenu ul li{
    display: block;
    float: left;
    padding: 7px 15px;
    height: 18px;
    background: url('../layoutg3/menusep.gif') 100% 0% no-repeat;
  }
  #docmenu ul li a{
    color: #ffffff;
  }
  #docmenu ul li a:hover{
    color: #dddddd;
  }
  
  
  
	
	#kosik{
		position: absolute;
		top: 8px;
		right: 2px;
		padding: 9px 15px 0 45px;
		width: 157px;
		height: 28px;
		line-height: 150%;
		font-weight: bold;
	}
	.defaultkosik a{
		color: #292f31;
		float: left;
	}
	.defaultkosik a:hover{
		color: #666666;
	}
	.redkosik a{
		color: #ffffff;
		float: left;
	}
	.redkosik a:hover{
		color: #666666;
	}
	#kosik span{
    float: right;
  }
  
  .defaultkosik{
    background: url('../layoutg3/kosikbg.gif') 0% 0% no-repeat;
    color: #606f74;
  }
  .redkosik{
    background: url('../layoutg3/kosikbg2.gif') 0% 0% no-repeat;
    color: #ffffff;
  }
	
	#topbanner{
    width: 337px;
    height: 39px;
    overflow: hidden;
    position: absolute;
    left: 385px;
    top: 5px;
  }

	
	
	#topmenu{
		position: absolute;
		left: 281px;
		top: 32px;
		height: 50px;
		width: 585px;
		z-index: 3;
	}
		#topmenu ul{
		  display: block;
		  float: left;
		  position: relative;
			list-style: none;
		}
		#firstrow{
		  margin: 0 0 0 15px;
      z-index: 4;
    }
    #secondrow{
      z-index: 3;
    }
		
		#topmenu ul li, #docmenu ul li{
		
		  position: relative;
			display: block;
			float: left;
			behavior: url('../hover.htc');
		}
		#topmenu ul li a{
		  
			display: block;
			float: left;
			width: 105px;
			background: url('../layoutg3/topfd.gif') 0% 100% no-repeat;
			height: 19px;
			margin: 0 0px;
			text-align: center;
			font-weight: bold;
			padding: 5px 0 0 0;
			text-decoration: none;
			color: #292f31;
		}		

	/*	
#topmenu ul li a.lgrey { border-bottom: 5px solid #e0e0e0; color: #002d66;}
#topmenu ul li a.violet { border-bottom: 5px solid #7e72b4; color: #7e72b4;}
#topmenu ul li a.red { border-bottom: 5px solid #a81204; color: #a81204;}
#topmenu ul li a.black { border-bottom: 5px solid #010101; color: #010101;}
#topmenu ul li a.dorange { border-bottom: 5px solid #e77e23; color: #e77e23;}
#topmenu ul li a.cyan { border-bottom: 5px solid #27afdf; color: #27afdf;}
#topmenu ul li a.green { border-bottom: 5px solid #49ab06; color: #49ab06;}
#topmenu ul li a.dgrey { border-bottom: 5px solid #7e898f; color: #7e898f;}
#topmenu ul li a.lime { border-bottom: 5px solid #c0de30; color: #c0de30;}
#topmenu ul li a.lorange { border-bottom: 5px solid #fea702; color: #fea702;}		
		
#topmenu ul li ul.lgrey { background: #e0e0e0;}
	#topmenu ul li ul.lgrey li a { color: #002d66;}
#topmenu ul li ul.violet{ background: #7e72b4;}
#topmenu ul li ul.red{ background: #a81204;}
#topmenu ul li ul.black{ background: #010101;}
#topmenu ul li ul.dorange{ background: #e77e23;}
#topmenu ul li ul.cyan{ background: #27afdf;}
#topmenu ul li ul.green{ background: #49ab06;}
#topmenu ul li ul.dgrey{ background: #7e898f;}
#topmenu ul li ul.lime{ background: #c0de30;}
#topmenu ul li ul.lorange{ background: #fea702;}
*/

		#topmenu ul li a:hover, #topmenu ul li a.active, #topmenu ul li.hover a, #topmenu ul li:hover a{
			background-position: 0% 0%;
		} 
		
		#topmenu ul li div.submenu, #docmenu ul li div.submenu{
      display: none;
      position: absolute;
      left: 0;
      top: 24px;
      width: 145px;
      border: 1px solid #bec9cc;
      background: #f0f9fc;
      color: #6e8187;
      padding: 10px 10px;
      z-index: 99;
    }
    #docmenu ul li div.submenu{
      top: 31px;
      background: #d4ebf1;
      border: 1px solid #bfc8cd;
    }
    
    #topmenu ul li:hover div.submenu, #topmenu ul li.hover div.submenu, #docmenu ul li:hover div.submenu, #docmenu ul li.hover div.submenu{
      display: block;
    }
		
		#topmenu ul li div.submenu ul, #docmenu ul li div.submenu ul{
			padding: 5px 0 0;
			margin: 0;
		}
		#topmenu ul li div.submenu ul li, #docmenu ul li div.submenu ul li{
			display: list-item;
			padding: 3px 0;
			float: none;
		}
		#docmenu ul li div.submenu ul{
      background: none;
      padding: 0 0 10px 0;
    }
		#docmenu ul li div.submenu ul li{
      background: none;
      font-weight: bold;
    }
		
		#topmenu ul li div.submenu ul li a, #docmenu ul li div.submenu ul li a{
			background: 0;
			float: none;
			text-align: left;
			width: auto;
			height: auto;
			padding: 0 10px;
			color: #292f31;
			text-decoration: none;

			background: url('../layoutg3/topsubmenuli.gif') 0% 3px no-repeat;
		}
		#docmenu ul li div.submenu ul li a{
    }
		#topmenu ul li div.submenu ul li a:hover, #docmenu ul li div.submenu ul li a:hover{
			text-decoration: underline;
			background: url('../layoutg3/topsubmenuli.gif') 0% 3px no-repeat;
		}
		
/*INITIALIZE MENU
#submenu2, #submenu3, #submenu4, #submenu5, #submenu6, #submenu7, #submenu8, #submenu9, #submenu10{
display: none;
}*/



/*EOTOP */



/* UPPERTOP (first in code) */

#topheaders{
	position: absolute;
	top: 87px;
	left: 20px;
	height: 30px;
	padding: 7px 0 0 45px;
	z-index: 2;
	width: 70%;
	overflow: hidden;
	background: url('../layoutg3/topheadersbg.gif') 0% 0% no-repeat;
}
	#topheaders h1{
		font-family: arial;
		font-weight: bold;
		color: #ffffff;
		font-size: 18px;
		white-space: nowrap;
		
	}
	
/*EOUPPERTOP */


/*OBSAH*/

.navigace{
	background: url('../layoutg3/nav-arrow.gif') 0% 0% no-repeat;
	padding: 0px 0 4px 20px;
	margin: 0 0 15px -180px;
}
.navigace strong.nav-h{
	color: #626262;
}
 .navigace h2{
	display: inline;
	font-weight: bold;
	font-size: 11px;
	padding: 0 5px;
	font-family: tahoma;
}
.navigace h2 a{
  color: #3da8df;
}
.navigace h2 a:hover{
  color: #333333;
}

#obsah h2{
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
	color: #292f2f;
	margin: 0 0 10px 0;
	padding: 2px 5px;
}

	/*produkt*/
	div.roundproducts{
    text-align: left;
    position: relative;
    left: 50%;
    float: left;
  }
	div.products{
  	  position: relative;
      text-align: center;
      left: -50%;
  }
	
	div.product{
		position: relative;
		width: 132px;
		height: 25em;
		border: 1px solid #dedede;
		padding: 8px;
		overflow: hidden;
		float: left;
		margin: 2px;
		background: url('../layoutg3/prodbg.gif') repeat-x 0% 102%;
		
	}
	div.product strong.header{
	text-align: left;
	height: 3.7em;
	overflow: hidden;
	display: block;
	margin: 0 0 5px 0;
	}
		div.product strong.header a{
			color: #3da8df;
		}
		div.product strong.header a:hover{
			text-decoration: none;
		}
	div.product div.img{
		height: 100px;
		width: 100%;
		overflow: hidden;
		text-align: center;
		margin: 0 0 5px 0;
	}
	div.product p{
		font-size: 10px;
		text-align: center;
		color: #828282;
		height: 5em;
		overflow: hidden;
	}
	div.product div.cenabox{
		position: absolute;
		left: 0;
		top: 20em;
		width: 148px;
		color: #828282;
		font-weight: bold;
		text-align: center;
	}
	div.product div.cenabox span.cena{
		color: #ff9c44;
		font-size: 15px;
		padding: 2px;
		float: left;
		display: block;
	}
	div.product div.cenabox span.crossed{ font-weight: normal;}
	
	div.product div.tocart{
		float: left;
	}
		div.product div.tocart input.submit{
			background: url('../layoutg3/tocart.gif') 0% 0% no-repeat;
			border: none;
			width: 21px;
			height: 20px;
			cursor: pointer;
			margin: 0 5px 0 15px;
		}
	div.product div.flags{
		position: absolute;
		left: 0;
		bottom: 3px;
		height: 20px;
		overflow: hidden;
		text-align: center;
		width: 148px;
		
	}
		div.product div.flags img{
		margin: 0 0px;
		
	}
	/*EOprodukt*/
	
	
	/*news*/
	div.newsimgbox{
		width: 160px;
		padding: 25px 10px;
		overflow: hidden;
		text-align: center;
		float: left;
	}
	div.newsbox{
		width: 435px;
		float: left;
		padding: 0 0 20px 0;
	}
	div.newboxtop{
		background: url('../layout/newboxtop.gif') 0% 0% no-repeat;
		width: 100%;
		height: 5px;
		overflow: hidden;
	}
	div.newboxbottom{
		background: url('../layout/newboxbottom.gif') 0% 0% no-repeat;
		width: 100%;
		height: 5px;
		overflow: hidden;
		margin: 0 0 20px 0;
	}
	div.newboxbody{
		background: url('../layout/newboxbody.gif') 0% 0% repeat-y;
		overflow: hidden;
		padding: 10px 20px;
		width: 395px;
		color: #626262;
	}
	div.newsbox span.time{
		font-size: 10px;
		color: #868686;
	}
	div.newsbox h3, div.newsbox h3 a, div.newsbox h3 a.visited{
		font-size: 14px;
		color: #000000;
		margin: 2px 0 15px 0;
	}
	div.newsbox p{
		padding: 15px 0;
	}	
	/*EOnews*/
	
	/*KOSIK*/
	div#kosikinner, div#detailinner{
		width: 619px;
	}
	table.kosikgoods{
		border-collapse: collapse;
		float: left;
	}
	table.wide{
    width: 99%;
    margin: 1px;
  }
	table.kosikgoods th{
		padding: 5px;
		color: #626262;
		font-size: 10px;
		vertical-align: top;
		border-top: 1px solid #d3d3d3;
		border-bottom: 1px solid #d3d3d3;
	}
	table.kosikgoods td{
		border-bottom: 2px solid #ffffff;
		padding: 5px;
		color: #626262;
		vertical-align: top;
	}
	table.kosikgoods td strong{
		color: #467bc3;
	}
	table.kosikgoods td a{
		color: #626262;
	}
	table.kosikgoods td a:hover{
		color: #000000;
	}
	table.kosikgoods tr.dark td{
		background: #e2edff;
	}
	table.kosikgoods tr.light td{
		background: #eff5ff;
	}
	table.kosikgoods th.produkt{
		text-align: left;
		border-left: 1px solid #d3d3d3;
	}
	table.kosikgoods th.dph{
		border-right: 1px solid #d3d3d3;
	}
	table.kosikgoods input.ks{
		border: 1px solid #d6dfec;
		width: 23px;
		text-align: right;
	}
	table.kosikgoods .produkt{
		width: 165px;
	}
	table.kosikgoods .cenaks{
		width: 85px;
		text-align: right;
	}
	table.kosikgoods .dph{
		width: 30px;
		text-align: right;
	}
	table.kosikgoods .ks{
		width: 25px;
	}
	table.kosikgoods .cenacelkem{
		width: 40px;
		text-align: right;
	}

	div.kosikinfobox{
		float: right;
		position: relative;
		width: 140px;
		border: 1px solid #d3d3d3;
		padding: 10px 10px;
		color: #bcbcbc;
		margin: 0 0 0 15px;
		
	}
	div.kosikinfobox p{
		text-align: justify;
		padding: 0 0 10px 0;

		
	}
	
	
	#kosiksteps{
    float: right;
    margin: -35px 0 0 0;
  }
  
  #kosiksteps span.step{
    width: 84px;
    height: 17px;
    display: block;
    float: left;
    margin: 3px;
    padding: 3px 0 0;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    background: url('../layoutg3/kosikfd.gif') 0% 100% no-repeat;
  }
  
  #kosiksteps span.active{
    background: url('../layoutg3/kosikfd.gif') 0% 0% no-repeat;
  }
	
	.kosiksum{
    width: 99%;
    border: 1px solid #e3e3eb;
    padding: 10px 0;
    color: #ff7b00;
  }
  .kosiksum .flleft{
    float: left;
    padding: 0 10px;
  }
  .kosiksum .flright{
    float: right;
    padding: 0 10px;
  }
  
  .kosiksum .flright .sdph{
    font-size : 1.3em;
    color: #ff7b00;
  }
  
  .kosiksum .flright{
    color : black;
  }
	
	.pokracovat, .dokoncit{
    color: #738289;
    font-weight: bold;
    padding: 5px 25px;
    margin: 5px;
  }
	.pokracovat{
    float: left;
    background: url('../layoutg3/nakup.gif') 0% 0% no-repeat;
  }
  .dokoncit{
    float: right;
    background: url('../layoutg3/dokoncit.gif') 100% 0% no-repeat;
  }
	.kosiksubmit{
		background: url('../layoutg3/kosiksubm.gif') 0% 0% no-repeat;
		width: 133px;
		height: 20px;
		text-align: center;
		border: none;
		font-weight: bold;
		font-size: 10px;
		color: #b9c4c8;
		cursor: pointer;
	}
	div.odskoktop{
		margin-top: 35px;
	}
	div.centering{
		width: 100%;
		text-align:center;
	}
	div.kosikinfobox div.arrow{
		position: absolute;
		width: 15px;
		height: 21px;
		background: url('../layout/infoarrow.gif') 0% 0% no-repeat;
		left: -15px;
		top: 15px;

	}

	h3.kosikh3{
		font-size: 13px;
		color: #2a3030;
		padding: 25px 20px 5px;
		background: url('../layoutg3/kosikarr.gif') 0% 25px no-repeat;
	}
	.kosikorderbox{
		border: 1px solid #bec9cb;
		background: #e1e9ec;
		width: 595px;
		padding: 10px;
		color: #6e8084;
	}
	.flleft{
		float: left;
	}
	.kosikorderbox input.radio{
		margin: 0 5px;
	}
	.kosikorderbox select.doprava{
		width: 350px;
	}
	.kosikorderbox p{
		padding: 5px 0;
		line-height: 150%;
	}
	.hilight{
		color: #ff6f07;
	}
	.lfbox{
		float: left;
		padding: 0 10px;
	}
	
	.kosikorderbox label.block{
		width: 90px;
		padding: 3px 0;
		display: block;
		float: left;
	}
	.kosikorderbox label.short{
		width: 45px;
	}
	.kosikorderbox input.text{
		width: 110px;
		border: 1px solid #d3d3d3;
		font-size: 11px;
		padding: 2px 2px;
		margin: 2px 0;
		float: left;
	}

	#kosikinner textarea{
		width: 605px;
		height: 80px;
		border: 1px solid #d3d3d3;
		margin: 0 0 10px 0;
		font-family: tahoma;
		font-size: 11px;
		color: #444444;
		padding: 5px;
	}


	/*EOKOSIK*/
	
	/*DETAIL*/
	
	div.detailimg{
		width: 230px;
		float: left;
		text-align: center;
	}
	
	div.detailmainbox{
		float: right;
		width: 353px;
		border: 1px solid #5e696d;
		background: #f1f6fa;
		padding: 10px;
		color: #626262;
		margin-bottom: 10px;
		line-height: 130%;
	}
	
	div.detailmainbox strong.cena{
		font-family: arial;
		font-weight: bold;
		color: #ff6f07;
		font-size: 16px;
		float: left;
		display: block;
		padding: 3px 0 0 0;
	}
	div.detailmainbox strong.cena span{
		font-family: arial;
		font-weight: bold;
		color: #ff6f07;
		font-size: 12px;
	}
	
	div.detailmainbox form, div.detailmainbox form div{
		display: inline;
		float: right;
		width: 155px;
	}
	div.detailmainbox form div{
		padding: 0 0;
	}
	div.detailmainbox form input.text{
		border: 1px solid #c4ced0;
		width: 25px;
		padding: 2px;
		font-size: 11px;
		text-align: right;
	}
	div.detailmainbox form label{
		font-weight: bold;
		padding: 0 5px;
	}
	div.detailmainbox input.detailtocart{
		width: 93px;
		height: 20px;
		background: url('../layoutg3/tocartdetnew.gif') no-repeat 0% 0%;
		border: none;
		font-weight: bold;
		color: #002b65;
		font-size: 11px;
		padding: 0 0 0 20px;
		cursor: pointer;
	}
	
	div.detailmainbox p{
		color: #467bc3;
		padding: 5px 0 0 0;
	}
	
	
	div.cenamainbox{
		float: right;
		width: 353px;
		border: 1px solid #c5d6dd;
		background: #ffffff;
		padding: 5px 10px;
		color: #67b8e5;
		line-height: 130%;
	}
	
	
	div.cenamainbox strong{
    color: #76878e;
    font-weight: normal;
  }
  
  div.cenamainbox p.left{ float: left;}
  div.cenamainbox p.right{ float: right;}
	
	
	
	.vytisknout{
    position: absolute;
    right: 0;
    top: -18px;
  }
	
	div.ttdpanel{
		float: right;
		width: 373px;
		margin: 10px 0;
	}	
	div.ttdpanel table{
		border-collapse: collapse;
		table-layout: fixed;
		border: 1px solid #d3d3d3;
		font-size: 11px;
		width: 100%;
	}	
	div.ttdpanel table td{
		color: #467bc3;
	}
	div.ttdpanel table tr.light td{
		background: #ffffff;
	}
	div.ttdpanel table tr.dark td{
		background: #f3f3f3;
	}
	div.ttdpanel table tr td.left{
		width: 95px;
		padding: 7px 0 7px 10px;
	}
	div.ttdpanel table tr td.right{
		width: 60px;
		text-align: left;
		padding: 7px 10px 7px 0;
	}
	div.ttdpanel .green{
		color: #00b81e;
	}
	
	
	#popisbox{
		position: relative;
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0 0 15px 0;
		color: #626262;
		border: 1px solid #d3d3d3;
	}	
	#popisbox p{
		line-height: 130%;
	}
	#popisbox ul{
		position: absolute;
		left: -1px;
		top: -21px;
		height: 22px;
		overflow: hidden;
		list-style: none;
	}
	#popisbox ul li{
		display: block;
		float:left;
		padding: 4px 0;
		font-size: 10px;
		border-top: 1px solid #d3d3d3;
		border-left: 1px solid #d3d3d3;
		border-right: 1px solid #d3d3d3;
	}
	#popisbox ul li.active{
		padding: 4px 10px;
		border-top: 1px solid #d3d3d3;
		border-left: 1px solid #d3d3d3;
		border-right: 1px solid #d3d3d3;
		background: #ffffff;
	}
	#popisbox ul li a{
		padding: 0 10px;
		color: #b3b3b3;
		text-decoration: none;
	}
	#popisbox ul li.active a{
		color: #444444;
	}
	#popisbox ul li a.last{
		border: none;
	}
	#popisbox ul li a:hover{
		color: #333333;
	}
	
	.podrobne_obsah {
    padding: 15px 10px;
  }
	
	.asnav{
    background: url('../layoutg3/nav-arrow.gif') no-repeat 2px 50%;
    padding: 0 0 0 25px;
    font-size: 13px;
  }
	
	div.addons{
		float: left;
		width: 420px;
	}
	div.addons h3{
		font-size: 13px;
		color: #467bc3;
		padding: 20px 0 10px 0;
	}
	div.addon{
		border-top: 1px solid #e3e3e3;
		padding: 20px 0 10px;
	}
	div.addon img{
		float: left;
	}
	div.addon p{
		font-size: 10px;
		line-height: 130%;
	}
	div.addon p a strong{
		font-size: 11px;
	}
	div.addon p a{
		color: #626262;
	}
	div.addon p a:hover{
		color: #000000;
	}
	
	
	table.techspec{
    width: 618px;
    margin: 10px 0 10px 1px;
    border-collapse: collapse;
  }
  
  table.techspec td{
    color: #6e8187;
        border: 1px solid #dbdee5;
    padding: 5px;
  }
  table.techspec td.left{
    font-weight: bold;
    width: 170px;
  }
  table.techspec td.right{
    
  }
  table.techspec tr.light td{

  }
  table.techspec tr.dark td{
    background: #eeeced;
  }
	
	
	
	
	
	
	
	#rightbar{
		float: right;
		width: 185px;
		font-size: 10px;
		color: #626262;
	}	
		#rightbar div.box{
			background: url('../layout/smalldelimiter.gif') 0% 100% repeat-x;
			padding: 10px 0;
		}
		#rightbar .altcolor{
			color: #467bc3;
		}
		#rightbar .leftpadded{
			padding: 0 0 0 30px;
		}
		#rightbar p.sandclock{ background: url('../layout/sandclock.gif') 0% 0% no-repeat; }
		#rightbar p.calendar{ background: url('../layout/calendar.gif') 5px 0% no-repeat; }
		
		#rightbar div.linkedgood{
			padding: 15px 0 0 0;
		}
		#rightbar div.linkedgood img{
			float: right;
		}
		#rightbar div.linkedgood p{
			padding: 5px 0;
		}
		
		
	.flags{
    text-align: right;
    
  }
	
	/*EODETAIL*/
	
	
/*EOOBSAH*/



.ccelkem{
    display: block;
    float: left;
    width: 610px;
    font-size: 14px;
    text-align: right;
    padding: 5px 0;
    color: #444444;
}


.redax{
  color: #333333;
  line-height: 130%;
  padding: 0 10px;
}


.redax ul{
  list-style: square;
  padding: 0 0 0 15px;
}

h1.katname{
 	font-family: arial;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	color: #467bc3;
	margin: 0 0 20px 0;
}

input.coolform{
  border: 1px solid #999999;
  font-size: 11px;
  padding: 3px;
}
textarea.coolform{
  border: 1px solid #999999;
  font-size: 11px;
  padding: 2px;
  margin: 2px 2px 2px 25px;
}


div.allsubbox{
  border: 1px solid #dcdcdc;
  background: #f0f0f0;
  margin: 0 2px;
  padding: 10px 10px;
}
div.allwidth{
  width: 100%;
}
.sites{
  float: right;
}
.nazev{
  float: left;
  color: #666666;
}
.flleft{
  float: left;
}

div.shaded{
  background: #f6f6f6 url('../layout/shade.gif') 0% 0% repeat-x;
  border-top: none;
}

.confirm{
  border: 1px solid #dcdcdc;
  background: #ffffff;
  font-size: 11px;
  padding: 2px 5px;
  cursor: pointer;
}
.long{ width: 130px;}
.short{ width: 60px;}
.vyrobci{
  padding: 0 0;
  line-height: 150%;
}
.vyrobci label{
  padding: 0 7px 0 2px;
  cursor: pointer;
}

.vyrobci .modra{
  float: left;
  display: block;
  width: 65px;
}
.padded{
  padding: 5px 0;
}

.zbozi_tabulka{
  border-collapse: collapse;
  width: 100%;
}
.zbozi_tabulka th{
  padding: 5px 5px 5px 10px;
  background: url('../layoutg3/sorter.gif') 0% 55% no-repeat;
  border-bottom: 1px solid #b1d4ea;
  text-align: left;
  color: #333333;
  cursor: pointer;
}
.zbozi_tabulka th.sorttable_nosort{
  padding: 5px 5px 5px 5px;
  background: none;
}
.zbozi_tabulka td{
  padding: 5px;
}
.zbozi_tabulka tr.light td{
  border-top: 1px solid #ffffff;

}
.zbozi_tabulka tr.dark td{
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  background: #f3f8fc;
}

.zbozi_tabulka a.kup{
  background: url('../layoutg3/buytable.gif') 100% 50% no-repeat;
  display: block;
  padding: 3px 25px 2px 0;
}


.vypis_kategorii{
  border-collapse: collapse;
  width: 100%;
}
.vypis_kategorii th{
  padding: 5px;
  background: #f3f8fc;
  border-top: 1px solid #b1d4ea;
  border-bottom: 1px solid #b1d4ea;
  text-align: left;
  color: #0072bb;
}
.vypis_kategorii td{
  padding: 5px;
}
.vypis_kategorii tr.light td{
  border-top: 1px solid #ffffff;

}
.vypis_kategorii tr.dark td{
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  background: #f3f8fc;
}



.vyrobce_box{
  float: left;
  width: 150px;
  overflow: hidden;
  height: 80px;
  border: 1px solid #f0f0f0;
  text-align: center;
  margin: 5px;
  padding: 5px;
  position: relative;
}
.vyrobce_box div.img_obal img{
  margin: 0;
}

	div.rozcesti{
    text-align: left;
    position: relative;
    left: 50%;
    float: left;
  }
	div.rozin{
  	  position: relative;
      text-align: center;
      left: -50%;
  }
	
	div.rozbox{
		position: relative;
		width: 140px;
		overflow: hidden;
		float: left;
  position: relative;
  float: left;
  padding: 0 0 15px 0;
  margin: 0 5px;
		
	}

  .rozbox div.img{
    border: 1px solid #c2d3db;
    width: 138px;
    height: 80px;
    padding: 20px 0 10px;
    text-align: center;
  }
  .rozbox div.first{

  }
  .rozbox div.img a{
  }
  .rozbox div.text{ 
    height: 9em;
        padding: 1em;
    background: #f1f5f8;
    text-align: left;
  }
  .nizke .rozbox div.text{
    height: 1.6em;
  }
  .rozbox h3{
    font-size: 1.1em;
    margin: 0 0 5px 0;
  }
  .rozbox h3 a{
    color: #3da8e0;
  }
  .rozbox h3 a:hover{
    color: #444444;
  }
  .rozbox div.text ul{
    list-style: none;
    padding: 5px 0 0 0;
  }
  .rozbox div.text ul li{
    padding: 2px 0;
  }
  
.novinka{
  padding: 0.5em 1em;
  color: #6c8087;
  font-size: 1.1em;
}
.novinka span.time{
  background: url('../layoutg3/calendar.gif') no-repeat 0% 50%;
  padding: 0 0 0 15px;
}
.novinka h3{
  font-size: 1.15em;
  display: inline;
  padding: 0 0 0 2em;
}
.novinka h3 a{
  color: #ff7802;
}
.novinka h3 a:hover{
  color: #444444;
}
.novinka p{
  padding: 0.3em 0;
}
.novinka ul{
  list-style: square;
  padding: 0.3em;
  list-style-position: inside;
}

.mapa{
  padding: 0px 0 5px 35px;
  list-style: square;
  color: #444444;
}
.mapa li{
  padding: 2px 0;
}
.mapa li ul{
  padding: 0 0 0 15px;
  list-style: square;
  color: #999999;
}

.vyrobcelogo{
  float: right;
  margin: 0 0 5px 0;
}

.allproducers{
  background: url('../layoutg3/topsubmenuli.gif') 0% 50% no-repeat;
  font-weight: bold;
  padding: 0 0 0 7px;
  float: right;
}

.vlista{
  padding: 0 0 15px 0;
}

.vlista .headline{
  padding: 5px;
}
.vlista .links{
  padding: 5px;
}
.vlista .headline a{
  background: url('../layoutg3/nav-arrow.gif') 0% 50% no-repeat;
  padding: 3px 0 3px 20px;
  color: #ff7800;
}
.vlista .headline a:hover{ color: #444444;}
.vlista .links a{}
.vlista .links a:hover{}


.kats{
  border-top: 1px solid #d0d0d0;
  padding: 10px 0;
  margin: 0 0 10px 0;
}

.kats .img{
  float: left;
  margin: 5px 10px 10px 0;
  width: 100px;
  text-align: center;
  overflow: hidden;
  }

.kats .text p{
  line-height: 130%;
  }

.kats .text h2 a{
  color: #4aaee1;
}

.sendfriend{
  padding: 0 10px 10px;
}

.sendfriend h3{
  font-size: 12px;
  margin: 0 0 5px 0;
}

.sendfriend label{
  display: block;
  float: left;
  padding: 2px;
  width: 90px;
}
.sendfriend .text{
  border: 1px solid #ccc;
  font-size: 11px;
  padding: 2px;
  width: 140px;
  margin: 0 0 4px 0;
}
.sendfriend textarea.text{
  width: 400px;
  height: 90px;
}
.sendfriend .submit{
  cursor: pointer;
  width: 140px;
  border: 1px solid #ccc;
  background: #f0f0f0;
  color: #444;
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin: 5px 0 0 94px;
}
.sendfriend .warn{
  display: block;
  float: left;
  color: #b70000;
}
.copy {
  padding-left: 70px;
  float: left;
  text-align: left;
}
.copy2 {
  padding-right: 70px;
  float: right;
  text-align: right;
}
.projekty {
  padding-left: 70px;
  padding-right: 50px;
  text-align: left;
}