html{
  background:black URL("../obr/bg.gif") top left repeat-x;}

body{	
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color:black;
	font-size:small;
	text-align:center;
  padding:0px;
  margin:0px;}

/*hlavní rám + 4 sekce webu*/
#ram{
	position:relative;
	margin:0px auto 0px auto;
	z-index: 1;
	padding:0px;
	border:0px solid black;
  background:none;}

#telo_top1{
  display:none;
  position:relative;
  width:800px;
	height:110px;
	margin:0px;
	padding:0px;
	background:white URL("../obr/telo_top1.png") top left repeat-x;}   
#telo_top1 a.logo{
  position:absolute;
  top:0px;
  left:10px;
  display:block;
  width:183px;
  height:110px;
  background:white URL("../obr/logo.png") top left no-repeat;}

#telo_top1 a.uvod{
  position:absolute;
  top:0px;
  left:230px;
  display:block;
  width:83px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_uvod_off.png") top left no-repeat;}
#telo_top1 a.uvod:hover{
  background:URL("../obr/top_menu_uvod_on.png") top left no-repeat;}
#telo_top1 a.uvod_on{
  position:absolute;
  top:0px;
  left:230px;
  display:block;
  width:83px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_uvod_on.png") top left no-repeat;}
  
#telo_top1 a.aktuality{
  position:absolute;
  top:0px;
  left:315px;
  display:block;
  width:123px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_aktuality_off.png") top left no-repeat;}
#telo_top1 a.aktuality:hover{
  background:URL("../obr/top_menu_aktuality_on.png") top left no-repeat;}
#telo_top1 a.aktuality_on{
  position:absolute;
  top:0px;
  left:315px;
  display:block;
  width:123px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_aktuality_on.png") top left no-repeat;}
  
#telo_top1 a.reference{
  position:absolute;
  top:0px;
  left:430px;
  display:block;
  width:123px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_reference_off.png") top left no-repeat;}
#telo_top1 a.reference:hover{
  background:URL("../obr/top_menu_reference_on.png") top left no-repeat;}
#telo_top1 a.reference_on{
  position:absolute;
  top:0px;
  left:430px;
  display:block;
  width:123px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_reference_on.png") top left no-repeat;}
  
#telo_top1 a.kontakt{
  position:absolute;
  top:0px;
  left:690px;
  display:block;
  width:111px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_kontakt_off.png") top left no-repeat;}
#telo_top1 a.kontakt:hover{
  background:URL("../obr/top_menu_kontakt_on.png") top left no-repeat;}
#telo_top1 a.kontakt_on{
  position:absolute;
  top:0px;
  left:690px;
  display:block;
  width:111px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_kontakt_on.png") top left no-repeat;}
  
#telo_top1 a.certifikaty{
  position:absolute;
  top:0px;
  left:560px;
  display:block;
  width:139px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_certifikaty_off.png") top left no-repeat;}
#telo_top1 a.certifikaty:hover{
  background:URL("../obr/top_menu_certifikaty_on.png") top left no-repeat;}
#telo_top1 a.certifikaty_on{
  position:absolute;
  top:0px;
  left:560px;
  display:block;
  width:139px;
  height:110px;
  background:rgb(240,240,240) URL("../obr/top_menu_certifikaty_on.png") top left no-repeat;}
  
  

#telo_top2{ 
  display:none;
  position:relative;
 	width:800px;
	height:215px;
	margin:0px;
	padding:0px;
	background:white URL("../obr/telo_top2.gif") top left no-repeat;}
#telo_top2 a{
  position:absolute;
  top:34px;
  right:0px;
  display:block;
  width:229px;
  height:77px;
  background:black URL("../obr/telo_top2_box.png") top left no-repeat;}

#telo_middle{ 
  width:800px;
	background:white url("../obr/telo_middle_bg.png") top left repeat-x;
  margin:auto;
	float:left;
	padding:0px;}

#telo_bottom{ 
  display:none;
 	width:800px;
 	padding-top:10px;
 	padding-bottom:5px;
	background:white URL("../obr/telo_bottom.gif") top left no-repeat;
	color:rgb(150,150,150);
  font-size:0.7em;
  text-align:center;
  clear:both;}
#telo_bottom a{
  margin-left:3px;
  margin-right:3px;
  text-decoration:none;
  font-weight:bold;
  font-size:1.2em;
  color:rgb(240,240,240);}
#telo_bottom a:hover{
  color:white;
  text-decoration:underline;}

#copyright{
  display:none;
  margin:auto;
	padding:0px;
	width:800px;
	background:none;
  text-align:right;}
#copyright img{
  margin:0px;}
  
/*dalsi prvky*/
#menu{
  display:none;
  width:800px;
  margin:0px;
  margin-bottom:10px;
  padding:0px;
  background:black;
  font-size:1em;
  background:black URL("../obr/menu.gif") top left no-repeat;
  overflow:hidden;}
