body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; text-align: center; font-size: 100%; margin: 0; padding: 0;
	background: #313131 url("/media/images/pozadi.gif") 50% 0 no-repeat;
}
div#container {
  position: relative; width: 900px; text-align: left; font-size: 70%; color: #7D7F81; margin: auto; 
  /* background-color: #CDD6DB; */
}

/**
 * Head box
 * Logo, head, menu
 */

/* Logo, client's logo */ 
div#logoBox {
  position: absolute; left: 0; top: 0; width: 900px; height: 91px;
  background: #cdd6db url("/media/images/logo_box_pozadi.jpg");
}
div#logoBox a {
  color: #fff;
}
p#logo {
  position: absolute; left: 67px; top: 33px; width: 233px; height: 39px; margin: 0;
}
p#logo a span {
  width: 233px; height: 39px;
  background-image: url("/media/images/logo.jpg");
}
p#clientLogo {
  position: absolute; left: 646px; top: 0; width: 160px; height: 90px; margin: 0;
}
p#clientLogo a span {
  width: 160px; height: 90px;
  background-image: url("/media/images/logo_klient.jpg");
}

/* Head */
div#head {
  position: absolute; left: 0; top: 128px; width: 900px; height: 293px;
  background: #cdd6db url("/media/images/hlavicka_pozadi.jpg") left top no-repeat;
}
div#head span {
  position: absolute; left: 467px; top: 0; display: block; width: 433px; height: 293px;
  background-image: url("/media/images/hlavicka_informace.jpg");
}
div#head p {
  margin: 30px 0 0 555px;
}
div#head p strong {
  display: block; line-height: 2em; font-size: 200%; color: #fff;
}
div#head a {
  color: #fbd654;
}

/* Menu */
ul#menu {
  position: absolute; left: 0; top: 91px; width: 900px; margin: 0; padding: 0;
}
ul#menu li {
  float: left; display: inline; list-style-type: none; text-align: center; padding: 0;
}
ul#menu a {
  position: relative; display: block; height: 25px; text-decoration: none; color: #fff; padding-top: 12px; background-color: #9a0b1d;
}
ul#menu a:hover, ul#menu a:active {
  background-color: #084272;
}
ul#menu a span {
  position: absolute; left: 0; top: 0; display: block; cursor: pointer; height: 37px;
}
ul#menu a:hover span, ul#menu li a.active span {
  background-position: 0 37px;
}
ul#menu a#homeMenu {
  width: 221px;
}
a#homeMenu span {
  width: 221px;
  background-image: url("/media/images/uvod_menu.jpg");
}
a#aboutFirmMenu {
  width: 198px;
}
a#aboutFirmMenu span {
  width: 198px;
  background-image: url("/media/images/drevostavby_menu.jpg");
}
a#newsMenu {
  width: 168px;
}
a#newsMenu span {
  width: 168px;
  background-image: url("/media/images/novinky_menu.jpg");
}
a#demandMenu {
  width: 160px;
}
a#demandMenu span {
  width: 160px;
  background-image: url("/media/images/poptavka_menu.jpg");
}
a#contactMenu {
  width: 153px;
}
a#contactMenu span {
  width: 153px;
  background-image: url("/media/images/kontakt_menu.jpg");
}

/**
 * Content box
 * Left box
 * Rigth box
 * Bottom box 
 */
div#content {
  float: left; width: 900px; margin-top: 401px; padding: 27px 0 15px 0;
  /* background: #CDD6DB url("/media/images/obsah_pozadi.jpg") repeat-x; */
}

/* Left box */
div#leftBox {
  float: left; width: 550px; padding: 0 42px 0 25px;
}
div.info {
  float: left; width: 240px; margin-top: 20px;
}
div.rightMargin {
  margin-right: 27px; padding-right: 42px;
  background: url("/media/images/informace_separator.jpg") right top repeat-y;
}
div.info h2 {
  margin: 0 0 12px 0; padding: 0 0 15px 50px;
  background: url("/media/images/hx_bod_nadpis.png") 0 6px no-repeat;
}

/* Right box */
div#rightBox {
  float: left; width: 235px; margin-top: 0px; padding: 15px; border-top: 1px solid #d7d7d1; border-bottom: 1px solid #d7d7d1;
  background: url("/media/images/pravy_box_pozadi.jpg") repeat-y;
}
div#rightBox h2 {
  display: none;
}
p.imageSeparator {
  width: 249px; height: 3px; margin-left: -5px;
  background-image: url("/media/images/pravy_box_separator.jpg");
}

/**
 * Foot box
 * Foot - backlinks
 */
ul#foot {
  clear: both; width: 893px; height: 36px; margin: 0; padding: 7px 0 0 7px; text-align: center;
  background: #50504F url("/media/images/paticka_pozadi.jpg") repeat-x;
}
ul#foot li {
  display: inline; list-style-type: none; color: #ebebeb;
}
ul#foot li a {
  color: #fff;
}
ul#foot li a:hover, ul#foot li a.active {
  text-decoration: underline; color: #000;
}