body

{

    padding: 0px;

    margin: 0px;

    font-size: smaller;

    font-family: Verdana, Tahoma, Arial;

    background-color: #EAEAEA;

    width: 100%;

    height: 100%;

}

#outer

{

    background-position: right;

    width: 90%;

    background-color: White;

    background-image: url('images/desni.gif');

    background-attachment: scroll;

    background-repeat: repeat-y;

}

#header

{

    position: relative;

    background: #EAEAEA url('images/header.jpg') no-repeat left bottom;

    height: 65px;

    font-size: 1.5em;

    color: #EAEAEA;

    font-weight: normal;

    right: 6px;

    font-family: Verdana;

    display: block;

    vertical-align: middle;

    top: 0px;

}

#header p

{

    margin: 0px;

    padding: 0px;

    right: 1px;

    height: 48px;

    width: 115px;

    float: right;

    position: absolute;

    top: 12px;

}

#header img

{

    left: 0px;

    top: 0px;

}

#header a

{

    display: block;

    width: 100%;

    font-size: x-small;

    color: #CCCCCC;

    font-weight: 200;

    text-align: center;

    position: relative;

    font-family: Verdana;

}

#header a:hover

{

    display: block;

    border: none 0px white;

    color: #FBFDFD;

    font-weight: bold;

    font-family: Verdana;

    vertical-align: middle;

    font-size: x-small;

}

#HeaderDole

{

    position: absolute;

    height: 14px;

    width: 100%;

    left: 0px;

    top: 86px;

    background-image: url('images/gornj.gif');

    background-repeat: repeat-x;

}

#Ljevo

{

    position: absolute;

    float: right;

    width: 155px;

    background: #fff url('images/a1.gif') repeat-y right top;

    top: 68px;

    display: block;

    bottom: 53px;

    right: 11%;

    padding-top: 0.5em;

    padding-right: 1.5em;

    height: 541px;

    clear: left;

    margin-top: 1.5em;

}



#primaryContent

{

    margin-top: 1.5em;

    margin-bottom: 0em;

    right: 210px;

    padding-top: 1.5em;

    padding-bottom: 1em;

    padding-left: 2em;

    margin-right: 230px;

}

#primaryContent a

{

    font-size: small;

    color: #000080;

    border-bottom-style: dashed;

    border-bottom-width: 1px;

    text-decoration: none;
    text-align: right;
}

#primaryContent a:hover

{

    font-size: small;

    color: #000080;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    text-decoration: none;

}

#primaryContent1 a

{

    font-size: x-small;

    color: #000080;

    border-bottom-style: dotted;

    border-bottom-width: 1px;

    text-decoration: none;

    font-weight: bold;

}

#primaryContent1 a:hover

{

    font-size: x-small;

    color: #0000FF;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    text-decoration: none;

    font-weight: bold;

}

#primaryContent b

{

    color: #1F5465;

}

#primaryContent h1

{

    font-size: medium;

    color: #184250;

}

#primaryContent h2

{

    font-size: small;

    color: #184250;

    margin-bottom: 5px;

}

#primaryContent h3

{

    font-size: small;

    margin-bottom: 5px;

    margin-left: 20px;

    color: #184250;

}

#primaryContent h4

{

    font-size: x-small;

    margin-bottom: 5px;

    margin-left: 20px;

    color: #184250;

}

#primaryContent1

{

    margin: 1.5em 17em 0em 17.25em;

    font-size: small;

    color: #14323C;

    padding-top: 1.5em;

    padding-right: 1em;

    padding-left: 3em;

}

#primaryContent1 h1

{

    font-size: x-large;

    color: #184250;

}

#primaryContent1 h2

{

    font-size: small;

    color: #527E8B;

}

#primaryContent1 h3

{

    font-size: x-small;

    margin-bottom: 5px;

    color: #4E4E4E;

}

#primaryContent1 h4

{

    font-size: small;

    margin-bottom: 5px;

    color: #2E5D6D;

    font-weight: bold;

}

#primaryContent1 b

{

    color: #1F5465;

}

#footer

{

    position: relative;

    z-index: 1;

    border-top: dashed 1px #dfdfdf;

    padding: 1em 0em 2em 0em;

    margin: 1em 2em 0em 2em;

    top: 0px;

    left: 0px;

}

