body, html { font-family: Verdana; text-align: center; padding: 0px; margin: 0px; font-size: 0.9em; color: #ffffff; background-image: url("images/bg2.gif"); background-repeat: repeat-x; background-color: #ffffff; }
h1 { margin: 0px; padding: 0px; }
h2.content { font-family: Book Antiqua; font-size: 1.5em; font-weight: lighter; color: #ffffff; margin: 0px; padding: 5px 0px 5px 20px; float: left; }
h2.column { font-family: Book Antiqua; font-size: 1.5em; font-weight: lighter; color: #ffffff; margin: 0px; padding: 5px 0px 5px 5px; float: left; }
h2.product { font-family: Book Antiqua; font-size: 2.3em; font-weight: lighter; color: #fefe00; margin: 0px; padding: 0px 5px 0px 5px; float: left; }
h2.product a { color: #fefe00; text-decoration: none; }
h2.productS { font-family: Book Antiqua; font-size: 1.8em; font-weight: lighter; color: #fefe00; margin: 0px; padding: 6px 5px 0px 5px; float: left; }
h2.productS a { color: #fefe00; text-decoration: none; }
h2.kari { font-family: Verdana; font-size: 1.3em; color: #fefe00; margin: 0px; padding: 5px 0px 0px 0px; font-weight: bold;  }
h3.content { font-family: Verdana; font-size: 1.1em; color: #0cff00; margin: 0px; padding: 10px 0px 0px 0px; font-weight: bold; }
h3.product { font-family: Book Antiqua; font-weight: lighter; color: #ffffff; font-size: 1.5em; margin: 0px; padding: 10px 5px 0px 5px; float: left; }
h3.product a { color: #ffffff; text-decoration: none; }
h3.productR { font-family: Book Antiqua; font-weight: lighter; color: #ffffff; font-size: 1.5em; margin: 0px; padding: 5px 5px 0px 5px; float: right; }
h3.productR a { color: #ffffff; text-decoration: none; }
table { border-collapse: collapse; border: 0px; margin: 0px; padding: 0px; }
table.reference { border-collapse: collapse; border: 0px; margin: 0 auto; padding: 0px; }
td.ref { width: 212px; height: 212px; background-image: url("images/td_bg2.jpg"); background-repeat: no-repeat; text-align: center; }
table.kontakt { border-collapse: collapse; border: 0px; margin: 0 auto; padding: 0px; }
td.kontakt { width: 280px; height: 180px; background-image: url("images/td2_bg.jpg"); background-repeat: no-repeat; text-align: left; }
td.kontakt div { width: 270px; height: 170px; margin: 0px; padding: 10px 0px 0px 20px; }

#page { width: 940px; height: 100%; margin: 0 auto; background-color: #005aa8; background-image: url("images/bg_page.gif"); background-repeat: repeat-x; }
  #layoutUp { width: 940px; height: 366px; }
    #layout-leftUp { width: 558px; height: 366px; margin: 0px; padding: 0px; float: left; }
      .logo { width: 558px; height: 140px; margin: 0px; padding: 0px; }
        .logo img {  }
        .logo a img, .logo a:hover img { border: 0px; }
      .menu { width: 558px; height: 50px; text-align: left; }
        .menu img { float: left; width: 2px; margin: 0px; padding: 0px; }
        .menu ul { font-family: Arial; width: 535px; height: 50px; padding: 0px 0px 0px 20px; margin: 0px; float: left; }
          .menu li { list-style-type: none; height: 50px; line-height: 50px; font-size: 1.3em; float: left; }
          .menu li a { color: #ffffff; margin-right: 33px; padding: 0px; text-decoration: none; font-weight: bold; }
          .menu li a.aktivni { color: #08ab00; margin-right: 33px; padding: 0px; }
          .menu li a:hover { color: #08ab00; margin-right: 33px; padding: 0px; }
      .products { width: 500px; height: 150px; padding: 10px 0px 0px 25px; }
        .rowL { width: 400px; height: 30px; float: left; }
        .rowR { width: 400px; height: 30px; float: right; }
    #layout-rightUp { width: 382px; height: 366px; margin: 0px; padding: 0px; float: left; }
      .lcd { width: 382px; height: 324px; padding: 42px 0px 0px 0px; margin: 0px;  }
      
  #layoutDown { width: 940px; height: 100%; overflow: auto; }
    #layout-leftDown { float: left; width: 622px; text-align: left; }
    #layout-leftDown img.hr { padding: 0px 0px 0px 32px; }
    #layout-leftDown-wide { float: left; width: 940px; text-align: left; }
    #layout-leftDown-wide img.hr { padding: 0px 0px 0px 45px; }
    #layout-leftDown-wide img.hr2 { padding: 0px 0px 0px 0px; }
      .content { width: 580px; margin: 0px; padding: 0px 0px 0px 20px; text-align: justify; }
      .content p { width: 580px; padding: 0px; margin: 10px 0px 10px 0px; }
      .content a { color: #ffffff; text-decoration: underline; }
      .content a:hover { color: #fefe00; text-decoration: none; }
      .content ul { margin: 0px; padding: 10px 0px 10px 60px; }
      .content-wide { width: 870px; padding: 0px 0px 0px 35px; margin: 0px; text-align: justify; }
      .content-wide p.wide { width: 870px; padding: 0px; margin: 10px 0px 10px 0px; }
        .content-wide p.table { width: 100%; }
      .content-wide a { color: #ffffff; text-decoration: underline; }
      .content-wide a:hover { color: #fefe00; text-decoration: none; }
      .content-wide a img { border: 6px solid #c4c4c4; }
      .content-wide a:hover img { border: 6px solid #08ab00; }
      .content-wide a img.port, .content-wide a:hover img.port { border: 0px; }
      .content-wide ul { margin: 0px; padding: 0px 0px 0px 30px; }
      iframe { margin: 10px 0px 10px 20px; padding: 0px; background-color: #ffffff; }
      
      .referenc { width: 424px; height: 200px; margin: 10px 0px 0px 6px; padding: 0px; text-align: center; float: left; background: url("images/bg_ref.png") no-repeat; border: 0px; }
      .referenc .screen { width: 212px; height: 200px; float: left; text-align: center; margin: 0px 0px 0px 15px; }
      .referenc .screen img { padding: 10px 0px 5px 0px; max-width: 160px; border: 0px; }
      .referenc a { text-decoration: none; }
      .referenc a:hover { text-decoration: underline; }
      .referenc a .screen { width: 212px; height: 200px; float: left; text-decoration: none; background: transparent; }
      .referenc a:hover .screen { text-decoration: underline; color: #ffffff; background: url("images/bg_refOn.png") repeat-x; }
      .referenc a .screen img { border: 0px; }
      .referenc a:hover .screen img { border: 0px; }
      .referenc .info { width: 180px; float: left; text-align: left; padding: 15px 0px 0px 10px; margin: 0px; }
      
      .formular { width: 800px; margin: auto; padding: 0px; text-align: left; }
      form label { display: block; float: left; width: 95px; font-weight: bold; text-align: right; }
      form div { margin-bottom: 15px; }
      input { border: 1px solid black; }
      textarea { border: 1px solid black; width: 340px; height: 140px; }
      .form-left { float: left; width: 320px; height: 180px; }
      .form-right { float: right; width: 450px; height: 180px; }
      .center { float: left; text-align: center; width: 310px; height: 20px; }
      .warning { float: left; width: 800px; height: 20px; }
      form div .green { color: #0cff00; font-weight: bold; }
      
      
    #layout-rightDown { float: left; width: 318px; }
      .column { width: 290px; margin: 0px; padding: 0px 0px 0px 5px; text-align: left; }
      .column .zpravy { }
      .column .zpravy a { font-size: 1.1em; color: #fefe00; text-decoration: none; }
      .column .zpravy a:hover { color: #ffffff; text-decoration: underline; }
    
#footer { width: 100%; height: 130px; color: #ffffff; background-color: #2971ac; background-image: url("images/bg_footer.gif"); background-repeat: repeat-x; }
  .footer { width: 100%; height: 130px; }
  .footer p { padding-top: 10px; margin: 0px; }
  .footer p a { color: #ffffff; text-decoration: none; }
  .footer p a:hover { color: #ffffff; text-decoration: underline; }
  .footer p a img, .footer p a:hover img { border: 0px; }
  .backlinks { width: 920px; margin: 0 auto; padding: 5px 0px 5px 0px; font-size: 0.9em; }
  .backlinks a { color: #ffffff; text-decoration: none; }
  .backlinks a:hover { color: #ffffff; text-decoration: underline; }
  .backlink { margin: 0 auto; padding: 0px; float: left; font-size: 0.9em; }
  .backlink2 { margin: 0 auto; padding: 0px; float: left; font-size: 0.9em; clear: both; }