body {
  margin:0;
  padding:0;
  background:#666666 url(../pic/bg.gif) repeat;
  text-align: center;
  font-family: Trebuchet MS;
  font-size: 13px;
  color: #292929;
}


a:link, a:visited {
  color: #292929; text-decoration: underline;
}
a:hover {
  color: #292929; text-decoration: none;
}



#hlavicka {
  width:951px; background:#fbfdfd url(../pic/top1.jpg) no-repeat; height:134px; margin:0; 
}

#navigace {
  width:941px; border:5px solid #ffffff; background:#666666; height:38px; text-align:left; 
}

#navigace .vyhledavani {
  width:140px; border-left:5px solid #ffffff; background:#ffcc00; height:38px; float:right; text-align:left;
}







#navigace .menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:13px;
	}
#navigace .menu ul{
	background:#666666;
	height:38px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#navigace .menu li{
		float:left;
		padding:0px;
		
		}
	#navigace .menu li a{
		background:#666666 url("../pic/menu-oddelovac.gif") bottom right no-repeat;
		color:#ffffff;
		display:block;
		font-weight:bold;
		line-height:38px;
		margin:0px;
		padding:0px 20px;
		text-align:center;
		text-decoration:none;
		}
  #navigace .menu li a:hover, #navigace .menu ul li:hover a{
			background: #575757 url("../pic/menu-over.gif") top center no-repeat;
			color:#ffcc00;
			text-decoration:none;
			}
	#navigace .menu li ul{
		background:#666666;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#navigace .menu li:hover ul{
		display:block;
		background:#575757;
		}
	#navigace .menu li li {
		background:url('../pic/menu-oddelovac-podmenu.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#navigace .menu li:hover li a{
		background:none;
		color:#ffffff;
		font-weight: normal;
		}
	#navigace .menu li ul a{
		display:block;
		height:38px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#navigace .menu li ul a:hover, #navigace .menu li ul li:hover a{
			background:#575757 url('../pic/menu-over-podmenu.gif') center left no-repeat;
			border:0px;
			color:#ffcc00;
			text-decoration:none;
			}
	#navigace .menu p{
		clear:left;
		}	














#kontejner {
  width:931px; border-left:10px solid #949494; border-right:10px solid #949494; text-align:left; margin:0px;  
  background: #ffffff url("../pic/obsah-bg.gif") top center no-repeat;
}		

#obsah {
  padding:15px; padding-bottom:1px; text-align:justify; 
}		

#obsah .cesta {
  font-size: 11px; color: #292929; 
}

#obsah .cesta A:link, #obsah .cesta A:visited {
  font-size: 11px; color: #292929; text-decoration:none;  
}
#obsah .cesta A:hover {
  text-decoration:underline;  
}

#obsah h1 {
  background:url(../pic/h1-odrazka.gif) no-repeat 0px 12px; padding-left:20px; margin:0px;  margin-top:15px; margin-bottom:15px; font-size:25px; font-weight:normal; 
}

#obsah h2 {
  margin:0px;  margin-top:15px; margin-bottom:5px; font-size:20px; font-weight:normal; 
}
#obsah h3 {
  margin:0px;  margin-top:15px; margin-bottom:5px; font-size:17px; font-weight:bold; 
}


#obsah ul{margin:0; padding:0; margin-bottom: 10px; list-style:none;}
#obsah li {background:url(../pic/li3.png) top left no-repeat; background-position:6px 6px; padding-left:25px; line-height:1.6em; margin-top:0px; margin-left:15px;}


#obsah .foto {
  float:left;  border:1px solid #cecece; padding:10px; width:245px; height:245px; text-align:center; line-height:245px; 
}

#obsah .foto img {
  border:0px; 
}






#obsah .nahledy {
  float: right;  border:1px solid #cecece; padding:5px; width:55px; text-align:center; 
}

#obsah .download {
  border:1px solid #cecece; margin-top:10px; width:340px; text-align:left; background:#fff0b3;
}

#obsah .downloadobsah {
  padding:10px; line-height:180%;
}

#obsah .cena {
  border:1px solid #cecece; margin-top:10px; width:330px; padding:5px; text-align:left; font-weight: normal; font-size:20px; background:#fffae6;
}

#obsah .cena span {
  font-weight: normal; font-size:13px; margin-right:15px;
}


#obsah .cena1 {
  border:1px solid #cecece; margin-top:10px; width:155px; padding:5px; text-align:left; float:left; font-weight: normal; font-size:20px; background:#fffae6; margin-right:10px; height:40px;
}

