body{
  font-family: Verdana; 
  background-color: #B5B5B5; 
  font-size: 11px;
  color: #000000;
  text-align: center; /* zarovnání obsahu i divů na střed v IE */
}

h1{
  font-size: 20px;
  color: #FFFFFF;
  text-align: left;
  font-weight: bold;
}

h2, .menu_nadpis{
  position: relative;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
  margin: 0px;
  padding: 3px 0px 0px 45px;
  width: 145px;
  height: 25px;
  _width: 190px;
  _height: 25px;
  text-transform: uppercase;
  display: block;
  z-index: 2;
}

h3{
  font-size: 11px;
  color: #000000;
  text-align: left;
  font-weight: bold;
}

h4{
  font-size: 11px;
  color: #000000;
  text-align: left;
  display: inline;
  font-weight: normal;
}

.cotojatka{
  text-align: left;
  padding: 5px;
  text-align: justify; 
  background-color: #B5D65E;
  width: 205px;
}

a{
  color: blue;
}

h1 a{
  color: #FFFFFF;
  text-decoration: none;
}

#stred a{
  color: #000000;
  text-decoration: none;
}

#stred .obsah a{
  color: #000000;
  text-decoration: underline;
}

.sloupec_text{
  position: relative;
  float: left;  
  width: 220px;
  margin-bottom: 10px;
}
 
#logo ul{
  list-style-type:none;
  padding:0;
  margin:0;
  float: right;
}

#logo li{
  padding-top: 5px;
  float: left;
  position: relative;
  z-index: 3;
}

#logo ul li ul li{
  margin-left: -9px;
  float: left;
  clear: left;
  position: relative;
  z-index: 2;
  display: block;
  background-color: #F19424;
  width: 93px;
  text-align: left;
  opacity: 0.90;   
  -moz-opacity: 0.90;  
  -khtml-opacity: 0.90;
}   

#logo ul ul{
  visibility: hidden;
  position: absolute;
}

#logo ul li:hover ul, #logo ul a:hover ul{
  visibility: visible;
}

#logo ul a, .autor a, .popisek a{
  text-decoration: underline;
  font-size: 10px;
  color: #000000;
}

.popisek{
  position: absolute;
  top: 40px;
  right: 8px;
  font-size: 10px;
  text-align: right;
}
/* ------------------ VRCHNÍ ČÁST S LOGEM A HLAVNÍM MENU -------------------- */
#vrsek{
  position: relative;
  top: 0px;
  left: 0px;
  width: 1010px;
  height: 80px;
  background-color: #E9E9E9;
  margin: 0px auto;
  padding: 0px;
}

#logo{
  position: relative;
  top: 10px;
  left: 0px;
  width: 990px;
  height: 60px;
  background-color: #F19424;
  margin: 0px auto; 
}

.nadpis{
  position: absolute;
  left: 20px;
  top: 0px;
  width: 580px;
  padding-top: 3px;
  _padding-top: 15px;
  text-align: left;
  font-size: 17px;
  font-weight: 900;
}

a.prvky_menu{
  float: right;
  text-align: center;
  font-size: 15px;
  font-weight: 900;
  color: #FFFFFF;
  background-color: #B30000;
  padding: 1px 0px 0px 0px;
  height: 100%;
  width: 150px; 
}

.prvky_menu:hover{
  background-color: #FFFFFF;
  color: #000000;
  height: 100%;
}

/* ---------- TĚLO STRÁNKY S MENU PODKATEGORIÍ A SAMOTNOU STRÁNKOU -----------*/
#bloky{
  position: relative;
  top: 0px;
  left: 0px;
  width: 1010px;
  background-color: #E9E9E9;
  margin: 0px auto;         /* zarovnání na střed ve FF */
}

#stred{
  position: relative;
  left: 10px;
  width: 990px;
  text-align: center;
  float: left;
  min-height: 570px;
  height: auto !important;
  height: 570px;
  background-color: #DAD7CF;
  background-image: url(obrazky/pozadi.jpg);
  background-repeat: no-repeat;
}

.menu_text{
  position: relative;
  color: #000000;
  font-weight: 10;
  text-align: justify;
  margin: 0px;
  padding: 10px 10px 0px 8px;
  width: 170px;
  height: 60px;
  _width: 190px;
  _height: 80px;
  display: block;
}

