body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; text-align: center; margin: 0; padding: 0;
	background: #dbd302 url("/media/images/pozadi.jpg") repeat-x;
}
div#container {
  position: relative; width: 1000px; text-align: left; font-size: 70%; color: #333; margin: auto;
}

/**
 * Head
 * Logo, menu, client section, flash, basket, fulltext searching
 */  
div#head {
  position: absolute; left: 0; top: 0; float: left; width: 1000px; height: 344px; background: #ebebeb;
}
p#logo {
  position: relative; float: left; width: 236px; height: 54px; text-align: center; font-size: 230%; margin: 0; background-color: #525252;
}
p#logo a  {
  display: block; color: #fff; margin-top: 10px;
}
p#logo a span {
  width: 236px; height: 54px;
  background-image: url("/media/images/logo.jpg");
}
/* Menu */ 
ul#menu {
  float: left; margin: 0; padding: 0;
}
ul#menu li {
  float: left; display: inline; list-style-type: none; text-align: center; padding: 0;
}
ul#menu a {
  position: relative; display: block; height: 54px; color: #fff; background-color: #525252;
}
ul#menu a span {
  position: absolute; left: 0; top: 0; display: block; cursor: pointer; height: 54px;
}
ul#menu a:hover span, ul#menu li a.active span {
  background-position: 0 54px;
}
ul#menu a#homeMenu {
  width: 123px;
}
a#homeMenu span {
  width: 123px;
  background-image: url("/media/images/uvod_menu.jpg");
}
a#aboutFirmMenu {
  width: 101px;
}
a#aboutFirmMenu span {
  width: 101px;
  background-image: url("/media/images/o_firme_menu.jpg");
}
a#catalogMenu {
  width: 153px;
}
a#catalogMenu span {
  width: 153px;
  background-image: url("/media/images/katalog_techniky_menu.jpg");
}
a#aboutKarcherMenu {
  width: 158px;
}
a#aboutKarcherMenu span {
  width: 158px;
  background-image: url("/media/images/znacka_karcher_menu.jpg");
}
a#contactMenu {
  width: 118px;
}
a#contactMenu span {
  width: 118px;
  background-image: url("/media/images/kontakt_menu.jpg");
}
ul#menu li#design1 {
  width: 111px; height: 54px;
  background-image: url("/media/images/design1.jpg");
}
/* Client section */ 
div#clientSection {
  position: relative; float: left; width: 236px; height: 243px; font-size: 100%; color: #efefef;
  background-image: url("/media/images/klientska_sekce_pozadi.jpg");
}
div#clientSection fieldset {
  margin: 23px 0 0 33px;
  padding: 0;
  border: 0;
}
div#clientSection legend {
  font-weight: bold; font-size: 120%; color: #fff; margin-bottom: 30px; padding: 0 0 0 2px;
}
div#clientSection label {
  display: block; margin: 5px 0 5px 0; color: #fff;
}
input#login, input#password {
  width: 168px; height: 15px; font-size: 110%; padding: 4px 10px 4px 10px; border: 1px solid #c2c0c1;
  background: #e0da02 url("/media/images/input_button/prihlasovaci_pole_pozadi.jpg"); 
}
input#loginButton {
  position: absolute; left: 127px; top: 201px; width: 100px; font-weight: bold; font-size: 120%; 
  background: none; color: #fff; border: 0; letter-spacing: 0.1em;
}
div#clientSection p {
  margin: 2px 0 0 0;
}
div#clientSection a, p#basket a {
  color: #fff;
}
div#clientSection a:hover, div#clientSection a:active, p#basket a:hover, p#basket a:active {
  color: #fcf803;
}
div#clientSection ul {
  margin: 10px 0 0 20px; padding: 0;
}
div#clientSection ul li {
  list-style-type: none;
}
div#clientSection a#logoutUser {
  position: absolute; left: 137px; top: 202px; font-weight: bold; font-size: 120%; color: #CC0000;
}
div#clientSection a#logoutUser:hover, div#clientSection a#logoutUser:active {
  color: #fcf803;
}
/* Flash animations */
div#flash {
  float: left; width: 764px; height: 243px;
  background: #fff url("/media/images/flash.jpg");
}
/* Basket, fulltext */
div#basketFulltext {
  position: relative; float: left; width: 1000px; height: 51px; color: #fff;
  background-image: url("/media/images/kosik_fulltext_pozadi.jpg");
}
p#basket {
  position: absolute; left: 295px; top: 8px; width: 340px; font-size: 120%; font-weight: bold; color: #fff;
}
span.withoutVat {
  position: relative; display: inline; font-size: 70%;
}
fieldset#searching {
  position: absolute; left: 705px; top: 10px; width: 250px; border: 0; margin: 0; padding: 0;
}
input#fulltext {
  width: 131px; font-size: 110%; padding: 2px 10px 2px 10px; border: 1px solid #333;
  background-image: url("/media/images/input_button/input_pozadi.png"); border: 1px solid #333;
}
input#fulltextButton {
  position: absolute; left: 242px; top: 0; cursor: hand; width: 33px; height: 33px; background: none; border: none;
  background-image: url("/media/images/input_button/hledat_tlacitko.jpg");
}

