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

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

/* Logo */ 
div#logoBox {
  position: absolute; left: 0; top: 0; width: 900px; height: 91px; background-color: #2b2e33;
}
div#logoBox a {
  color: #fff;
}
p#logo {
  position: absolute; left: 13px; top: 20px; width: 196px; height: 35px; margin: 0;
}
p#logo a span {
  width: 196px; height: 35px;
  background-image: url("/media/images/logo.jpg");
}

/* Head, client's logo */
div#head {
  position: absolute; left: 0; top: 72px; width: 900px; height: 245px;
  
}
p#headInfo span {
  position: absolute; left: 17px; top: 0; display: block; width: 606px; height: 245px;
  background-image: url("/media/images/hlavicka_informace.jpg");
}
p#headInfo {
  width: 606px; height: 245px; margin: 50px 0 0 347px;
}
p#headInfo strong {
  display: block; line-height: 2em; font-size: 200%; color: #000;
}
div#head a {
  color: #52538b;
}
p#clientLogo {
  position: absolute; left: 623px; top: 0; width: 253px; height: 245px; text-align: center; margin: 0; padding-top: 100px;
}
p#clientLogo a span {
  width: 253px; height: 245px;
  background-image: url("/media/images/logo_klient.jpg");
}

/* Menu */
ul#menu {
  position: absolute; left: 220px; top: 0; width: 651px; margin: 0; padding: 0;
  background: url("/media/images/menu_pozadi.jpg") repeat-x
}
ul#menu li {
  float: left; display: inline; list-style-type: none; text-align: center; padding: 0;
}
ul#menu a {
  position: relative; display: block; height: 35px; text-decoration: none; color: #dbd893; padding-top: 12px; background-color: #544532;
}
ul#menu a:hover, ul#menu a:active {
  background-color: #4e422c;
}
ul#menu a span {
  position: absolute; left: 0; top: 0; display: block; cursor: pointer; height: 47px;
}
ul#menu a:hover span, ul#menu li a.active span {
  background-position: 0 47px;
}
ul#menu a#homeMenu {
  width: 134px;
}
a#homeMenu span {
  width: 134px;
  background-image: url("/media/images/uvod_menu.jpg");
}
a#aboutFirmMenu {
  width: 132px;
}
a#aboutFirmMenu span {
  width: 132px;
  background-image: url("/media/images/drevostavby_menu.jpg");
}
a#newsMenu {
  width: 130px;
}
a#newsMenu span {
  width: 130px;
  background-image: url("/media/images/novinky_menu.jpg");
}
a#demandMenu {
  width: 128px;
}
a#demandMenu span {
  width: 128px;
  background-image: url("/media/images/poptavka_menu.jpg");
}
a#contactMenu {
  width: 127px;
}
a#contactMenu span {
  width: 127px;
  background-image: url("/media/images/kontakt_menu.jpg");
}

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

/* Left box */
div#leftBox {
  float: left; width: 560px; margin: 0 25px 0 0; padding: 0 0 0 45px;
}
div#welcomeBox {
  width: 522px; background-color: #3f4247; margin: 0 0 25px 0; padding: 20px 20px 10px 20px;
}
div.info {
  float: left; width: 267px;
}
div.rightMargin {
  margin-right: 20px;
  background: url("/media/images/informace_separator.jpg") right top repeat-y;
}
div.info h2 {
  margin: 0 0 12px 0; padding: 2px 0 10px 31px;
  background: url("/media/images/hx_bod_nadpis.png") no-repeat;
}

/* Right box */
div#rightBox {
  float: left; width: 237px; color: #B1B2B4; padding: 15px;
}
div#rightBox h2 {
  display: none;
}

/**
 * Foot box
 * Foot - backlinks
 */
ul#foot {
  clear: both; width: 885px; height: 36px; margin: 0; padding: 7px 0 0 15px; text-align: center; border-top: 2px solid #FDF5E0;
  background-color: #4C701C;
}
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: #c5c5c5;
}