body {
    background: url(slike/pozadina.png) top center no-repeat;
    background-attachment: fixed;
    background-repeat:no-repeat;
    font-family: Trebuchet MS, sans-serif;
    margin: 0px auto;
    padding: 0px;
    width: 760px;
    text-align: center; }

table { font-size: 12px; }

img { border: none; }

#navigacija ul {
    padding: 0px;
    margin: 25px 0px 0px 0px;
    list-style: none; }
#navigacija ul li.normal {
    margin-top: 8px;
    line-height: 18px;
    font-weight: bold; }
#navigacija ul li.uvlaka {
    padding: 0px 0px 0px 0px;
    line-height: 18px;
    font-weight: normal; }
/*li:hover { background: #DDDDDD; } */
    
p {
    margin: 0% 0% 0% 6%;
    width: 94%; }
center {
    margin: 0% 0% 0% 6%;
    width: 94%; }
    
h1 {
    font-size: 20px;
    text-align: center;
    font-weight: bold; }

h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase; }

h3 {
    text-transform: uppercase; }

a:link {
    text-decoration: none;
    color: darkorange; }
a:visited {
    text-decoration: none;
    color: darkorange; }
a:hover {
    text-decoration: underline;
    color: darkorange; }


#wrapper {
    width: 760px;
	text-align: left;
	font-size: 12px; /* velicina teksta na cijeloj stranici*/
	color: #333333;
	margin: 0px auto;
	padding: 0px;
	width: 760px; }

#logo {
	height: 109px;
    padding: 70px 0px 20px 0px;
    background: url(slike/logoHR.png) right no-repeat; }

#pruga {
    line-height: 29px;
    color: white;
    font-size: 16px;
    text-align: center;
    opacity: 0.64;
    filter: alpha;
	height: 29px;
    padding: 0px;
    border: 0px solid red;
    background: url(slike/pruga.png) center no-repeat; }

/* Ako stavim position: absolute onda se ravna po browseru, */
/* a sa relative po parent objektu. */
/* Ako nema naznacenog parent objekta onda je to browser. */
/* border prosiruje objekt, ne ulazi u njega!! */

/********************* PAZI na redoslijed objekata [div tagova] u html kodu!!! *********************/
#tijelo {
    border: 0px solid red;
    line-height: 8px;
    width: 760px;
    padding: 0px 0px 20px 0px;
    background: url(slike/sadrzaj.gif) center repeat-y; }
    
#sredina { /*  502 + 40 = 542 */ 
    line-height: 18px;
    text-align: justify;
    padding: 0px 10px 0px 20px;
    position: relative;
    left: 0px;
    width: 360px;
    min-height: 960px;
    height: auto;
    border: 0px solid red; }

#ql {
    padding: 64px 0px 0px 0px;
    line-height: 4px;
    border: 0px solid red;
    float: right;
    position: relative;
    width: 150px; }

#navigacija { /* ako nije navedena sirina onda se ravna prema tekstu u objektu*/
border: 1px solid red;
    line-height: 24px;
    text-align: left;
    position: relative;
    float: right;
    width: 174px;
    border: 0px solid red;
    padding: 0px 20px; /* siri objekt */
    margin: 0px; } /* pomjera objekt */
    
#footer {
    height: 7px;
    position: relative;
    top: 0px; 
    text-align: center;
    background: url(slike/footer.gif) center top no-repeat;
    color: #00093D;
    font-size: 10px;
    padding: 0px; }

.datum {
    color: #a9a9a9;
    font-size: 10px;
    margin: 0% 0% 0% 6%;
    width: 94%; }

.naslovna a:link {
    font-style: italic;
    text-decoration: none;
    color: black; }
.naslovna a:visited {
    font-style: italic;
    text-decoration: none;
    color: black; }
.naslovna a:hover {
    font-style: italic;
    text-decoration: underline;
    color: black; }
    
.crno a:link {
    font-style: normal;
    text-decoration: none;
    color: black; }
.crno a:visited {
    font-style: normal;
    text-decoration: none;
    color: black; }
.crno a:hover {
    font-style: normal;
    text-decoration: none;
    color: black; }