/**
 * Main content
 */ 
div#content {
  float: left; width: 965px; padding: 15px 15px 20px 23px; margin-top: 344px;
  background: url("/media/images/obsah_pozadi.png") repeat-y;
}

/**
 * Left box
 */ 
div#leftBox {
  float: left; width: 665px; margin-right: 16px;
}
div#leftBox img {
  display: inline;
}
div#mainContent {
  float: left; width: 635px; padding: 15px 15px 10px 15px;
}
div.welcome {
  background-color: #f7f7f7;
}
p#imageWelcome {
  float: right; width: 161px; height: 213px; margin: -40px 0 0 30px; 
  background-image: url("/media/images/karcher_vitejte.jpg");
}
h2.graphicHeadline {
  width: 583px; height: 20px; font-size: 110%; padding: 8px 0 0 78px; margin: 0 0 20px 0; color: #670606;
  background: url("/media/images/akcni_nabidka_nadpis_pozadi.jpg") no-repeat;
}
div#leftBox h2 a {
  color: #C6744E;
}
div#leftBox h2 a:hover, div#leftBox h2 a:active {
  color: #000;
}
div.productCategory {
  float: left; width: 307px; padding-right: 10px;
}
div.withMargin2 {
  margin-right: 30px;
}
p.productCategoryImage {
  float: left; width: 68px; height: 80px; margin: 10px 15px 0 0;
}
div.productCategory h3 {
  font-size: 120%; margin: 0; padding: 0;
}
div.productCategory h3 a {
  color: #000;
}
div.productCategory h3 a:hover, div.productCategory h3 a:active {
  color: #a69f34;
}
div.product {
  float: left; width: 216px; margin-left: 1px;
  background: url("/media/images/produkt_pozadi.jpg") repeat-y;
}
div.withMargin {
  margin-right: 6px;
}
div.product h3 {
  font-size: 100%; color: #fff; margin: 0 0 15px 0; padding: 19px 0 10px 35px;
  background: #979797 url("/media/images/produkt_nazev_pozadi.jpg") no-repeat;
}
div.product h3 a {
  text-decoration: none; color: #fff;
}
div.product h3 a:hover, div.product h3 a:active {
  text-decoration: underline; color: #fcf803;
}
p.productImage {
  text-align: center; height: 120px;
}
p.productDescription {
  text-align: justify; margin: 10px 15px 10px 15px;
}
p.productPrice {
  width: 142px; font-weight: bold; font-size: 120%; color: #000; background-color: #ebebeb; margin: 15px 0 15px 1px; padding: 5px 0 5px 15px; 
}
p.productPrice span {
  font-weight: normal; font-size: 70%;
}
p.productAction {
  position: relative; margin-bottom: 0;
}
p.productAction a {
  position: relative; display: block; width: 144px; height: 16px; text-align: center; color: #000; background-color: #faf505; padding: 10px 0 10px 0;
}
p.productAction a span {
  width: 144px; height: 36px;
  background: url("/media/images/vice_informaci_tlacitko.jpg") no-repeat;
}
p.productAction button {
  position: absolute; left: 144px; top: 0; width: 72px; height: 36px;
  background: url("/media/images/koupit_tlacitko.jpg");
  border: 0; cursor: pointer;
}

/**
 * Right box
 */
