html, body		{
	font-size: 82%;
	margin:0; padding:0;
	text-align: center;
	background: url(../images/bg.gif) repeat-y #69D3FF;
 	}
	

	
#main  {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
	margin-top: 0px;
	width: 849px;
	
	}
	
#top {
	width: 100%;
	height: 230px;
	background: url(../images/logo_bg.jpg) no-repeat;
	position: relative;
	}
#top a#logo {
	position: absolute;
	left: 10px;
	top: 22px;
}
#top #flash { position: absolute; left: 188px; top: 0; }







/* ----------LEFT-----------*/
#left { float: left; width: 188px; }
#left_cont {  margin:  0 0 0 0; }

/*-------------CENTER--------------------*/
#center { float: left; width: 653px; }
#center_cont { margin: 0 13px 0 13px; padding-bottom: 20px; }








#box_menu { background: url(../images/bg_left_top.jpg) no-repeat; padding-top: 29px;  }

#box_menu ul {
	padding:0 0 0 5px; margin: 5px 0; padding-bottom: 30px;
	list-style: none;
	background: url(../images/bg_left_bottom.jpg) no-repeat bottom; 
	
	}
#box_menu ul li   {
	padding: 0;
	margin: 0;
	background: url(../images/li_bg.gif) no-repeat;
	list-style: none;
	padding-left: 40px;
	}
	
#box_menu ul li a {
	
	display: block;
	padding: 	7px 0 7px 0;
	
	font-weight: bold;
	font-size: 1.1em;
	width: 133px;
	text-decoration: none;
	color: #187118;
	}

#box_menu ul li a:hover{
	color: #E7552D;
	
}



	
	

	
#right h3 { 
	
      margin-bottom: 10px;
		padding: 0 0 10px 20px;
		font-size: 1.3em;
		background: url(../images/h1_bg.gif) no-repeat;

}

div.flash { display: block; margin: 0 3px 0 10px;  }





	


#bottom {
	width: 100%;
	height: 52px;
	background: url(../images/bottom.jpg);
	text-align: left;
	float: left;
	position: relative;
	}
	
	a#ebrana, a#wa{
	margin-left: 0px;

	}
	a#wa{ 
		margin-left: 10px;
	}

	
	
.cleaner {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}


#navigace {
	margin-bottom: 10px;
	
}
#navigace a.back {
	float: right;
}





hr.none {
	display: none;
}

#floats { line-height: normal; }

	#f1, #f2, #f3, #f4   { float: left; width: 152px; margin-left: 4px; background: url(../images/head_bottom.jpg) bottom no-repeat;  }
	
	
	#floats h2 { width: 152px; height: 190px; position: relative; color: #FFFFFF; margin: 0;  }
	#floats h2 a {  color: #FFFFFF; display: block; padding-top: 170px;  font-size: .8em;  width: 89%;  margin: 0 9px;   }
	#floats h2 a:hover { text-decoration: none;  }
	#f1 h2 { background: url(../images/head_1.jpg) top no-repeat;  }
	#f2 h2 { background: url(../images/head_2.jpg) top no-repeat;  }
	#f3 h2 { background: url(../images/head_3.jpg) top no-repeat;  }
	#f4 h2 { background: url(../images/head_4.jpg) top no-repeat;  }
	
	#floats h2 a span { text-decoration: none;  }
	
	
	
	.floats_cont { line-height: normal; margin: 3px 9px 5px 9px; padding-top: 5px; height: 150px; border-top: 1px solid #fff; color: #fff;  }
	#floats a.more { display: block; text-align: center; font-weight: bold; margin-bottom: 3px; }
	
	.sublogos { clear: both; margin-top: 10px; text-align: center; }


 div#kontakt 					{ margin: 5px 9px 5px 7px; border: 1px solid #ACD783; display: block; font-style: normal; padding: 5px 10px; color: white;  
 									 font-size:	0.916em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;  }
 div#kontakt p					{ color: white; }
 div#kontakt a					{ color: white; }
 div#kontakt strong 			{ color: #fff; font-size: 11px;    }
 div#kontakt table 			{ color: #fff; font-size: 10px;    }
 div#kontakt table a 		{ color: #fff; }
 div#kontakt table th 		{ width: 70px; }
 div#kontakt table th, div#kontakt table td { padding: 1px 0; } 


