/* -------------------------------  obecne ---------------------------------- */
BODY {
  background-color : #E6E7E9; /* #E6E7E9; */
  margin : 0px;
  padding : 0px;
  font-family : Verdana,Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
}

A {
  text-decoration: none;
  color : black;
}

A:hover {
  text-decoration : none; 
  color : black; 
}

P { margin: 0px; } /* jinak si to kazdy prohlizec vyklada po svem */

DIV.cleaner {
  clear:both;
}

LI UL.sub {
  margin: 7 0 7 0;
  padding-left:20px;
}

/* ------------------ zakladni deleni ------------------ */

#obsah {
  width: 760px;
  float: left;
  margin-left: 60px;
  min-height: 667px;
  height: auto; 
  height: expression(this.scrollHeight < 667? "667px" : "auto" );
  background-image: url('desigm/obsah.jpg'); background-repeat:y;
  z-index:2;
  }
            
#pravo { width: 23px; float:right;  background-image: url('desigm/okraj_pravy.jpg'); background-repeat:y; }
#levo {width: 23px; float:left;  background-image: url('desigm/okraj_levy.jpg'); background-repeat:y; }

#hlavicka { width: 716px; float: left; height: 100px;   margin-left: 22px; _margin-left: 11px; background-color: #FE6700; z-index:3;  }

#menu { width: 716px; float: left; margin-left: 22px; _margin-left: 11px; height: 40px;
            background-color: #F26F00; background-image: url('desigm/pasive.jpg'); background-repeat: x; z-index:3; }
#obrazek { width: 716px; float: left; margin-left: 22px; _margin-left: 11px;  height: 260px;
          z-index:3; }  
          
#sloupce { width: 716px; float: left; margin-left: 22px; _margin-left: 11px; }  

#napis { width: 350px; float: left; margin-left:20px; margin-top:44px; height: 54px; cursor: hand;}
#meno { width: 161px; float: right; margin-right:3px; margin-top:83px; height: 15px;}
.velky{font-size:28px; color:white;}
.maly{font-size:10px; color: #843426; margin-left:30px;}
.jmeno{font-size:13px; color:white;}
    
#levySloupec {
  width: 221px; 
  float: left; 
  min-height: 800px;
  height: expression(this.scrollHeight < 600? "600px" : "auto" ); 
  
  } 
  
#pravySloupec { 
  width: 495px; 
  float: left;  
  height: auto; 
  height: expression(this.scrollHeight < 404? "404px" : "auto" );}   
  
#text_levy { padding: 10px 30px 10px 30px; font-size:11px; color:black; margin-top:30px;}     

#text_pravy {padding: 20px 30px 10px 30px; margin-top:15px; font-size:11px; color:black;  }
#text {padding: 10px 30px 10px 30px; margin-top:10px; font-size:11px; color:black;     }
#kategorie { width: 150px; float: left; height: 20px;
            font-size:13px; color:black; text-align:center;  margin-top: 15px; padding-right:5px; 
            border-right: 1px solid #1f1a17; font-weight:bold;
            }   
#adresa { width: 100px; float: left; height: 20px; margin-left:6px; margin-top:3px;
            font-size:13px; color:black; text-align:left;  padding-left:10px; 
            border-left: 1px solid #1f1a17; font-weight:bold; 
            }  
#telefon { width: 100px; float: left; height: 20px; margin-left:6px; margin-top:10px;
            font-size:13px; color:black; text-align:left;  padding-left:10px; 
            border-left: 1px solid #1f1a17; font-weight:bold; 
            }  


#poweredBy {
  width: 706px; 
  float:left; 
  margin-left: 22px; 
  _margin-left: 11px;
  background-color:#E5E5E5;
  padding-top:2px;
  height:15px;
  text-align: center; 
  line-height: 1.5em; 
  font-size: 6pt; 
  font-weight: normal;
  color: #606060;
  }
#poweredBy a { color: #606060; 
}

#polozka_a A {
  display: block;
  width: 100px; 
  float: left;  
  margin-left:20px; 
  margin-top:16px; 
  height: 18px;
  padding-top:5px; 
  text-align:center;  
  cursor:hand; 
  border-right: 1px solid #1f1a17;
}

#polozka_a A:hover {
  background-image: url('desigm/active.jpg'); 
  width: 100px; 
  float: left;  
  margin-left:20px; 
  margin-top:0px; 
  height: 22px;
  padding-top:18px; 
  text-align:center;  
  cursor:hand; 
  border-right: 0px;
}

#polozka_a A:active {
  background-image: url('desigm/active.jpg'); 
  width: 100px; 
  float: left;  
  margin-left:20px; 
  margin-top:0px; 
  height: 22px;
  padding-top:18px; 
  text-align:center;  
  cursor:hand; 
  border-right: 0px;
}


#polozka_b A {
  display: block;
  width: 100px; 
  float: left;  
  margin-top:16px; 
  height: 18px;
  padding-top:5px; 
  text-align:center;  
  cursor:hand; 
  border-right: 1px solid #1f1a17;
}

#polozka_b A:hover {
  background-image: url('desigm/active.jpg'); 
  width: 100px; 
  float: left;   
  margin-top:0px; 
  margin-left:-1px;
  height: 22px;
  padding-top:18px; 
  text-align:center;  
  cursor:hand; 
  border-right: 0px;
}

#polozka_b A:active {
  background-image: url('desigm/active.jpg'); 
  width: 100px; 
  float: left;   
  margin-top:0px; 
  margin-left:-1px;
  height: 22px;
  padding-top:18px; 
  text-align:center;  
  cursor:hand; 
  border-right: 0px; 
}
           
.menu{z-index:6; font-size:9px; font-weight:bold; cursor:hand;}
 
#fotoKat {
  width: 125px;
  height: 89px;
  margin: 32px 0px 0px 39px;
  float: left;
  border: 2px;
  border-style: solid;
  border-color: #FE6700;
  cursor: hand;
}

#fotoText {
  width: 210px;
  height: 125px;
  padding: 45px 50px 0px 15px;
  float: right;
  cursor: hand;
}

#foto {
/*  background-image: url('desigm/ramecek.jpg'); */ 
  width: 125px;
  height: 89px;
  margin-left: 20px;
  margin-top: 15px;
  float: left;
  cursor: hand;
}

#hrcara {
  margin-left: 40px;
  margin-right: 50px;
}

#hrcara2 {
  margin-left: 20px;
  margin-right: 30px;
}