/* CSS Document */

* {margin: 0;
  padding: 0;}
body {
  font-family:Arial, sans-serif;
  font-size:small;
  width: 800px;
  margin: 0 auto;
  padding: 0; 
  background-color: #f5deb3;
  }
h1 { 
  font-family: Georgia, "Times New Roman", serif;
  font-size:180%;
  font-weight: bold; 
  color:#a0522d;
  margin:20px 0 0 20px;
  padding: 10px 0 0 5px;
  }
hr {
background: #a0522d;
color: #a0522d;
width: 540px;
height: 1px;
margin: 0 0 30px 25px;
text-align: left;
}
h2 {
  font-family: Georgia,  "Times New Roman", serif;
  font-size: 110%;
  color: #005030;
  background:#D0D0D0;
  margin: 0 0 0 25px;
  padding: 3px 0 2px 5px;
  width: 540px;
  }
  h3 {
    font-family: Georgia,  "Times New Roman", serif;
    font-size: 105%;
    color: #005030;
    list-style-type: none;
    text-decoration: underline;
    margin: 5px 30px;
    padding: 3px 0 2px 0px;
    width: 530px;
    font-weight: bold;
     }
a:link {color: #005030;}
a:visited {color: #a0522d;} 
p{
  font-size:100%;
  text-align: justify;
  color: black;
  width: 530px;
  padding: 5px 20px;
  margin: 5px 10px 0px 10px;  
  }
.odkaz {
  color: #005030;
  } 

.navigace {
  margin: 5px 10px 0 10px;
  color: #005030;
  }
.navigace.první {
   margin: 0 0 0 220px;
   }
p.navigace {
   margin: 20px 0 20px 0;
   font-size:90%
   }
#panel .plakat {
    display: block;
    width: 150px;
    height: 71px;
    text-decoration: none;
    margin: 0;
    padding: 0;
    color: #F0C07F;
    }
.panel_a {
height: 170px;
}
.panel_b {
position: relative;
}
.panel_b .odk_1 {
margin: 0;
padding: 0;
position: absolute;
top: 25px;
left: 10px;
}
.panel_b .odk_2 {
margin: 0;
padding: 0;
position: absolute;
top: 75px;
left: 10px;
font-weight: bold;
display: block;
text-decoration: none;
color: #a0522d;


}
.aktuality {
    margin: 0 0 20px 7px;
    }
.podpis {
    text-align: right;
    font-weight: bold;
    }
ul {
    font-size:90%; 
    }
img{
    margin: 10px;
    } 
img.aktual {
padding: 0 0 10px 20px;
} 
p.aktual {padding-bottom: 20px;
}
.obr1 {
     float: right;
     margin-left: 10px;
     margin-bottom: 10px;
     margin-top: 0;
     
     }
  .clanek {
  width: 100%;
  height: 100%;
 }
 hr{
 padding: 0;}
#zahlavi {
    width: 797px;
    height: 200px;
    background: #f5deb3 url(obrazky/zahlavi_pozadi.jpg);
    border-bottom: 3px solid #f06000;
    }
#zahlavi a {
    display: block;
    width: 223px;
    height: 123px;
    background: url(obrazky/zahlav_logo.jpg);
    }
#zahlavi a span {
     display: none;
     }
#obsah {
    margin: 0;
    width: 77%;
    float: left; 
    border-top: 10px solid #F0C07F;
    }
#panel {
    width: 23%;
    float: right;
    position: relative;
    }
#panel p li {
    font-family: Arial, sans-serif;
    font-size: 90%; 
    }
#panel p{
    color: #005030;
   padding: 5px;
    margin: 0 0 20px 5px;
    font-weight: bold;
    font-size: 90%;
    }
#panel li {
    color: white;
    font-weight: bold;
    font-size: 100%;
    list-style-type: square;
    } 
#panel ul {
   padding: 8px 0 0 15px;
    margin: 0; 
    }
#zapati {
    width: 800px;
    float:left;
    height: 68px;
    background: url(obrazky/zapati6.jpg) repeat-y #909090;
    text-align: center;
    margin: 0;
    }
#hlavni {
    width: 100%;
    float: left;
    background: url(obrazky/pozadi5.jpg) repeat-y;
    }

    /*navigace */