.r1, .r1-open{
  position: absolute;
  display: block;
  width: 190px;
  height: 105px;
  opacity: 0.93;   
  -moz-opacity: 0.93;  
  -khtml-opacity: 0.93;
}

div.r1{
  top: 30px;
  left: 30px;
  background-image: url(obrazky/r1-open.png);
}

a.r1{
  width: 190px;
  height: 105px;
  top: 0px;
  left: 0px;
  background-image: url(obrazky/r1-close.png);
}

a.r1:hover, a.r1-open{
  top: 0px;
  left: 0px; 
  background: transparent;
}

.r2, .r2-open{
  position: absolute;
  display: block;
  width: 190px;
  height: 105px;
  opacity: 0.93;   
  -moz-opacity: 0.93;  
  -khtml-opacity: 0.93;
}

div.r2{
  top: 30px;
  left: 260px;
  background-image: url(obrazky/r2-open.png);
}

a.r2{
  top: 0px;
  left: 0px;
  background-image: url(obrazky/r2-close.png);
}

a.r2:hover, a.r2-open{
  top: 0px;
  left: 0px;
  background: transparent;
}

.r3, .r3-open{
  position: absolute;
  display: block;
  width: 190px;
  height: 105px;
  opacity: 0.93;  
  -moz-opacity: 0.93;  
  -khtml-opacity: 0.93;
}

div.r3{
  top: 165px;
  left: 30px;
  background-image: url(obrazky/r3-open.png);
}

a.r3{
  top: 0px;
  left: 0px;
  background-image: url(obrazky/r3-close.png);
}

a.r3:hover, a.r3-open{
  top: 0px;
  left: 0px;
  background: transparent;
}

.r4, .r4-open{
  position: absolute;
  display: block;
  width: 190px;
  height: 105px;
  opacity: 0.93;  
  -moz-opacity: 0.93;  
  -khtml-opacity: 0.93;
}

div.r4{
  top: 165px;
  left: 260px;
  background-image: url(obrazky/r4-open.png);
}

a.r4{
  top: 0px;
  left: 0px;
  background-image: url(obrazky/r4-close.png);
}

a.r4:hover, a.r4-open{
  top: 0px;
  left: 0px;
  background: transparent;
}

.r5, .r5-open{
  position: absolute;
  display: block;
  width: 190px;
  height: 105px;
  opacity: 0.93;   
  -moz-opacity: 0.93;  
  -khtml-opacity: 0.93;
}

div.r5{
  top: 300px;
  left: 30px;
  background-image: url(obrazky/r5-open.png);
}

a.r5{
  top: 0px;
  left: 0px;
  background-image: url(obrazky/r5-close.png);
}

a.r5:hover, a.r5-open{
  top: 0px;
  left: 0px;
  background: transparent;
}

.r6, .r6-open{
  position: absolute;
  display: block;
  width: 190px;
  height: 105px;
  opacity: 0.93;  
  -moz-opacity: 0.93;  
  -khtml-opacity: 0.93;
}

div.r6{
  top: 300px;
  left: 260px;
  background-image: url(obrazky/r6-open.png);
}

a.r6{
  top: 0px;
  left: 0px;
  background-image: url(obrazky/r6-close.png);
}

a.r6:hover, a.r6-open{
  top: 0px;
  left: 0px;
  background: transparent;
}

.r7, .r7-open{
  position: absolute;
  display: block;
  width: 190px;
  height: 105px;
  opacity: 0.93;   
  -moz-opacity: 0.93;  
  -khtml-opacity: 0.93;
}

div.r7{
  top: 435px;
  left: 30px;
  background-image: url(obrazky/r7-open.png);
}

a.r7{
  top: 0px;
  left: 0px;
  background-image: url(obrazky/r7-close.png);
}

a.r7:hover, a.r7-open{
  top: 0px;
  left: 0px;
  background: transparent;
}

.r8, r8-open{
  position: absolute;
  display: block;
  width: 190px;
  height: 105px;
  opacity: 0.93;   
  -moz-opacity: 0.93;  
  -khtml-opacity: 0.93;
}

