body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; text-align: center; margin: 0; padding: 0;
	background: url("/media/images/backgrounds/boky_pozadi.png") 50% 0 no-repeat;
}

div#mirosep {
  width: 100%;
  background: url("/media/images/backgrounds/pozadi.png") left bottom repeat-x;
}

/* Container  - all content include */
div#container {
  position: relative; width: 1000px; text-align: left; font-size: 70%; color: #333; margin: auto; padding: 0;
}

/**
 * Head box
 * 1) Logo, 2) client section, 3) basket section, 4) menu 
*/
div#headBox {
  position: absolute; left: 0; top: 0; float: left; width: 1000px; height: 172px;
  background: #161a1c url("/media/images/backgrounds/hlavicka_pozadi.png") no-repeat;
}

/* 1) Logo */
p#logo {
  position: relative; width: 236px; height: 40px; margin: 47px 0 0 50px;
}
p#logo a {
  line-height: 1.2em; font-size: 180%; text-decoration: none; color: #fff;
}
p#logo a span {
  width: 236px; height: 40px;
  background-image: url("/media/images/logo.png");
}

/* 2) Client section*/
div#clientSection {
  position: relative; float: right; width: 270px; height: 111px; color: #fff; margin: -70px 0 0 0;
}
div#clientSection h2 {
  font-weight: bold; font-size: 110%; color: #fff; margin: 10px 0 5px 0; 
}
div#clientSection p {
  margin: 3px 0 0 0;
}
input#login, input#password {
  width: 180px; height: 15px; color: #493828; padding: 3px; margin-bottom: 2px;
  background: url("/media/images/inputs_buttons/klientska_sekce_input_pozadi.jpg") repeat-x;
  border: 0; border-left: 1px solid #fff; border-right: 1px solid #fff;
}
input#loginButton {
  position: absolute; left: 203px; top: 36px; width: 29px; height: 30px; cursor: pointer; border: 0;
  background: none; background-image: url("/media/images/inputs_buttons/klientska_sekce_ok.jpg");
}
div#clientSection a {
  text-decoration: underline; color: #7d6d4f;
}
div#clientSection a:hover, div#clientSection a:active, div#clientSection a.active {
  text-decoration: none;
}

/* 3) Basket box */
div#basketBox {
  position: relative; float: right; width: 280px; height: 111px; color: #fff; margin: -70px 0 0 0; padding-right: 90px;
}
div#basketBox h2 {
  font-weight: bold; font-size: 110%; color: #fff; margin: 10px 0 13px 10px; 
}
p#basketInfo {
color: #fff; margin: 0 0 0 18px;
}
p#basketInfo span {
  font-weight: bold; font-size: 130%; color: #fff601;
}
p#basketEnter {
  position: relative; width: 160px; margin: 20px 0 0 2px;
}
p#basketEnter a {
  display: block; font-weight: bold; font-size: 120%; color: #fff;
}
p#basketEnter a:hover, p#basketEnter a:active, p#basketEnter a.active {
  text-decoration: none;
}
p#basketEnter a span {
  width: 160px; height: 21px;
  background-image: url("/media/images/inputs_buttons/nakupni_kosik_tlacitko.jpg");
}
p#basketEnter a:hover span, p#basketEnter a:active span {
  background: url("/media/images/inputs_buttons/nakupni_kosik_tlacitko.jpg") 0 -21px no-repeat;
}
p#basketEnter a.active span {
  background: url("/media/images/inputs_buttons/nakupni_kosik_tlacitko.jpg") 0 -42px no-repeat;
}
p#basketIconEnter {
  position: absolute; top: 0; left: 222px; width: 80px; margin: 0;
}
p#basketIconEnter a span {
  width: 80px; height: 115px;
  background-image: url("/media/images/inputs_buttons/nakupni_kosik_ikona.png");
}
p#basketIconEnter a:hover span, p#basketIconEnter a:active span, p#basketIconEnter a.active span {
  background: url("/media/images/inputs_buttons/nakupni_kosik_ikona.png") 0 -115px no-repeat;
}

/* 4) Menu */ 
ul#menu {
  float: left; width: 950px; margin: 0; padding: 0 0 0 50px;
  background: #827356 url("/media/images/backgrounds/menu_pozadi.png") 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: 36px; color: #fff; padding-top: 15px;
}
ul#menu a span {
  position: absolute; left: 0; top: 0; display: block; cursor: pointer; height: 51px;
}
ul#menu a:hover span, ul#menu li a.active span {
  background-position: 0 51px;
}

