body{ 
background: #b8cd9c url(../images/bg.jpg) top repeat-x;
margin:auto;
font-family: Tahoma, sans-serif;
font-size:12px;
color: #000000;
}

#maincontent{
overflow:hidden;
width:973px;
height:auto;
margin-top: 0px;
margin-bottom: 20px;
margin-left:auto;
margin-right:auto;
background: url(../images/bg-body.jpg) repeat-y;
}

#header{
float:left;
width: 973px;
height:183px;
background: url(../images/bg-header2.jpg) 0 0 no-repeat;
}

#content{
clear:both;
width:973px;
height:auto;
background:url(../images/bg-btm.jpg) no-repeat bottom left;
}

#leftside{
float:left;
width:171px;
height:auto;
}

#main{
float:left;
width:574px;
height:auto;
}

#rightside{
float: left;
width:209px;
height:auto;
padding-left: 15px;
}

#footer{
width:973px;
height: 60px;
float:left;
margin: 0;
clear:both;
background:url(../images/bg-footer.jpg) no-repeat bottom left;
}

/*NAVIGACIJA*/

html.scriptEnabled .Main-1 ul
{ 
display: none; 
} 


#menu{
float:left;
margin-top: 15px;
}

#menu ul{
padding:0; 
margin-left: 15px;
list-style:none;
}

#menu li{
margin-top: 5px;
}

.Main a{
font-size: 14px;
color:#006633;
text-transform: lowercase;
text-decoration:none;
padding-left: 15px;
background: url(../images/arrow-button.jpg) left top no-repeat;
}

.Main a:hover{
color:#990000;
padding-left: 15px;
background:url(../images/arrow-button1.jpg) left top no-repeat;
}

.Main-1 ul a{
color: #990000;
font-weight: normal;
padding-left: 15px;
background: url(../images/arrow-button.jpg) left top no-repeat;
}

.Main-1 ul a:hover{
color: #006633;
padding-left: 15px;
background:url(../images/arrow-button1.jpg) left top no-repeat;
}

.Main-1 a{
font-size: 14px;
color:#006633;
text-decoration:none;
padding-left: 15px;
background: url(../images/arrow-button-d.jpg) left no-repeat;
}

.Main-1 a:hover{
color:#990000;
padding-left: 15px;
background:url(../images/arrow-button-d1.jpg) left no-repeat;
}


/*BANNERI*/

#banner{
float:left;
margin-top: 20px;
margin-bottom: 20px;
height:auto;
}

.banner {
margin: 10px 0px 10px 20px;
}
 
/*NOVOSTI*/

#novosti{
float:left;
width: 195px;
height:auto;
margin: 0px 0px 20px 0px;
background:url(../images/bg-novosti.jpg) repeat-y;
}

#novosti-top{
width: 195px; 
height:48px;
background:url(../images/novosti.jpg) top left no-repeat;
}

#novosti-btm{
width: 195px; 
height:22px;
background:url(../images/bg-novosti-btm.jpg) bottom left no-repeat;
}

.news{
margin: 3px 10px 3px 10px;
padding-bottom: 7px;
border-bottom: 1px dotted #660000;
}

.news-date{
color: #336633;
font-weight:bold;
padding: 5px 0 5px 15px;
font-size: 13px;
background:url(../images/arrow-novosti.jpg) left no-repeat;
}

.news-text a {
text-decoration:none;
text-align:left;
line-height: 1.2em;
color:#000000;
}

.news-text a:hover {
color: #990000;
}

.arhiva a{
color:#FFFFFF;
float:right;
margin: 2px 15px 0 0;
text-decoration:none;
}

.arhiva a:hover{
text-decoration:underline;
}

/*OBAVIJESTI*/

#obavijesti{
float:left;
width: 195px; 
height:auto;
margin: 0px 0px 20px 0px;
background:url(../images/bg-obavijesti.jpg) repeat-y;
}

#obavijesti-top{
width: 195px; 
height:48px;
background:url(../images/obavijesti.jpg) top left no-repeat;
}

#obavijesti-btm{
width: 195px; 
height:22px;
background:url(../images/bg-obavijesti-btm.jpg) bottom left no-repeat;
}

/*KORISNI LINKOVI*/

#links{
float:left;
width: 160px;
clear:both;
margin: 5px 15px 20px 15px;
}

.link-naslov{
color:#990000;
font-weight:bold;
font-size:13px;
padding: 15px;
background:url(../images/arrow-link.jpg) left no-repeat;
}

.link{
margin: 5px;
}

.link a{
text-decoration:none;
color: #000000;
}

