body {
background: #FFFFFF url(images/bckgr-main.png) top center repeat-x; 
margin: 0;
padding: 0;
text-align: center;
}

img {
border: 0;
padding: 0;
display:block; /* zbog ovog nije potreban margin-bottom*/
/*margin-bottom: -5px; /* ovo preklapanje popravlja problem s ie i avant dodatnim prostorom poslije slike, FF to radi kad se stavi strict doctype*/
}

table {
border: 0;
padding: 0;
margin: auto;
vertical-align: top;
text-align:center;
}

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

p {
border:0;
margin:0;
padding:0;
}

a, a:link, a:visited {
color: #1b3a85;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: black;
}

a.hg, a.hg:link, a.hg:visited {
color: #006633;
}

a.hg:hover {
color: black;
}


#container {
margin: 0 auto;
width: 920px;
padding: 0;
text-align: left;
}

#left {
position: absolute;
top: 5 px;
width: 150px;
margin: 0;
padding: 0;
float: left;
}

#left-head {
margin-top: 10px;
}

#main {
position: absolute;
top: 5 px;
width: 760px;
margin-left: 160px;
margin-bottom: 50px;
padding: 0;
}

#main-head-menu {
margin-top: 10px;
height: 33px;
width: 600px;
padding: 0;
border: 0;
font: bold 11px helvetica,verdana,arial,sans-serif;
text-align: center;
}

#main-head-logo {
margin-top: 10px;
}

#main-cont {
margin-top: 10px;
width: 760px;
height: 100%;
}

#main-cont-in {
background: #FFFFFF;
padding: 10px;
border: 2px solid #1b3a85;
font: normal 11px helvetica,verdana, arial,sans-serif;
color: black;
text-align: left;
}

h1 {
text-align: left;
padding-left: 30px;
margin-top: 15px;
margin-bottom: 20px;
background: url(images/hi-grb.gif) left center no-repeat;
font: bold 18px helvetica,verdana, arial,sans-serif;
}

h2 {
text-align: left;
margin-top: 25px;
margin-bottom: 10px;
font: bold 14px helvetica,verdana, arial,sans-serif;
}

h3 {
text-align: left;
margin:0px;
margin-top: 10px;
font: bold 14px helvetica,verdana, arial,sans-serif;
}

#tekst {
text-align: left;
font: normal 11px helvetica,verdana, arial,sans-serif;
zoom:1;
}

#tekst ul {
list-style-type:disc;
margin: 0;
padding: 0;
margin-left:20px;
}

#tekst ul.ul2 {
list-style-type:circle;
margin-left:10px;
}

#flash {
font-size:0px;
line-height:0px
} /* fix za FF i prikazivanje flash-eva sa dodatnim prostorom */

#slike { /* za projektiranje, skup slika*/
}
#slike img {
margin: 5px;
}


/************************* Prozori HG **************************/

#win-top {
background: url(images/win-head.gif) top center no-repeat;
margin-top: 10px;
padding-top: 6px;
width: 150px;
height: 19px;
color: white;
font: bold 11px helvetica,verdana, arial,sans-serif;
text-align: center;
}

#win-topna, #win-top a:link, #win-top a:visited { /* jer u ie6 i ie7 skupina divova ne moze biti link, pa ni tekst unutar njih... a inheritali su link cijele stranice sto ne pase na punu pozadinu*/
color: white;
text-decoration: none;
font-weight: bold;
text-align: center;
}

#win-top a:hover {
color: white;
text-align: center;
}

#win-mid {
/*background: #458e6d;  -- (rijeseno pomocu margin-bottoma)  zbog greske u avantu i ie da poslije sadrzaja stavljaju jos par pixela praznog mjesta*/
width: 146px;
border-left: 2px solid #1b3a85;
border-right: 2px solid #1b3a85;
}

#win-bot {
background: url(images/win-bott.gif) top center no-repeat;
width: 150px;
height: 10px;
font-size:0px;
line-height:0px; /* IE 5.5 dodaje jos prostora... */
}

/******************************************************************/

/************************* Prozori HS **************************/

#hs-win-top {
background: url(images/hs-win-head.gif) top center no-repeat;
margin-top: 10px;
padding-top: 6px;
width: 150px;
height: 19px;
color: white;
font: bold 11px helvetica,verdana, arial,sans-serif;
text-align: center;
}

