body {
     font-family: Arial, sans-serif;
     font-size: 1.1em;
     margin: 10px;
     padding: 10px;
     line-height: 1.8em;
     word-wrap: break-word;
     }

div#obal {width: 100%;
          margin: auto; 
          margin-top: -30px; 
         }
        
main    {// border: solid 1px black;
         // display: grid;
         // grid-template-columns: 1fr 3fr 1fr;
        }
        
nav     {border-top: solid 1px black;
         border-bottom: solid 1px black;
         background-color: white;
         padding: 0px;
         text-align: center;
         position: relative;
         top: 0px;
        }
           
section {// border-bottom: solid 1px black;
         padding: 5px;
         text-align: left;
        }
        
aside   {padding: 5px;
         border-top: solid 1px black;
         border-bottom: solid 1px black;
        }
        
header  {// border: solid 1px black;
         // border-bottom: none;
         height: 100%;
         padding: 5px;
        
        }
        
footer  {// border: solid 1px black;
         // border-top: none;
         height: 25px;
         padding: 10px;
         text-align: center;
         font-size: 0.7em;
        } 
        
img.banner {max-width: 100%;
               width:190px;
             max-height: 100%;
               height:150px;  
            
            
              margin-left: auto;
              margin-right: auto;
              display: block;    // pomocí toho zarovnani loga na stred a ty dva marginy nad tim
            
           }

img {
    max-width: 100%;
}

           
li.menu {list-style-type: none;
         margin-right: 15px;
         display: inline;
         font-size: 0.9em;
        }
        
li.menu2 {
    display: list-item;
    margin-left: 10px;
    
}

  ul {
    padding-inline-start: 0px;
}