ul#menu a#homeMenu {
  width: 121px;
}
a#homeMenu span {
  width: 121px;
  background-image: url("/media/images/uvod_menu.png");
}
a#aboutFirmMenu {
  width: 115px;
}
a#aboutFirmMenu span {
  width: 115px;
  background-image: url("/media/images/o_firme_menu.png");
}
a#whyWeMenu {
  width: 200px;
}
a#whyWeMenu span {
  width: 200px;
  background-image: url("/media/images/vyhody_nasich_produktu_menu.png");
}
a#transportMenu {
  width: 125px;
}
a#transportMenu span {
  width: 105px;
  background-image: url("/media/images/doprava_menu.png");
}
a#certificateMenu {
  width: 135px;
}
a#certificateMenu span {
  width: 135px;
  background-image: url("/media/images/certifikaty_menu.png");
}
a#contactMenu {
  width: 164px;
}
a#contactMenu span {
  width: 164px;
  background-image: url("/media/images/kontakt_menu.png");
}
div#menuShadow {
  clear: both; width: 1000px; height: 11px;
  background: url("/media/images/backgrounds/stin_menu_pozadi.jpg") repeat-x;
}

/**
 * Middle box
 */ 
div#middleBox {
  float: left; display: inline; width: 525px; margin: 190px 0 0 222px; padding: 0 15px 0 16px;
}

p#breadCrumbs {
  margin: 0 0 8px 0;
}
p#breadCrumbs a {
  color: #921211;
}

div#topAction {
  width: 515px; border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; padding: 4px; margin-bottom: 15px;
  background: #dedede url("/media/images/backgrounds/top_akce_pozadi.jpg") repeat-y;
}
div#topAction h1 {
  color: #444; margin: 0 0 0 10px; padding: 0;
}
div#topAction p {
  text-align: justify; margin: 10px;
}

div.topCategoryList {
  float: left; width: 249px; margin-bottom: 10px;
  background: url("/media/images/backgrounds/produkt_seznam_pozadi.jpg") repeat-y;
}
div.topCategoryListMargin {
  margin-right: 25px;
}
div.topCategoryList h2 {
  font-size: 120%; color: #555; margin: 0 -10px 0 0; padding: 12px 0 26px 23px;
  background: url("/media/images/backgrounds/produkt_seznam_nadpis_pozadi.jpg") no-repeat;
}
div.topCategoryList h2 a {
  text-decoration: none; color: #fff;
}
div.topCategoryList h2 a:hover, div.productList h2 a:active  {
  text-decoration: underline; color: #fff;
}
p.topCategoryListImage {
  float: left; width: 90px; padding: 0 0 0 10px; height: 110px;
}
div.topCategoryListInfo {
  float: right; width: 120px; padding-right: 10px;
}
div.topCategoryList a.detail {
  position: relative; float: left; display: block; width: 249px; height: 23px; text-align: center; padding-top: 8px;
  background-color: #d9d9d9;
}
div.topCategoryList a.detail span {
  width: 249px; height: 31px;
  background: url("/media/images/inputs_buttons/zobrazit_nabidku_tlacitko.jpg") no-repeat;
}
div.topCategoryList a.detail:hover span {
  width: 249px; height: 31px;
  background: url("/media/images/inputs_buttons/zobrazit_nabidku_tlacitko.jpg") 0 -31px no-repeat;
}

/**
 * Left box
 */ 
div#leftBox {
  float: left; display: inline; width: 222px; margin: 190px 0 0 -778px;
}
div#leftBox h3 {
  color: #ebebeb; padding: 14px 10px 10px 40px; margin-left: 1px;
  background: url("/media/images/backgrounds/box_h3_nadpis_pozadi.jpg") 0 2px no-repeat;
}

ul#category {
  margin: 10px 0 0 25px; padding: 0;
}
ul#category li {
  list-style-type: none; padding: 0;
}
ul#category ul {
  margin: 3px 0 0 25px;
}
ul#category li.level1 {
  font-weight: bold; padding: 8px 0 8px 0px;
  background: url("/media/images/backgrounds/kategorie_separator.jpg") 0 bottom repeat-x;
}
ul#category li.level2 {
  padding: 5px 0 0 10px;
}
ul#category li.level3 {
  padding: 5px 0 0 20px;
}
ul#category li#activeItem a {
  font-weight: bold; text-decoration: none; color: #79315f; background: none;
}
ul#category a {
  display: block; padding-left: 20px;
  background: url("/media/images/backgrounds/kategorie_hlavni_polozka_pozadi.jpg") 0 4px no-repeat;
}





p#transportArea {
  position: relative; width: 221px; height: 150px; margin-left: 1px;
  background: url("/media/images/marketing_actions/doprava_baner.jpg") no-repeat;
}
p#transportArea a span {
  width: 221px; height: 150px;
  background: url("/media/images/marketing_actions/doprava_baner.jpg") no-repeat;
}

/* Section */
div.section {
  width: 222px; margin: 0 0 10px 0px;
  background: #f1f0ee url("/media/images/backgrounds/box_pozadi.jpg") repeat-y;
}
div.section h2 {
  color: #555; margin: 0 0 0 0; padding: 12px 0 12px 60px;
  background: url("/media/images/backgrounds/box_nadpis_pozadi.jpg") no-repeat;
}
div.section span.foot {
  clear: both; display: block; width: 222px; height: 16px;
  background-image: url("/media/images/backgrounds/box_paticka_pozadi.jpg");
}