#tertiaryContent

{

    border: 1px solid #E8E8E8;

    position: absolute;

    width: 184px;

    padding: 0px 5px 5px 5px;

    background: #F9F9FA left top;

    top: 85px;

    font-size: x-small;

    left: 0px;

    right: 827px;

}



#tertiaryContent ul

{

    padding: 0px;

    margin-bottom: 5px;

    list-style: none;

    margin-top: 5px;

    top: 5px;

    left: -33px;

    width: 12.6em;

    position: relative;

}

#tertiaryContent .xbg

{

    position: absolute;

    left: 0em;

    bottom: -64px;

    background: #fff url('images/a4.gif') top left no-repeat;

    height: 64px;

    width: 128px;

}

#tertiaryContent h5

{

    font-size: small;

    margin-bottom: 5px;

}

#tertiaryContent p

{

    padding: 0px;

    font-size: small;

    margin-bottom: 0px;

    width: 15.4em;

    margin-right: 0px;

    position: relative;

    top: 0px;

    left: -7px;

}

#Ljevo p

{

    background-position: #F9F9FA;

    background: #F9F9FA;

    width: 156px;

    font-size: x-small;

    display: block;

    float: left;

    margin-bottom: 2px;

    margin-top: 2px;

}

#footer

{

    position: relative;

    z-index: 1;

    border-top: dashed 1px #dfdfdf;

    padding: 1em 0em 2em 0em;

    margin: 1em 2em 0em 2em;

    top: 0px;

    left: 0px;

}

.podloga_slika

{

    padding: 2px;

    border-style: none;

    float: right;

    text-decoration: none;

    margin-left: 15px;

    display: block;

    width: 230px;

    margin-bottom: 10px;

    background-color: #F9F9FA;

}

.DesnoSredina

{

    width: 14px;

    background-image: url('images/desni.gif');

    background-repeat: repeat-y;

    height: 100%;

}

.LijevoGore

{

    width: 14px;

    height: 14px;

    background-image: url('images/gornjilijevi.gif');

    background-repeat: no-repeat;

}

.DesnoGore

{

    height: 14px;

    background-image: url('images/gornjidesni.gif');

    background-repeat: no-repeat;

    width: 14px;

}

.SredinaGore

{

    height: 14px;

    background-image: url('images/gornj.gif');

    background-repeat: repeat-x;

}

.SredinaDolje

{

    background-image: url('images/doljnji.gif');

    background-repeat: repeat-x;

    height: 14px;

}

.LijevoSredina

{

    width: 14px;

    height: 459px;

    background-image: url('images/lijevi.gif');

    background-repeat: repeat-y;

}

.Sredina

{

    background-color: #FFFFFF;

    width: auto;

}

.LijevoDole

{

    width: 14px;

    height: 14px;

    background-image: url('images/donjiljevi.gif');

    background-repeat: no-repeat;

}

.DesnoDole

{

    height: 14px;

    background-image: url('images/donjidesni.gif');

    background-repeat: no-repeat;

    width: 14px;

}

.TablicaSadrzaj

{

    top: 100px;

    right: 15%;

    position: absolute;

    width: 85%;

}

.DivSredina

{

    width: 100%;

    height: 100%;

    position: absolute;

}

.DivLogo

{

    width: 100%;

    height: 80px;

    left: 0%;

    position: absolute;

    top: 12px;

}

.MenuHeader

{

    background-color: #FCFCFC;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-bottom-color: #E1E2E4;

}

.MenuOdabrani

{

    border-color: #e1e2e4;

    height: 25px;

    color: #184250;

    font-weight: bold;

    text-indent: 7px;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    font-family: Verdana;

    font-size: 10px;

    background-image: url('images/menu_podloga.gif');

    background-repeat: repeat-y;

    border-left-style: solid;

    border-left-width: 1px;

}

.NavigacijaMenu

{

    border-color: #e1e2e4;

    height: 25px;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    text-indent: 5px;

    color: #333333;

    font-size: 10px;

    border-left-width: 1px;

    border-left-style: solid;

    border-right-style: solid;

    border-right-width: 1px;

}

.plus

{

    background-image: url('images/plus.jpg');

    background-repeat: no-repeat;

    background-position: center center;

    empty-cells: show;

}

.minus

