body { text-align: center; color: #2C475F; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 90%; background: #fff url(../images/back01.png) repeat-y top center; }
#base { background: url(../images/back02.png) no-repeat center; height: 156px; position: absolute; top: 35px; left: 0; width: 100%; }
#main { margin: 0 auto; width: 758px; text-align: left; background: url(../images/back_in.png) repeat-y top center; }

/* ---GENERAL--- */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a img, :link img, :visited img, fieldset { border: none; }

#head { position: relative; font-size: 1.5em; }
#head span { position: absolute; width: 100%; height: 100%; }

.up, hr { position: absolute; top: -10000px; }
.clear { overflow: hidden; clear: both; }

#menu { height: 35px; font-weight: bold; padding: 7px 0 0 100px; background: #55708E url(../images/menu.png) no-repeat; }
#menu ul, #menu li { float: left; list-style: none; text-align: center; width: 102px; }
#menu li a, #menu li a:link, #menu li a:visited, #menu li a:active { color: #fff; text-decoration: none; }
#menu li a:hover { color: #fff; text-decoration: underline; }
#menu strong { color: #DCE6D4; text-decoration: none; }

#right-col { float: right; width: 553px; margin: 135px 0 20px 0; }
#content { padding: 0 20px; }
#content a, a:link, a:visited, a:active, #left-col a { color: #5A9E6F; text-decoration: underline; }
#content a:hover, #left-col a:hover { color: #5A9E6F; text-decoration: none; }
#content p { padding: 7px; }

#content .drob { font-size: 85%; padding: 0 0 10px 5px; }

#shop { display: block; margin-left: 230px; position: absolute; top: 170px; z-index: 1; }

p#gal { padding: 0 0 0 5px; }
p#gal img { border: 1px solid #2C475F; padding: 4px; }
#content h2, #content h3 { font-size: 1.6em; color: #5A9E6F; padding: 0 0 10px 5px; }
#content h3 { font-size: 1.2em; padding-top: 10px; }
#content ul { margin: 0 0 10px 40px; }
#content li { margin: 0 0 3px 0; }
#content .floatRightClear { float: right; clear: right; margin: 0 0 4px 10px; border: 1px solid #2C475F; }

#content .polozka { margin: 8px 0; padding: 5px; background: #F2F3F5; }
#content .polozka h3 { padding: 0; font-weight: normal; font-size: 1.3em; color: #445AAC; }
#content .polozka h3 a, #content .polozka h3 a:link, #content .polozka h3 a:visited, #content .polozka h3 a:active, #content .polozka h3 a:hover { color: #445AAC; }
#content .polozka p span.red, #content .produkt p span.red { color: #f00; font-weight: bold; }
#content .polozka p.popis { font-size: 85%; }
#content .polozka .floatLeftClear { float: left; clear: left; margin: 0 10px 4px 0; border: 1px solid #2C475F; }

#content .produkt .floatLeftClear { float: left; clear: left; margin: 0 10px 4px 0; border: 1px solid #2C475F; }
#content .produkt .kusy { width: 50px; }

#left-all { float: left; width: 195px; margin-top: 135px; }
#left-all .left-col { margin: 0 0 15px 10px; width: 191px; background: #EFF4EC; }
#left-all .left-col h3 { font-size: 1em; padding-left: 10px; color: #fff; background: #4A6584 url(../images/popis.png) no-repeat; height: 24px; line-height: 24px; vertical-align: middle; }
#left-all .left-col p { padding: 5px; font-size: 90%; }
#left-all .left-col img { border: 0; margin: 5px 8px; background: #fff; border: 1px solid #2C475F; }

.left-col li { width: 191px; background: #4A6584 url(../images/menu_item.png) no-repeat; }
.left-col li a, .left-col li a:link, .left-col li a:visited, .left-col li a:active { color: #D5E5D3; display: block; text-decoration: none; width: 181px !important; width /**/:191px; padding: 4px 0 4px 10px; }
.left-col li a:hover { color: #D5E5D3; text-decoration: underline; }

.left-col li ul li { width: 191px; background: #6285A9 url(../images/menu_item_sec.png) no-repeat; }
.left-col li ul li a, .left-col li ul li a:link, .left-col li ul li a:visited, .left-col li ul li a:active { color: #D5E5D3; display: block; text-decoration: none; width: 171px !important; width /**/:191px; padding: 4px 0 4px 20px; }
.left-col li ul li a:hover { color: #D5E5D3; text-decoration: underline; }

.left-col li ul li ul li { width: 191px; background: #6285A9 url(../images/menu_item_sec.png) no-repeat; }
.left-col li ul li ul li a, .left-col li ul li ul li a:link, .left-col li ul li ul li a:visited, .left-col li ul li ul li a:active { color: #D5E5D3; display: block; text-decoration: none; width: 161px !important; width /**/:191px; padding: 4px 0 4px 30px; }
.left-col li ul li ul li a:hover { color: #D5E5D3; text-decoration: underline; }

#content fieldset { border: 0; }
.formular, .formular-shop, .objednavka { border: 1px solid #3B5E7D; margin: 10px 0 10px 8px; padding: 2px; font-size: 100%; width: 500px; }
.objednavka { font-size: 90%; }

div.good { background: #F1F8EC; color: #228B22; padding: 15px; margin: 15px 0 15px 0; border: 1px solid #228B22; width: 468px !important; width /**/:500px; }
div.chyby { background: #FFF6F6; color: #f00; padding: 15px; margin: 15px 0 15px 0; border: 1px solid #f00; width: 468px !important; width /**/:500px; }


.formular-shop td { padding: 4px; background: #F5F9FE; text-align: center; }
.formular-shop th { padding: 4px; text-align: center; }
.formular-shop span { font-size: 120%; color: #5A9E6F; }

.formular td { padding: 2px; background: #F3F7FA; text-align: right; width: 220px; }
.objednavka td { padding: 2px; background: #D9E6EF; text-align: left; width: 220px; }
.input { width: 200px; }
.input_obj { width: 80px; }
.input_firma { width: 120px; }
.kusy { width: 50px; }
.textarea { width: 200px; height: 100px; }
.red { color: #f00; }
.letter { letter-spacing: 5px; padding-left: 0.6em; }

#footer { text-align: center; color: #fff; font-size: 75%; clear: both; background: #55708E url(../images/footer.png); width: 758px; height: 32px; }
#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer img { border: 0; vertical-align: middle; }
#footer p { padding-top: 8px; }