#menu a{
  color:rgb(250,250,250);
  background:none;
  display:block;
  float:left;
  height:25px;
  padding:5px;
  padding-top:5px;
  padding-bottom:0px;
  text-decoration:none;
  font-weight:bold;
  margin-right:8px;}
#menu a:hover{
  color:rgb(50,50,50);
  background:white url("../obr/menu_bg_on.png") top left repeat-x;}
  
#text{
  width:780px;
  float:left;
  background:none;
  color:rgb(25,25,25);
  text-align:left;
  margin:0px;
  padding:0px;
  padding-right:10px;
  padding-left:10px;}
#text span.cara_seda{/*cara pod nadpisem kategorie */
  width:760px;
  height:14px;
  background:none;
  margin:auto;
  margin-top:-14px;
  margin-bottom:15px;
  padding:0px;
  border:0px;
  display:block;
  border-bottom:1px solid rgb(245,245,245);}
#text img{
  border:0px solid black;
  margin:0px;}
  
/*drobne prvky zprehlednujici kod*/
.left{
  float:left;}
.left_clear{
  margin-top:10px;
  float:left;
  clear:both;}
.right{
  float:right;}
.right_clear{
  float:right;
  clear:both;}
.right_small{
  float:right;
  font-size:0.8em;}
.nepodtrzeny{
  text-decoration:none;}
.podtrzeny{
  text-decoration:underline;}
.netucny{
  font-weight:normal;}
.tucny{
  font-weight:bold;}
.maly{
  font-size:0.8em;}
.modry{
  color:rgb(105,167,185);}
.zeleny{
  color:rgb(83,140,0);}

a.foto{
  display:block;
  float:left;
  margin:1px;
  border:1px solid rgb(245,245,245);
  padding:0px;
  text-align:center;
  overflow:hidden;}
a.foto img{
  margin:0px;}
a.foto:hover{
  border:1px solid rgb(200,200,200);}
   
/*formular*/  
.formular{
  display:block;
  float:left;
  width:400px;
  margin:0px;
  padding:10px;
  border:1px solid rgb(230,230,230);
  background:white URL("../obr/formular_bg.png") 0px 0px repeat-x;}
.formular strong{
  display:block;
  font-size:0.9em;  
  height:15px;
  width:100px;
  float:left;
  margin:0px;
  margin-bottom:10px;}

.form{
  display:block;
  float:left;
  border:1px solid rgb(230,230,230);
  height:15px;
  width:250px;
  margin:0px;
  margin-bottom:10px;
  background:white;
  font-size:0.9em;
  color:black;}
  
.textarea{
  display:block;
  float:left;
  border:1px solid rgb(230,230,230);
  height:50px;
  width:250px;
  margin:0px;
  margin-bottom:10px;
  font-size:0.9em;
  background:white;
  color:black;}

.tlacitko{
  border:1px solid rgb(230,230,230);
  display:block;
  background:white;
  margin-top:10px;
  float:right;
  clear:both;
  color:black;
  padding:0px;
  padding:2px;
  padding-top:2px;
  padding-bottom:2px;
  font-weight:normal;
  font-size:0.85em;
  cursor:pointer;}

/*tagy*/  
a{
  color:black;
  font-weight:normal;
  text-decoration:underline;}
a:hover{
  text-decoration:none;}

hr{
  width:100%;
  height:1px;
  margin:0px;
  padding:0px;
  border:0px;
  border-top:1px solid rgb(80,80,80);}
  
h1{
  font-size:1.6em;
  font-weight:bold;
  color:black;
  margin:0px;
  margin-bottom:5px;
  padding:0px;}
  
h2{
  font-size:1.2em;
  font-weight:bold;
  color:rgb(83,140,0);
  letter-spacing:-1px;
  padding:0px;
  margin:0px;}
  
  
h3{
  font-size:1.0em;
  font-weight:bold;
  color:black;
  padding:0px;
  margin:0px;}

p{
  margin: 0px;
  margin-bottom:15px;
  margin-left:10px;
	padding:0px;}
	
img{
  border: 0px;
	margin:5px;}
	
ul{
  margin-left:0px;
  margin-top:0px;
  padding:0px;
  list-style-type:none;}
ul li{
  margin:0px;
  margin-left:20px;
  padding-left:15px;
  background:URL("../obr/li.png") 0px 8px no-repeat;}
/*  
ul.sekce_odpady{
  background:white url("../obr/odpady.png") 400px 10px no-repeat;}
  
ul.sekce_obaly{
  background:white url("../obr/obaly.png") 500px 10px no-repeat;}
  
ul.sekce_chemie{
  background:white url("../obr/chemie.png") 550px 50px no-repeat;}
*/
ul.sekce li{
 margin-top:15px;}
  
ul.reference li{
  margin-top:10px;
  list-style-type:none;}