#telo {
  background: url(menu_zelene.png) repeat-y center top;  
}

#obsah {
  /*float: left;*/
}

.dot1, .dot2, .dot3, .dot4, .dot5, .dot6, .dot7, .dot8, .dot9, .dot10 {
  height: 24px;
  width: 24px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.dot1 {background-color: #9400D3;}
.dot2 {background-color: #4B0082;}
.dot3 {background-color: #0000FF;}
.dot4 {background-color: #007A7A;}
.dot5 {background-color: #00FF00;}
.dot6 {background-color: #A7FF00;}
.dot7 {background-color: #FFFF00;}
.dot8 {background-color: #FF7F00;}
.dot9 {background-color: #FF0000;}
.dot10 {background-color: #7F0000;}

#prave_menu {
  width: 210px;
  width: 240px;
  /*min-height: 240px;*/
  float: right;
  padding-bottom: 40px;  
  /*border-right: 1px dotted silver;*/
  /*background-color: green;*/     
}

#prave_menu ul, #prave_menu ul li {
  padding: 0; margin: 0;    
}
#prave_menu_skryj ul li {
  list-style:none;
  display: block;
  font-size: 18px;
  margin: 10px;      
}

#prave_menu_skryj li a {
    color: white;
    text-decoration: none;
    padding-left: 10px;    
}

#prave_menu_skryj li a:hover {
    /*color: yellow;*/
    text-decoration: underline;
}

#prave_menu_vnitrni {
  padding: 0;     
}

#prave_menu h3 {  
/*  font-size: 18px;
  margin-top: 3px;
  margin-bottom: 16px;  
  font-weight: normal;
  color: white;
  padding-left: 8px;*/  
}

#prave_menu h3 {  
  font-size: 18px;
  margin: 0;
  margin-top: 6px;
  padding: 18px;
  padding-left: 12px;  
  /*text-shadow: 1px 1px 1px #B7B7B7;*/
  /*padding-left: 10px;*/
  font-weight: normal;
  color: white;  
} 

/*barvy navy*/

#prave_menu .titulek {
  background-color: green;
}

#prave_menu a.menu:hover, #prave_menu a.menu_vyber {
  color: navy;
  color: #006400;
}

.navigace p {
  color: navy;
  color: #006400;
}

.navigace {
  color: navy; 
  color: #006400;
}

.navigace a {
  color: navy;
  color: #006400;
}

#prave_menu a.menu, #prave_menu h3 {
  color: navy;
  color: #006400;
}

#prave_menu_skryj li a {
    color: navy;
    color: #006400;    
}

body, p, div, td, span, h1, h2, h3, h4 {
  color: black;
}

h1, h2, h3, h4 {
  color: #006400;
}

tr th {
  color: white;
  background-color: green;  
}

#paticka {
  /*background-color: green;*/
}


@media only screen and (max-width: 760px) {
  #telo {
    background: none;
    background-color: white;
  }
  
  #prave_menu {
    float: left;    
  }
  
  #prave_menu_skryj li a, #prave_menu h3 {
    color: navy;
  }
  
  #prave_menu_skryj ul li {
    /*display: inline;*/
  }
  
  #prave_menu {
    width: 100%;
  }  
  
}