div#rightBox {
  float: left; width: 265px; 
  background: #fff url("/media/images/pravy_box_pozadi.jpg") repeat-y;
}
div.rightBoxSection {
  width: 237px; padding: 14px;
}
div.rightBoxSection p {
  text-align: justify;
}
div#rightBox h2 {
  text-align: center; font-size: 120%; margin: 0; padding-top: 16px;
}
div#rightBox h2 a {
  text-decoration: none; color: #333;
}
div#rightBox h2 a:hover, div#rightBox h2 a:active {
  text-decoration: underline; color: #000;
}
div#rightBox h3 {
  font-size: 120%; color: #adaa43; margin: 0 0 10px 0;
}
div#rightBox h3 a {
  text-decoration: underline; color: #a69f34;
}
div#rightBox h3 a:hover, div#rightBox dh3 a:active {
  text-decoration: underline; color: #333;
}
div#rightBox dl {
  margin: 15px 15px 17px 15px; padding: 0;
}
div#rightBox dl dt {
  font-weight: bold; font-size: 120%;
}
div#rightBox dl dt a {
  text-decoration: underline; color: #a69f34;
}
div#rightBox dl dt a:hover, div#rightBox dl dt a:active {
  text-decoration: underline; color: #333;
}
div#rightBox dl dd {
  line-height: 1.5em; text-align: justify; margin: 2px 0 2px 0;
}
dl dd.date {
  font-weight: bold;
}
h2#newsHeadline {
  width: 265px; height: 29px; 
  background-image: url("/media/images/aktuality_nadpis_pozadi.jpg");
}
h2#tipsHeadline {
  width: 265px; height: 25px; 
  background-image: url("/media/images/rady_tipy_nadpis_pozadi.jpg");
}
h2#newsletterHeadline {
  width: 245px; height: 27px; padding-left: 20px; 
  background-image: url("/media/images/zasilani_novinek_nadpis_pozadi.jpg");
}
div.newsletterBox {
  position: relative; padding-bottom: 0;
  background: url("/media/images/zasilani_novinek_pozadi.jpg") repeat-y; 
}
div.newsletterBox p {
  margin: -2px 0 15px 0;
}
div#newsletterFormBox {
  height: 145px; padding: 0; margin: 0 -14px 0 8px;
  background: url("/media/images/zasilani_novinek_noviny.jpg") right bottom no-repeat;
}
div#newsletterFormBox p {
   width: 200px; text-align: center; padding: 10px; background: #fcfcb4;
}
input#newsletterEmail {
  width: 166px; border: 1px solid #cbc66c;  padding: 4px 10px 3px 10px;
  background: #fff url("/media/images/input_button/zasilani_novinek_input_pozadi.jpg");
}
input#newsletterSubmitButton {
  width: 88px; height: 18px; border: none; color: #fff; background: none; margin: 15px; padding: 0;
  background: #a8a6a7 url("/media/images/input_button/odeslat_tlacitko.jpg");
}
p#newsletterBoxFoot {
  width: 265px; height: 21px; margin: 0 0 0 -14px;
  background-image: url("/media/images/zasilani_novinek_paticka.jpg");
}
div#karcherdav {
  height: 129px; background-color: #e9e9e9;
}
div#karcherdav a span {
  width: 265px; height: 129px; 
  background-image: url("/media/images/karcherdav_baner.jpg");
}
div#zalevani {
  height: 127px; background-color: #faf505;
}
div#zalevani a span {
  width: 265px; height: 127px; 
  background-image: url("/media/images/zalevani_baner.jpg");
}
div#karcherdav, div#zalevani {
  position: relative; width: 265px; 
}
div#karcherdav p, div#zalevani p {
  margin: 0; 
}
div#karcherdav a, div#zalevani a {
  display: block;
}

/**
 * Foot box
 */ 
div#foot {
  float: left; width: 1000px; background: url("/media/images/obsah_pozadi.png") repeat-y;
}
div#foot ul {
  float: left; width: 720px; height: 32px; margin: 0 0 0 12px; padding: 18px 0 0 0;
  background: url("/media/images/spodni_menu_pozadi.jpg") repeat-x;
}
div#foot ul li {
  display: inline; list-style-type: none; color: #fff; padding: 0 0 0 30px;
}
div#foot a {
  text-decoration: none; color: #ebebeb;
}
div#foot a:hover, div#foot a:active {
  text-decoration: underline; color: #fcf803;
}
p#webdesign {
  float: left; width: 250px; height: 32px; text-align: center; padding-top: 18px; margin: 0;
  background: url("/media/images/webdesign_pozadi.jpg") repeat-x;
}
div#holder {
  clear: left; width: 1000px; height: 1px; overflow: hidden; background: url("/media/images/obsah_pozadi.png") repeat-y;
}