* { margin: 0 auto; padding: 0; }
body { background-color: #000; background-repeat: repeat; color: #333333; font: 62.5% Monaco, Verdana, Trebuchet MS, Verdana, Tahoma,  Arial, sans-serif; }

.ballb { background: transparent url(ballb/ballb_1.jpg); }
.briefs { background: transparent url(briefs/briefs_1.jpg); }
.contact { background: transparent url(contact/contact_3.jpg); }
.credits { background: transparent url(credits/credits_1.jpg); }
.footprint { background: transparent url(footprint/footprint_2.jpg); }
.gallery { background: transparent url(gallery/gallery_1.jpg); }
.home { background: transparent url(home/bg.jpg); }
.links { background: transparent url(links/links_1.jpg); }
.participants { background: transparent url(participants/participants_3.jpg); }
.press.htm { background: transparent url(press/press_1.jpg); }
.process { background: transparent url(process/process_1.jpg); }
.spaceball { background: transparent url(spaceball/spaceball_1.jpg); }
.toilet { background: transparent url(toilet/toilet_1.jpg); }
.umashup { background: transparent url(umashup/umashup_1.jpg); }
.umasopolis { background: transparent url(umasopolis/umasopolis_1.jpg); }

#content{ margin: 0 auto; padding: 20px 0 20px 0; width: 828px; position: relative; }

#logotype { z-index: 10;  left: 0px; top: 22px; position: absolute; width: 243px; height: 294px; background-image: url(back_zuta.gif); }
#logich { margin: 31px 0 0 33px; }
#logo_text { background-color: #f3ec19; padding: 0px 20px 7px 20px; margin: 7px 0 0 13px; }
#logo_text p { margin-bottom: 7px; }

#sadrzaj { z-index: 20; left: 162px; top: 115px; position: absolute; width: 466px; padding-bottom: 20px; background: transparent url(back_top.gif) no-repeat 20px 0; }
#sadrzaj_text { padding: 0px 73px 10px 73px; margin: 75px 0 0 0; width: 320px; float: left; background-color: #ffffff; }
#sadrzaj_bottom { float: left; display: block; width: 446px; height: 102px; background: transparent url(back_bottom.gif) no-repeat bottom left;  }
#sadrzaj_dodatno { margin: 188px 0 0 0; padding: 100px 20px 0 20px; height: 453px; width: 180px; float: right; background: transparent url(back_side.gif) no-repeat top right; }
#sadrzaj_dodatno_small { margin: 188px 120px 0 0; padding: 30px 20px 0 20px; height: 453px; width: 40px; float: right; background: transparent url(back_side.gif) no-repeat top right; }
#sadrzaj_dodatno ul { margin: 10px 0 0 14px; list-style-position: outside; list-style-image: url("bullet_small.gif"); }
#sadrzaj li { padding: 0; margin: 0 auto; }

#sadrzaj h2 { font-size: 1.3em; padding: 0 0 5px 0; text-transform: uppercase; }
#sadrzaj h3 { font-size: 1.2em; padding: 10px 0 8px 0; text-transform: lowercase; }

#sadrzaj p { line-height: 1.4em; margin-bottom: 1.0em; font-size: 1.0em; }

#sadrzaj ol, ul { margin: 0.5em 0 1.2em 15px; font-size: 1.0em; line-height: 1.4em; }	
#sadrzaj ul { list-style-position: outside; list-style-image: url("bullet_small.gif"); }
#sadrzaj ol li { margin-bottom: 0.2em; }

#menu { background: transparent url(izbornik_top.gif) no-repeat 0 0; z-index: 100; position: absolute; margin: 260px 0 0 0; padding: 59px 0 0 0; width: 182px; text-align: right; }
#menu ul { list-style-type: none; font-size: 1.1em; text-transform: uppercase; background-color: #ffffff; margin: 0px; padding: 0 0 30px 30px; font-weight: bold; }
#menu ul ul { padding: 0; list-style-type: none; font-size: 1.0em; text-transform: lowercase; font-weight: normal; }
#menu li { list-style-type: none; line-height: 1.6em; }
#menu ul ul li { padding: 0 10px 0 10px; }
#menu a { text-decoration: none; color: #000000; display: block; }
#menu a:hover { text-decoration: underline; color: #0000ff; }
#menu_bottom { background: transparent url(izbornik_bottom.gif) no-repeat 0 0; height: 55px; }

strong {  }

a { color: #0000ff; }
a:link, a:visited { color: #0000ff; }
a:hover, a:active { color: #0000ff; }

#small_logo { z-index: 30; left: 813px; top: 59px; position: absolute; width: 141px; height: 11px; float: right; }

.clear  { clear: both; }