body {
  font-family: "verdana", "tahoma", sans serif;
  font-size: 100%;
  text-align: center;
  background-color: #eceaeb;
  margin: 0;
  padding: 0;
}
div#container {
  width: 850px;
  font-size: 70%;
  text-align: left;
  color: #908083;
  background: #fff url("/image/obsah_pozadi.gif") repeat-y;
  margin: auto;
}
div#logo {
  float: left;
  width: 167px;
  height: 270px;
  background: #cbb7ae url("/image/logo_pozadi.gif");
}
div#logo p {
  position: relative;
  width: 89px;
  height: 71px;
  margin: 25px 0 0 57px;
}
div#logo p a {
  display: block;
  font-weight: bold;
  color: #fff;
  background: #31317f;
  text-decoration: none;
}
div#logo p a span {
  position: absolute;
  left: 0; top: 0;
  width: 89px;
  height: 71px;
  display: block;
  cursor: pointer;
  background-image: url("/image/logo.gif");
}
div#head {
  float: left;
  width: 683px;
  height: 270px;
}
ul#menu {
  margin: 0;
  padding: 0;
}
ul#menu li {
  float: left;
  display: inline;
  list-style-type: none;
  padding: 0;
}
div#leftBox {
  float: left;
  width: 450px;
  padding-left: 60px;
  margin-right: 55px;
}
div#leftBox img {
  display: inline;
}
div.productBox {
  float: left;
  width: 215px;
  margin-right: 20px;
}
div.clearMargin {
  margin: 0;
}
div.productBox p.text {
  text-align: justify;
  margin-right: 15px;
}
div.productBox p.image {
  margin-top: 10px;
}
p.moreInformation {
  float: left;
  width: 106px;
  height: 16px;
}
p.moreInformation a {
  position: relative;
  width: 106px;
  height: 16px;
  color: #fff;
  background: #988073;
}
p.moreInformation a span {
  position: absolute;
  left: 0; top: 0;
  display: block;
  cursor: pointer;
  width: 106px;
  height: 16px;
  background: url("/image/vice_informaci_tlacitko.gif") no-repeat;
}
div#rightBox {
  float: left;
  width: 231px;
  padding-top: 15px;
}
div#rightBox ul {
  margin: 0 0 20px 0;
  padding: 0;
}
div#rightBox ul li {
  list-style-type: none;
  padding-bottom: 7px;
}
div#productList {
  float: left;
  border: 1px solid #c2ac9f;
  padding: 10px 15px 10px 10px;
}
div#productList div {
  float: right;
  width: 300px;
  text-align: justify;
}
div#productList p {
  margin-bottom: 10px;
}
div#productList p#image {
  float: left;
  width: 105px;
  height: 105px;
  margin: 0;
}
div#productList div p.imageLink {
  float: right;
}
div#productList p#image img {
  border: 1px solid #c2ac9f;
}
div#productList h2 {
  margin: 5px 0 5px 0;
}
div#finalProductText {
  float: left;
  width: 220px;
}
p#finalProductImage {
  float: right;
  width: 205px;
  margin-top: 5px;
}
p#technicalDocument {
  margin: -5px 0 0 40px;
}

h1 {
  font-size: 140%;
  color: #000062;
  margin: 15px 0 10px 0;
}
h2 {
  font-size: 120%;
  color: #000062;
  margin: 15px 0 10px 0;
}
h3 {
  font-size: 120%;
  color: #666;
  margin: 15px 0 10px 0;
}
div#rightBox h4 {
  font-size: 120%;
  color: #000062;
  margin: 15px 0 10px 0;
}
p.design {
  margin: 0;
  clear: both;
}
ul#foot {
  width: 850px;
  background: #b2977c url("/image/paticka_pozadi.gif") no-repeat;
  margin: 0;
  padding: 20px 0 20px 0;
}
ul#foot li {
  display: inline;
  padding: 0 0 0 23px;
  line-height: 1em;
}
ul#foot li#first {
  padding-left: 37px;
}
ul#foot li#webdesign {
  color: #ebebeb;
  padding-left: 302px;
}
ul#foot li a {
  color: #fff;
  text-decoration: none;
}
ul#foot li a:hover {
  text-decoration: underline;
}
.right {
  float: right;
}

/* default basic */
a {
  color: #262690;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
p {
  margin: 0 0 10px 0;
  line-height: 1.6em;
}
img {
  display: block;
  border: 0;
}
ul li {
  list-style-type: square;
  line-height: 1.3em;
  padding-bottom: 3px;
}
table {
  font-size: 100%;
  color: #726e6f;
  border: 1px solid #afafaf;
  border-collapse: collapse;
}
table tr td {
  border: 1px solid #afafaf;
  border-collapse: collapse;
  padding: 5px;
}
table tr td p {
  margin: 0;
}
textarea {
  width: 300px;
  height: 80px;
  border: 1px solid #14759e;
}
form {
  margin: 0;
}

/* default subclass */
p.headlineLink {
  margin: -7px 0 10px 0;
}
p.notice {
  clear: both;
  font-style: italic;
  color: #9C1219;
  margin: 10px 0 5px 0;
}
hr.separator {
  clear: both;
  visibility: hidden;
  padding-top: 5px;
}
p#page404 {
  width: 400px;
  height: 50px;
  font-size: 150%;
  color: red;
  margin: 20px 0 20px 20px;
  overflow: auto;
}
p.errorMessage {
  color: red;
  margin-top: 10px;
}
p.infoMessage {
  color: green;
  margin-top: 10px;
}
span.highlight {
  color: #ff8c00;
  font-size: 130%;
}
input.input {
  width: 200px;
  border: 1px solid #14759e;
}
table#tableForm {
  border: 0;
}
table#tableForm tr td {
  border: 0;
}
table#tableForm tr td.right {
  width: 120px;
  text-align: right;
  vertical-align: top;
}
div.photoBox {
  float: left;
  width: 105px;
  height: 105px;
  margin-left: 8px;
}
#detailPhotoBox {
  width: 440px;
  text-align: center;
}
div.photoBox img, div#detailPhotoBox img {
  border: 1px solid #c2ac9f;
  display: inline;
}
p#lastNextPhoto {
  text-align: center;
}
table.noBorder, table.noBorder tr td { {
  border: none;
}