body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; text-align: center; font-size: 100%; margin: 0; padding: 0;
	background: #aaabab url("/media/images/pozadi.gif") repeat-x;
}
div#www-ekostyren-cz {
  background: url("/media/images/spodek_pozadi.gif") left bottom repeat-x;
}
div#container {
  position: relative; width: 897px; text-align: left; font-size: 70%; color: #333; margin: auto;
}
div#top {
  height: 20px; background-color: #d2d2d2;
}
div#headBox {
  position: absolute; left: 0; top: 20px; float: left; width: 897px; padding-top: 14px;
  background: url("/media/images/hlavicka_pozadi.gif") left top no-repeat;
}
div#headBox p {
  margin: 0;
}
p#logo {
  position: relative; float: left; width: 203px; height: 64px; background: #fff;
}
p#logo a  {
  text-decoration: none; color: #333;
}
p#logo a:hover, p#logo a:active  {
  text-decoration: underline; color: #a05b0d;
}
p#logo a span {
  width: 203px; height: 64px;
  background-image: url("/media/images/logo.gif");
}
p#logo a strong {
  display: block; line-height: 2em; font-size: 170%; margin: 15px 0 0 50px;
}
ul#menu {
  float: left; margin: 0; padding: 0;
}
ul#menu li {
  float: left; display: inline; height: 64px; list-style-type: none; text-align: center; padding: 0;
}
ul#menu a {
  position: relative; display: block; height: 35px; padding-top: 29px; color: #fff; background-color: #666;
}
ul#menu a span {
  position: absolute; left: 0; top: 0; display: block; cursor: pointer; height: 64px;
}
ul#menu a:hover span, ul#menu li a.active span {
  background-position: 0 64px;
}
a#homeMenu {
  width: 115px;
}
a#homeMenu span {
  width: 115px;
  background-image: url("/media/images/home_menu.gif");
}
a#aboutFirmMenu {
  width: 119px;
}
a#aboutFirmMenu span {
  width: 119px;
  background-image: url("/media/images/o_firme_menu.gif");
}
a#offerMenu {
  width: 117px;
}
a#offerMenu span {
  width: 117px;
  background-image: url("/media/images/nabidka_menu.gif");
}
a#demandMenu {
  width: 119px;
}
a#demandMenu span {
  width: 119px;
  background-image: url("/media/images/poptavka_menu.gif");
}
a#contactMenu {
  width: 124px;
}
a#contactMenu span {
  width: 124px;
  background-image: url("/media/images/kontakt_menu.gif");
}
li#startMenu {
  width: 54px;
  background-image: url("/media/images/zacatek_menu.gif");
}
li#endMenu {
  width: 46px;
  background-image: url("/media/images/konec_menu.gif");
}
div#head {
  position: relative; float: left; width: 800px; height: 227px;
}
div#head span {
  position: absolute; left: 0; top: 0; display: block; width: 897px; height: 230px;
  background-image: url("/media/images/hlavicka.gif");
}
div#head p {
  font-size: 200%; color: #fff; background-color: #d55228; margin: 50px 0 0 450px;
}
div#contentBox {
  clear: both; width: 897px; margin-top: 308px;
  background: #fff url("/media/images/obsah_pozadi.gif") repeat-y;
}
div#contentBox img, div#offerBox img {
  display: inline;
}
div#leftBox {
  float: left; width: 550px; margin-right: 50px; padding-left: 45px;
}
div#leftBox p.moreInfoImage {
  position: relative; width: 550px; text-align: right; font-size: 11px;
}
div#leftBox  p.moreInfoImage a span {
  left: 100%; width: 109px; height: 18px; margin-left: -109px;
  background: url("/media/images/vice_informaci_tlacitko.gif") no-repeat;
}
div#leftBox  p.moreInfoImage a:hover span {
  background-position: 0 -18px;
}
div#leftBox h2.default, div#rightBox h2, div#footOfferBox h2.default {
  font-size: 120%; color: #333; margin: 0 0 10px 0; padding: 0 0 19px 15px;
  background: url("/media/images/nadpis_bod.gif") 0 2px no-repeat;
}
div#rightBox {
  float: left; width: 215px;
}
div#rightBox h2 a, div#leftBox h2.default a {
  color: #333;
}
div#rightBox h2 a:hover, div#rightBox h2 a:active, div#leftBox h2.default a:hover, div#leftBox h2.default a:active {
  color: #a05b0d;
}
span.separator {
  display: block; clear: both
}
div#footOfferBox {
  float: left; width: 847px; padding: 25px 0 15px 45px;
  background: #fff url("/media/images/obsah_pozadi.gif") repeat-y;
}
ul#offerLinks {
  float: left;
  margin: -5px 0 0 0;
  padding: 0;
}
ul#offerLinks li {
  display: inline; padding-left: 55px;
}
ul#offerLinks li a {
  color: #a05b0d;
}
ul#offerLinks li a:hover, ul#offerLinks li a:active {
  color: #333;
}
h2#productOffer {
  width: 798px; color: #fff; padding: 6px 0 5px 20px; margin: 0;
  background: #dc5128 url("/media/images/nabidka_produktu_pozadi.gif");
}
div#productBox {
  float: left; width: 818px; color: #fff; padding: 0;
  background: #b73b10 url("/media/images/produkt_box_pozadi.gif") repeat-x;
}
div.product {
  float: left; width: 263px;
}
div.withMargin {
  margin-right: 12px;
}
div#productBox h3 {
  font-size: 100%; color: #fff; margin: 7px 0 4px 0; padding: 0;
}
div.product p {
  margin: 0;
}
p#product1 {
  float: left; width: 105px; height: 76px; 
  background-image: url("/media/images/design1.gif");
}
p#product2 {
  float: left; width: 105px; height: 76px; 
  background-image: url("/media/images/design2.gif");
}
p#product3 {
  float: left; width: 105px; height: 76px; 
  background-image: url("/media/images/design3.gif");
}
div#offerBox {
  clear: both; width: 897px; margin-top: 308px;
  background: #fff url("/media/images/obsah_pozadi.gif") repeat-y;
}
div#offerBox h1 {
  margin-left: 45px;
}
p#offerHeadlineLink {
  margin-left: 60px;
}  
div#offer {
  margin: 20px 0 10px 45px; width: 815px;
}
div#offerMenuBox {
  float: left; width: 225px; margin: -13px 22px 0 0;
}
p#offerMenuTop, p#offerMenuBottom {
  margin: 0;
  width: 225px;
}
p#offerMenuTop {
  height: 23px;
  background: url("/media/images/nabidka_submenu_vrch.gif");
}
p#offerMenuBottom {
  height: 12px;
  background: url("/media/images/nabidka_submenu_spodek.gif");
}
ul#offerMenu {
  width: 225px; margin: 0; padding: 0;
  background: url("/media/images/nabidka_submenu_pozadi.gif") repeat-y;
}
ul#offerMenu li {
  width: 204px; font-weight: bold; list-style-type: none; margin: 0; padding: 1px 0 1px 15px; 
  border-bottom: 1px solid #fff;
}
ul#offerMenu li.level2 {
  width: 189px; padding-left: 30px;
}
ul#offerMenu li.level3 {
  width: 174px; padding-left: 45px;
}
ul#offerMenu li a {
  display: block; text-decoration: none; color: #fff; padding: 10px 10px 10px 20px;
  background: url("/media/images/nabidka_submenu_bod_hlavni.gif") 0px 13px no-repeat;
}
ul#offerMenu li.level2 a, ul#offerMenu li.level3 a {
  background: url("/media/images/nabidka_submenu_bod.gif") 0px 13px no-repeat;
}
ul#offerMenu li#activeItem a {
  color: #000;
}
ul#offerMenu li a:hover, ul#offerMenu li a:active {
  color: #000; text-decoration: underline
}
div#offerContent {
  float: left; width: 532px; margin-top: 11px; padding-left: 22px; border-left: 10px solid #dedede;
}
div#offerContent a {
  color: #db5025;
}
div#offerContent a:hover, div#offerContent a:active {
  text-decoration: none; color: #7d8f9b;
}
div#offerContent p {
  text-align: justify;
}
div#offerContent h2 {
  margin: 0 0 5px 0;
}
ul#foot {
  clear: both; width: 897px; margin: 0; padding: 16px 0 24px 0;
  background: url("/media/images/paticka_pozadi.png") no-repeat;
}
ul#foot li {
  display: inline; list-style-type: none; padding: 0 0 0 25px;
}
ul#foot li.firstItem {
  padding-left: 60px;
}
ul#foot li#webdesign {
  padding-left: 140px;
}
ul#foot li a {
  text-decoration: none; color: #333;
}
ul#foot li a:hover, ul#foot li a.active {
  text-decoration: underline; color: #a05b0d;
}