ul.produkty_kategorie {  padding:5px 10px 10px 40px; margin: 0 0 10px; border: 1px solid #3D9602;  background: url(../images/rose.gif) 5px 5px no-repeat #E8FFD0 ; }
ul.produkty_kategorie li { font-weight: bold; list-style: none; font-size: 1.4em; padding-bottom: 10px; padding-top: 5px;    }
ul.produkty_kategorie .popis { font-weight: normal; font-size: .7em; }

.fotky {}
.fotky .foto  { float: left; width: 155px; height:120px; overflow: hidden;  }
.fotky .foto img { border: 1px solid #3D9602;}
 

div.odkazy {
	text-align: right;
	margin-top: 20px;
}

/* NAHLED PRODUKTAK */ 
div.produkt_nahled {
	
	border: 1px solid #3D9602;
	float: left;
	background: #E8FFD0;
	margin: 10px 5px 0 5px;
	padding: 1px;
	width: 209px;
	_width: 195px;
	text-align: center;
	
	min-height:170px;
  	height:auto !important;
  height:170px;
} 
html>body div.produkt_nahled { width: 195px;  }

div.produkt_nahled h4{
	margin: 0 0 0 0; padding: 2px 0;
	font-size: 1.1em; 
	background: #3D9602; 
	color: #fff;
}
div.produkt_nahled h4 a { color: #fff; }
div.produkt_nahled h4 a:visited { color: #fff; }
div.produkt_nahled .obrazek { margin: 8px; }
div.produkt_nahled .anotace { padding: 5px; }

.podstranky 	{ background: #E8FFD0; border: 1px solid #3D9602; padding: 5px; }
.podstranky h2 { font-size: 1.4em; margin: 0; padding: 8px 0 8px 35px;background: url(../images/rose.gif)  no-repeat }
.podstranky hr	{ display: none; }


/* rozcestnik */
div.floats								{ width: 100%; background: url(../images/floats.gif) 0 0 repeat-y; }
div.floats .extra2:after 			{ display: block; clear: both; content: " "; }	
div.floats .extra						{ width: 100%; background:  url(../images/floats_up_down.gif) 0 0 no-repeat; }
div.floats .extra2					{ width: 100%; background: url(../images/floats_up_down.gif) -622px 100% no-repeat; }
div.floats .float_1					{ width: 214px; float: left; }
div.floats .float_1 .float_cont	{ padding: 16px 0; }
div.floats .float_1 ul				{ margin: 0 0 0 21px; padding: 0; }
div.floats .float_1 ul li			{ font-size: 1.0909em; padding: 0; margin: 0; }
div.floats .float_1 ul li a		{ width: 193px; display: block; padding: 0; }
div.floats .float_1 ul li a span	{ display: block; padding: 7px 0 7px 16px;  background: url(../images/float_li.gif) 0 12px no-repeat;   }
div.floats .float_1 ul li a:hover { background: url(../images/float_li_hover.gif) 0 0 repeat-y; text-decoration: none; font-weight: bold; }
div.floats .float_1 ul li a		{ color: #006600;  }

div.floats .float_2					{ float: right; width: 413px; background: #53ba0f url(../images/float_hover.gif) 0 0 repeat-y; margin-bottom: 20px; }
div.floats .float_2 .extra3		{ width: 100%; background: url(../images/float_hover_up_down.gif) 0 100% no-repeat; min-height: 300px; height: auto !important; height: 300px; }
div.floats .float_2 .extra3:after{ display: block; clear: both; content: " "; }	
div.floats .float_2 .float_cont	{ background: url(../images/float_hover_up_down.gif) -413px 0 no-repeat; color: white; padding: 20px 20px 0; }		
div.floats .float_2 .float_cont .anotace	{ padding-bottom: 20px; line-height: 1.3em; }
div.floats .float_2 .float_cont img	{ float: right; margin: 0 0 5em 2em; }
div.floats .float_2 .float_cont h3 { color: white; margin: 0 0 1em; padding: 0; font-size: 1.3636em; }


#boxy										{ width: 99%; margin: 10px 0 10px 0; }
#boxy	h2									{ padding: 15px 0 0 35px; margin: 0; background-position: 15px 17px; }	
#boxy	#extra,
#boxy	#extra2							{ background: url(../images/box_up_down.gif) 0 0 no-repeat; }
#boxy	#extra .box_cont			   { background: url(../images/box_up_down.gif) -299px 100% no-repeat; padding: 10px 15px 15px 35px; }	
#boxy	#extra2 .box_cont				{ background: url(../images/box_up_down.gif) -299px 100% no-repeat; padding: 5px 15px 47px 35px; }					
#boxy	#extra .box_cont p			{ margin-top: 0; }	
#boxy	#box_partneri					{ width: 299px; float: left; background: #e8ffcf url(../images/box_bg.gif) 0 0 repeat-y; }
#boxy	#box_partneri .box_cont		{ padding-left: 25px; }		
#boxy	#box_katalog					{ width: 299px; float: right; margin-right: 0; background: #e8ffcf url(../images/box_bg.gif) 0 0 repeat-y; }
#boxy	#box_katalog img				{ float: left; margin: 0.5em 1em 0 0; }