/* Fulltext */
div#searchBox {
  position: relative; padding: 
}
input#fulltext {
  width: 190px; border: 1px solid #d7d6d5; background-color: #e8e7e5; padding: 2px 5px 2px 5px;
}
input#fulltextButton {
  position: absolute; left: 165px; top: 83px; width: 35px; height: 20px; cursor: pointer; border: 0;
  background: none; background-image: url("/media/images/inputs_buttons/hledani_ok.jpg");
}
div#searchBox div {
  margin: 10px;
}

/* Basic contact from HP */
div#basicContact {
}
p#basicContactOpeningTime {
  text-align: center; font-size: 120%;
}
p#basicContactCell {
  text-align: center; font-weight: bold; font-size: 120%; padding: 5px 0 5px 15px;
  background: url("/media/images/backgrounds/rychly_kontakt_telefon_ikona.jpg") 15px 0 no-repeat;
}
input#basicContactEmail {
  width: 189px; font-size: 110%; margin: 0 0 5px 10px; padding: 3px 3px 3px 3px; border: 1px solid #a4a3a1;
  background-color: #d2d1cf;
}
input#basicContactPhone {
  width: 189px; font-size: 110%; margin: 0 0 5px 10px; padding: 3px 3px 3px 3px; border: 1px solid #a4a3a1;
  background-color: #d2d1cf;
}
textarea#basicContactMessage {
  width: 195px; height: 80px; font-family: verdana; font-size: 110%; margin: 0 0 5px 10px; border: 1px solid #a4a3a1;
  background-color: #d2d1cf;
}
input#basicContactSendMessage {
  width: 82px; height: 20px; cursor: pointer; margin-left: 10px; border: 0;
  background: none; background-image: url("/media/images/inputs_buttons/odeslat_tlacitko.jpg");
}
input#basicContactCity {
  display: none;    
}
div#basicContact p.infoMessage {
  background: #ecffe9; font-weight: bold; color: #40852b; border: 1px solid #abef96; margin: 10px; padding: 5px;
}
div#basicContact p.errorMessage {
  background: #feebeb; font-weight: bold; color:#c80000; border: 1px solid #ffd9d9; margin: 10px; padding: 5px;
}

/**
 * Right box
 */ 
div#rightBox { 
  float: right; display: inline; width: 222px; margin-top: 190px; padding: 0;
}

div#rightBox h3 {
  width: 196px; background-color: #e5e4e2; padding: 4px 10px 4px 10px
}
div#rightBox h3 a {
  color: #910200;
}

div#rightBox div.productList {
   width: 212px; margin: 0 2px 0 3px; 
   background: none;
}
div#rightBox p.productListImage {
  float: left; width: 83px; padding-left: 5px;
}
div#rightBox p.productListDescription {
  float: left; width: 114px;
}
div#rightBox p.productListPrice {
  float: right; width: 114px; font-size: 110%; margin-bottom: 10px;
}
div.productListAction {
  clear: both; margin-left: 40px;
}
div#rightBox div.productListAction a {
  position: relative; display: block; width: 81px; height: 21px; margin-left: 0px;
}
div#rightBox div.productListAction a span {
  width: 81px; height: 21px;
  background: url("/media/images/inputs_buttons/podrobnosti_tlacitko2.jpg") no-repeat;
}
div#rightBox div.productListAction input.buyNewProduct {
  width: 81px; height: 21px; border: none; cursor: pointer;
  background: none; background: url("/media/images/inputs_buttons/koupit_tlacitko2.jpg") no-repeat;
}
div#rightBox dl {
  margin: 20px 10px 0 10px;
}
div#rightBox dt {
  font-weight: bold; font-size: 110%;
}
div#rightBox dd {
  text-align: justify; margin: 0 0 0 0;
}
div#rightBox dd.date {
  margin: 5px 0 5px 0; color: #FFB400;
}
div#rightBox dd.detail {
  text-align: right; margin: 5px 0 5px 0;
}
div#rightContent div.section span.foot {
  clear: both; display: block; width: 202px; height: 16px;
  background-image: url("/media/images/backgrounds/box_paticka_pozadi.jpg");
}

/**
 * Foot box
 * 1) Foot menu, 2) Web informations, 3) Backlinks 
 */
div#footBox {
  position: relative; clear: both; float: left; width: 1000px; height: 166px; margin: 0 0 -1px 0;
  background: url("/media/images/backgrounds/paticka_pozadi.jpg");
}
ul#footMenu {
  margin: 10px 0 0 300px; padding: 0; 
}
ul#backlinks {
  position: absolute; left: 0; top: 124px; margin: 0; padding: 0;
}
ul#footMenu li, ul#backlinks li {
  display: inline; list-style-type: none; padding: 0 0 0 23px;
}
ul#footMenu li a {
  color: #362819; font-weight: bold;
}
ul#backlinks {
  color: #fff;
}
ul#backlinks li a {
  color: #fff;
}
p#footBottomBorder {
  clear: both; overflow: hidden; width: 1000px; height: 0; margin: 0; background: #fff;
}