body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; text-align: center; font-size: 100%; margin: 0; padding: 0;
	background: #a88e59 url("/media/images/pozadi.gif") 50% 0 no-repeat;
}
div#container {
  position: relative; width: 900px; text-align: left; font-size: 70%; color: #fff; margin: auto; margin-top: 28px;
  background: url("/media/images/obsah_pozadi.png") left bottom repeat-y;
}
div#www-pragofloor-cz {
    width: 100%; background: url("/media/images/paticka_pozadi_vodorovne.gif") 50% bottom no-repeat;
}
div#content {
  position: relative; float: left; width: 900px;
  background: url("/media/images/paticka_pozadi.gif") left bottom no-repeat;
}
div#backgroundHolder {
  clear: both; height: 0; overflow: hidden;
}

/**
 * Right box
 * Info, welcome box, left and right offer
 */
div#rightBox {
  position: relative; float: right; width: 577px; margin-bottom: 281px; padding-right: 46px;
}

div#infoBox {
  position: absolute; left: 0; top: 0; width: 616px; height: 251px; text-align: justify; margin: 0 -20px 0 -20px; border-top: 7px solid #fff; border-bottom: 7px solid #ef9a4a;
  background: #b4bbbc url("/media/images/info_defaultni_pozadi.jpg") no-repeat; 
}
div#infoBox p.headline {
  font-size: 150%; margin: 100px 0 0 240px; 
}
div#infoBox p {
  width: 380px; margin: 14px 0 0 230px;
}
div#welcomeBox {
  float: left; background-color: #e7994f; margin: -10px -19px 0 -20px; padding: 10px 19px 5px 20px;
}
p.moreInfoImage1 {
  position: relative; width: 155px; height: 24px; text-align: right; font-size: 11px; margin: 18px 0 0 454px;
}
p.moreInfoImage1 a {
  color: #fff; background-color: #707473;
}
p.moreInfoImage1 a:hover span, p.moreInfoImage1 a:active span {
  background-position: 0 -24px;
}
p.moreInfoImage1 a span {
  left: 100%; width: 155px; height: 24px; margin-left: -155px;
  background-image: url("/media/images/vice_informaci_tlacitko_1.jpg");
}
p#design1 {
  float: right; width: 169px; height: 130px; margin: -15px 0 5px 20px;
  background-image: url("/media/images/design1.jpg");
}
div#leftOffer h2, div#rightOffer h2 {
  font-size: 130%; color: #222; margin: 13px 0 8px 0; padding: 0 0 0 17px;
  background: url("/media/images/nadpis_bod.png") 0 4px no-repeat;
}
div#leftOffer {
  float: left; width: 263px; margin-right: 40px;
}
div#rightOffer {
  float: left; width: 273px;
}
p#design2 {
  float: left; width: 109px; height: 63px; margin: 5px 10px 5px 0;
  background-image: url("/media/images/design2.jpg");
}
p#design3 {
  float: left; width: 109px; height: 63px; margin: 5px 10px 5px 0;
  background-image: url("/media/images/design3.jpg");
}

/**
 * Left box
 * Logo, menu, news
 */ 
div#leftBox {
  float: left; width: 250px; margin: 5px 0 321px 0;
}

/* Logo */
p#logo {
  position: relative; width: 237px; height: 63px; margin: 10px 0 0 13px;
}
p#logo a {
  width: 237px; height: 74px; line-height: 1.6em; font-size: 180%; color: #fff;
}
p#logo a span {
  width: 237px; height: 63px;
  background-image: url("/media/images/logo.jpg");
}
p#logo a strong {
  display: block; font-size: 60%;
}

/* Menu */
ul#menu {
  width: 159px; margin: 20px 0 0 40px; padding: 0; background-color: #a5875a;
}
ul#menu li {
  list-style-type: none; font-weight: bold; text-align: center; padding: 0; 
}
ul#menu li a {
  position: relative; display: block; text-decoration: none; color: #fff; padding: 15px 0 0 0;
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li a.active {
  background-color: #ab0101; text-decoration: underline;
}
ul#menu li a span {
  width: 159px;
}
ul#menu li a#homeMenu {
  height: 32px;
}
ul#menu li a#homeMenu span {
  height: 47px;
  background-image: url("/media/images/uvod_menu.jpg");
}
ul#menu li a#homeMenu:hover span, ul#menu li a#homeMenu:active span, ul#menu li a#homeMenu.active span {
  background-position: 0 -47px;
}
ul#menu li a#aboutFirmMenu {
  height: 37px;
}
ul#menu li a#aboutFirmMenu span {
  height: 52px;
  background-image: url("/media/images/o_firme_menu.jpg");
}
ul#menu li a#aboutFirmMenu:hover span, ul#menu li a#aboutFirmMenu:active span, ul#menu li a#aboutFirmMenu.active span {
  background-position: 0 -52px;
}
ul#menu li a#offerMenu {
  height: 34px;
}
ul#menu li a#offerMenu span {
  height: 49px;
  background-image: url("/media/images/nabidka_menu.jpg");
}
ul#menu li a#offerMenu:hover span, ul#menu li a#offerMenu:active span, ul#menu li a#offerMenu.active span {
  background-position: 0 -49px;
}
ul#menu li a#demandMenu {
  height: 32px;
}
ul#menu li a#demandMenu span {
  height: 47px;
  background-image: url("/media/images/poptavka_menu.jpg");
}
ul#menu li a#demandMenu:hover span, ul#menu li a#demandMenu:active span, ul#menu li a#demandMenu.active span {
  background-position: 0 -47px;
}
ul#menu li a#contactMenu {
  height: 30px;
}
ul#menu li a#contactMenu span {
  height: 45px;
  background-image: url("/media/images/kontakt_menu.jpg");
}
ul#menu li a#contactMenu:hover span, ul#menu li a#contactMenu:active span, ul#menu li a#contactMenu.active span {
  background-position: 0 -45px;
}

/* News box */
div#newsBox {
  width: 213px; margin-left: 16px; padding: 10px; border: 1px solid #fff;
  background: url("/media/images/novinky_pozadi.jpg") repeat-y;
}
div#newsBox h2 {
  color: #e1d7cd;
}
div#newsBox h2 a {
  color: #e1d7cd;
}
div#newsBox dl {
  margin: 10px 0 0 0; padding: 0;
}
div#newsBox dt {
  font-weight: bold; font-size: 120%; color: #f56e1d;
}
div#newsBox a {
  text-decoration: none; color: #000; 
}
div#newsBox a:hover, div#newsBox a:active {
  text-decoration: underline;
}
div#newsBox dd {
  text-align: justify; line-height: 1.4em; margin: 4px 0 5px 0; padding: 0;
}
div#newsBox dd.publicationDate {
  color: #222;
}
div#newsBox dd.newsDetail {
  text-align: right;
}

/* Foot box */
ul#foot {
  position: absolute; left: 300px; top: 100%; 
  width: 570px; margin: -220px 0 0 0; padding: 10px 0 10px 0;
}
ul#foot li {
  display: inline; list-style-type: none; padding: 0 0 0 22px;
}
ul#foot li.firstItem {
  padding-left: 25px;
}
ul#foot li#webdesign {
  padding-left: 67px;
}
ul#foot li a {
  text-decoration: none; color: #fff;
}
ul#foot li a:hover, ul#foot li a:active, ul#foot li a.active {
  text-decoration: underline; color: #111;
}