body, h1, h2, h3, p, img, form, ul, li, fieldset { margin:0; padding:0; border:0; }
html { overflow: auto;}
a { outline:none; }

body { background: #fff; font-family: Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center; }
.break { clear: both; }

#wrapper { width: 973px; margin: 41px auto 0px auto; position: relative; }

#header { height: 328px; background: url('images/header.jpg') no-repeat left top; position: relative; }
  #header.en { background: url('images/header-en.jpg') no-repeat left top; }
  #header.de { background: url('images/header-de.jpg') no-repeat left top; }
  #header ul { position: absolute; bottom: 10px; left: 50%; height: 47px; width: 428px; background: url('images/menu.png') no-repeat left top; list-style: none; margin-left: -214px; } 
    #header ul li { float: left; display: block; border-right: 1px solid #fff; height: 33px; margin-top: 7px; }
    #header ul li.first { margin-left: 28px;  }
    #header ul li.firstEn { margin-left: 19px;  }
    #header ul li.last { border-right: none; }
    #header ul li a { display: block; line-height: 33px; height: 33px; float: left; font-size: 1.2em; padding: 0px 20px; color: #000; text-decoration: none; text-shadow: 1px 1px 0px #fff; }
    #header ul li a:hover { background: #fff; text-decoration: underline; }
    #header ul li.active a { color: #fff; text-decoration: underline; text-shadow: none; }
    #header ul li.blue a { background: url('images/menu-active-1.gif') repeat-x left top; }
    #header ul li.magenta a { background: url('images/menu-active-2.gif') repeat-x left top; }
    #header ul li.yellow a { background: url('images/menu-active-3.gif') repeat-x left top; }
    #header ul li.black a { background: url('images/menu-active-4.gif') repeat-x left top; }
      #header ul li.blue a:hover { background: url('images/menu-active-1.gif') repeat-x left top; }
      #header ul li.magenta a:hover { background: url('images/menu-active-2.gif') repeat-x left top; }
      #header ul li.yellow a:hover { background: url('images/menu-active-3.gif') repeat-x left top; }
      #header ul li.black a:hover { background: url('images/menu-active-4.gif') repeat-x left top; }

#content { height: 554px; background: url('images/content.jpg') no-repeat left top; position: relative; }
  #content.en { background: url('images/content-en.jpg') no-repeat left top; }
  #content.de { background: url('images/content-de.jpg') no-repeat left top; }
#main { width: 919px; height: 348px; background: url('images/main.png') no-repeat left top; margin: 0px auto; }
div.border { padding: 30px 40px; text-align: left; }

#content h1 { font-size: 1.8em; margin-bottom: 10px; text-shadow: 2px 2px 0px #fff; }
#content h2 { font-size: 1.6em; margin-bottom: 5px; margin-top: 0px; text-shadow: 2px 2px 0px #fff; }
  #content h2.blue { color: #48b8dc; }
  #content h2.magenta { color: #c931bc; }
  #content h2.yellow { color: #f2c802; }
  #content h2.black { color: #000; }
  #content h3.center { text-align: center; display: none; }
#content p { font-size: 1.2em; margin-bottom: 5px; }
  #content p.justify { text-align: justify; }
#content a { color: #0d799b; }
  #content a:hover { color: #48b8dc; }
#content table { font-size: 1.2em; border-collapse: collapse; }
  #content table td { vertical-align: top; padding-right: 10px; }    

  #content table.galerie { margin: 0px auto; }
  #content table.galerie a img { border: 4px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    #content table.galerie a:hover img { border: 4px solid #D85BCC; }

#content table.cenik { width: 833px; }
  #content table.cenik td { width:119px; vertical-align: bottom; text-align: center; padding-bottom: 10px; }
  #content table.cenik a img { border: 5px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 57px; }
  #content table.cenik a:hover img { border-color: #D85BCC; }

div.left { width: 380px; float: left; text-align: left; padding-left:0px; padding-top: 5px; }
div.right { width: 380px; float: right; text-align: right; padding-right:0px; padding-top: 5px; }
div.map { float: right; }
div.cenik { display: none; }

#footer { height: 25px; margin-top: -25px; }
  #footer p { line-height: 25px; text-align: center; font-size: 1.1em; color: #fff; }

img.left { float: left; margin-right: 15px; }
img.right { float: right; margin-left: 15px; }

#vizitky { display: none; }

#lang { position: absolute; right: 0px; top: 11px; list-style: none; }
  #lang li { float: left; }
  #lang li a { display: block; float: left; width: 24px; height: 19px; text-indent: -9000px; margin-right: 4px; }
  #lang li a.cs { background: url('images/flag_cs.png'); }
  #lang li a.de { background: url('images/flag_de.png'); }
  #lang li a.en { background: url('images/flag_en.png'); }
  #lang li a:active { margin-top: 1px; }

a.video { position: absolute; right: 65px; top: 10px; font-size: 1.2em; background: url('images/video.png') no-repeat right top; height: 40px; padding-right: 50px; display: block; padding-top: 8px; text-align: right; }  

a.objednat { position: absolute; bottom: 170px; left: 50%; color: #c931bc; text-shadow: 2px 2px 0px #fff;
             font-size: 20px; display: inline-block; background: #fff url('images/new.png') no-repeat 10px 50%; width: 350px; margin-left: -175px; padding: 8px 10px; border-radius: 12px; }
  a.objednat:hover { color: #48b8dc; }

img.partner { margin: 10px 0px; }

#partneri { padding: 10px 0px; font-size: 1.1em; }
  #partneri a { color: #2995B9; font-weight: bold; }
  #partneri a:hover { color: #D74DC7; }

/* vizitky online */
#content ul.postup { list-style: none; width: 625px; height: 40px; margin: 10px auto 0px auto; }
  #content ul.postup li { float: left; background: #e3e4e6; border-radius: 10px; padding: 5px 10px 5px 6px; margin-right: 10px; font-size: 1.2em; }
  #content ul.postup li span { font-weight: bold; background: #b7b7b7; display: inline-block; border-radius: 8px; padding: 3px 5px; margin-right: 5px; }
  #content ul.postup li.active { background: #56badc; color: #fff; }
  #content ul.postup li.active span { background: #1389b1; }
  
fieldset { padding: 5px 20px; border: 1px solid #38c8e7; margin-bottom: 10px; }
 fieldset.udaje { float: left; margin-right: 20px; }
legend { color: #1999b4; line-height: 2em; margin: 0; padding: 0 10px; font-size: 1.4em; font-weight: bold; }
input.text { width: 240px; }
input.pocet { width: 100px; }
input.submit { border: 0; background: #1389b1; color: #fff; margin: 0; border-radius: 8px; padding: 5px 10px; font-size: 13px; font-family: Arial, sans-serif; float: right; }
  input.submit:hover { background: #c830b9; }
#content a.back { display: inline-block; background: #1389b1; color: #fff; border-radius: 8px; padding: 5px 10px; font-size: 13px; font-family: Arial, sans-serif;
                  float: left; color: #fff; text-decoration: none; }
  #content a.back:hover { background: #c830b9; }

#content a.dokoncit { display: inline-block; background: #1389b1; color: #fff; border-radius: 8px; padding: 5px 10px; font-size: 13px; font-family: Arial, sans-serif;
                  float: right; color: #fff; text-decoration: none; }
  #content a.dokoncit:hover { background: #c830b9; }

div.cenik-vizitky { float: right; width: 500px; }
  div.cenik-vizitky table td { width: 250px; }
strong.blue { color: #1389b1;}

#prouzek { height: 50px; width: 100%; position: absolute; top: 0px; left: 0px;  background: url('images/bg.png') repeat-x left top; text-align: left; }
#prouzek_wrapper { position: relative; width: 910px; margin: 0px auto; }
#prouzek_wrapper span { line-height: 40px; color: #fff; font-size: 1.1em; }
#prouzek_wrapper a.kliknete { font-weight: bold; color: #fff; display: inline-block; background: url('images/call.jpg') no-repeat left 50%; height: 40px; padding-left: 55px;
                              font-size: 16px; text-decoration: none; float: left; }
#prouzek_wrapper a.kliknete:hover { color: #094458; text-decoration: underline; }
#prouzek_wrapper a.facebook { float: right; font-weight: bold; color: #fff; display: inline-block; background: url('images/facebook.png') no-repeat left 50%; height: 40px; padding-left: 35px;
                              font-size: 12px; text-decoration: none; margin-right: 100px; }
#prouzek_wrapper a.facebook:hover { color: #094458; text-decoration: underline; }
#prouzek_wrapper form { display: none; clear: both; }
#prouzek_wrapper fieldset { background: #fff; }
#prouzek_wrapper label { font-size: 1.1em; padding-right: 10px; }
#prouzek_wrapper a.zrusit { font-size: 1.1em; color: #c00; padding-left: 8px; }
#prouzek_wrapper img { margin-bottom: -3px; margin-left: 15px; }