body { font-family:"Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 12px; color: white; background-image: url(graphic/space.gif); }

/* obecné */
div { position: relative; float:left; }

h1 { font-size: 17px; color: white; margin: 0px 0px 10px 0px; font-weight: bold; }
h2 { font-size: 15px; color: #FFDD00; margin: 0px 0px 10px 0px; font-weight: bold; }
h3 { font-size: 16px; color: red; text-align: center; margin: 0px 0px 10px 0px; font-weight: bold; }

p { font-size: 12px; color: white; text-indent: 15px; margin: 0px 0px 10px 0px; text-align: left; }
a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }

div.preload img { visibility: hidden; width: 0px; height: 0px; }

/* design */
div#page { width: 607px; height: 610px; left: 50%; margin-left: -303px; background-color: black; }

div#header { width: 607px; height: 69px; background-image: url(graphic/header.gif); background-repeat: no-repeat; }
div#body { width: 586px; height: 495px; margin-left: 10px; _margin-left: 5px; background-color: black; scrollbar-face-color: black; scrollbar-track-color: black; overflow-y: auto; scrollbar-arrow-color: white; }
div#footer { width: 607px; height: 46px; background-image: url(graphic/footer.gif); background-repeat: no-repeat; }

/* menu */
div#topmenu { width: 586px; font-size: 11px; text-align: center; margin-top: 10px; margin-bottom: 20px; }
div#topmenu a { color: white; }
div#topmenu a:hover { text-decoration: none; color: #FFDD00; }

div#mainmenu { top: 112px; left: 240px; }
div#mainmenu a { display: block; background-repeat: no-repeat; margin-bottom: 5px; }

a#menuitem1 { width: 265px; height: 22px; background-image: url(graphic/menu/aktualni_akce2.gif); }
a#menuitem1:hover { background-image: url(graphic/menu/aktualni_akce1.gif); }
a#menuitem2 { width: 333px; height: 22px; background-image: url(graphic/menu/sortiment_sirupu2.gif); }
a#menuitem2:hover { background-image: url(graphic/menu/sortiment_sirupu1.gif); }
a#menuitem3 { width: 278px; height: 23px; background-image: url(graphic/menu/ostatni_sortiment2.gif); }
a#menuitem3:hover { background-image: url(graphic/menu/ostatni_sortiment1.gif); }
a#menuitem4 { width: 368px; height: 21px; background-image: url(graphic/menu/kvalita_produktu2.gif); }
a#menuitem4:hover { background-image: url(graphic/menu/kvalita_produktu1.gif); }
a#menuitem5 { width: 142px; height: 22px; background-image: url(graphic/menu/receptury2.gif); }
a#menuitem5:hover { background-image: url(graphic/menu/receptury1.gif); }
a#menuitem6 { width: 247px; height: 24px; background-image: url(graphic/menu/kontakt2.gif); }
a#menuitem6:hover { background-image: url(graphic/menu/kontakt1.gif); }

/* kontakt */
table#kontakt { width: 586px; }
table#kontakt th { width: 297px; text-align: right; }
table#kontakt td { width: 310px; text-align: left; }
table#kontakt td p { text-indent: 0px; margin: 14px 0px 0px 0px; color: white; font-size: 11px; text-align: left; }
table#kontakt td a { color: #FFDD00; font-size: 11px; text-decoration: underline; }

span.delitko { font-weight: bold; color: #CACEAC; margin-left: 2px; margin-right: 2px; }

/* obecné */
p.kvalita { font-size: 13px; padding-left: 40px; width: 570px; color: white; text-indent: 0px; margin: 0px 0px 10px 0px; text-align: left; }

table#tab { width: 490px; border: 0px; margin: 0px; }
table#tab th { vertical-align: top; text-align: left; }
table#tab td { padding-left: 15px; text-align: left; font-size: 12px; color: white; vertical-align: top; }

table.vypistab { width: 586px; }
table.vypistab th { text-align: right; font-weight: normal; font-size: 10px; background-color: #CACEAC; color: black; padding: 2px; cursor: default; }
table.vypistab td { text-align: left; font-size: 7.5pt; }

/* Novinky */
div.news { position: relative; float: left; width: 586px; text-align: left; margin-bottom: 15px; }
div.news a,b { color: #FFDD00; }
div.news_header1 { position: relative; float: left; width: 480px; text-align: left; }
div.news_header2 { position: relative; float: left; width: 106px; text-align: right; }
div.news_body { position: relative; float: left; width: 460px; text-align: left; }
div.news_body p { margin-top: 5px; text-indent: 0px; }
div.news_pict { position: relative; float: left; text-align: left; margin: 5px 2px 2px 0px; }
div.news_pict img { width: 100px; border: 1px solid black; }
div.news_footer { position: relative; float: left; width: 586px; text-align: right; }