#obsah .cena1 span {
  font-weight: normal; font-size:13px; margin-right:15px;
}
#obsah .cena2 {
  border:1px solid #cecece; margin-top:10px; width:150px; padding:5px; text-align:left; float:left; font-weight: normal; font-size:20px; background:#fffae6; height:40px; color:#ca0000;
}
#obsah .cena2 span {
  font-weight: normal; font-size:13px; margin-right:15px;  color:#000000;
}
#obsah .cena2 p {
  margin:0; padding:0 
}

#obsah .cena2vysoka {
  border:1px solid #cecece; margin-top:10px; width:150px; padding:5px; text-align:left; float:left; font-weight: normal; font-size:20px; background:#fffae6; height:100px; color:#ca0000;
}
#obsah .cena2vysoka span {
  font-weight: normal; font-size:13px; margin-right:15px;  color:#000000;
}
#obsah .cena2vysoka p {
  margin:0; padding:0 
}


#obsah table {
 border-collapse:collapse;
 margin:20px 0;
 width:530px;
}
#obsah table td, #obsah table th {
 padding:3px 4px;
 border:1px dotted #595959;
}
#obsah table .sl1 {
 font-weight:bold;
}


#obsah .tabref {
 width:660px;
 border:0px;
 font-size:12px;
}
#obsah td.tabref {
 border:0px;
 vertical-align:top;
}



#obsah #pravysloupec {
  float:right; margin-left:30px; width:200px;
}

#obsah .reference {
  background:#ffffff url(../pic/banner-reference-bg.jpg) no-repeat; width:200px; height:170px;
}

#obsah .reference .refobsah {
  padding-top:49px;padding-left:16px;
}

#obsah .garance {
  float:right; width:136px; height:125px; margin-left:20px; margin-bottom:10px;
}








#paticka {
  background:url(../pic/paticka-bg.gif) repeat-x; margin-top:0px; padding:0; margin-bottom:20px;
}

#paticka2 {
  background:#ffffff; width:931px; border-left:10px solid #949494; border-right:10px solid #949494; border-bottom:10px solid #949494; float:center; text-align:left; margin:0px; 
}
#patickaobsah {
  height:50px;padding-left:15px;padding-right:15px;padding-top:20px;  
}

#patickaobsah .copyright {
  width:190px; border-top:5px solid #949494; height:35px; float:left; text-align:center; font-size:11px; line-height:4em; color:#4b4b4b;  
}
#patickaobsah .copyright A:link, #patickaobsah .copyright A:visited {
  color: #4b4b4b; text-decoration: none;
}
#patickaobsah .copyright A:hover {
  text-decoration: underline;
}

#patickaobsah .spodnimenu {
  border-top:1px solid #949494; height:35px; float:right; width:711px; vertical-align:middle; text-align: right; font-size:11px; line-height:4em; color: #656565; 
}

#patickaobsah .spodnimenu A:link, #patickaobsah .spodnimenu A:visited {
  font-style: italic; color: #656565; text-decoration: none; margin-left:10px; margin-right:10px;
}
#patickaobsah .spodnimenu A:hover {
  text-decoration: underline;
}







#uvod {
  width:670px; margin-top:20px;
}

#uvod .ctverec {
  float:left; padding:0px; text-align:center; margin-right:5px; margin-bottom:10px; background-color:#ffffff;
}

#uvod .ctverec A:link, #uvod .ctverec A:visited {
  width:150px;
  height:180px; 
  display:block;
 	border:5px solid #ffffff;
 	text-decoration: none;
 	color:#292929;
 	padding:1px; 
}
#uvod .ctverec A:hover {
 	border:5px solid #ffcc00;
 	color:#000000;
}

#uvod .ctverec img {
  margin-bottom:2px;
}

#uvod .ctverec h2 {
  font-size: 14px; font-weight: bold; margin:0;
}










#kategorie-vypis {
  width:670px; margin-top:20px;
  background:#ffffff;
}

#kategorie-vypis .obdelnik {
  float:left; padding:0px; text-align:left; margin-right:10px; margin-bottom:20px;
}

#kategorie-vypis .obdelnik A:link, #kategorie-vypis .obdelnik A:visited {
  width:304px;
  height:80px; 
  display:block;
 	border:5px solid #ffffff;
 	text-decoration: none;
 	color:#292929;
  padding:5px; 
}
#kategorie-vypis .obdelnik A:hover {
 	border:5px solid #ffcc00;
 	color:#000000;
}

