body{ 
  text-align: center;
  background-color: rgb(153,174,106);
}
#main{
  margin: 0 auto;
  width: 950px;
  background-color: white;
  padding-top: 15px;
  border: 2px solid rgb(153,174,106);
}

#top{
  height: 65px;
  background-repeat: no-repeat;
  padding-bottom: 0px;
  background-image:url('../image/hlavicka.jpg');
  background-position: center;   
}
#top h1{
  display: none
 }

 /*-----Menu------*/
#menu{
  height: 230px;
  background-color: white;
}
#tlac{ 
padding-left: 20px;
}
.tlac1{
  background-image:url('../image/menu/uvod.jpg');
  margin-top: 5px;
  height: 222px;
  width: 152px;
  float: left;
  background-position: top;
}
.tlac1:hover{
  background-position: bottom;
} 
.tlac2{
 background-image:url('../image/menu/cile.jpg');
  margin-top: 5px;
  height: 222px;
  width: 152px;
  float: left;
  background-position: top;
}
.tlac2:hover{
  background-position: bottom;  
}
.tlac3{
   background-image:url('../image/menu/metody.jpg');
  margin-top: 5px;
  height: 222px;
  width: 152px;
  float: left;
  background-position: top;
}
 .tlac3:hover{
  background-position: bottom;  
}
.tlac4{
  background-image:url('../image/menu/vysledky.jpg');
  margin-top: 5px;
  height: 222px;
  width: 152px;
  float: left;
  background-position: top;
}
.tlac4:hover{
  background-position: bottom;  
}
.tlac5{
  background-image:url('../image/menu/zaver.jpg');
  margin-top: 5px;
  height: 222px;
  width: 152px;
  float: left;
  background-position: top;
}
.tlac5:hover{
  background-position: bottom;  
}
.tlac6{
  background-image:url('../image/menu/summary.jpg');
  margin-top: 5px;
  height: 222px;
  width: 152px;
  float: left;
  background-position: bottom;
}
.tlac6:hover{
  background-position: top;  
}

#left{
  float: left;
  width: 740px;
  min-height: 275px;
  background-color: white;
 }
 
#left h2{
  font: bold 16pt Franklin Gothic Medium Cond, Franklin Gothic Medium;
  text-align: left;
  font-variant: small-caps;
  color:rgb(153,174,106);
  padding-left: 40px;
  padding-top: 10px;
 } 
.left-nazev{
  font: 8pt Arial;
  text-align: left;
  color: gray;
  padding-left: 40px;
  font-style: italic;
 }
 .nazev{
  font: 11pt Arial;
  color: black;
 font-weight: bold;
 }   
.left-text{
  font: 10pt Arial;
  text-align: justify;
  color: black;
  padding-left: 40px;
  padding-right: 25px;
 } 
 
.rovnice{
  font: bold 14pt Franklin Gothic Medium Cond, Franklin Gothic Medium;
  color:rgb(153,174,106);
 }
 .obrazek{
  font: italic 8pt Arial;
  text-align: center;
 }  

 .zvyrazneni{
  font-weight: bold; 
 }
 
#right{
  float: right;
  width: 200px;
  height: 300px;
  background-color: rgb(228,228,228);
  border-bottom: 1px solid rgb(153,174,106);
  border-left: 1px solid rgb(153,174,106);
  margin-top: 10px; 
 }

.right-nadpis {
  font: 13pt Franklin Gothic Medium Cond, Franklin Gothic Medium;
  color:rgb(153,174,106);
  font-variant: small-caps; 
  font-weight: bold;
  padding-top: 3px;
 }
 .right-text {
  font: 10pt Arial;
  color:black;
  color: rgb(128,128,128);
 }
 .right-jmeno {
  font: 11pt Arial;
  color:black;
  font-weight: bold;
  color: rgb(128,128,128);
 }
 .right-mail {
  font: 10pt Arial;
  color:black;
  text-decoration: underline;
  color: rgb(128,128,128);
 }
 
#right a{
  text-decoration: none;
  color: rgb(51,153,255);
  font:  9pt Arial;
 }

 #right img{
  border: 0 none ;
 }

#paticka{
  width: 950px;
  height: 30px;
  background-color: white;
  border-top: 4px solid rgb(153,174,106);
  clear: both;
}
.paticka-text{
  font:  9pt Arial;
}

.paticka-text a{
  color: rgb(51,153,255);
  text-decoration: none;
  
}