.tlacitkove_odkazy {   
                   background: #FCFCFC;
                   padding: 0.4em 2em 0.4em 2em; 
 
                   width: 200px; 
                   text-decoration: none;
                   color: #000;
}

.tlacitkove_odkazy:link,
.tlacitkove_odkazy:visited {
                                   background: #008080; 
                                   color: #000;
}

.tlacitkove_odkazy:hover {
                         background: #09f; 
                         color: #000; 
                         border: inset 5px; 
}

.tlacitkove_odkazy2 {   
                   background: #6ccf1b;
                   padding: 0.4em 2em 0.4em 2em; 
                   border: outset 5px; 
                   font-weight: bold; 
                   width: 200px; 
                   text-decoration: none;
                   color: #fff;
}

.tlacitkove_odkazy2:link,
.tlacitkove_odkazy2:visited {
                                   background: #008080; 
                                   color: #000;
}

.tlacitkove_odkazy2:hover {
                         background: #9f0; 
                         color: #000; 
                         border: inset 5px; 
}

.tlacitkove_odkazy3 {   
                   background: #FF0000;
                   padding: 0.4em 2em 0.4em 2em; 
                   border: outset 5px; 
                   font-weight: bold; 
                   width: 200px; 
                   text-decoration: none;
                   color: #fff;
                   border-radius: 15px;
}

.tlacitkove_odkazy3:link,
.tlacitkove_odkazy3:visited {
                                   background: #008080; 
                                   color: #000;
}

.tlacitkove_odkazy3:hover {
                         background: #f50; 
                         color: #000; 
                         border: inset 5px; 
}

.marginr {
        margin: 1px;
        border-radius: 15px;
} 

 a{
  text-decoration: none;
  padding: 0; 
}

.stred{
       text-align: center;
}

.nazev{
      text-align: center;
      top: 0px;    
      position: sticky;
      background-color: white;
      color: black;
}

.barvy{
      background-color: white;
      color: black;
}

.sedeokno{
         background: #EFEFEF;
         padding: 0.4em 2em 0.4em 2em; 
         width: 200px;
}

.downloads{
          border-radius: 50px;
          background: #000;
          padding: 0.4em 2em 0.4em 2em; 
          border: outset 5px; 
          font-weight: bold; 
          width: 200px; 
          color: #0004FF;
}

.downloads:hover{
                background: #000040#0004FF; 
                color: #0084FF; 
                border: inset 5px;
}

.levy-rozcestnik{
           background: #FCFCFC;
           left: 0%;
           display: block;
           position: fixed;
           max-width: 19%;
           top: 100px;
           border: 1px solid black;
           padding: 2px;
}

/*
modal background
*/
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5)
}
/*
modal box
*/
.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    border: 1px solid #3c3c3c;
    width: 45%;
    text-align: center;
}

.close {
    color: #666;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modal-h {
    background-color: #F44336;
    color: #fff;
    padding-top: 0.01em;
    padding-right: 0px;
    padding-bottom: 0.01em;
    padding-left: 0px;    
}
.modal-r,
.modal.r:visited {
    background-color: #F5F5F5;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 5px;
    padding-left: 40px;
    padding-right: 40px;
    color: #000;
}
.modal-r:hover {
    background-color: #D6D6D6;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 5px;
    padding-left: 40px;
    padding-right: 40px;
    color: #000;
}