body { background-color: #012a20; }
a { color: #004e00; }

#topBanner { width: 1008px; height: 206px; background-image: url('../images/top.jpg'); background-repeat: no-repeat; background-position: top center; }
#topBanner h1 { padding: 36px 0px 0px 34px; width: 168px; height: 176px; }
#topBanner h1 a { width: 168px; height: 176px; }
#topBanner .topMenu { width: 806px; height: 147px; float: left; text-align: right; }
#topBanner .topMenu .boxbasket { width: 180px; padding: 60px 5px 5px 5px; margin: 0; background: none; border: 0; float: right; color: #fff; }
#topBanner .topMenu .boxbasket a { color: #fff; }
#topBanner .topMenu .boxbasket h4 { background-color: #a70707; color: #fff; }
#topBanner .topMenu2 { width: 822px; height: 98px; float: left; }
#topBanner .topMenu2 a { font-size: 0.8em; font-weight: bold; color: #fff; text-decoration: none; }

#menuBanner { background: none; position: relative; margin: 10px 0 0 0; top:0; left:0; width: 806px; height: 59px; float: right; clear: none; }
#menuBanner ul { margin-left: 40px; }
#menuBanner ul li { border: 0; background-image: url('../images/lista_bg.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
#menuBanner ul li a { background: none; padding: 15px 25px 14px 25px; height: 18px; color: #aaa; font-weight: normal; font-size: 1.2em; }
#menuBanner ul li a:hover { color: #fff; }

#bottomBanner {
  background-image: url('../images/bottom.jpg'); background-repeat: no-repeat; background-position: 0px 0px;
  width: 948px;
  height: 75px;
  clear: both;
  padding: 40px 30px 30px 30px;
}
#bottomBanner a { color: #bbb; }

#bottom2Banner {
  background: none;
  width: 948px;
  height: 20px;
  clear: both;
  padding: 0;
}
#bottom2Banner a { color: #bbb; }

#content { width: 1008px; background-image: url('../images/top2.jpg'); background-repeat: no-repeat; background-position: top center; background-color: #f0f0f0; padding-top: 15px; }
#content h1 { color: #a70707; padding-top: 0; font-size: 1.5em; }
#content h2 { color: #620004; }

#content .katalog a { color: #a70101; font-weight: normal; font-size: 0.95em; }
#content .katalog ul { background-color: #fff; }
#content .katalog ul li a { padding: 3px 3px 2px 8px; background: none; font-weight: bold; }
#content .katalog ul li a:hover, #content .katalog ul li a.selected, #content .katalog ul li a.routed { background-color: #dadada; color: #a70101; }
#content .katalog ul li a.routed { background-color: #004e00; color: #fff; }
#content .katalog ul ul li a { background-color: #fff; padding-left: 30px; background-position: 15px 8px; }
#content .katalog ul ul ul li a { background-color: #fff; padding-left: 50px; background-position: 35px 8px; }

#content h1 {
  font-size: 2em;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0 0 15px 0;
}

#leftPage { padding-left: 4px; padding-top: 25px; }
#centerPage { background: none; margin-top: 0; }
#rightPage { padding-right: 4px; background: none; margin-top: 0; }
#fullPage { padding-right: 4px; background: none; margin-top: 0; }

#leftPage h3 { width: 167px; height: 16px; padding: 12px 5px 9px 40px; font-size: 1em; color: #fff; background-color: #a70707; background-image: url('../images/ikona_katalog.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
#leftPage h3.katalog { background-image: url('../images/menu_rubriky.jpg'); }
#leftPage h3.aktuality { background-image: url('../images/menu_aktuality.jpg'); }
#leftPage h3.novinky { background-image: url('../images/menu_vlastni.jpg'); }
#rightPage h3 { width: 136px; height: 16px; padding: 12px 5px 9px 40px; font-size: 1em; color: #fff; background-color: #a70707; background-image: url('../images/ikona_katalog.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
#rightPage h3.akce { background-image: url('../images/menu_akce.jpg'); }
#rightPage h3.vyrobci { background-image: url('../images/ikona_vyrobci.gif'); }