#kategorie-vypis .obdelnik img {
  margin-bottom:0px;
  margin-right:15px;
  border:1px solid #cecece;
  float:left;
}

#kategorie-vypis .obdelnik h2 {
  font-size: 16px; font-weight: bold; margin:0; margin-bottom:5px; padding-bottom:5px;
  border-bottom: 1px solid #cecece;
  line-height:17px;
}
#kategorie-vypis .obdelnik p {
  font-size: 11px; margin:0;
}

#kategorie-vypis .obdelnik .vice {
  border:0; float: none; margin:0;
}




#produkty-vypis {
  width:670px; margin-top:20px;
}

#produkty-vypis .ctverec {
  float:left; padding:0px; text-align:center; margin-right:10px; margin-bottom:10px;
}

#produkty-vypis .ctverec A:link, #produkty-vypis .ctverec A:visited {
  width:180px;
  height:240px; 
  display:block;
 	border:5px solid #ffffff;
 	text-decoration: none;
 	color:#292929;
 	padding:10px; 
}
#produkty-vypis .ctverec A:hover {
 	border:5px solid #ffcc00;
 	color:#000000;
}

#produkty-vypis .ctverec img {
  margin-bottom:8px; border:0px;
}

#produkty-vypis .ctverec h2 {
  font-size: 14px; font-weight: bold; margin:0;
}

#produkty-vypis .ctverec p {
  font-size: 11px; margin:0; line-height:120%; margin-top:5px;
}




#firmy {
  width:670px; height:90px;
}

#firmy .vyrobce {
  padding:0; float:left; 
}

#firmy .vyrobce A:link, #firmy .vyrobce A:visited {
  width:295px;
  height:70px; 
  display:block;
 	border:2px solid #e6e6e6;
 	text-decoration: none;
 	color:#292929;
 	padding:10px; 
 	
}
#firmy .vyrobce A:hover {
 	border:2px solid #ffcc00;
 	color:#000000;
}

#firmy .vyrobce img {
  margin-right:10px; float: left;
}

#firmy .vyrobce h2 {
  font-size: 14px; font-weight: bold; margin:0;
}






#vyrobek {
  width:415px; height:70px;
}

#vyrobek .vyrobce {
  padding:0; float:left; 
}

#vyrobek .vyrobce A:link, #vyrobek .vyrobce A:visited {
  width:415px;
  height:50px; 
  display:block;
 	border:2px solid transparent;
 	text-decoration: none;
 	color:#292929;
 	padding:10px; 
 	
}
#vyrobek .vyrobce A:hover {
 	border:2px solid #ffcc00;
 	color:#000000;
}

#vyrobek .vyrobce img {
  margin-right:20px; float: left;
}










/* SCROLL */
#obsah #extra_controls, #obsah #scrollbar { 
    display:block; /* initially display:none; to hide from incapable */
    }

#obsah div#wn	{ 
	position:relative;
	overflow:hidden;
	width:55px;
}
#obsah div.content { /* hide content to be swapped in */
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	}
#obsah div#lyr1 { /* show first div */
    visibility:visible;
    }
#obsah div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
#obsah div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
#obsah div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
#obsah div#up { position:absolute; left:0; top:0; }  
#obsah div#down { position:absolute; left:0; bottom:0; }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
#obsah div#scrollbar img {
    display:block; 
    } 
    
/* for safari, to prevent selection problem */
#obsah div#scrollbar, #obsah div#track, #obsah div#dragBar, #obsah div#up, #obsah div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}
/* SCROLL */





#odkazy {
  font-size:11px; color:#cecece; margin-top:15px;
}
#odkazy a {
  color:#cecece;
}

#odkazy a.link {
  color:#cecece; text-decoration:none; margin-right:10px;
}







#autokelly form {
  padding: 0;
  margin: 0;
}

#autokelly label {
  width:  120px;
  padding: 0;
  margin: 0;
}

#autokelly legend {
  font-weight: bold;
}

#autokelly .left {
  position:  relative;
  display:  block;
  float:  left;
}

#autokelly input {
  width: 160px;
}

#autokelly .red {
  font-weight: bold; color: red;
}

#autokelly table {
 border-collapse:collapse;
 margin:10px 0;
 width:640px;
}
#autokelly table td, #obsah table th {
 padding:3px 4px;
 border:1px dotted #cecece;
}
#autokelly table .sl1 {
 width:30px;
}
#autokelly table .sl2 {
 font-weight:bold;
 width:130px;
 text-align: right;
}
#autokelly table .sl3 {
 font-size:11px;
}