body { background-image: url('../images/background.jpg'); background-repeat: no-repeat; background-position: top center; background-color: #5cc9f1; } 
a { color: #5a8e22; }

#topBanner { height: 160px; background: none; }
#topBanner h1 { padding: 5px 0px 25px 48px; }
#topBanner h1 a { width: 103px; height: 110px; }
#topBanner h1 .topMenu { width: 897px; height: 140px; }
#topBanner .topMenu .boxtop { width: 226px; float: left; }
#topBanner .topMenu .boxbasket { width: 220px; margin: 0px 0 0 1px; border: 0px; text-align: left; margin: 0; padding: 3px; border-top: 2px solid #fff; background: none; color: #666; }
#topBanner .topMenu .boxbasket h4 { font-size: 1em; background: none; color: #666; padding: 0; margin: 0; }
#topBanner .topMenu .boxlogin { width: 220px; height: 89px; margin: 0 0 0 1px; border: 0px; text-align: left; margin: 0; padding: 3px; background: none; color: #666; }
#topBanner .topMenu .boxlogin h4 { font-size: 1em; background: none; color: #666; padding: 0; margin: 0; }
#topBanner .topMenu .boxlogin input { font-size: 0.9em; }

#menuBanner { height: 43px; background: none; background-color: #66bc29; border: 4px solid #fff; border-bottom: 0; }
#menuBanner ul li a { height: 14px; padding: 15px 15px 14px 15px; color: #fff; font-size: 0.85em; }
#menuBanner ul li a:hover, #menuBanner ul li a.selected { background: none; background-color: #5a8e22; }
#vyhledavani { padding-top: 8px; }

#content { border: 4px solid #fff; border-top: 0; }
#content h1 { color: #5a8e22; margin-top: 5px; }
#content h2 { color: #5a8e22; }
#content h3 { font-size: 1.2em; line-height: 1em; }

#content .katalog a { background-color: #fff; color: #666; font-weight: bold; font-size: 0.8em; }
#content .katalog ul li a {  }
#content .katalog ul li a:hover, #content .katalog ul li a.selected, #content .katalog ul li a.routed { background-color: #5a8e22; color: #fff; }
#content .katalog ul li a.routed { background-color: #5a8e22; color: #fff; }
#content .katalog ul ul li a { background-color: #f3f2f2; }
#content .katalog ul ul ul li a { background-color: #f8fafc; }

#leftPage { width: 190px; margin: 0; }
#centerPage { background: none; width: 614px; }
#fullPage { background: none; width: 810px; margin: 0; }

#fullPage ul li { margin-left: 20px; }

table.kosik th { background-color: #5a8e22; }

form input.tlacitko { background-color: #5a8e22; }

.web_info { background-color: #ecf4f7; border: 1px dotted #5a8e22; }
.web_warning { background-color: #ecf4f7; border: 1px dotted #5a8e22; }

#basket .cena span { color: #5a8e22; }

.poleset legend { background-color: #5a8e22; color: #fff; }






#category .subfolders ul li {
  font-size: 0.9em;
  float: left;
  width: 142px;
  padding: 0;
  margin: 6px;
  height: 175px;  
  text-align: center;
  border: 1px dotted #aaa;
  white-space: normal;
  background-image: url('../images/dlazdice_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
}

#category .subfolders ul li a {
  text-decoration: none;
  color: #666;
  font-weight: bold;
}

#category .subfolders ul li .okolo {
  clear: both;
  height: 140px;
}

#category .subfolders ul li .text {
  clear: both;
  overflow: hidden;
}


#categories_index ul li  {
  margin: 6px;
  width: 162px;
  height: 195px;
  background-color: #fff;
  background-image: url('../images/dlazdice_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
}
#categories_index ul li .okolo { height: 160px; }
#categories_index ul li a {
  color: #666;
  font-weight: bold;
}

.products ul li  {
  background-image: url('../images/dlazdice_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
}




.pane {
	background: #ecf4f7;
	padding: 10px 20px 10px;
	position: relative;
	border-top: solid 2px #5a8e22;
	margin-bottom: 10px;
}
.pane .delete {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}


#topBanner .topMenu .boxMeny {
  width: 70px;
  background-color: #d8e4c7;
  color: #000;
  padding: 0 0 3px 0;
  border: 1px solid #d8e4c7;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.5em;
  z-index: 1000;
  margin: 0 0 0 10px;
  float: left;
}

#topBanner .topMenu .boxMeny h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 5px;
  background-color: #558f00;
  color: #fff;
}

#topBanner .topMenu .boxMeny a {
  color: #558f00;
}


#box_akce .box_products .cena {
  line-height: 1.4em;
}






#content .box { margin: 10px 0 0 0; height: auto; clear: both; }
#content .box h3 {
  width: 154px; 
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1em;
  color: #fff;
  margin: 0;
  padding: 10px 0 9px 36px;
  clear: none;
  float: left;
  height: 12px;
  background: none;
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-color: #66bc29;
}
#content .box h3.katalog { background-image: url('../images/box-header-icon-nabidka.gif'); }
#content .box h3.akce { background-image: url('../images/box-header-icon-akce.gif'); }
#content .box h3.seznam { background-color: #5a8e22; width: 548px; background-image: url('../images/box-header-icon-seznam.gif'); }
#content .box h3.vyrobci { background-image: url('../images/box-header-icon-vyrobci.gif'); }
#content .box h3.topprodukty { background-color: #fd6500; background-image: url('../images/box-header-icon-topprodukty.gif'); }
#content .box h3.aktuality { background-position: 8px 6px; background-color: #fd6500; background-image: url('../images/box-header-icon-aktuality.gif'); }






.tlacitka a { height: 19px; float: left; margin: 2px 2px 0px 0; padding: 0 0 0 9px; text-decoration: none; background-repeat: no-repeat; background-position: left top; }
.tlacitka a span { float: left; padding: 1px 14px 3px 5px; font-size: 11px; font-weight: bold; color: #fff; display: block;  background-repeat: no-repeat; background-position: right top; }

.tlacitka a.modry { background-image: url('../images/button-modry-left.png'); }
.tlacitka a.modry span { background-image: url('../images/button-modry-right.png'); }
.tlacitka a.cerveny { background-image: url('../images/button-cerveny-left.png'); }
.tlacitka a.cerveny span { background-image: url('../images/button-cerveny-right.png'); }
.tlacitka a.zluty { background-image: url('../images/button-zluty-left.png'); }
.tlacitka a.zluty span { background-image: url('../images/button-zluty-right.png'); }
.tlacitka a.zeleny { background-image: url('../images/button-zeleny-left.png'); }
.tlacitka a.zeleny span { background-image: url('../images/button-zeleny-right.png'); }

.tlacitka a.vyhledavani { background-image: url('../images/button-cerny-left.png'); }
.tlacitka a.vyhledavani span { background-image: url('../images/button-cerny-right.png'); }

.tlacitka a span { float: none; } /* End IE5-Mac hack */
.tlacitka a:hover span {  }
.tlacitka #current a { background-position:0 -125px; }
.tlacitka #current a span { background-position:100% -125px; color: black; }

.fontmaly { font-size: 0.9em; line-height: 1.1em; color: #999; }