body {
     background-color: white;
     margin: 0px;
     padding: 0px;
     font-family: Verdana; sans-serif;
     font-size: 0.8em;

    }

    p {
     text-indent: 2em;
     text-align:justify;

     }

    p.bezodsazeni {
     text-indent: 0em;
     text-align:justify;

     }

    p.paticka {
     text-indent: 0em;
     text-align:center;

     }

    h1, h2 {
     text-align: center;
     text-shadow: 3px 3px 3px gray;
     filter:shadow(color=gray, direction=135, strength=4);        /* stín pro Explorer */

    }

    h1#skryty {
     display: inline;               /* není v hlavičce vertikální mezera (odřádkování) */
     margin-left: -10000px;                /* skrytý nadpis <h1> v hlavičce webu - SEO */

    }

    a.nobr {
     display: block;   /* není nutné pro odřádkování odkazů v prvním menu použít <br /> */

     }

    a:hover {
    text-decoration: none;

     }

    ul {
      list-style: none;                          /* ve 2., 3. a 4. menu nejsou odrážky */
      margin: 0px;                                /* ve 2., 3. a 4. menu nejsou mezery */
      padding: 0px;

     }

    article {
     width: 900px;
     margin: 2em auto;
     border: 1px solid gray;
     background-color: #dfffdf;
     background-image: url(obrazky/banner.jpg);      /* banner na pozadí hlavičky webu */
     background-repeat: no-repeat;
     background-position: top center;
     -moz-border-radius: 30px;                                   /* radius pro Firefox */
     -webkit-border-radius: 30px;                        /* radius pro Chrome a Safari */
     border-radius: 30px;                                          /* radius pro Operu */
     -moz-box-shadow: 0px 0px 20px gray;                           /* stín pro Firefox */
     -webkit-box-shadow: 0px 0px 20px gray;                /* stín pro Chrome a Safari */
     box-shadow: 0px 0px 20px gray;                                  /* stín pro Operu */
     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=gray);     /* alespoň šikmý stín pro Explorer */

     }        /* radius a stín kolem celého boxu nelze pro Explorer 8 a nižší nastavit */

    nav {
     float: left;
     width: 220px;
     padding: 20px;
     margin: 0px;
     text-align: center;

     }

    section {
     margin-left: 260px;    /* okraj dán součtem šířky levého panelu a vnitřních mezer */
     padding: 20px;
     border-left: solid 1px gray;
     text-align: justify;

     }

     header {
      height: 150px;           /* výška stejná jako u obrázku v pozadí hlavního panelu */
      text-align: center;
      border-bottom: solid 1px gray;
    
     }

     footer {
      height: 45px;
      text-align: center;
      border-top: solid 1px gray;
      clear: both;                                                 /* vypnutí obtékání */

     }

     #iniciala {
      float:left;
      margin-right: 5px;
      font-family: Times New Roman;
      font-size: 4em;
      line-height: 90%;
      text-shadow: 3px 3px 3px gray;
      filter:shadow(color=gray, direction=135, strength=4);

     }

     #obrazek {
      float: right;
      width: 100px;
      height: 100px;
      margin: 10px 0px 0px 10px;
      border: 1px solid gray;
      padding: 2px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -moz-box-shadow: 0px 0px 10px gray;
      -webkit-box-shadow: 0px 0px 10px gray;
      box-shadow: 0px 0px 10px gray;

     }

     #menu li a {           /* hover menu 1 v CSS s dvěma měnícími se obrázky v pozadí */
      display: block;                        /* nutné pro nastavení velikosti tlačítek */
      width: 150px;
      height: 25px;
      background: url(obrazky/off.png) top center no-repeat;
      color: #cc0000;
      font-weight: bold;
      text-decoration: none;
      font-size: 0.75em;
      padding-top: 6px;                         /* vertikální pozice textu vůči pozadí */
      margin-left: 35px;

     }

     #menu li a:hover {
      background:  url(obrazky/on.png) top center no-repeat;

     }

     #menu2 li a {                                /* hover menu 2 v CSS s průhledností */
      display: block;                        /* nutné pro nastavení velikosti tlačítek */
      width: 150px;
      height: 17px;
      border: solid 2px orange;
      background-color: yellow;        /* pozadí pro starší prohlížeče (neumí gradient) */
      background: -moz-linear-gradient(top, yellow, white);     /* pozadí s gradientem pro Firefox */
      background: -o-linear-gradient(top, yellow, white);     /* pozadí s gradientem pro Operu */
      background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(white));  /* pozadí s gradientem pro Chrome a Safari */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='white');
                 /* pozadí s gradientem pro Explorer, v IE8 ale chybné zobrazení barvy rámečku (šedivý), v IE9 chybné zobrazení s kulatými rohy (gradient je nemá) a chybné zobrazení hover efektu s průhledností */
      -moz-border-radius: 7px;              /* radius a stín kolem celého boxu nelze pro Explorer 8 a nižší nastavit */
      -webkit-border-radius: 7px;
      border-radius: 7px;
      -moz-box-shadow: 0px 0px 5px black;
      -webkit-box-shadow: 0px 0px 5px black;
      box-shadow: 0px 0px 5px black;
      color: #cc0000;
      font-weight: bold;
      text-decoration: none;
      font-size: 0.75em;
      margin-left: 35px;
      margin-bottom: 10px;                                     /* mezera mezi tlačítky */
      padding-top: 4px;                         /* vertikální pozice textu vůči pozadí */

     }

     #menu2 li a:hover {
      opacity: 0.7;                                                     /* průhlednost */
      filter:alpha(opacity=70, style=0);                   /* průhlednost pro Explorer */

     }

     img.menu3  {
      display: block;                 /* není mezera mezi obrázky v menu v JavaScriptu */
      border: 0px;      /* není rámeček kolem obrázků v menu v JavaScriptu v Exploreru */
      margin-left: 35px;

     }

     span.mobil{
     display: none;   /* vypnuté zobrazení tohoto odkazu */

     }