.link a:hover{
text-decoration: underline;
color: #006633;
}

/*FOOTER*/

.footertext {
color:#003300;
font-size:11px;
margin-top: 37px;
margin-left: 310px; 
}

.footertext a{
color:#003300;
}

.footertext a:hover{
color: #990000;
}

/*tekst i naslovi*/

h1{
margin-left:1px;
margin-top:0px;
background:url(../images/bg-naslov.gif) no-repeat top left;
font-size: 16px;
text-align:right;
padding-right: 30px;
padding-top: 7px;
color:#FFFFFF;
}

h2{
color:#990000;
font-size:14px;
font-weight:bold;
padding-left: 35px;
margin-top: 0px;
width: 450px;
}

h2 a{
color:#990000;
}

h2 a:hover{
color: #006633;
}

h3{
color:#990000;
font-size:15px;
font-weight:bold;
margin: 20px 35px 15px 35px;
padding-left: 15px;
background: url(../images/arrow-naslov.jpg) left no-repeat;
}

h4{
color:#990000;
font-size:13px;
font-weight:bold;
margin: 15px 35px 15px 35px;
}

h5{
color:#990000;
font-size:14px;
font-weight:bold;
margin: 10px 35px 15px 35px;
}


p{
font-size:13px;
margin: 8px 35px;
text-align:justify;
line-height: 1.2em;
}

a{
color: #990000;
}

a:hover{
color: #006633;
}

.pic{
border: 3px solid #b8cd9c;
float:left;
margin: 0 10px 10px 0; 
}

.pic-left{
border: 3px solid #b8cd9c;
float:left;
margin: 10px 10px 10px 0; 
}

.pic-right{
border: 3px solid #b8cd9c;
float:right;
margin: 10px 0px 10px 10px; 
}

.pic-center{
border: 3px solid #b8cd9c;
margin-left: 34px;
}

li {
font-size: 13px;
}

/*NOVOSTI-STRANICA-LISTA*/

.news-sadrzaj{
width: 572px;
height: 205px;
margin-top: 0px;
background:url(../images/bg-novosti-popis.jpg) no-repeat left top;
}

.news-sadrzaj-bozic{
width: 572px;
height: 205px;
margin-top: 0px;
padding-top: 50px;
background:url(../images/bg-novosti-bozic.jpg) no-repeat left top;
}

.news-sadrzaj-zanimlj{
width: 572px;
height: 205px;
margin-top: 0px;
background:url(../images/bg-novosti-zanimlj.jpg) no-repeat left top;
}

.p-bozic{
padding-left: 220px;
font-size: 13px;
font-weight:bold;
color:#990000;
}

.datum{
float:right;
margin-top: 13px;
padding-right: 35px;
padding-left: 495px;
width: 42px;
}

.dan{
color:#990000;
font-weight:bold;
font-size:15px;
text-align:center;
}

.mjesec{
color:#ffffff;
margin-top: 2px;
font-weight:bold;
font-size:13px;
text-align:center;
}

/*KONTAKT-HOME*/

#ikone{
margin: 0 38px 0 855px;
height: 36px;
}

.ikonica{
margin-top: 10px;
margin-left: 10px;
}

/*GALERIJA*/

#gallery{
margin: 30px 30px 30px 35px;
}

.gallery{
padding: 5px;
margin: 5px;
border: 1px solid #b8cd9c;
width: 100px;
height:100px;
}

/*TABLICA-STANOVNIŠTVO*/

table{
margin: 10px 35px;
}

td{
text-align:center;
border: 1px #99CC66 solid;
padding: 2px 4px;
}

td span{
font-weight:bold;
color:#006633;
}

#table{
width:260px;
float:right;
}

/*NATJECAJI*/

.natjecaj{
width: 573px;
height: 156px;
margin-left:2px;
margin-top: 5px;
padding-top: 10px;
background: url(../images/bg-natjecaj.jpg) no-repeat left top;
}

.informator{
width: 573px;
height: 145px;
margin-left:2px;
margin-top: 5px;
padding-top: 10px;
background: url(../images/bg-natjecaj.jpg) no-repeat left top;
}

.natjecajl{
width: 286px;
height: 145px;
padding-top: 10px;
float:left;
}

.natjecajr{
width: 286px;
height: 145px;
padding-top: 10px;
float:left;
}

.dokumenti{
background:url(../images/bg-dokumenti.jpg) top left no-repeat;
margin-left: 4px;
}

.proracun{
background:url(../images/bg-proracun.jpg) top left no-repeat;
margin-left: 1px;
}