﻿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
{
    right: 0px;
    width: 110px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    margin-top: 15px;
}
#header img
{
    left: 0px;
    top: 0px;
}
#header a 
{
    display: block;
    width: 100%;
    font-size: x-small;
    color: #295A69;
    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;
    top: 68px;
    display: block;
    bottom: 53px;
    right: 11%;
    padding-top: 0.5em;
    padding-right: 1.5em;
    height: 541px;
    clear: left;
    margin-top: 1.5em;
}
#marquee_replacement{
    padding: 0px 0px 0px 10px;
    font-size: x-small;
    height: 135px;
    overflow: hidden;
    width: 95%;
    position: relative;
    background-color: #FBFDFD;
    left: 0px;
    top: 0px;
}
#marquee_replacement p.spacer{
    border-style: none;
    height: 15px;
    background-color: #FBFDFD;
    margin-top: 0px;
    margin-bottom: 0px;
}
#marquee_replacement p.podatak{
border-style: none;font-size: x-small;width: 100%;position: relative;margin:0px;}
#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;
}
#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: 197px;
    padding: 0px 5px 5px 2px;
    background: #FBFDFD left top;
    top: 85px;
    font-size: x-small;
    left: 0px;
}
#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;
}
#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;
}
#Ljevo p
{
    margin: 2px 0px 2px 0px;
    background-position: #F9F9FA;
    background: #F9F9FA;
    font-size: x-small;
    display: block;
    float: left;
}
.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: 165px;
    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;
}
.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;
}
.podloga_slika
{
    padding: 2px;
    border-style: none;
    float: right;
    text-decoration: none;
    margin-left: 15px;
    display: block;
    margin-bottom: 10px;
    background-color: #F9F9FA;
}
#tertiaryContent h1
{
    font-size: small;
}
#GalerijaContainer
{
    font-size: x-small;
}
#GalerijaContainer a
{
    border-width: 0px;
    text-decoration: none;
    border-style: none;
    font-size: x-small;
    display: block;
    width: 121px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
#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;
}
#GalerijaContainer h2
{
    border-style: solid solid none solid;
    border-width: 1px;
    border-color: #BCBCDE;
    margin-bottom: 1px;
    display: block;
    float: none;
    clear: both;
    background-color: #F5F5FA;
    font-size: 14px;
}
.Reference
{
    float: left;
    margin: 10px;
    vertical-align: middle;
    text-align: center;
    height: 108px;
    width: 200px;
}
body > #header p
{
    padding: 0px;
    right: 1px;
    height: 57px;
    width: 200px;
    top: -30px;
    margin-top: -30px;
    display: block;
}

