body {
  font-family: verdana, "Geneva CE", lucida, sans-serif;
  font-size: 100%;
  text-align: center;
  background-color: #213846;
  margin: 0;
  padding: 0;
}
div#www-blackcard-cz {
  width: 800px;
  text-align: left;
  background-color: #213846;
  margin: auto;
}
div#container {
  width: 761px;
  font-size: 70%;
  color: #808080;
  background: #fff url("/image/pozadi.gif") repeat-y;
  margin-left: 10px;
}
div#head {
  float: left;
  width: 761px;
  background-color: #213846;
}
p#logo {
  position: relative;
  float: left;
  width: 231px;
  height: 51px;
  margin-top: 15px;
}
p#logo a {
  font-size: 150%;
  color:  #fff;
  text-decoration: none;
  padding: 5px;
}
p#logo a span {
  position: absolute;
  left: 0; top: 0;
  display: block;
  cursor: pointer;
  width: 231px;
  height: 51px;
  background-image: url("/image/logo.gif");
}
p#slogan {
  float: left;
  width: 400px;
  font-size: 140%;
  color: #7f9098;
  padding: 25px;
}
ul#menu {
  clear: both;
  height: 39px;
  background: url("/image/menu_zacatek.gif") no-repeat;
  padding: 0;
  margin: 0;
}
ul#menu li {
  float: left;
  display: inline;
  list-style-type: none;
  padding: 0;
}
ul#menu li#firstItem {
  padding-left: 247px; 
}
p#head, p#slogan {
  margin: 0;
}
p#head {
  position: relative;
  width: 761px;
  height: 108px;
  color: #fff;
  background-color: #a88245;
}
p#head strong {
  display: block;
  font-size: 170%;
  padding: 80px 0 0 220px;
}
p#head span {
  position: absolute;
  left: 0; top: 0;
  display: block;
  width: 761px;
  height: 108px;
  background-image: url("/image/hlavicka.gif");
}
p#imageSlogan {
  width: 761px;
  height: 171px;
  background: #a88245 url("/image/slogan.gif");
  margin: 0;
}
div#content {
  float: left;
  width: 761px;
  background: url("/image/obsah_pozadi.gif") no-repeat;
}
div#leftContent {
  float: left;
  width: 430px;
  padding-left: 45px;
  margin-right: 35px;
}
div#rightContent {
  float: left;
  width: 235px;
  margin-top: 2px;
}
ul#serviceMenu {
  margin: 0;
  padding: 0;
}
ul#serviceMenu li {
  display: inline;
  list-style-type: none;
  padding-left: 35px;
}
ul#serviceMenu li a {
  color: #00c3fb;
}
p.moreInformation {
  line-height: 1em;
  text-align: right;
  margin-right: 27px;
}
p.moreInformation a {
  position: relative;
  width: 109px;
  height: 13px;
  color: #fff;
  background-color: #2496c3;
}
p.moreInformation a span {
  position: absolute;
  left: 0; top: 0;
  display: block;
  cursor: pointer;
  width: 109px;
  height: 13px;
  background-image: url("/image/vice_informaci_tlacitko.gif");
}
p#portfolioImage {
  float: right; 
  margin: 0 0 5px 5px;
  width: 107px;
  height: 96px;
  background-image: url("/image/reference_prehled.gif");
}
ul#childrenPageMenu {
  margin: 20px 0 0 0;
  padding: 0;
}
ul#childrenPageMenu li {
  height: 33px;
  list-style-type: none;
  margin: 0;
  padding: 8px 0 0 45px;
  background: url("/image/podstranka_odkaz_pozadi.gif") no-repeat;
}
ul#childrenPageMenu li a {
  font-size: 120%;
  color: #11c5ff;
  text-decoration: none;
}
ul#childrenPageMenu li a:hover {
  color: #ffa31a;
  text-decoration: underline;
}
ul#foot {
  clear: both;
  width: 761px;
  height: 40px;
  background: url("/image/paticka_pozadi.gif") left bottom no-repeat;
  margin: 0;
  padding: 0 0 10px 0;
}
ul#foot li {
  display: inline;
  list-style-type: none;
  padding-left: 25px;
  line-height: 1em;
}
ul#foot li#firstItem {
  padding-left: 50px;
}
ul#foot li#webdesign {
  padding-left: 100px;
}
ul#foot li a {
  color: #333;
  text-decoration: none;
}
ul#foot li a:hover, ul#foot li a.active {
  text-decoration: underline;
}
input.inputShort {
  width: 35px;
  color: #333;
  background-color: #ececea;
  border: 1px solid #c5c5c5;
}
.short {
  width: 35px;
  color: #333;
  background-color: #ececea;
  border: 1px solid #c5c5c5;
}
.middle {
  width: 110px;
  color: #333;
  background-color: #ececea;
  border: 1px solid #c5c5c5;
}