html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { background: #fcf9f0 url(../images/bg.jpg) center top no-repeat; font-family: Arial; font-size: 12px; color: black; }

strong { font-weight: bold; }

.delim { width: 957px; height: 6px; background: url(../images/delim.png) center top no-repeat; margin: 20px auto; }

#wrapper { width: 960px; margin: 25px auto; }

#header { height: 148px; width: 960px; position: relative; }
#header #slogan { text-indent: -119988px; overflow: hidden; text-align: left; width: 466px; height: 96px; position: absolute; top: 0px; left: 250px; background: url(../images/slogan.png) no-repeat; }
#header #popis { position: absolute; top: 109px; left: 267px; font-size: 14px; }
#header .name { font-weight: bold; font-size: 28px; width: 290px; }
#header #peteraj { position: absolute; top: 95px; left: 0px; background: url(../images/peteraj_bg.png) bottom left no-repeat; }
#header #august { position: absolute; top: 95px; left: 666px; text-align: right; background: url(../images/augustin_bg.png) bottom right no-repeat; }

#menu { background: url(../images/menu_bg.png) top repeat-x; }
#menu .inner { background: url(../images/menu_bg_right.png) right top no-repeat; }
#menu ul { display: inline-block; background: url(../images/menu_bg_left.png) left top no-repeat; }
#menu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #menu ul { height: 1px; }
#menu ul li { display: block; float: left; width: 190px; height: 40px; padding-top: 15px; text-align: center; }
#menu ul li a { font-size: 14px; font-weight: bold; text-decoration: none; padding-top: 15px; color: #494300; text-shadow: 1px 1px 1px white; }
#menu ul li a:hover, #menu ul li a.active { color: white; text-shadow: 1px 1px 1px black; }

#main .fs-18 { font-size: 18px; }
#main ul.styled li { display: block; padding: 8px 5px; text-align: center; font-size: 15px; }
#main ul.styled li img { padding: 0 5px; }
#main h1 { font-size: 26px; color: #f9d232; text-shadow: 1px 1px 1px #231f20; margin: 20px 0; }
#main h2 { font-size: 20px; font-weight: bold; background: url(../images/ul_li.png) left 9px no-repeat; padding-left: 30px; margin: 20px 0; line-height: 25px; }
#main h2.normal-weight { font-weight: normal; }
#main p { padding-bottom: 20px; line-height: 14px; }
#main img.pos-right { display: block; float: right; }
#main .style1 { color: #9c800e; }
#main .ukazka { text-align: center; }
#main a.objednat { display: block; text-indent: -119988px; overflow: hidden; text-align: left; width: 212px; height: 48px; background: url(../images/objednavky/button.png); }
#main .style2 { color: #987e0e; text-decoration: underline; font-weight: bold; font-size: 20px; }
#main .style3 { font-size: 25px; line-height: 25px; }
#main .style4 { font-size: 18px; }
#main .styled3 { font-size: 20px; }

#player, #video_augustin, #video_peteraj { display: block; width: 520px; height: 330px; }

#player { margin: 0 auto; }

#footer { height: 300px; background: url(../images/footer_bg.png) center top no-repeat; }
#footer .inner { margin-top: 50px; position: relative; }
#footer .inner .content { position: absolute; top: 173px; left: 0px; width: 100%; text-align: center; color: #947c0c; font-size: 9px; }
#footer .inner .bux a { display: block; text-indent: -119988px; overflow: hidden; text-align: left; position: absolute; top: 20px; left: 187px; width: 130px; height: 40px; background: url(../images/bux.png) center no-repeat; }
#footer .inner .ikar a { display: block; text-indent: -119988px; overflow: hidden; text-align: left; position: absolute; top: 20px; left: 662px; width: 130px; height: 40px; background: url(../images/ikar.png) center no-repeat; }