p    {color: red}
  .hruza {color: aqua}   

---------

 body
     {
      background: white;
      color: black;
      font-family: sans-serif;
      font-weight: bold;
      text-align: center;       /* centrování textu, Internet Explorer též vycentrování dokumentu */
   
      
      position: absolute;      /* position: absolute, top a bottom kvůli stanovení výšky na 100%. Určená výška je nutná k určení minimální výšky levého, pravého a hlavního rámu (Jinak min-height  v % nefunguje). */
      
      top: 0;
      bottom: 0;
      
      padding: 0;                 /* okraj stránky, většinou padding, pro Mozillu margin */
      margin: 0 auto;
      
      
      width: 100%;
      min-width: 994px;       /* Mozilla uznává u margin: auto i záporné vypočítané hodnoty, šířka stránky nesmí klesnout na hodnotu nižší nežli má div.vycentrovat, což je hlavní prvek s margin: auto, jinak při zmenšení okna pod tuto hodnotu vzniknou záporné okraje */
          }
     
    .vycentrovat
     {
      margin: auto;                /* vycentrování */
      
      width:994px;                /* určení šířky je nutné, div.vycentrovat sám žádnou nemá (jeho obsah je absolutně poziciován) */
      
      
      height: 100%;               /* určená výška je nutná k určení výšky levého a pravého rámu */
      
      position: relative;          /* nutné, obsah je absolutně poziciován */
     }
 
 a 
 {
 color: blue;
 text-decoration: none; 
  }
  .a1 
 {
 color: yellow;
 font-weight: bold;
 text-decoration: none; 
  }
  .a2 
 {
 color: white;
 font-weight: bold;
 font-size: 15px;
 text-decoration: none; 
  }  
 .div1
   {
 background-color: D2FFD2;
 color: 0000FF;
  }   
    .lev div        /* tlačítka */
     {
      font-size: 45%;
      margin: 1px;
      padding: 2px;
      border: none;
      overflow: hidden;
      text-align: center;
      background-image: url('obrazky/men1.JPG');
      background-color:C1F7C5 ;
      
       } 
    .lev div a:hover  
       {
background-color:000000 ;

}
  
    .stredni p                         /* text */
     {
      font-size: 14px;
      margin: 5px 10px;
      text-align: justify;
      text-align: left; 
      color: black;
     }
    
    .horni
     {
      color: white;
      font-size: 180%;
      border: thin solid black; 
      position: absolute;
      top: 10px;
      height: 179px;
      left: 10px;
      width: 974px;
      padding: 2px;
      overflow: hidden;
      text-align: center; 
      background-image: url('obrazky/horni.gif');
      background-repeat: no-repeat;
      background-position: top;
      background-color: #ffc;
      
     }

   *>.horni
     {
      height: 171px;
      width: 970px;
     }

    .levy
     {
      background: 000000;
      font-size: 14px;
      
      border-top-style: none; 
      position: absolute;
      top: 188px;
      left: 10px;
      width: 165px;
      height: 700px;
      min-height: 700px;
      padding: 0px;
      overflow: hidden;
      overflow-y: visible;
      text-align: left; 
     } 

     *>.levy
      {
       height: 500px;
       width: 170px;
      }
    .levy1
     {
      background: white;
      font-size: 180%;
      
      border-top-style: none; 
      position: absolute;
      top: 750px;
      left: 10px;
      width: 165px;
      height: 500px;
      min-height: 500px;
      padding: 0px;
      overflow: hidden;
      overflow-y: visible;
      text-align: left; 
     } 

     *>.levy1
      {
       height: 500px;
       width: 170px;
      }
    .pravy
     {
      background: white;
      font-size: 180%;
      /* border: thin solid black; */
      border-top-style: none;
      position: absolute;
      top: 189px;
      left: 839px;
      width: 145px;
      height: 1000px;
      min-height: 1000px;
      padding: 5px 0;
      overflow: hidden;
      overflow-y: visible;
      text-align: center;
      font-size: small; 
     }

    *>.pravy
     {
      height: 1000px;
     }

    .stredni
     {
      /*border-right: thin solid black; */
      border-top-style: none; 
      position: absolute;
      top: 189px;
      left: 178px;
      width: 657px;
      height: 1000px;
      min-height: 1000px;
      max-height: 1000px;
      padding: 3px 0;
      overflow: auto;
      overflow-y: auto;
      text-align: center;
      background-repeat: repeat;
      }

    *>.stredni
     {
      height: 1000px;
     }
    .stredni td
     {
     font-size: 12px;
      }
    .table11
     {
    width:100%;
    text-align: center;
    color: white;
    font-weight: bold;
    
    }
    
        .table1
     {
    width:100%;
    text-align: center;
    color: red;
    font-weight: bold;
    border: solid blue 1px;
    border-collapse: separate;
    border-width: medium;
    border-style: none;
    }
    
    .table2
    {
    border: 1px;
    width: 900px;
    height: 90px;
    text-align: center;
    color: green;
    background: (#DFFDCB);
    }
    
     .table3
     {
    width:600;
    text-align: left;
    color: black;
    font-weight: bold;
    font-size: ;

    }

 
    h1
      {
    color: red;
    font-family: Arial CE;
    font-size: small;
    font-weight: bold;
    text-align: richt;
    }

    h2
          {
    color: black;
    font-family: Arial CE;
    font-size: x-small;
    font-weight: bold;
    text-align: richt;
    }
    
        h3
          {
    color: blue;
    font-family: Arial CE;
    font-size: x-small;
    font-weight: bold;
    text-align: richt;
    }
    
    
   .td3
    {
    border-width: medium;
    border-color: black;
    width: 120px;
    height: 10px;
    text-align: right;
    background: white;
    font-size: 35px;
    }

   .td1
     {
    border-width: thick;
    border-color: green;
    width: 80px;
    height: 10px;
    text-align: center;
    background: white;
    font-size: 15px;
    border-style: outse;
    border: 1px;
    }
    
      .td4
    {
    
    height: 5px;
    text-align: left;
    font-size: xx-small;
    font-weight: bolder;
    color: green;
    }
    
    
    .1
    
     {
 border-width: thin;
 border-color: green;
 border-style: solid;
 text-align: center;
 color: orange;
 font-size: large;
  font-weight: bolder;
  width: 500px;
  height:15px;
  background-color:DAEFD3;
  
  }

    .2
 {
 border-width: thin;
 border-color: silver;
 border-style: 1px solid;
 text-align: center;
 color: green;
 font-size: small;
  font-weight: normal;
  width: 500px;
  height:10px;
  }

    .kontakt
 {
 text-align: center;
 color: green;
 font-size: small;
 font-weight: bold;
 
  }

    .h
 {
 color: white;
 font-size: 14px;
 font-weight: bold;
 margin-left: 90%
  }