html { padding: 0; margin: 0; background: url(../images/bg.gif) center bottom; } 
body { background: url(../images/bg_page.png) center bottom repeat-y; padding: 0; margin: 0; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: small; line-height: 140%; color: #000; }

h1 { display: none; }
img { border: none; }
hr { color: #ccc; background: #ccc; height: 1px; border: none; clear: both; }
a { color: #e2001a; text-decoration: underline; }
a:hover { color: #e2001a; text-decoration: none; }

#IEroot { margin-left: 1px; }

#logo { width: 940px; height: 228px; margin: 0 auto; position: relative; background: url(../images/bg_header.jpg) top center no-repeat; }
#search { position: absolute; top: 35px; left: 680px; width: 230px; height:20px; }
#search form, #search form input { margin: 0; padding: 0; }
#search #squery { width: 160px; height: 23px; border: 1px solid #4a4e4f; font-size: 18px; line-height: 23px; float: left; padding: 0; margin: 0; }
#search #ssubmit { margin: 0 0 0 3px; float: left; padding: 0; }
a#homepage { position: absolute; width: 165px; height: 120px; top: 45px; left: 45px; }
a#homepage:hover { background: none; }

#path { width: 940px; height: 47px; margin: 0 auto; background: url(../images/bg_path.gif) no-repeat; }
#path p { padding: 10px 15px 0px 15px; color: #007734; margin: 0; }
#path p span { color: #e2001a; font-weight: bold; }
#path p a { color: #007734; text-decoration: none; background: none; }
#path p a:hover { color: #007734; text-decoration: underline; background: none; }

#content { margin: 0 auto; padding:0; width: 940px; background: url(../images/bg_content.gif) repeat-y; }
#content.wide { background: url(../images/bg_content_wide.gif) repeat-y; }

#akce { background: none; padding: 0 1px; }

/* Levý sloupec */
#box-left { width: 192px; margin: 0; padding: 0; float: left; }
#box-left h2 { height: 36px; background: url(../images/bg_h2.gif) top left no-repeat; color: #FFF; font-size: 100%; font-weight: bold; margin: 0; padding: 18px 0 0 15px; }
#box-left table.simple { border: 0 none; margin: 0 auto 10px auto; padding: 0; background: #e8e8e8; width:100%}
#box-left table.simple td { padding: 5px; vertical-align: middle; }

.box-left-content { width:192px; }
.box-left-content p { padding: 5px 10px 5px 15px; margin: 2px 0; font-size:85% }

.categories { width: 192px; margin: 0; }
.categories ul.menu { padding: 0; margin: 0 0 0 15px; }
.categories ul.menu li { padding: 0 0 0 5px; margin: 0; list-style: none; line-height: 25px; background: url(../images/img_arrow.gif) no-repeat 0px 9px; font-weight: bold; }
.categories ul.menu li a:link, .categories ul.menu li a:visited { font-size: 90%; line-height: 25px; text-decoration: none; margin: 0 0 0 10px; padding:0 5px 0 0; color: black; display: block; }
* html .categories ul.menu li a:link, * html .categories ul.menu li a:visited { display: inline-block; }
.categories ul.menu li.active a:link, .categories ul.menu li.active a:visited { color: #a82424 }
.categories ul.menu li a:hover { text-decoration: underline; }

.categories ul.menu li ul.submenu { padding: 0; margin: 0; }
.categories ul.menu li ul.submenu li { line-height: 25px; text-decoration: none; padding:0; list-style: none; background: none; }
.categories ul.menu li.folded ul.submenu  { display: none; }
.categories ul.menu li ul.submenu li a:link, .categories ul.menu li ul.submenu li a:visited { font-size: 90%; line-height: 22px; margin: 0 0 0 10px; padding:0; color:black; background: none; font-weight: bold; }
.categories ul.menu li ul.submenu li.active a:link, .categories ul.menu li ul.submenu li.active a:visited { color: #e2001a; font-weight: bold; }

.categories ul.menu li ul.submenu li ul.sub2menu { padding: 0; margin: 0; }
.categories ul.menu li ul.submenu li ul.sub2menu li { line-height: 22px; text-decoration: none; background: none; }
.categories ul.menu li ul.submenu li ul.sub2menu li a:link, .categories ul.menu li ul.submenu li ul.sub2menu li a:visited { font-size: 85%; line-height: 20px; margin: 0 0 0 30px; padding:0 5px 0 0; color:black; font-weight: normal; }
.categories ul.menu li ul.submenu li ul.sub2menu li.active a:link, .categories ul.menu li ul.submenu li ul.sub2menu li.active a:visited { color: #e2001a; font-weight: bold; }

.categories ul.menu li ul.submenu li ul.sub2menu li ul.sub3menu { padding: 0; margin: 0; }
.categories ul.menu li ul.submenu li ul.sub2menu li ul.sub3menu li { line-height: 20px; text-decoration: none; color: black; background: none; }
.categories ul.menu li ul.submenu li ul.sub2menu li ul.sub3menu li a:link, .categories ul.menu li ul.submenu li ul.sub2menu li ul.sub3menu li a:visited { font-size: 85%; line-height: 18px; margin: 0 0 0 50px; color:black;font-weight: normal;  }
.categories ul.menu li ul.submenu li ul.sub2menu li ul.sub3menu li.active a:link, .categories ul.menu li ul.submenu li ul.sub2menu li ul.sub3menu li.active a:visited { color: #e2001a; font-weight: bold; }

/* Obsah */
#items { width: 500px; margin: 0; padding: 0 28px; float: left; border: none; }
#content.wide #items { width: 680px; margin: 0; padding: 0 40px 0 0; float: right; border: none; background: white; }

#items h2 { color: #000; background: url(../images/hr.gif) no-repeat bottom left; font-size: 160%; line-height: 150%; font-weight: bold; margin: 10px 0 10px 0; padding: 0 7px; }
#items h2.nounder { color: #000; background: none; font-size: 160%; line-height: 150%; font-weight: bold; margin: 10px 0 10px 0; padding: 0 7px; }
#items h2.akce { color: #e2001a; background: none; font-size: 160%; line-height: 150%; font-weight: bold; margin: 10px 0 10px 0; padding: 0 7px; }
#items h3 { color: #e2001a;  font-size: 110%; line-height: 140%; font-weight: bold; margin: 20px 7px; padding: 3px 0; }
#items h3 a:link, #items h3 a:visited {text-decoration:underline}

#items .itembody p  { margin: 4px 0 6px 0; padding: 0 7px; font-weight: normal; color: #000000; text-align: justify; font-size: 90%; }
#items .itembody ul{ margin: 6px 0 6px 5px; padding: 0; }
#items .itembody ul li { background-image: url(../images/li.png); background-repeat: no-repeat; background-position: 5px 9px; list-style: none; margin: 0; padding: 2px 0 2px 20px; }
#items .itembody ol{ margin: 6px 0 6px 50px; }
#items .itembody ol li{ list-style: decimal; }

#items img.product { float: right; border: 5px solid #ebf4ef; }
#items p.product { padding: 0 250px 0 7px; text-align: left; }

#items table { margin: 10px auto; background: white; }
#items table.full { width: 100%; clear: both; }
#items table th { text-align: center; padding: 4px 10px; margin:0; font-weight: bold; color: #006e30; vertical-align: middle; background: #cadfd6; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#items table td { text-align: justify; padding: 3px 8px; margin:0; background: #ffffff; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; vertical-align: top; color: #666; }
#items table td.grey { background: #a3a3a3;  border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; font-weight: bold; }
#items table td.middlegrey { background: #efefef; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
#items table.simple td { border: 0 none}

#items table.white { width: 100%; margin: 30px 0 0 0; }
#items table.white td { border: none; text-align: left; vertical-align: middle; padding: 0; }
#items table.white td.button { width: 85px; text-align: right; padding-left: 7px; }
#items table.white td.count1 { width: 30px; text-align: center; }
#items table.white td.count1 input { width: 30px; text-align: center; border: 1px solid #4a4e4f; }
#items table.white td.count2 { width: 30px; text-align: center; }
#items table.white span.red { color: #e2001a; font-size: 80%; padding-left: 7px; }
#items table.white span.black { color: #000; font-weight: bold; }

#items blockquote { background: #ebf4ef; padding: 5px 10px 5px 10px; margin: 10px 25px;  }

#items .sort table { margin: 0; }
#items .sort td { border: none; text-align: left; }

#items .otherlinks {text-align:right; float:right; margin:0 0 5px 0;}

#items #produkt-left { float: left; width: 180px; margin:0; }
#items #produkt-right { float: right; width: 300px;}
#items .smallimage {float:left; margin:5px 0 5px 0; border:1px dotted gray; padding:5px;}
#items #produkt-left table, #items #produkt-right table{width:300px}
#items #produkt-left table th, #items #produkt-right table th{width:100px}
#items #produkt-right h3{margin:10px 0}

.iteminfo { font-size: 85%; border-top: 1px solid #eaecf2; clear: both; margin: 15px 20px 20px 20px; text-align: left;}

/* Pravý sloupec */
#box-right { width: 192px; margin: 0; padding: 0; float: right; }
#box-right h2 {  height: 36px; background: url(../images/bg_h2.gif) top left no-repeat; color: #FFF; font-size: 100%; font-weight: bold; margin: 0; padding: 18px 0 0 15px; }
#box-right h2.red { height: 36px; background: url(../images/bg_h2_red.gif) top left no-repeat; color: #FFF; font-size: 100%; font-weight: bold; margin: 0; padding: 18px 0 0 15px; }
#box-right h3 { background: url(../images/img_arrow.gif) center left no-repeat; color: #000; font-size: 110%; font-weight: bold; margin: 0 7px; padding: 10px 0 10px 15px; }
#box-right h3 a { color: #000; text-decoration: none; }
#box-right .box { padding: 5px; display: block;  margin: 0; color: black;}
#box-right .box p { padding: 3px 7px; margin: 0; }
#box-right .box p.login a { color: #000; text-decoration: none; font-weight: bold; }

#box-right .box { padding: 5px; display: block;  margin: 2px 0 0 0; color: black;}
#box-right .box ul, .box-right-content ul{ margin: 6px 0 6px 5px; padding: 0; font-size:small}
#box-right .box ul li, .box-right-content ul li { background-image: url(../images/li.png); background-repeat: no-repeat; background-position: 5px 9px; list-style: none; margin: 0; padding: 1px 0 1px 16px; }
#box-right ol { margin: 0 0 0 25px; padding: 0; }
#box-right ol li { list-style: decimal; }
#box-right table.calendar { margin: 5px auto 0 auto; width: 150px; padding: 0; text-align: center; }
#box-right table.calendar th { font-size:x-small; padding:0}
#box-right table.calendar td { padding:0}
#box-right .box, .box-right-content {width:184px;}

/* ********** produkt ********** */
.produkt { width: 150px; height: 245px; float: left; margin: 5px 3px 5px 3px; padding:4px; overflow:hidden; border:1px dotted gray}
* html .produkt {margin-left:2px;}
#box-right .produkt h3, #items .produkt h3, .produkt h3 { background: transparent;  color: black; margin: 0; padding: 0; font-size: 12px; line-height: 15px; height:30px; font-weight: bold; text-align: center; overflow:hidden;}
.produkt h3 a:link, .produkt h3 a:visited { color: black; text-decoration: underline;  }
.produkt h3 a:hover { color: #e2001a}

body>#content .produkt .imginfo { width: 150px; height: 110px; display: table; text-align: center; }
body>#content .produkt .imginfo a {  display: table-cell; vertical-align: middle; width:100%; height:100%; background: none; padding:0; margin:0}
body>#content .produkt .imginfo span {  display: none }
body>#content .produkt .imginfo a img { border:0 none; vertical-align: middle;}

#IEroot .produkt .imginfo {	width:150px; height:110px; padding:0; margin:0; text-align: center; }
#IEroot .produkt .imginfo * {	vertical-align: middle; }
#IEroot .produkt .imginfo a {  background: none; padding:0; margin:0}
#IEroot .produkt .imginfo span {padding:0; margin:0;  display: inline-block; height: 100%; }
#IEroot .produkt .imginfo a img{	border:0 none; }

.produkt p.info { margin: 5px 0 2px 0; padding: 0 7px 0 7px; font-size: x-small; line-height: 14px; color: black; height:45px; overflow:hidden; }
.produkt p.cena { margin: 0; padding: 0; font-size: 90%; line-height: 18px; color: #716b5d; text-align: center}
.produkt p.cena strong { font-size: 100%; color: #ef0019}
.produkt p.kosik {text-align: center; padding:0; margin: 2px 0 0 0; }
.produkt p.kosik a { display:block; background: url(../images/btn_buy.gif) top left no-repeat; width: 84px; height: 31px; margin: 0 auto; padding: 2px 0 0 0:}

#box-right .produkt {margin:10px auto; float:none;}

/* ********** galerie ********** */
#items .galerie { float: left; width: 166px; text-align: center; padding-top: 7px; }
#items .galerie img { border: 1px solid #000; }
#items .galerie p.info { text-align: center; padding: 3px 0 5px 0; font-size: 85%; margin: 0; }

#items .galerie-skupina { float: left; width: 166px; text-align: center; padding-top: 7px; }
#items .galerie-skupina img { border: 7px solid #d9ebe1; }
#items .galerie-skupina p.info { text-align: center; padding: 5px 0; font-weight: bold; margin: 0; color: #00732d; }
#items .galerie-skupina p.info a:hover{text-decoration:underline}


#items .galerie-detail { text-align: center; }
#items .galerie-detail img { border: 1px solid #000; border: 5px solid #ccc; margin: 0 auto; }
#items .galerie-detail p.info { text-align: center; padding: 3px 0 5px 0; font-size: 85%; margin: 0; }

/* ********** forms ********** */
#items fieldset{ padding: 5px; margin: 5px 0; text-align: right; border: 1px solid gray; }
#items .itembody fieldset { text-align: right; }
#items legend{ font-weight: bold; margin-bottom: 5px; color: #e2001a; padding: 2px 7px; text-align: left; font-size: 110%; background: white}
#items textarea { width: 95%; overflow: auto; clear: both; }
#items form { margin: 10px 0; padding: 0; }
#items input.eshopbutton { background:#00732d; color: white; padding: 1px 5px; text-align: center; margin: 0 5px; }
#items input.eshopbutton:hover { color:yellow; }

#pagelinks{ clear: both; margin: 0; padding: 10px; color: #000; text-align: center; }
#pagelinks a { margin: 0 3px; font-size:100%; text-decoration: none; color: #000; }
#pagelinks a.select { color: #e2001a; font-weight: bold; }


#kontaktbox {	float:right; margin:0 0 0 20px; width:140px; text-align: center; padding:5px; background: #e2001a; color:white;}
#kontaktbox a {font-weight: bold; color: white; text-decoration: underline;}

/* Paticka */
#footer { background: url(../images/bg_footer.jpg) top center no-repeat; width: 1020px; height: 170px; margin: 0 auto; font-size:90%; color: black; font-size:90% }
#footer p { margin: 0; padding: 0; padding: 82px 0 0 410px; font-size: 90%; color: white; }
#footer a:link, #footer a:visited { color: white; text-decoration: none; }
#footer a:hover{ color: white; }
#footer a.fart { padding-left: 30px; }

/* ********** helpers ********** */
.splitter1  { clear:both; display:block; font-size:1px; line-height:1px; padding-top:1px; }
.splitter5 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:5px; }
.splitter10 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:10px; }
.splitter15 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:15px; }
.splitter20 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:20px; }
.splitter30 { clear:both; display:block; font-size:1px; line-height:1px; padding-top:30px; }
.clearer { clear: both; height: 1px; font-size: 1px; line-height: 1px; }

#items #sortform { background: url(../images/sort.png) top left no-repeat; padding: 7px 15px 7px 10px; height:32px}
#items #sortform form { padding:2px 0 0 0; margin:0}
#items #sortform .right { float: right; text-align: right; color:black; margin:2px 2px 0 0}
#items #sortform .right a { text-decoration: none; color: black; margin-left: 5px; }
#items #sortform .right a:hover { color: red; }
#items #sortform .right a.active { background: red; color: white; padding:2px 4px 2px 4px}

/* ********** print ********** */
.printbox {	clear:both;	margin:0 0px 0 570px; padding:5px 0 0 0; text-align: right; }
.printbox a:link, .printbox a:visited {text-decoration: none;}

.obchodnipodminky { background: #e9eae6; color: black; margin: 10px auto; padding: 10px; width: 500px; height: 200px; overflow: auto; }

/* SMOOTHBOX */
#TB_window { font-size: 90%; color: #333333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#TB_secondLine { font: x-small; color: #666666; }
#TB_window a:link {color: #e2001a; font-weight:bold}
#TB_window a:visited {color: #e2001a; font-weight:bold}
#TB_window a:hover {color: black;}
#TB_overlay { position: absolute; z-index: 100; top: 0px; left: 0px; background-color: #000; }
#TB_window { position: absolute; background: #ffffff; z-index: 102; color: #000000; border: 2px solid #e2001a; text-align: left; }
#TB_window img { display: block; margin: 15px 0 0 15px; }
#TB_caption{ height: 25px; padding: 7px 30px 10px 25px; float: left; font-weight:bold}
#TB_closeWindow{ height: 25px; padding: 11px 25px 10px 0; float: right; }
#TB_closeAjaxWindow{ padding: 5px 10px 7px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle{ float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title{ background-color: #e8e8e8; height: 27px; font-weight:bold}
#TB_ajaxContent{ clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent p{ padding: 5px 0px 5px 0px; }
#TB_load{ position: absolute; display: none; height: 100px; width: 100px; z-index: 101; }
#TB_HideSelect{ z-index: 99; position: absolute; top: 0; left: 0; background-color: #fff; border: none; }
#TB_iframeContent{ clear: both; border: none; margin-bottom: -1px; margin-top: 1px; }
* html #TB_iframeContent{ margin-bottom: 1px; }


/* ********** mini-styles ********** */
.b{ font-weight: bolder; }
.i{ font-style: italic; }
.z{ font-style: normal; font-variant: small-caps; }
.u{ text-decoration: underline; }
.c,.r{ color: red; }
.m,.l{ color: blue; }
.skip{ display: none; }
#items .itembody p.center, .center { text-align: center; }
#items .itembody p.right, .right, p.right { text-align: right; }
#items .itembody p.left, .left, p.left { text-align: left; }
small { font-size: 11px; }
.highlight { background: #f0e68c; padding: 1px; color:black}
img {	border:0 none}

p.ikona img {margin-right:5px; margin-bottom:5px;}