html { background: url('g/bg2.jpg') repeat-x #689621; }
body { background: url('g/bg3.jpg') 50% 0 no-repeat; font-family: "Tahoma", "Arial", "Liberation Sans", sans-serif; }

b { font-weight: bold; }
i { font-style: italic; }

a { color: #B3EF86; }
a:hover { color: #EDFFDF; }

#gaja { background: url('g/bg.jpg') no-repeat 50% 0; width: 1000px; margin: 0 auto; position: relative; min-height: 800px; }
#gaja h1 { text-indent: -9999px; }
#gaja h1 a { position: absolute; overflow: hidden; left: 20px; top: 65px; width: 480px; height: 120px; display: block; text-indent: -9999px; }

#animacja { position: absolute;  width: 480px; height: 207px; right: 17px; top: 0; }
#animacja #layer { width: 100%; height: 100%;}
.anim00 { background: url('g/a/0.jpg') no-repeat; }
.anim01 { background: url('g/a/1.jpg') no-repeat; }
.anim02 { background: url('g/a/2.jpg') no-repeat; }
.anim03 { background: url('g/a/3.jpg') no-repeat; }

#topmenu { position: absolute; top: 0; left: 25px; }
#topmenu li { display: block; float: left; width: 150px; height: 42px; margin-right: 12px; }
#topmenu li a { display: block; width: 150px; height: 42px; position: relative; color: #DBFFC0; font-size: 11px; }
#topmenu li a:hover { color: #182C04; }
#topmenu .top1 a:hover { background: url('g/topmenu.jpg') 0 0 no-repeat; }
#topmenu .top2 a:hover { background: url('g/topmenu.jpg') -150px 0 no-repeat; }
#topmenu .top3 a:hover { background: url('g/topmenu.jpg') -300px 0 no-repeat; }
#topmenu li span { display: block; position: absolute; top: 14px; margin: 0 auto; text-align: center; width: 100%; }

#middlemenu { height: 191px; position: absolute; top: 210px; left: 28px;}
#middlemenu li { display: block; float: left; width: 150px; height: 191px; margin-right: 10px; }
#middlemenu li a { display: block; width: 150px; height: 191px; position: relative; font-size: 11px; color: white; }
#middlemenu li a:hover { color: #182C04; }
#middlemenu li span { position: absolute; top: 165px; width: 100%; display: block; text-align: center; }
#middlemenu .middle1 a:hover { background: url('g/middlemenu.jpg') 0 100% no-repeat; }
#middlemenu .middle2 a:hover { background: url('g/middlemenu.jpg') -150px 100% no-repeat; }
#middlemenu .middle3 a:hover { background: url('g/middlemenu.jpg') -300px 100% no-repeat; }
#middlemenu .middle4 a:hover { background: url('g/middlemenu.jpg') -450px 100% no-repeat; }
#middlemenu .middle5 a:hover { background: url('g/middlemenu.jpg') -600px 100% no-repeat; }
#middlemenu .middle6 a:hover { background: url('g/middlemenu.jpg') -750px 100% no-repeat; }

#content { width: 960px;  margin: 0 auto 0 auto; overflow: auto; padding-top: 420px; }
#content h2 { font-size: 30px; color: #6AB514; font-weight: bold; margin: 0 0 10px 3px; }
#content .left { float: left; width: 315px; margin-right: 15px; }
#content .left .menu { margin: 12px 5px; font-family: "Tahoma", "Geneva", "Arial", "Liberation Sans"; }
#content .left .menu a { color: #DBFFC0; font-size: 11px; display: block; padding: 4px 0; }
#content .left .menu li { border-bottom: 1px solid #4F8911; padding: 5px 0; }
#content .left .menu li.active a, #content .left .menu a:hover { color: #FFDF5E; }
#content .left .menu li.last { border: 0; }

#content .right a { border-bottom: 1px dotted #B3EF86; }

#content .right { width: 630px; overflow: hidden; float: left; margin-top: 47px; font-size: 11px; color: #DBFFC0; text-align: justify; line-height: 180%; }
#content .right .border { background: url('g/g2.png') no-repeat 50% 0; width: 629px; padding-top: 15px; margin-top: 10px;}
#content .right .minigallery { background: url('g/g1.png') no-repeat 50% 100%; padding: 0 0 2px 15px; overflow: auto; }
#content .right .minigallery img { float: left; margin: 0 12px 14px 0; }
#content .right .minigallery a { border: 0; }

#footer a { clear: both; background: url('g/footer.png') no-repeat 50% 50%; height: 35px; text-indent: -9999px; margin-top: 20px; display: block; overflow: hidden; }