div.r8{
  top: 435px;
  left: 260px;
  background-image: url(obrazky/r8-open.png);
}

a.r8{
  top: 0px;
  left: 0px;
  background-image: url(obrazky/r8-close.png);
}

a.r8:hover, a.r8-open{
  top: 0px;
  left: 0px;
  background: transparent;
}

.strana{
  position: relative;
  float: left;
  left: 490px;
  width: 480px;
  margin-top: 30px;
  margin-bottom: 30px;
  _margin-top: 60px;
  _bottom: 30px;
  _width: 470px;
  text-align: left;
  opacity: 0.97;  
  /*filter: alpha(opacity=97);*/  
  -moz-opacity: 0.97;  
  -khtml-opacity: 0.97;
}

.horejsek{
  width: 480px;
  height: 15px;
  background-image: url(obrazky/horejsek.png);
  background-repeat: no-repeat;
}

.prostredek{
  width: 468px;
  _width: 480px;
  background-image: url(obrazky/prostredek.png);
  padding-left: 12px;
  background-repeat: repeat-y;
}

.obsah{
  text-align: justify;
  width: 447px;
  
}

.obsah p{
  margin: 0px;
}

.dolejsek{
  width: 480px;
  height: 25px;
  background-image: url(obrazky/dolejsek.png);
  background-repeat: no-repeat; 
}

.mapka{
  position: relative;
  top: 100px;
  width: 480px;
  height: 300px;
  background-image: url(obrazky/mapka.png);
  background-repeat: no-repeat;
  font-size: 20px;
}

.ratenice{
  position: relative;
  width: 22px;
  height: 22px;
  top: 170px;
  left: 310px;          
  background-image: url(obrazky/vlajecka-ko.png);
  background-repeat: no-repeat; 
}

.sokolec{
  position: relative;
  width: 22px;
  height: 22px;
  top: 125px;
  left: 390px;          
  background-image: url(obrazky/vlajecka-ko.png);
  background-repeat: no-repeat; 
}

.pecky{
  position: relative;
  width: 22px;
  height: 22px;
  top: 130px;
  left: 250px;          
  background-image: url(obrazky/vlajecka-ko.png);
  background-repeat: no-repeat; 
}

.mapka a:hover{
  background-image: url(obrazky/vlajecka-ok.png);
  background-repeat: no-repeat;
}

.mapka abbr{
  border-bottom: 0px;
}

abbr{
  border-bottom: 1px dotted black;
}

.titulek{
  padding: 5px;
  background-color: #F7D6AE;
}

table{border:1px solid #F19424; border-collapse: collapse;}
  td{padding-right:10px; padding-left:10px; background-color: #D7D7D7;font-family: Verdana; color: #000000; font-size: 11px; text-align:center;border:1px solid #F19424;}
  tr.hlavicka{background-color:#F19424;}
  tr.hlavicka td{color: #FFFFFF; font-size: 11px; text-align:center; background-color:#F19424;}

div.form{
  margin: 0px auto;
  text-align: center;
}

form table{
  width: 320px;
  border: 0px;
  margin: 0px auto;
}

form table tr td{
  width: 160px;
  border: 0px;
  text-align: left;
}

form input{
  background-color: #FFFFFF;
  margin-top: 5px;  
}

form input.tlacitko{
  font-family: Verdana; 
  background-color: #B5B5B5; 
  font-size: 11px;
  text-align: center;
  width: 320px;
  height: 20px;  
}
/* ------------------------------- PATIČKA -----------------------------------*/

#patka{
  position: relative;
  top: 0px;
  left: 0px;
  width: 1010px;
  height: 30px;
  margin: 0px auto; /* zarovnání na střed ve FF */
  clear: left;      /* pro přizpůsobení výšce stránky - FLOAT*/
  background-color: #E9E9E9;
}

.autor{
  position: relative;
  top: 10px;
  left: 0px;
  float: left;
  width: 1010px;
  height: 25px;
  padding-top: 10px;
  margin: 0px auto; /* zarovnání na střed ve FF */
  font-size: 10px;
  background-color: #B5B5B5; 
}

/*img, div { behavior: url(iepngfix.htc) */