table.kosik th { background-color: #004e00; }

form input.tlacitko { background-color: #004e00; }

.web_info { background-color: #f6e0e1; border: 1px dotted #004e00; }
.web_warning { background-color: #f6e0e1; border: 1px dotted #004e00; }

#basket .cena span { color: #004e00; }

.poleset legend { background-color: #004e00; color: #fff; }






#category .subfolders ul li {
  font-size: 0.9em;
  float: left;
  width: 96px;
  height: 138px;
  padding: 6px 6px 6px 6px;
  margin: 0 2px 2px 0;
  background-color: #fff;
  background-image: url('../images/dlazdice_bg.gif');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  font-weight: normal;
  border: 0;
  text-align: center;
}

#category .subfolders ul li a {
  text-decoration: none;
}

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

#category .subfolders ul li .textsub {
  width: 96px;
  height: 50px;
  line-height: 1.2em;
}


#categories_index ul li  {
  width: 104px;
  height: 140px;
  padding: 6px 2px 4px 2px;
  margin: 0 2px 2px 0;
  background-color: #fff;
  background-image: url('../images/dlazdice_bg.gif');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  font-weight: bold;
  font-size: 1.1em;
  border: 0;
}


.products ul li  {
  background-color: #fff;
}

#categories_index ul li .okolo { height: 100px; }



.pane {
  background-image: url('../images/titulkabox.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
	padding: 18px 50px 10px 20px;
	position: relative;
	margin-bottom: 10px;
	width: 474px;
	height: 118px;
}
.pane .delete {
	position: absolute;
	top: 10px;
	right: 5px;
	cursor: pointer;
}


#topBanner .topMenu .boxMeny {
  width: 70px;
  color: #000;
  padding: 5px 5px 5px 0;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.5em;
  z-index: 1000;
  margin: 0 0 0 10px;
  float: right;
}

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

#topBanner .topMenu .boxMeny a {
  color: #fff;
}







	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:470px;
		height:110px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		}		
	#slider2 img { 
	  float: left;
		margin: 0 10px 30px 0;
		}	
	#slider2 li h3 { 
		margin: 5px 0 0 0;
		padding: 0 0 13px 0;
		line-height: 1em;
		font-size: 1.9em;
		font-weight: normal;
		border-bottom: 1px solid #fff;
		}	
	#slider2 li p{
    width: 310px; 
	  float: left;
		margin: 7px 0 0 0;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:480px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												





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

#leftPage .ordertextboxmaly { width: 120px; }






#externi_vyrobci {
  clear: both;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#externi_vyrobci .vyrobci1 {
  float: left;
  width: 241px;
  padding: 0px;
  margin: 0 5px 5px 0;
  height: 230px;  
  background-color: #fff;
}

#externi_vyrobci .vyrobci1 .ram {
  float: none;
  clear: both;
  padding: 5px;
}

#externi_vyrobci .vyrobci1 .ram .okolo {
  clear: both;
  height: 105px;
  width: 230px;
  text-align: center;
  margin-top: 5px;
  float: none;
}

#externi_vyrobci .vyrobci1 .ram h3 {
  clear: both;
  height: 35px;
  overflow: hidden;
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  text-align: center;
}

#externi_vyrobci .vyrobci1 p {
  height: 40px;
  font-size: 0.9em;
  line-height: 1.2em;
  overflow: hidden;
  clear: both;
}

#externi_vyrobci .vyrobci1 a {
  text-decoration: none;
}


#novinky_akce_vyrobci ul {
  margin-left: 20px;
}

#novinky_akce_vyrobci ul li {
  padding: 2px 0; 
}

#novinky_akce_vyrobci ul li a {
  color: #620004; 
  font-weight: bold;
  font-size: 0.9em;
}

#virtualis-zpetne-odkazy { margin-left: 20px; }

#novinky_akce_vyrobci ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #b5b5b5;
  border: 1px solid #fff;
}
#novinky_akce_vyrobci ul li {
  margin: 0;
  padding: 0;
  background-image: url('../images/odrazka2.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-bottom: 1px solid #dddddd;
}
#novinky_akce_vyrobci ul li a {
  margin: 0;
  padding: 3px 3px 3px 35px;
  color: #007100;
  display: block;
  text-decoration: none;
  font-weight: bold;
}
#novinky_akce_vyrobci ul li a:hover {
  background-color: #ccc;
}

#box_aktuality_novy ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #bfbfbf;
  border: 1px solid #fff;
  line-height: 1.1em;
}
#box_aktuality_novy ul li {
  margin: 0;
  padding: 3px 3px 8px 35px;
  background-image: url('../images/odrazka3.gif');
  background-repeat: no-repeat;
  background-position: 12px 9px;
  border-bottom: 1px solid #dddddd;
  color: #4f4f4f;
}
#box_aktuality_novy ul li a {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  font-weight: bold;
  color: #8a0101;
  text-decoration: none;
}

.box_products a { color: #8a0101; text-decoration: none; }
.box_products h1 a { font-weight: bold; }
.box_products_levy { float: left; width: 70px; }
.box_products_pravy { float: right; width: 105px; margin-top: 10px; }
.box_products_cena { font-size: 1.8em; color: #004700; margin: 10px 0; }

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

.newsl { float: left; width:110px; }
.newsp { float: right; width:340px; }

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