#hs-win-top a, #hs-win-top a:link, #hs-win-top a:visited { /* jer u ie6 i ie7 skupina divova ne moze biti link, pa ni tekst unutar njih... a inheritali su link cijele stranice sto ne pase na punu pozadinu*/
color: white;
text-decoration: none;
font-weight: bold;
text-align: center;
}

#hs-win-top a:hover {
color: white;
text-align: center;
}

#hs-win-mid {
width: 146px;
border-left: 2px solid #1b3a85;
border-right: 2px solid #1b3a85;
}

#hs-win-bot {
background: url(images/hs-win-bott.gif) top center no-repeat;
width: 150px;
height: 10px;
font-size:0px;
line-height:0px;
}

/******************************************************************/


/************************* head meni ********************************/

#main-head-menu a, #main-head-menu a:link, #main-head-menu a:visited {
color: #cccccc;
text-decoration: none;
font: bold 11px helvetica,verdana,arial,sans-serif;
}

#main-head-menu a:hover {
color: white;
}

.hsmenu-left {
background: url(images/hsmenu-left.gif) center left no-repeat;
margin: 0px;
padding: 0px;
border: 0px;
width: 4px;
}

.hsmenu-fill {
background: url(images/hsmenu-fill.gif) center left repeat-x;
margin: 0px;
padding: 0px;
border: 0px;
width: 99px;
text-align: center;
}

.hsmenu-fill-form {
background: url(images/hsmenu-fill.gif) center left repeat-x;
margin: 0px;
padding: 0px;
border: 0px;
}

.hsmenu-limit {
background: url(images/hsmenu-limit.gif) center left no-repeat;
width: 1 px;
}

.hsmenu-right {
background: url(images/hsmenu-right.gif) center left no-repeat;
margin: 0px;
padding: 0px;
border: 0px;
width: 4px;
}

/******************************************************************/


/************************* Meni HI sustava **************************/

#hi-menu {
width: 146px;
height: 100%;
border-left: 2px solid #1b3a85;
border-right: 2px solid #1b3a85;
font: bold 11px helvetica,verdana,arial,sans-serif;
}

#hi-menu a, #hi-menu a:link, #hi-menu a:visited  {
text-decoration: none;
color: #1b3a85;
width: 124px;/* width: 100%;  rijesava razmake u IE 6.0 i nize*/ 
display: block;
background: #c2c1c1;
padding: 3px 5px 3px 15px;
border: 1px solid white;
text-align: left;
}	
	
#hi-menu a:hover {
background: white url(images/hi-grb-mali.gif) center left no-repeat;
border: 1px solid #1b3a85;
}

#oi {
}

#oi a, #oi a:link, #oi a:visited  {
color: black;
width: 109px;
background: #dededd;
padding: 3px 5px 3px 30px;
}	
	
#oi a:hover {
background: white url(images/hi-grb-mali.gif) center left no-repeat;
border: 1px solid #1b3a85;
}

#hi-end {  /* forsa main-cont-in da obuhvati meni*/
clear: left;
font: bold 11px helvetica,verdana,arial,sans-serif;
text-align: right;
}

/******************************************************************/

/************************** Skidanje PDFova*******************************/

#pdfdown {
width: 250px;
margin-left: 0px;
margin-top: 20px;
font: bold 12px helvetica,verdana,arial,sans-serif;
}

#pdfdown li a, #pdfdown li a:link, #pdfdown li a:visited  {
text-decoration: none;
color: #1b3a85;
display: block;
width: 100%;
background: #dededd url(images/pdf_button.png) center left no-repeat;
padding: 3px 5px 3px 25px;
border: 1px solid white;
text-align: left;
}	
	
#pdfdown li a:hover {
background: white url(images/pdf_button.png) center left no-repeat;
border: 1px solid #1b3a85;
}

/************************** Referentni radovi *******************************/

table.rr { /* referentni radovi*/
text-align:left;
font: normal 11px helvetica,verdana,arial,sans-serif;
}

#vrh {
font: bold 11px helvetica,verdana,arial,sans-serif;
text-align: right;
}