/****************** 01/ ÄÎÊÓÌÅÍÒ ***/
* { padding: 0; margin: 0; border: 0; }
* body { background: url(/projects/elves/images/pozadina.jpg) repeat 50% 0; font: 62.5% georgia, serif; color: #57595E; text-align: center; }



/****************** 02/ ÎÑÍÎÂÀ ***/
#divContent { background: #eee url(/projects/elves/images/mid/pozadinaSadrzaj.jpg) repeat-y; width: 745px; margin: 30px auto 0 auto; text-align: left; }
#divHead { background: url(/projects/elves/images/head/pozadina.jpg) no-repeat; height: 106px; position: relative; }
#divMidL { background: url(/projects/elves/images/mid/pozadina.jpg) no-repeat; float: left; width: 375px; height: 368px; position: relative; }
#divMidR { float: right; width: 370px; w\idth: 280px; padding: 0 60px 0 30px; position: relative; }
#divFoot { background: url(/projects/elves/images/foot/pozadina.jpg) no-repeat; height: 110px; clear: both; position: relative; }
#ulOpcije { background: #666 url(/projects/elves/images/head/opcijePoz.jpg) repeat-x 0 100%; position: absolute; top: 0; right: 0; list-style: none; padding: 1px 5px 1px 7px; }



/****************** 03/ ÑÑÛËÊÈ  ***/
a:link, a:visited { color: #A92A3B; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: underline; }

a:link span, a:visited span { color: #55607E; }



/****************** 04/ ÍÀÂÈÃÀÖÈß ***/
#ulNav { list-style: none; width: 400px; height: 314px; position: absolute; top: 60px; left: 65px; }
    #ulNav li { position: absolute; left: 0; height: 25px; width: 269px; }
    #ulNav li#liNavSinkise, #ulNav li#liNavDesetsekundi { height: 189px; width: 269px; }
        
        #ulNav li a { display: block; width: 269px; height: 25px; padding: 25px 0 0 0; overflow: hidden; height: 0px !important; height /**/:25px; }
        #ulNav li#liNavSinkise a, #ulNav li#liNavDesetsekundi a { width: 269px; height: 189px; padding: 189px 0 0 0; overflow: hidden; height: 0px !important; height /**/:189px; }

    #liNavUvod { top: 0; }
    #liNavBiografija { top: 25px; }

    #liNavSinkise { top: 50px; }

    #liNavNovosti { top: 239px; }
    #liNavKontakt { top: 264px; }
    #liNavLinkovi { top: 289px; }
    
    #liNavUvod a { background: url(/projects/elves/images/mid/navUvod.jpg) no-repeat; }
    #liNavBiografija a { background: url(/projects/elves/images/mid/navBiografija.jpg) no-repeat; }
    <!--#liNavSinkise a { background: url(/projects/elves/images/mid/navSinkise.jpg) no-repeat; }-->
    #liNavNovosti a { background: url(/projects/elves/images/mid/navNovosti.jpg) no-repeat; }
    #liNavKontakt a { background: url(/projects/elves/images/mid/navKontakt.jpg) no-repeat; }
    #liNavLinkovi a { background: url(/projects/elves/images/mid/navLinkovi.jpg) no-repeat; }

    #ulNav li a:hover, #ulNav li a:active, #bodyKnjige #liNavUvod a, #bodyBiografija #liNavBiografija a, #bodyNovosti #liNavNovosti a, #bodyKontakt #liNavLinkovi a, #bodyLinkovi #liNavKontakt a { background-position: 0 -25px; }
    #ulNav li#liNavSinkise a:hover, #ulNav li#liNavSinkise a:active, #ulNav li#liNavDesetsekundi a:hover, #ulNav li#liNavDesetsekundi a:active, .bodySinkise #liNavSinkise a, .bodyDesetsekundi #liNavDesetsekundi a { background-position: 0 -189px; }



/****************** 05/ ÊÎÍÒÅÍÒ ***/
#h1Naslov { width: 280px; height: 22px; position: absolute; top: -57px; }
    #bodyUvod #h1Naslov { left: 30px; background: url(/projects/elves/images/mid/h1Uvod.gif) no-repeat; }
    #bodyBiografija #h1Naslov { left: 32px; background: url(/projects/elves/images/mid/h1Biografija.gif) no-repeat; }
    .bodySinkise #h1Naslov { left: 30px; background: url(/projects/elves/images/mid/h1Sinkise.gif) no-repeat; }
    .bodyDesetsekundi #h1Naslov { left: 30px; background: url(/projects/elves/images/mid/h1Desetsekundi.gif) no-repeat; }
    #bodyNovosti #h1Naslov { left: 31px; background: url(/projects/elves/images/mid/h1Novosti.gif) no-repeat; }
    #bodyKontakt #h1Naslov { left: 32px; background: url(/projects/elves/images/mid/h1Kontakt.gif) no-repeat; }
    #bodyLinkovi #h1Naslov { left: 34px; background: url(/projects/elves/images/mid/h1Linkovi.gif) no-repeat; }
    #bodyGreska #h1Naslov { left: 32px; background: url(/projects/elves/images/mid/h1Greska.gif) no-repeat; }
	#bodyError #h1Naslov { left: 150px; background: url(/projects/elves/images/mid/errorloader.gif) no-repeat; }
    #h2Novosti { width: 280px; height: 17px; background: url(/projects/elves/images/mid/h2Novosti.gif) no-repeat; text-align: center; margin: 30px 0 0 0; }
h1 span, h2 span { display: block; width: 0; height: 0; overflow: hidden; }
h3 { font-size: 1.3em; color: #244E71; }
    h3 a:link, h3 a:visited { color: #244E71; }
    h3 a:hover, h3 a:active { color: #000; }

/****************** 06/ ÑÒÐÓÊÒÓÐÀ - DIV ***/
/** head **/
.imgLogo { position: absolute; top: 28px; left: 83px; }

/** mid R **/
#divMidR p { font-size: 1.1em; padding: 1.2em 0 0 0; line-height: 1.4em;  }
#divMidR dl { font-size: 1.1em; line-height: 1.4em; }
    #divMidR dt { font-weight: bold; margin-top: 1.2em; }
#divMidR li { font-size: 1.1em; line-height: 1.4em; margin-left: 20px; }

    /* ñîäåðæàíèå */
    .pUvod { color: #244E71; }

    .divNovost { background: url(/projects/elves/images/mid/linija.gif) no-repeat 50% 0; margin: 10px 0 0 0; }
        #divMidR p.pNovostDatum { font-size: 1em; padding-top: 2.5em; color: #636363; }
        #divMidR p.pNovostiArhiva { padding: 2em 0 0 0; margin-top: 2em; font-size: 1em; background: url(/projects/elves/images/mid/linija.gif) no-repeat 50% 0; text-align: center; }

    /* kn */
    #bodyKnjige h3 { margin: 2em 0 0 0; }
    #bodyKnjige blockquote { background: url(/projects/elves/images/mid/citatTL.gif) no-repeat; padding: 0; margin: 0; }
        #bodyKnjige blockquote p { background: url(/projects/elves/images/mid/citatBR.gif) no-repeat 100% 100%; padding: 0 0 10px 25px; font-style: italic; font-weight: bold !important; font-weight: normal; }

    /* íîâîñòè */
    #bodyNovosti .divNovost { margin: 15px 0 0 0; }
    #divMidR .divNovostPrva p.pNovostDatum { padding-top: 1.3em; }
    #bodyNovosti #divMidR p.pNovostDatum { font-size: 1em; padding-top: 1.5em; color: #636363; }
    
    #ulNovostiNav { margin-top: 20px; padding-top: 20px; background: url(/projects/elves/images/mid/linija.gif) no-repeat 50% 0; list-style: none; font-size: .9em; }
        li#liNovostiNavP { float: left; margin-left: 0; }
        li#liNovostiNavS { float: right; }
        
    #bodyNovosti ul.ulLista { list-style: none; margin-top: .7em; }
        #bodyNovosti ul.ulLista li { padding: .2em 0 .2em 15px; margin-left: 10px; background: url(/projects/elves/images/mid/LiZvijezda.gif) no-repeat 0 50%; }        
        
    /* êîíòàêòû */
    .input, .textarea { border-right: 1px solid #C8C6BF; border-bottom: 1px solid #C8C6BF; width: 260px; background: url(/projects/elves/images/mid/kontaktPoz.jpg) repeat; font-family: georgia, serif; font-size: 1.1em; line-height: 1.7em; padding: 3px 0; }
    .gumbekSalji { width: 111px; height: 29px;}
    #divMidR dt .spanGreska { font-size: .9em; color: #D22A2A; font-weight: normal; }
    
    /* ññûëêè */
    #bodyLinkovi h3 { margin: 2em 0 0 0; }
        #bodyLinkovi #divMidR ul { margin-top: .7em; list-style: none; }
            #bodyLinkovi #divMidR ul li { margin: .5em 0 0 0; }
         
/** ôóòåð **/
.imgInfo { position: absolute; top: 51px; left: 345px; }

#divFootBroj { height: 110px; background-repeat: no-repeat; background-position: 37px 14px; }
    #bodyBiografija #divFootBroj { background-image: url(/projects/elves/images/foot/brojBiografija.gif); }
    .bodySinkise #divFootBroj { background-image: url(/projects/elves/images/foot/brojUvod.gif); }
    .bodyDesetsekundi #divFootBroj { background-image: url(/projects/elves/images/foot/brojKnjigeDeset.gif); }
    #bodyNovosti #divFootBroj { background-image: url(/projects/elves/images/foot/brojNovosti.gif); }
    #bodyKontakt #divFootBroj { background-image: url(/projects/elves/images/foot/brojLinkovi.gif); }
    #bodyLinkovi #divFootBroj { background-image: url(/projects/elves/images/foot/brojKontakt.gif); }
    #bodyGreska #divFootBroj { background-image: url(/projects/elves/images/foot/brojGreska.gif); }
    
/** îïöèè **/
#ulOpcije li { display: inline; }
    #ulOpcije li a { display: block; float: left; padding: 2px 5px; }
    #ulOpcije li a:link, #ulOpcije li a:visited, #ulOpcije li a:hover, #ulOpcije li a:active { color: #D6D6D6; }
    


/****************** 07/ ÐÀÇÍÎÅ ***/
hr { display: none; }


/****************** 08/ ÊÀÐÒÈÍÊÈ ***/
	.imb { border:2px solid #8F9082; display:block; }