{

    background-image: url('images/minus.jpg');

    background-repeat: no-repeat;

    background-position: center center;

    empty-cells: show;

}

#content2

{

    width: 175px;

    color: #E1E2E4;

    background-color: #FFFFFF;

    visibility: visible;

    display: block;

    float: left;

    margin-bottom: 5px;

    overflow: hidden;

    border-spacing: 0px;

    table-layout: fixed;

    font-size: large;

}

#content2 .link

{

    font-family: Verdana;

    font-weight: bold;

    color: #184250;

    height: 20px;

    display: block;

    line-height: 20px;

    width: 168px;

}

#content2 a

{

    display: block;

    font-size: 10px;

    text-decoration: none;

    color: #333333;

    font-weight: bold;

    height: 20px;

    clear: both;

    width: 168px;

}

#content2 a:hover

{

    display: block;

    border: none 0px white;

    height: 20px;

    color: #184250;

    font-weight: bold;

    font-family: Verdana;

    background-image: url('images/menu_podloga.gif');

    background-repeat: repeat-y;

    line-height: 20px;

    vertical-align: middle;

    font-size: 11px;

    width: 168px;

}

#tertiaryContent h5

{

    font-size: x-small;

    margin-bottom: 5px;

}

.DivSadrzaj

{

    top: 125px;

    position: static;

    background-color: #FFFFFF;

    float: left;

    visibility: visible;

    padding-top: 10px;

    margin-left: 22px;

    display: block;

    height: 100%;

}

.DivDesnoLinkovi

{

    display: block;

    float: right;

    visibility: visible;

    width: 240px;

    position: static;

    height: 100%;

    text-align: left;

    clip: rect(auto auto auto auto);

}

#BodyDole

{

    position: absolute;

    height: 14px;

    width: 100%;

    left: 0px;

    background-image: url('images/gornj.gif');

    background-repeat: repeat-x;

}

.clear

{

    padding: 0px;

    clear: both;

    background-image: url('images/doljnji.gif');

    background-repeat: repeat-x;

    background-position: bottom;

    height: 14px;

}

#tertiaryContent h1

{

    font-size: small;

}

#GalerijaContainer

{

    padding: 0.5em 3em 2em 1em;

    height: auto;

}

#GalerijaContainer a

{

    padding: 0.5em;

    border-width: 0px;

    text-decoration: none;

    border-style: none;

    font-size: x-small;

    display: block;

    width: 202px;

    margin-right: 5px;

    margin-bottom: 25px;

    height: 155px;

    float: left;

    margin-left: 0px;

    position: relative;

    top: 0px;

    left: 0px;

}

#GalerijaContainer a:hover

{

    border-width: 0px;

    text-decoration: none;

    border-style: none;

    font-size: x-small;

    background-color: #F5F5FA;

    display: block;

}

#GalerijaContainer img

{

    border-style: none;

    width: 200px;

    height: 145px;

}

#GalerijaContainer h2

{

    border-style: solid solid none solid;

    border-width: 1px;

    border-color: #BCBCDE;

    display: block;

    float: none;

    clear: both;

    background-color: #F5F5FA;

    font-size: 14px;

}

body > #header p

{

    padding: 0px;

    right: 1px;

    height: 57px;

    width: 200px;

    top: -30px;

    margin-top: -30px;

    display: block;

}

#thumbBox{

    /*Outermost DIV for thumbnail viewer*/

    position: absolute;

    left: 0;

    width: auto;

    padding: 10px;

    padding-bottom: 0;

    background: #706D6F;

    visibility: hidden;

    z-index: 10;

    cursor: hand;

    font-family: Verdana, Arial;

    font-size: small;

}

#thumbBox .footerbar{

    /*Footer DIV of thumbbox that contains "close" link */

font: bold 14px Tahoma;

    letter-spacing: 5px;

    line-height: 1em;

    color: white;

    padding: 5px 0;

    text-align: left;

}





#thumbBox #thumbImage{

    /*DIV within thumbbox that holds the enlarged image */

background-color: #F5F5FA;

}

#thumbLoading{

    /*DIV for showing "loading" status while thumbbox is being generated*/

position: absolute;

    visibility: hidden;

    border: 1px solid #184250;

    background-color: #706D6F;

    padding: 5px;

    z-index: 5;

    color: #F5F5FA;

}