body{
  font-family: "verdana", "tahoma", sans serif;
  font-size: 100%;
  text-align: center;
  background: #f4f4f4 url("/image/dokument_pozadi.jpg") repeat-x;
  margin: 0;
  padding: 0;
}
div#container {
  position: relative;
  width: 800px;
  font-size: 70%;
  text-align: left;
  color: #777;
  margin: auto;
}
p.invisibleNavigation {
  display: none;
}
p#headLeft {
  float: left;
  margin: 0;
  background: url("/image/menu_levy_obrazek.jpg") no-repeat;
}
div#headMiddle {
  float: left;
  width: 256px;
}
div#headRight {
  position: relative;
  float: left;
}
div#headRight ul {
  margin: 80px 0 0 200px;
  padding: 0px;
}
div#headRight ul li {
  display: inline;
  background: url("/image/menu_polozka_rozdelovac.jpg") no-repeat;
  padding: 5px 10px 5px 13px;
}
div#headRight ul li.first {
  background: none;
}
div#headRight p {
  width: 170px;
  font-size: 170%;
  color: #fff;
  background: #4c6078;
  margin: 65px 0 0 260px;
}
div#headRight p span {
  position: absolute;
  top: 106px; left: 0;
  display: block;
  width: 501px;
  height: 204px;
  background: url('/image/hlavicka_pozadi.jpg') right bottom no-repeat;
}
p#headBottom {
  clear: both;
  margin: 0 0 10px 0;
}
p#logo {
  float: left;
  margin: 0;
  background: url("/image/logo.jpg") no-repeat;
}
ul#menu {
  margin: 0;
  padding: 0;
}
ul#menu li {
  float: left;
  list-style-type: none;
}
ul#menu li#menuHome a {
  display: block;
  width: 256px;
  height: 42px;
  background: url("/image/home_menu.jpg") left top;
}
ul#menu li#menuHome a:hover {
  background: none;
  background: url("/image/home_menu.jpg") -256px 0;
}
ul#menu li#menuOffer a {
  display: block;
  width: 256px;
  height: 42px;
  background: url("/image/nabidka_menu.jpg") left top;
}
ul#menu li#menuOffer a:hover {
  background: none;
  background: url("/image/nabidka_menu.jpg") -256px 0;
}
ul#menu li#menuDemand a {
  display: block;
  width: 256px;
  height: 39px;
  background: url("/image/poptavka_menu.jpg") left top;
}
ul#menu li#menuDemand a:hover {
  background: none;
  background: url("/image/poptavka_menu.jpg") -256px 0;
}
ul#menu li#menuPhotogallery a {
  display: block;
  width: 256px;
  height: 38px;
  background: url("/image/fotogalerie_menu.jpg") left top;
}
ul#menu li#menuPhotogallery a:hover {
  background: none;
  background: url("/image/fotogalerie_menu.jpg") -256px 0;
}
ul#menu li#menuContact a {
  display: block;
  width: 256px;
  height: 43px;
  background: url("/image/kontakt_menu.jpg") left top;
}
ul#menu li#menuContact a:hover {
  background: none;
  background: url("/image/kontakt_menu.jpg") -256px 0;
}
div#leftBox {
  float: left;
  width: 390px;
  margin-left: 60px;
  _margin-left: 30px;
}
div#rightBox {
  float: right;
  width: 296px;
  margin: 0 31px 0 0;
  _margin: 0 15px 0 0;
}
div#rightBox p {
  margin: 0;
}
div#firstBaner {
  position: relative;
  width: 296px;
  height: 74px;
  font-size: 150%;
  color: #fff;
  background-color: #de5101;
  margin-bottom: 15px;
}
div#secondBaner {
  position: relative;
  width: 296px;
  height: 74px;
  font-size: 150%;
  color: #fff;
  background-color: #ffaf00;
  margin-bottom: 15px;
}
div#firstBaner a span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  cursor: pointer;
  width: 296px;
  height: 74px;
  background-image: url("/image/zarove_zinkovani_baner.jpg");
}
div#secondBaner a span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  cursor: pointer;
  width: 296px;
  height: 74px;
  background-image: url("/image/sherardovani_baner.jpg");
}
div#firstBaner a, div#secondBaner a {
  color: #fff;
  text-decoration: none;
}
div#firstBaner h3, div#secondBaner h3 {
  margin: 0;
}
div#randPhotoBox {
  text-align: center;
  background: #ebebeb;
  background: url("/image/fotografie_pozadi.gif") repeat-y;
}
div#randPhotoBox img {
  display: inline;
  border: 3px solid #43556d;
  margin: 0 7px 0 7px;
}
div#randPhotoBox h3 {
  font-size: 180%;
  text-align: left;
  font-weight: normal;
  color: #fff;
  margin: 0 0 10px 10px;
  padding-top: 10px;
}
p.headlineLink {
  margin: -16px 0 10px 20px;
  font-weight: bold;
}
p.headlineLink a {
  text-decoration: none;
}
p.headlineLink a:hover {
  text-decoration: underline;
}
h1, h2 {
  font-size: 110%;
  background: url("/image/nadpis_pozadi.jpg") no-repeat;
  padding: 0 0 19px 20px;
  margin: 0;
}
h2 {
  margin-top: 25px;
}
a {
  color: #04035a;
  text-decoration: underline;
}
a:hover {
  color: #527489;
  text-decoration: none;
}
p {
  line-height: 1.5em;
  margin: 0 0 8px 0;
}
ul li {
  list-style-type: square;
  line-height: 1.5em;
}
/**
 * Default properties
 */
