body, body * { padding: 0; margin: 0; }
body { background: #FFFFF3 url(../images/background.jpg); font: 1em Verdana, Arial, Geneva,  Helvetica, sans-serif; text-align: center; }
html, body { height: 100%; }
#container { height: 100%; min-height: 100%; position: relative; width: 775px; margin: 0 auto; text-align: left; }
body>#container { height: auto; }
.right { text-align: right; }
.center, .imgcnt { text-align: center; }
.cont { margin: 5px 0; }
.clear { clear: both; }
.clearright { clear: right; }
#top { background: url(../images/top-header.gif) no-repeat right top; height: 300px; text-align: right; /*border: 1px solid red;*/ }
#topinfo { width: 190px; position: absolute; right: 0; top:0; font-size: .85em; }
p#toptext { position: absolute; top: 277px; left: 208px; color: white; z-index: 10; font-size: .7em; }
h1 { font-size: .75em; fo\nt-size: .85em; color: white; width: 352px; position: absolute; left: 212px; top:0; z-index: 5;}
h1 a { color: white; text-decoration: none; }
h1 a img { border:0;}
h1 strong { display: none; }
h2 { font-size: .95em; color: white; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; padding: 273px 7px 0 0; position: absolute; left:0; top:0; height: 29px; width: 775px; wid\th: 768px; background: url(../images/top-second-part.gif) no-repeat left top; }
#content hr  { margin: 10px; border: 1px solid white; }

#menu li, #footer { border-left: 5px solid #EACEA0; }
ul#menu { list-style-type:none; float: left; margin-bottom: 20px; }
#menu li { font-size: .75em; font-weight: bold; /* margin-bottom: 3px;*/ margin-left: -15px; ma\rgin-left: 0px; border-bottom: 1px solid #AAA; background: #999 }
#menu li.top { background: #999 url(../images/zebra-atelier.gif) no-repeat left top;  padding-top: 75px;}
#menu a { text-decoration: none;  color: black; display: block; width: 190px; wid\th: 170px; padding: 4px 10px;}
#menu a:hover { color: white; }
#menu li.active a { color: white; background: url(../images/sipka-active.gif) no-repeat right center; }
#menu ul { list-style:none; margin-bottom: 5px; border-top: 1px solid #888; _margin-top:1px; margin-left: 16px; ma\rgin-left: 0px;}
#menu ul li { margin: 0; _margin-top:1px; border: none; font-size: 1em; }
#menu ul.submenu a { width: 150px; wid\th: 160px; padding: 5px 0px 5px 10px; color: #EACEA0; }
#menu ul.submenu a:hover, #menu ul.submenu a.active { color: black; }
#menu ul.submenu ul a { color: white; padding: 1px 5px 1px 10px; }
#menu li.divider { margin-top: 20px; }

#content, #basket, div.znackainfo { margin: 5px 0 0 200px; padding: 20px; position: relative; background: white; }
#content p, #content ul, #content ol { margin: 5px 10px 5px 10px; font-size: .75em; line-height: 1.5em; color: #333; }
h3, h4 { margin: 10px 0 10px 0; }
h3, h4 { font-size: .95em; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }
h4 { font-size: .85em; }
h3 small { font-size: .7em; }
h3.error { color: red; }
#content a, .znackanav a { color: #E69E59; }
#content a:hover, .znackanav a { color: black; text-decoration: none; }
/*#content img, .znackainfo img { border: 5px solid #DDD; }*/

#content p.produkt { margin: 0 100px; font-size: .8em; }
h3.produkt { margin: 10px 70px 0 70px; font-size: .8em; }
#content h3.produkt a { color: #BA6137;}
table, td, th { border-collapse: collapse; }
table.slovnik { font-size: .75em; width: 525px; margin-bottom: 20px; }
.slovnik th, .slovnik td { padding: 5px; border: solid #CCC; border-width: 1px 0; vertical-align: top; }
.slovnik th { width: 110px; }
.slovnik h4 { font-size: 1.1em; margin: 0; color: #666; }  

table.sortiment { font-size: .65em; margin: 0 auto; }
.sortiment td { padding: 1px 5px; width: 160px; }
.sortiment h3 { font-size: 1.3em; }
col.border1 { border-left: 1px solid #BBB; }
col.border2 { border-left: 1px solid #CCC; }
#content ul.produkt li { margin-bottom: 3px; }

#content h3.kat a, #content ul.katlist a { color: #666; text-decoration: none; }
#content h3.kat a:hover, #content ul.katlist a:hover { text-decoration: underline; }
h3.kat { font-weight: normal; }
#content ul.katlist li { list-style: none; font-size: 1em; }

.eshopnavig { margin: 5px 0 0 200px; background: #999; padding: 5px; font-size: .75em; }
.eshopnavig a, .znackanav a { color: black; text-decoration: none; /*margin: 0 5px;*/ }
.eshopnavig a:hover, .znackanav a:hover { color: #EACEA0; }
.eshop, #basket table { width: 530px; margin: 10px auto; font-size: .7em; }
.eshop input, #basket table input.text { width: 25px; text-align: right; } 
.eshop th, .eshop td { padding: 3px 4px; }
.eshop span.barva { padding: 2px 8px;  }
.width40 { width: 40px; }
/*.eshop th { background: #999; }*/
.eshop button { background: #999; border: 1px solid black; color: white; cursor:pointer;cursor:hand; /*padding: -2px -3px;*/ width: auto; font-size: .9em; }
#content .eshop img { border: 0; }
.eshop h4 { font: 1.2em Arial, Verdana, Geneva,  Helvetica, sans-serif; font-weight: bold; color: #666; border-bottom: 1px solid #666; padding: 2px 0;}
.eshopnav { font-weight: normal; } 
.suda { background: #EEE; }
#content div.pager { font-size: .8em; margin: 0px 0;}
#content div.pager p { height: 10px; line-height: 200%;  position: relative; }
#content div.pager a, #content div.pager span { padding: 3px 4px; text-decoration: none;}
#content div.pager a { background: #e9e9e9; color: #666; }
#content div.pager span { border: 1px solid black; }	
#content div.pager a:hover { background: #BBB; color: white;}
#content div.pager a#prev { position: absolute; top: 0; left: 35px; padding:0px; paddin\g: 0px 3px; lef\t: 0px;}
div.znackainfo { padding: 0; position: relative; }
.znackainfo h4 { background: #667BB4; /* #9D8AED; */ /* #8E84B7;*/ margin: 0; padding: 5px; color: white; }
.fleft { float: left; margin: 10px 10px 10px 10px !important; margin: 10px 10px 10px 5px; }
.znackainfo p { margin: 10px; font-size: .8em; }
.znackainfo img { border: 0 }
.znackanav { margin: 5px 20px; }
.znackanav h3 { margin: 0; }
.znackanav a:hover { text-decoration: underline; }
.znackanav strong { color: #667BB4; }
.znackanav td { vertical-align: top; }
.znackanav h3.l1 a { color: #666; }
.znackanav td.l2 h3 { font-weight: normal; }
.znackainfo hr { border: 1px solid white; }


fieldset { padding: 5px; margin: 0; border: 1px solid white; font-size: .7em; /* background: #FAFAFA; */ } 
label.block { display: block; width: 90px; float: left; margin-right: 5px;} 
input.title { width: 200px; }
textarea, .title1 { width: 325px; }
.title { border: 1px solid #BBB; }

#basket { background: #666; padding: 10px 20px; }
#basket table { width: 530px; }
#basket td { background: white; padding: 2px 5px; border-top: 3px solid #666; }
#basket td.none, #basket td.w50 { background: none; color: white; }
#basket td.w50 { width: 50px; }
#basket th { color: white; padding: 2px 5px; }
#basket a { color: #EACEA0; }
#basket fieldset { border: 1px solid #666; }

#content p.error { color: red; padding: 5px; border-bottom: 1px solid #CCC; }

#footer { width: 763px; text-align: right; font-size: .54em; position: absolute; bottom: 0; left: 0; height: 15px; padding: 3px 7px 0 0; color: #EEE; background: #999; }
#footer a { color: #EEE; }

/* styles 4 WMS */
.left { text-align: left; }
.justify { text-align: justify; }
.imgcnt { margin: 5px 0; }
.imgleft, .imgright { float: left; margin: 10px 10px 10px 5px; position: relative;}
.imgright { float: right; margin: 10px 5px 10px 10px;}
#content ul, #content ol { margin-left: 40px; }
#content ul li { list-style-type: square; }
#content ul.nonebull li { list-style-type: none; }
#content ol.lett { list-style-type: lower-alpha; }
#content ol li { list-style-type: decimal; }