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

/* Logo, client's logo */ 
div#menuBox {
  position: absolute; left: 0; top: 0; width: 900px; height: 44px;
  background: #dadada url("/media/images/menu_pozadi.jpg") no-repeat;
}
div#menuBox a {color: #fff;}
p#logo {position: absolute; left: 37px; top: 0; width: 186px; height: 152px; margin: 0;}
p#logo a span {width: 186px; height: 152px; 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: 44px; width: 900px; height: 349px;
  background: #ff7302 url("/media/images/hlavicka_pozadi.jpg") no-repeat;
}
div#head span {
  position: absolute; left: 296px; top: 0; display: block; width: 604px; height: 349px;
  background-image: url("/media/images/hlavicka_informace.jpg");
}
div#head p {margin: 155px 0 0 580px;}
div#head p strong {display: block; line-height: 2em; font-size: 200%; color: #fff;}
div#head a {color: #fbd654;}
a#priceList {display: block; width: 250px; height: 120px; margin-left: 30px;}
a#priceList strong {display: none; width: 250px; height: 120px; background-color: #4a6d13}

/* Menu */
ul#menu {
  position: absolute; left: 223px; top: 0; width: 677px; 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: 30px; text-decoration: none; color: #fff; background-color: #04cad7; padding-top: 14px;}
ul#menu a:hover, ul#menu a:active {background-color: #b34649; color: #333;}
ul#menu a span {position: absolute; left: 0; top: 0; display: block; cursor: pointer; height: 44px;}
ul#menu a:hover span, ul#menu li a.active span {background-position: 0 44px;}
ul#menu a#homeMenu {width: 145px;}
a#homeMenu span {width: 145px; background-image: url("/media/images/uvod_menu.jpg");}
a#aboutFirmMenu {width: 148px;}
a#aboutFirmMenu span {width: 148px; background-image: url("/media/images/drevostavby_menu.jpg");}
a#yourOpinionsMenu {width: 127px;}
a#yourOpinionsMenu span {width: 127px; background-image: url("/media/images/vase_nazory_menu.jpg");}
a#demandMenu {width: 130px;}
a#demandMenu span {width: 130px; 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; margin-top: 357px; padding: 27px 0 20px 0;
  background: #1C3D5E url("/media/images/test.jpg") repeat-y;
}

/* Left box */
div#leftBox {
  float: right; width: 248px; margin-top: 0; padding: 0 18px 15px 15px;
  background: #DCD9D4 url("/media/images/levy_sloupec_pozadi.jpg") repeat-y;
}
div#leftBox h2 {font-size: 140%; color: #1C3D5E; margin-bottom: 15px;}
p#design1 {width: 247px; height: 164px; margin: 0 0 15px 0; background-image: url("/media/images/design1.jpg");}

/* Right box */
div#rightBox {float: right; width: 559px; color: #8E9EAF; margin-top: 25px; padding: 0 20px 0 25px;}
div#welcomeBox {width: 518px; color: #8A99A9; background-color: #153453; margin: 5px 0 25px 0; padding: 10px 20px 10px 20px;}
div.info {float: left; width: 255px;}
div.rightMargin {
  margin-right: 22px; padding-right: 17px;
  background: url("/media/images/informace_separator.jpg") right top repeat-y;
}
div.info h2 {margin: 0 0 12px 0; padding: 0 0 15px 0;}

/**
 * Foot box
 * Foot - backlinks
 */
ul#foot {clear: both; width: 885px; height: 36px; margin: 0; padding: 37px 0 0 15px; text-align: center;
background: #0C2338 url("/media/images/obsah_spodek.jpg") no-repeat;}
ul#foot li {display: inline; list-style-type: none; color: #ebebeb;}
ul#foot li a {color: #8E9EA2;}
ul#foot li a:hover, ul#foot li a.active {text-decoration: underline; color: #c5c5c5;}