body {
      background: url("images/background.gif") repeat top left;
      text-align: center;
      margin: 0;
      font-family: Serif;
      }

    html, body {
      height: 100%;
      }

    #main {
      text-align: left;
      margin: 0 auto;
      padding: 0 auto;
      position: relative;
      min-height: 100%;
      height: 100%;
      width: 746px;
      background: url("images/bg_line.gif") repeat-y 87px 0;
      }

    body > #main {
      height: auto;
      }

    #top {
      width: 730px
      padding-top: 20px;
      padding-left: 16px;
      height: 131px;
      }

    #top div {
      float: left;
      }

    #top div#top1 {
      background: url("images/top1.gif") no-repeat top left;
      width: 95px;
      height: 131px;
      }

    #top div#top2 {
      background: url("images/top2.gif") no-repeat top left;
      width: 152px;
      height: 131px;
      }

    #top div#top3{
      background: url("images/top3.gif") no-repeat top left;
      width: 227px;
      height: 131px;
      }

    #top div#top4 {
      background: url("images/top4.gif") no-repeat top left;
      width: 256px;
      height: 131px;
      }

    #menu {
      width: 123px;
      position: absolute;
      top: 180px;
      left: 0px;
      z-index: 5;
      }

    #menu a {
      margin-top: 4px;
      display: block;
      width: 123px;
      height: 22px;
      }

    #menu a#o_firme {
      background: url("images/menu_ofirme.gif") no-repeat top left;
      }

    #menu a#reference {
      background: url("images/menu_reference.gif") no-repeat top left;
      }

    #menu a#kontakty {
      background: url("images/menu_kontakty.gif") no-repeat top left;
      }

    #menu a#fotogalerie {
      margin-top: 16px;
      background: url("images/menu_fotogalerie.gif") no-repeat top left;
      }

    #menu a#o_firme:hover {
      background-position: -123px 0;
      }

    #menu a#reference:hover {
      background-position: -123px 0;
      }

    #menu a#kontakty:hover {
      background-position: -123px 0;
      }

    #menu a#fotogalerie:hover {
      background-position: -123px 0;
      }

    #flags {
      margin: 50px 0 0 15px;
      width: 123px;
      }

    #flags a {
      margin: 0 0 2px 0;
      display: block;
      width: 32px;
      height: 24px;
      float: left;
      }

    #flags a#cz {
      background: url("images/flag_cz.gif") no-repeat top left;
      }

    #flags a#en {
      background: url("images/flag_en.gif") no-repeat top left;
      }

    #flags a#ru {
      background: url("images/flag_ru.gif") no-repeat top left;
      }

    #content {
      position: relative;
      margin: 0 0 0 127px;
      width: 619px;
      background: url("images/border_left.gif") repeat-y top left;
      }

    #content div {
      height: 48px;
      float: left;
      }

    #content div#border_topleft {
      background: url("images/border_topleft.gif") no-repeat top left;
      width: 411px;
      }

    #content div#border_text {
      background: url("images/border_text_firma.gif") no-repeat top left;
      width: 160px;
      }

    #content div#border_topright {
      background: url("images/border_topright.gif") no-repeat top left;
      width: 48px;
      }

    #content div#text {
      float: none;
      height: auto;
      padding: 0 50px;
      background: url("images/border_right.gif") repeat-y top right;
      width: 519px;
      }

    #content div#text p{
      text-indent: 1em;
      margin: 0;
      padding-bottom: 1em;
      }

    #content div#text h2{
      margin: 0;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      font-size: large;
      }

    #content div#text ul{
      margin: 0;
      padding-bottom: 1em;
      }

    #content div#text a{
      color: red;
      text-decoration: none;
      font-weight: bold;
      }

    #content div#text a:hover{
      color: white;
      background-color: red;
      }

    #content div#text table{
      margin: 0 auto;
      background-color: black;
      float: both;
      font-size: small;
      }

    td{
      background: url("images/background.gif") repeat;
      }

    #content div#border_bottom {
      background: url("images/border_bottom.gif") no-repeat top left;
      width: 619px;
      height: 25px;
      }

    #content div#fotogalerie {
      text-align: center;
      float: none;
      height: auto;
      padding: 0 50px;
      background: url("images/border_right.gif") repeat-y top right;
      width: 519px;
      }

    #content div#fotogalerie img {
      border: 3px solid black;
      margin: 3px;
      padding: 5px;
      }

    #content div#fotogalerie p{
      margin: 0;
      padding-bottom: 1em;
      font-weight: bold;
      }

    #content div#fotogalerie a:hover {
      }

    #mapa {
      text-align: center;
      }

    #aktualizace {
      position: relative;
      text-align: right;
      font-size: small;
      margin-left: 2em;
    }
    
    #foot {
      position: relative;
      text-align: right;
      font-size: small;
      margin-right: 2em;
      }

    #foot a {
      color: black;
      text-decoration: none;
      font-weight: bold;
      }

    #foot a:hover {
      text-decoration: underline;
      }

    #counter  {
      position: absolute; top: 435px; left: auto;  
    }
    
    #counter p {
      color: blue;
      font-size: 0.8em;
      font-weight: bold;
    }