body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; text-align: center; font-size: 100%; margin: 0; padding: 0;
	background: #dbdbdb url("/media/images/pozadi.gif") 50% 0 no-repeat;
}
div#container {position: relative; width: 900px; text-align: left; font-size: 70%; color: #707070; 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") repeat-x;}
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") right top no-repeat;
}
div#head span {
  position: absolute; left: 0px; top: 0; display: block; width: 467px; height: 293px;
  background-image: url("/media/images/hlavicka_informace.jpg");
}
div#head p {margin: 30px 0 0 0px;}
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;
  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: 25px; text-decoration: none; color: #fff; padding-top: 12px; background-color: #9a0b1d;
}
ul#menu a:hover, ul#menu a:active {background-color: #ab2f31;}
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: 402px; padding: 27px 0 15px 0; background-color: #fff;
  background: #dbdbdb url("/media/images/obsah_pozadi.jpg") repeat-x;
}

/* Left box */
div#leftBox {float: left; width: 550px; padding: 0 42px 0 25px;}
div.info {}
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; color: #707272; margin-top: 0; 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;}
div#rightBox a {color: #fff;}
div#rightBox a:hover, div#rightBox li a.active {text-decoration: none; color: #ca0202;}
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: 885px; margin: 0; height: 36px; margin: 0; padding: 27px 0 20px 15px; text-align: center;
background: #50504f;
}
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: #333;}