* { margin: 0px; padding: 0px; }

body { background: url('layout2010/background-bot.jpg'); background-position: 0px 782px; text-align: center; z-index: -1; }

#top-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 782px; background: url('layout2010/background.jpg'); z-index: 0; }

#container { position: relative; margin: auto; width: 717px; height: 500px; }

#logo { position: absolute; top: 40px; left: 0px; width: 255px; height: 179px; background: url('layout2010/logo-gif.gif') no-repeat; }

#kleks { position: absolute; width: 222px; height: 80px; top: 185px; left: 20px; z-index: 10; background: url(layout2010/kleks-gif.gif); }

/* MENU */
#menubox { position: absolute; top: 0px; right: -4px; background: url('layout2010/menubox.gif') no-repeat; width: 497px; height: 264px; }
#menubox a:link, #menubox a:visited { color: #FFF; text-decoration: none; }
#menubox a:hover { color: #000000; }

ul#menu, ul#detale, #detale li { list-style-type: none; }
#menu { text-align: right; margin: 45px 10px 0px 0px; font-family: Impact; font-size: 22px; line-height: 24px; text-transform: uppercase; color: #000000; }

#reklamaBox { display: block; position: absolute; top: 265px; left: 0px; width: 717px; height: 77px; background: url('layout09/layout-banner.gif'); text-align: center; }
#reklama { margin: 5px auto; width: 468px; height: 60px; border: 1px solid #000; }
#reklama img { border: 0px; }


#content-box { position: absolute; top: 350px; left: 0px; width: 717px; }
/* #content-box { position: absolute; top: 265px; left: 0px; width: 717px; } */
#content-top { width: 717px; height: 51px; background: url('layout09/content-top.gif') no-repeat; }
#content-bottom { width: 717px; height: 28px; background: url('layout09/content-bottom.gif') no-repeat; }

h1 { font-family: Impact; color: #FFF; font-variant: small-caps; font-size: 35px; text-align: left; margin-left: 30px; z-index: -10; }
#content { background: #393939 url('layout2010/content-bg.gif') repeat-y; color: #FFF; font-family: tahoma; font-size: 12px; text-align: left; padding: 0px 10px 0px 10px; }
#content ul { margin-left: 20px; list-style-type: circle; }

.ramka { background-color: #464646; border: 1px solid #313131; padding: 10px; margin: 5px 5px 0px 5px; }
.ramka:hover { background: #545454; }

#content a:link, #content a:visited { color: #FFF; font-weight: bold; text-decoration: none; }
#content a:hover { text-decoration: underline; }

.center { text-align: center; padding: 10px; }
.center a:link, .center a:visited { color: #FFF; font-weight: bold; text-decoration: none; }
.center a:hover { text-decoration: underline; }

.italic { font-style: italic; }
.underline { text-decoration: underline; }
.none { text-decoration: none; }
.bold { font-weight: bold; }

#content div.header { font-weight: bold; font-size: 15px; }
#content div.doublemargin { margin-left: 30px; }

#content p { margin: 0px 12px 0px 12px; padding-top: 18px; text-align: justify; }
#content p.akapit:first-letter, #content span.akapit:first-letter { margin-left: 20px; }
#content span.akapit { display: block; }

.formtable { width: 100%; }
.formtable input { width: 200px; }

.submit { border: 1px solid #FFF; background: #464646; padding: 5px; color: #FFF; font-weight: bold; }
.light { background: #464646; }
.light td, .dark td { padding: 5px; margin: 5px; }
.dark { background: #393939; }

fieldset { border: 1px solid #FFF; padding: 10px; }
legend { padding: 2px 5px; margin: 0px 15px; border-left: 1px solid #FFF; border-right: 1px solid #FFF; }

#footer a:link, #footer a:visited { color: #666; }
#footer a:hover { color: #AAA; }

.gallery td { text-align: center; border: 1px solid #000000; background: #464646; padding: 5px; }
.gallery td:hover { background: #545454; }
.gallery a:link, .gallery a:visited { text-decoration: none !important; }
.gallery a:hover { text-decoration: none; color: #CC1900 !important; }
.gallery img { border: 1px solid #000000; }