body {

     background-image: linear-gradient(180deg, #888888 0%, black 100%);   /* pozadi s horizontálním gradientem */
     margin: 0px;
     padding: 0px;
     font-family: Verdana, sans-serif;
     font-size: 0.8em;
     line-height: 1.5;
     
     
    }



    main {
     width: 950px;
     margin: 2em auto;
     border: 1px solid gray;
     background-color: #ffffff;
     border-radius: 10px;                    /* zaoblene rohy */
    // box-shadow: inset 5px 0 5px -2px gray;          /* stin boxu */

     }   

    header {
      padding:0px;          
      text-align: center;
      // border-bottom: solid 1px gray;
    
     }
     img.banner {width: 100%;
            height: 100%;
            border-radius: 10px 10px 0px 0px;
           }
     
    nav {
     float: left;
     width: 200px;
     padding: 10px;
     margin: 0px;
     text-align: center;
   
     }

    aside {
     float: left;
     width: 200px;
     padding: 10px;
     text-align: justify;
     // border-left: solid 1px gray;
     }
     
    section {
     float: left;
     width:480px;
     // margin-left: 220px;    /* okraj praveho panelu je dan souctem sirky leveho panelu a jeho vnitrnich mezer */
     padding: 10px;
     border-left: solid 1px gray;
     text-align: justify;
     border-right: solid 1px gray;
     }

     
    footer {
     padding: 20px;
     text-align: center;
     border-top: solid 1px gray;
     clear: both;                  /* vypnuti obtekani leveho panelu s navigaci */

     }

     li {
      list-style-type: none;
      margin-left: -30px
     }
     
     img.hamburger, ul ul
     {
      display: none;
     }