p.blockText {
  text-align: justify;
}
p.errorMessage {
  color: red;
  margin-top: 10px;
}
p.infoMessage {
  color: green;
  margin-top: 10px;
}
img {
  display: block;
  border: 0;
}
hr.separator {
  clear: both;
  visibility: hidden;
  padding-top: 5px;
}
hr.separator2 {
  clear: both;
  visibility: hidden;
  padding-top: 0px;
}
p#page404 {
  color: red;
  margin: 10px 0 15px 20px;
}
div.photoBox {
  float: left;
  width: 105px;
  height: 105px;
  margin-left: 7px;
}
div#detailPhotoBox {
  width: 380px;
  text-align: center;
}
div.photoBox img, div#detailPhotoBox img {
  border: 2px solid #c5c5c5;
  display: inline;
}
p#lastNextPhoto {
  text-align: center;
}
table {
  border: 0;
  font-size: 100%;
  color: #777;
}
td {
  text-align: center;
  border: 0;
  padding: 1px;
}
th {
  text-align: center;
  font-weight: 700;
  border: 1px solid gray;
  padding: 8px 10px;
  background: #CCCCCC;
}
table.LPZtabulka {
  border: 2px solid gray;
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
  border-collapse: collapse;
}
table.LPZtabulka tr td {
  text-align: center;
  border: 1px solid gray;
  padding: 8px 10px;
}
table#tableForm tr td.right {
  width: 110px;
  text-align: right;
  color: #777;
  vertical-align: top;
}
input.input {
  width: 160px;
  border: 1px solid #999;
}
textarea {
  width: 250px;
  height: 100px;
  border: 1px solid #999;
}
a.eq {
  color: #777;
  font-weight: bold;
  text-decoration: none;
}
a.eq:hover {
  color: #777;
  font-weight: bold;
  text-decoration: underline;
}
div.eq {
  position: absolute;
  top: 0px;
  left: 700px;
  background: url("/image/logo_eq.jpg") no-repeat;
}
div#footMenu {
  height: 108px;
  margin: 0 20px 10px 20px;
  padding: 0;
  background: #bbbbbb;
  background: url("/image/banner_eq.jpg") no-repeat;
}
div#footMenu div {
  position: absolute;
  width: 100px;
  padding: 46px 0 0 0;
  font-weight: bold;
  color: #555;
  text-align: center;
}
div#footMenu div a, div#headRight ul li a {
  text-decoration: none;
  color: #555;
}
div#footMenu div a:hover, div#headRight ul li a:hover {
  text-decoration: underline;
}
