body { background-color: #83b001; background-image: url('../images/pozadi.png'); background-position: top center;  background-repeat: no-repeat; background-attachment: fixed; font-size: 12px; } 
a { color: #445c01; }

#topMenu {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -500px;
  width: 965px;
  height: 37px;
  padding: 10px 18px 10px 18px;
  clear: both;
  background-image: url('../images/topmenu_bg.png');
  background-repeat: no-repeat;
  background-position: top center;
}
#topMenu .vlajky { width: 650px; float:left; line-height: 1.2em; }
#boxsearch { font-size: 1.2em; line-height: 1.1em; }

#topBanner { top: 0px; height: 116px; width: 1001px; background: none; font-size: 1em; }
#topBanner h1 { width: 299px; height: 90px; padding: 12px 0px 0px 28px; }
#topBanner h1 a { width: 299px; height: 90px; background-image: url('../images/logo.png'); background-repeat: no-repeat; background-position: top center; }
#topBanner .topMenu { float: right; width: 674px; height: 116px; font-size: 1em; }
#topBanner .topMenu .boxtop { width: 674px; float: right; padding-top: 5px; font-size: 1em; }
#topBanner .topMenu .boxbasket { float: right; background: none; width: 210px; margin: 0px 1px 0px 1px; border: 0px; text-align: left; margin: 0; padding: 3px; font-size: 1em; color: #fff; }
#topBanner .topMenu .boxbasket h4 { font-size: 1em; background: none; color: #aaa; padding: 0; margin: 0; color: #fff; }
#topBanner .topMenu .boxlogin { float: right; background: none; width: 210px; margin: 0 1px 0 1px; border: 0px; text-align: left; margin: 0; padding: 3px; font-size: 1em; color: #fff; }
#topBanner .topMenu .boxlogin h4 { font-size: 1em; background: none; color: #aaa; padding: 0; margin: 0; color: #fff; }
#topBanner .topMenu .boxlogin input { font-size: 1em; }

#menuBanner { width: 981px; padding: 10px; height: 24px; background-image: url('../images/menu_bg.png'); background-repeat: no-repeat; background-position: top center; font-size: 1em; }
#menuBanner ul li { border-right: 1px solid #698d01; }
#menuBanner ul li a { height: 14px; padding: 6px 15px 4px 15px; color: #fff; font-size: 1em; }
#menuBanner ul li a:hover, #menuBanner ul li a.selected { background: none; text-decoration: underline; }

#bottomBanner { width: 1001px; text-align: center; }
#bottom2Banner a { color: #fff; }

#content { width: 1001px; background: none; background-image: url('../images/content_bg_top.png'); background-repeat: no-repeat; background-position: 0px 0px; font-size: 1em; padding: 17px 0 0 0; }
#content2 { width: 965px; clear: both; padding: 0 18px 0 18px; background-image: url('../images/content_bg_middle.png'); background-repeat: no-repeat; background-position: top center; background-color: #fff; }
#content h1 { font-family: Calibri, Arial, "Luxi Sans", sans-serif; color: #445c01; font-size: 3em; }
#content h2 { color: #445c01; }
#content h3 { font-size: 1em; line-height: 1em; background: none; padding: 3px; }

#content .katalog a { background-color: none; color: #fff; font-weight: normal; font-size: 0.9em; }
#content .katalog ul li { border-bottom: 1px dotted #5c7d01; }
#content .katalog ul li a { background-image: url('../images/odrazka.png'); background-repeat: no-repeat; background-position: 3px 10px; }
#content .katalog ul li a:hover, #content .katalog ul li a.selected, #content .katalog ul li a.routed { background-color: #5c7d01; }
#content .katalog ul li a.routed { background-color: #445c01; color: #fff; }

#content .katalog ul ul li a { background-color: #e8f3c8; color: #445c01; background-image: url('../images/odrazka2.png'); background-repeat: no-repeat; background-position: 23px 10px; }
#content .katalog ul ul li a:hover, #content .katalog ul ul li a.selected, #content .katalog ul ul li a.routed { background-color: #5c7d01; color: #fff; }
#content .katalog ul ul li a.routed { background-color: #445c01; color: #fff; }

#content .katalog ul ul ul li a { background-color: #f0f6e0; color: #445c01; background-image: url('../images/odrazka2.png'); background-repeat: no-repeat; background-position: 43px 10px; }
#content .katalog ul ul ul li a:hover, #content .katalog ul ul ul li a.selected, #content .katalog ul ul ul li a.routed { background-color: #5c7d01; color: #fff; }
#content .katalog ul ul ul li a.routed { background-color: #445c01; color: #fff; }


#leftPage { width: 196px; padding: 0; margin: 0; }

 #content .box1 { width: 196px; height: auto; clear: both; margin-bottom: 10px; }
 #content .box1 .box1-top { width: 196px; height: 10px; clear: both; background-image: url('../images/box1_bg_top.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box1 .box1-middle { width: 176px; height: auto; padding: 0 10px 0 10px; clear: both; background-color: #445c01; }
 #content .box1 .box1-bottom { width: 196px; height: 10px; clear: both; background-image: url('../images/box1_bg_bottom.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box2 { width: 196px; height: auto; clear: both; margin-bottom: 10px; }
 #content .box2 .box2-top { width: 196px; height: 10px; clear: both; background-image: url('../images/box2_bg_top.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box2 .box2-middle { width: 176px; height: auto; padding: 0 10px 0 10px; clear: both; background-color: #cfcfcf; }
 #content .box2 .box2-middle h3 { color: #000; }
 #content .box2 .box2-middle a { text-decoration: none; }
 #content .box2 .box2-middle img { border: 1px solid #445c01; }
 #content .box2 .box2-bottom { width: 196px; height: 10px; clear: both; background-image: url('../images/box2_bg_bottom.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box3 { width: 196px; height: auto; clear: both; margin-bottom: 10px; }
 #content .box3 .box3-top { width: 196px; height: 10px; clear: both; background-image: url('../images/box1_bg_top.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box3 .box3-middle { width: 176px; height: auto; padding: 0 10px 0 10px; clear: both; background-color: #445c01; }
 #content .box3 .box3-bottom { width: 196px; height: 10px; clear: both; background-image: url('../images/box1_bg_bottom.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box4 { width: 166px; height: auto; clear: both; margin-bottom: 10px; color: #000; }
 #content .box4 .box4-top { width: 166px; height: 10px; clear: both; background-image: url('../images/box4_bg_top.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box4 .box4-middle { width: 146px; height: auto; padding: 0 10px 0 10px; clear: both; background-color: #cfcfcf; }
 #content .box4 .box4-middle h3 { color: #000; }
 #content .box4 .box4-bottom { width: 166px; height: 10px; clear: both; background-image: url('../images/box4_bg_bottom.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box5 { width: 166px; height: auto; clear: both; margin-bottom: 10px; color: #fff; }
 #content .box5 a { color: #fff; }
 #content .box5 .box5-top { width: 166px; height: 10px; clear: both; background-image: url('../images/box5_bg_top.png'); background-repeat: no-repeat; background-position: 0px 0px; }
 #content .box5 .box5-middle { width: 146px; height: auto; padding: 0 10px 0 10px; clear: both; background-color: #9c092b; }
 #content .box5 .box5-middle h3 { line-height: 1.5em; }
 #content .box5 .box5-bottom { width: 166px; height: 10px; clear: both; background-image: url('../images/box5_bg_bottom.png'); background-repeat: no-repeat; background-position: 0px 0px; }

#centerPage { background: none; width: 573px; padding: 0 0 0 20px; margin: 0; }
#centerPage .textmaly { font-size: 0.9em; }
#centerPage h3 {
  width: 543px;
  height: 22px;
  margin: 0;
  padding: 2px 15px 0px 15px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.3em;
  background-image: url('../images/centerpage_header_bg.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#centerPage .ramecek { clear: both; width: 543px; padding: 15px; }

#fullPage { background: none; width: 749px; padding: 0 0 0 20px; margin: 0; }

#rightPage { width: 166px; padding: 0 0 0 10px; margin: 0; }
#content_bottom { width: 1001px; height: 9px; background-image: url('../images/content_bg_bottom.png'); background-repeat: no-repeat; background-position: 0px 0px; }


table.kosik th { background-color: #445c01; }

form input.tlacitko { background-color: #445c01; }

.web_info { background-color: #f0f6e0; border: 1px dotted #445c01; }
.web_warning { background-color: #f0f6e0; border: 1px dotted #445c01; }

#basket .cena span { color: #445c01; }

.poleset legend { background-color: #445c01; color: #fff; }





#categories_index ul li  {
  margin: 3px;
  width: 132px;
  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;
}

#category .products {
  font-size: 1em;
}
#category .products ul li  {
  background-image: url('../images/dlazdice_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
  background-color: #fff;
}
#category .products ul li h1 { font-family: Tahoma, Arial, "Luxi Sans", sans-serif; }
#category .products ul li h1 a { color: #445c01; font-size: 1em; }



.pane {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -200px;
  z-index: 2;
	background: #fff;
	padding: 5px;
	width:455px;
  height:105px;
	border: solid 1px #a8e402;
	font-size: 11px;
  background-image: url('../images/topbanner-akce.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
}
.pane .delete {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
#slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider2 li { width:455px; height:90px; overflow:hidden; }	
#slider2 img { float: left; margin: 0 10px 30px 0; }	
#slider2 li h3 { margin: 0 0 10px 0; padding: 0;  line-height: 1em; font-size: 1.3em; font-weight: bold; }	
#slider2 li h4 { color: #ff0000; margin: 0 0 10px 0; padding: 0;  line-height: 1em; font-size: 1.1em; font-weight: bold; }	
#slider2 li p { width: 335px; float: left; margin: 0; }						
p#controls, p#controls2 { margin:0; position:relative; clear: both; } 
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 { float: left; display:block; margin:0; overflow:hidden; text-indent:-8000px; width:16px; height:16px; }	
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a { display:block; width:16px; height:16px; background:url(../images/btn_previous.gif) no-repeat 0 0; }	
#nextBtn a, #nextBtn2 a { background:url(../images/btn_next.gif) no-repeat 0 0; }												



#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 { text-align: center; }
#box_akce .box_products img { float: none; padding: 0; margin: 3px 0 0 0; border: 1px solid #445c01; }
#box_akce .box_products h1 { font-family: Tahoma, Arial, "Luxi Sans", sans-serif; }
#box_akce .box_products h1 a { color: #445c01; font-size: 1em; }
#box_akce .box_products .cena { line-height: 1.2em; font-size: 0.9em; }
#box_aktuality .box_aktuality1 h1 a { color: #445c01; }




.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; }


.strankovani { float: left; font-weight: bold; font-size: 1.1em; padding-top: 4px; }
table.kosik { width: 749px; }
#box_aktuality .box_aktuality1 h1 { font-size: 1.1em; }
#box_akce .box_products { font-size: 1em; }
#box_akce .box_products h1 { font-size: 1em; }
.razeni { font-size: 0.95em; }


.kontakt {
  width: 190px;
  height: auto;
  padding: 5px 0 0 0;
  background-image: url('../images/kontakt.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;
  line-height: 1.2em;
}
.kontakt span { color: #ff0000; font-weight: bold; }

table.tabulkaobjednavka { width: 727px; }

.ram { padding: 0; }


#category .subfolders ul li { width: 194px; }

.obrazek2 {
  margin: 0;
  border: 1px solid #ccc;
}

#product .fotogalerie_fotka {
  border: 3px solid #ddd;
  margin: 0 5px 5px 0;
}


.cerveny { color: #ff0000; }
.preskrtnuty { text-decoration: line-through; }



#box_topprodukty {
  clear: both;
  line-height: 0.2em;
}

#box_topprodukty .box_products {
  padding: 2px 2px 15px 2px;
  border-bottom: 1px solid #ccc;
  font-size: 0.95em;
  clear: both;
}

#box_topprodukty .box_products img {
  float: left;
  margin: 0 5px 5px 0;
}

#box_topprodukty .box_products h1 {
  font-size: 0.95em;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}

#box_topprodukty .box_products .cena {
  clear: both;
  font-weight: bold;
}

#box_topprodukty .box_products { text-align: center; }
#box_topprodukty .box_products img { float: none; padding: 0; margin: 3px 0 0 0; border: 1px solid #445c01; }
#box_topprodukty .box_products h1 { font-family: Tahoma, Arial, "Luxi Sans", sans-serif; }
#box_topprodukty .box_products h1 a { color: #445c01; font-size: 1em; }
#box_topprodukty .box_products .cena { line-height: 1.2em; font-size: 0.9em; }

#box_topprodukty .box_products { font-size: 1em; }

.cenavelka { font-size: 1.4em; font-weight: bold; }

.cervena { color:#ea0000; }
.zelena { color: #00a613; }

#novinky { width: 560px; clear: both; }
#novinky .novinky1 { width: 560px; clear: both; margin-bottom: 10px; }
#novinky .novinky1 .top { width: 560px; height: 10px; clear: both; background-image: url('../images/novinky_top.gif'); background-position: 0px 0px;  background-repeat: no-repeat; }
#novinky .novinky1 .middle { width: 530px; padding: 5px 15px 0 15px; margin: 0; height: auto; clear: both; background-image: url('../images/novinky_middle.gif'); background-position: 0px 0px;  background-repeat: repeat-y; }
#novinky .novinky1 .bottom { width: 560px; height: 10px; clear: both; background-image: url('../images/novinky_bottom.gif'); background-position: 0px 0px;  background-repeat: no-repeat; }
#novinky .okolo_levy { width: 110px; height: 110px; float: left; }
#novinky .okolo_pravy { width: 410px; float: right; }
#novinky .okolo_pravy h3 { width: 410px; background: none; font-size: 1em; font-weight: bold; line-height: 1.3em; padding: 0; margin: 0; }
#novinky .okolo_pravy .obsah { width: 410px; clear: both; min-height: 65px; _height: 65px; }
#novinky .okolo_pravy .datum { width: 410px; text-align: right; font-style: italic; clear: both; margin-bottom: 5px; color: #666; font-size: 0.9em; }

.prazdny1 { clear: both; height: 1px; }

#index_boxy {
  clear: both;
}
#index_boxy ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#index_boxy ul li {
  width: 182px;
  float: left;
  margin: 3px 3px 6px 3px;
  font-size: 0.9em;
  overflow: hidden;
}
#index_boxy ul li h3 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
  padding: 8px 10px 2px 10px;
  border: 0;
  background: none;
  background-image: url('../images/index_boxy_nadpis.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#index_boxy ul li h3 a {
  color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: 0;
}

#index_boxy ul li .text {
  padding: 10px;
  border: 1px dotted #ccc;
  border-top: 0;
  background-color: #fff;
  height: 180px;
}