#menu ul {
    width: 797px;
    float: left;
    margin: 0;
    padding: 5px 0px 5px 3px;
    border-bottom:3px solid #f06000;
    list-style-type: none;
    background: #f5deb3;
    }
#menu ul li {
    float: left;
    }
#menu a {
     font-size: 110%;
     font-weight: bold;
     display: block;
     padding: 5px 48px;
     margin: 0 2px;
     background: #86985b;
     color: white;
     text-decoration: none; 
     border: 2px solid #005030;
     }
#menu a:hover {
     color: #ffe4b5;
     background: #407F40;
     padding: 5px 48px;
     border: 2px solid #005030; 
     }
#obsah-okraj {
     margin: 0 10px 10px 15px;
     }
#index #nav-index, #aktualne #nav-aktualne, #prace #nav-prace, #vystavy #nav-vystavy, #kontakt #nav-kontakt {
     color: #ffe4b5;
     background: #407F40;
     padding: 5px 48px;
     border: 2px solid #005030; 
     }
.copy {
     text-align: center;
     color: #005030;
     }

.seznam ul {
     margin: 0;
     padding: 0;
     }
.seznam p {
     font-size:90%;
      text-align: justify;
      color: black;
      width: 530px;
      padding: 5px 20px;
      margin: 5px 10px 0px 10px;  
     }
.stranka {
     margin: 0 0 350px 10px;
     }   
.kontakt {
     color: #005030;
     font-size: 130%;
     font-weight: bold;
     }
p.poslodst {
     background:#FFF0D0; 
     padding: 5px 5px;
     margin: 40px 0px 20px 30px;
     color: #a0522d;
     width: 520px;
     border: 1px solid #a0522d; } 
p.poslodst span {
     font-weight: bold;
     } 
   /*fotogalerie*/
.cleaner {
      clear: both;
      height: 0;
      overflow: hidden;
      content: ' ';
      } 
cleaner hr {
      display: none; 
      }
      /*galerie1*/
#galerie1 .foto, #galerie2 .foto, #galerie3 .foto {
      float: left;
      display: inline;
      background: #F0F0F0;
      width: 170px;
      height: 200px;
      margin: 3px; 
      text-align: center;
      padding: 0px;
      border: 1px solid #005030;
      }
#galerie1, #galerie2, #galerie3 {
      overflow: auto;
      width: 100%;
      height: 500px;
      background: white; 
      }
#gal1, #gal2, #gal3  {
      width: 560px;
      background: white;
      margin: 23px;
      }
#galerie1 .foto p, #galerie2 .foto p, #galerie3 .foto p{
      margin:0;
      font-size: 80%;
      padding: 2px 0 2px 10px;
      color: #005030;
      }
#galerie1 .obal, #galerie2 .obal, #galerie3 .obal {
      width: 170px;
      height: 160px;
      background:#F0F0F0;
      margin:0px;
      }
#galerie1 .foto img, #galerie2 .foto img, #galerie3 .foto img{
      margin:  5px;
      text-align: center;
      border: #F0F0F0;
      }
#galerie1 a, #galerie2 a, #galerie3 a    {
      display: block;
      text-decoration: none;
      width: 170px;
      height: 160px;
      background: #F0F0F0; 
      padding: 0;
      margin:0;
      }
#galerie1 a:hover, #galerie2 a:hover, #galerie3 a:hover  {
      display: block;
      text-decoration: none;
      width: 170px;
      height: 160px;
      background: #D0D0D0;
      }
.vystavy img {
     display: block;
     border: 5px ridge #E0E0E0;
     float: left;
     margin: 5px;
     }
.vystavy {
     float:left;
     padding-bottom: 10px;
     padding-left: 15px;
     margin: 0 0 20px 25px;
     background: #F0F0F0;
     width: 528px;
     }
.vystavy a {
     display: block;
     text-decoration: none;
     }
.nahoru a{
     color: #005030;
     }
.nahoru {
     margin: 0;
     padding: 10px 10px 30px 490px; 
     }
.neobtekat {
     clear: both;
     }
 .plakat {
 margin: 0;
 padding: 0;
 position: absolute;
 left: 3px;
 top: 40px;
}    
.plakat a {
  color: #005030;}