body { background: url('./grafika/background.jpg') no-repeat rgb(11,74,148); color: black;
       font-family: Arial; font-weight:normal; font-size: 70%; margin: 0px;}

p { margin: 0px 5px 10px 5px;}
h1 { height: 20px; font-size: 110%; font-weight: bold; font-family: Verdana;
     padding: 5px 0px 0px 10px; margin: 5px 0px 10px 5px; color: rgb(0,102,204);
     background: url('./grafika/h1.gif') no-repeat;}
h2 { font-family: Verdana; font-size: 110%; color: rgb(0,102,204);
     margin: 5px 0px 5px 10px; padding: 0px;}

a:link, a:visited { color: rgb(32,144,127);}
a:hover, a:visited:hover { color: rgb(0,81,255);}

.body { width: 900px; margin: auto;}
  .logo { width: 900px; height: 70px; margin: auto; background: url('./grafika/logo.gif') no-repeat;
          margin-top: 15px; position: relative;}
    .datum { width: 65px; height: 20px; position: absolute; top: 15px; right: 10px;
             font-size: 110%; font-weight: bold; color: white; padding: 5px 0px 0px 7px;
             background: url('./grafika/datum.gif') no-repeat;}
    .home {width: 500px; height: 63px; position: absolute; left: 0px; top: 0px;}
  .menu { width: 500px; height: 30px; margin: auto; margin-bottom: 20px; padding: 0px;
          font-family: Arial Black; font-size: 120%; font-weight: bold;
          text-align: center; border: 0px;border-collapse: collapse;}
    .menu a:link, .menu a:visited 
      { height: 30px; padding-top: 10px; text-decoration: none; color: white; 
        display: block;}
    .menu a:hover, .menu a:visited:hover
      { color: white;}
    .menu1 { width: 180px;}
    .menu1 a:link, .menu1 a:visited 
      { background: url('./grafika/menu1a.gif') no-repeat;}
    .menu1 a:hover, .menu1 a:visited:hover
      { background: url('./grafika/menu1b.gif') no-repeat;}
    .menu2 { width: 170px;}
    .menu2 a:link, .menu2 a:visited 
      { background: url('./grafika/menu2a.gif') no-repeat;}
    .menu2 a:hover, .menu2 a:visited:hover
      { background: url('./grafika/menu2b.gif') no-repeat;}
    .menu3 { width: 150px;}
    .menu3 a:link, .menu3 a:visited 
      { background: url('./grafika/menu3a.gif') no-repeat;}
    .menu3 a:hover, .menu3 a:visited:hover
      { background: url('./grafika/menu3b.gif') no-repeat;}
      
    .active1 { width: 180px;}
    .active1 a:link, .active1 a:visited 
      { background: url('./grafika/active1.gif') no-repeat;}
    .active2 { width: 170px;}
    .active2 a:link, .active2 a:visited 
      { background: url('./grafika/active2.gif') no-repeat;}
    .active3 { width: 150px;}
    .active3 a:link, .active3 a:visited 
      { background: url('./grafika/active3.gif') no-repeat;}
  .top { height: 15px; background: url('./grafika/top.gif') no-repeat; }
  .obsah { background: url('./grafika/center.gif') repeat-y; padding: 5px 10px 5px 10px; }
    .adresa { width: 200px; margin: 20px 0px 0px 100px; font-size: 110%;
               float: left; position: relative;}
    .email { width: 400px; height: 300px; float: left; position: relative;}
      .email textarea { width: 390px; height: 100px; background: rgb(192,255,224);
                        border: 1px solid rgb(64,128,255); font-family: Arial;
                        font-size: 100%;}
      .inemail { width: 200px; background: rgb(192,255,224);
                 border: 1px solid rgb(64,128,255);}
      .button { float: right; position: relative;}
    .clear { clear:both;}
    .weby { text-align: left; margin: 5px; clear: both;}
  .bottom  { height: 18px; background: url('./grafika/bottom.gif') no-repeat;}
  .contact { width: 100%; text-align: center; padding: 5px; margin-bottom: 30px; color: white;
             position: relative; font-weight: bold; font-family: Verdana; font-size: 90%;}
    .contact a:link, .contact a:visited { color: rgb(128,255,224);}
    .contact a:hover, .contact a:visited:hover { color: white;}
    .cont { position: absolute; left: 20px; top: 5px;}
  .google1 { width: 180px; height: 610px; text-align: right; position: relative; float: right; margin-right: 5px;}
  .google2 { width: 140px; height: 250px; text-align: right; position: relative; float: right; margin-right: 5px;}
  .banner { width: 728px; height: 90px; margin: auto; margin-top: 10px; margin-bottom: 10px;}
  .textovky { width: 728px; margin: auto; padding-bottom: 10px; }
  .ctverec { width: 400px; float: right; margin-bottom: 20px;}
  .hidden { display:none;}