body {
margin: 0;
padding: 0;
background: #330000 url(../images/top-bg2.jpg) repeat-x;
font-family: Tahoma, sans-serif;
font-size:12px;
}

#main{
width:800px;
height:auto;
position:relative;
background-color: #ffffcc;
margin-top: 15px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
overflow:hidden;
}

/*LIJEVA STRANA*/

#leftblock {
width:230px;
height:auto;
float:left;
background: #ffffcc;
}
#leftheading{
background: url(../images/top-bg-logo.jpg) top repeat-x #663300;
height:167px;
}
#logo{
padding: 0px 26px 0px 26px;
}
#leftside2{
background-color:#ffffcc;
height:auto;
}
#leftside3{
background-color:#ffffcc;
height:auto;
}
#leftlinks {
padding:10px 26px 0px 26px;
}
#leftlinks22{
padding:0px 26px 0px 26px;
}
#leftlinks23{
padding:0px 26px 0px 26px;
}
#leftlinks-banner{
height:auto;
padding:0px 23px 30px 23px;
}

/*NAVIGACIJA*/

#menu-gore{
border-top:#ffcc33 1px solid;
border-right:#ffcc33 1px solid;
border-left:#ffcc33 1px solid;
text-align:left; 
background-color:#330000;
}
#menu-donji{
border-bottom:#ffcc33 1px solid;
border-right:#ffcc33 1px solid;
border-left:#ffcc33 1px solid; 
text-align:left; 
background-color:#330000;
}
.navi{
padding-top:12px;
padding-left:13px;
padding-bottom:2px;
border-bottom:1px dotted #663300;
}
.navi a{
font-size:12px;
text-decoration:none;
color:#ffffcc;
}
.navi:hover{
background: #993300;
font-size:12px;
padding-left:5px;
text-decoration:none;
color:#ffcc33;
font-weight:bold;
}
.navibot{
padding-top:8px;
padding-bottom:3px;
padding-left:13px;
border-bottom:1px dotted #663300;
}
.navibot a{
font-size:12px;
text-decoration:none;
color:#ffffcc;
}
.navibot:hover{
background: #993300;
font-size:12px;
padding-left:5px;
text-decoration:none;
color:#ffcc33;
font-weight:bold;
}
.navibot2{
padding-top:10px;
padding-bottom:7px;
padding-left:13px;
}
.navibot2 a{
font-size:12px;
text-decoration:none;
color:#ffffcc;
}
.navibot2:hover{
background: #993300;
font-size:12px;
padding-left:5px;
text-decoration:none;
color:#ffcc33;
font-weight:bold;
}
#hh{
height:18px;
}
#novosti{
background:url(../images/novosti-bg.jpg) 0 0 no-repeat;
width:176px;
height:auto;
border:#ffcc33 1px solid;
text-align:left;
background-color: #ffcc33;
}
#naslov-novosti{
font-size:2em;
font-family:Georgia, "Times New Roman", Times, serif; 
font-weight:normal;
color:#ffffcc;
padding:50px 0px 8px 8px;
}
.datum-novosti{
color:#330000;
font-weight:bold;
border-bottom: 1px dotted #993300;
padding:30px 8px 8px 8px;
}
.opis-novosti{
color:#000000;
font-size:11px;
padding:8px 8px 8px 8px;
}
.more-novosti{
padding:8px 0px 8px 8px;
color:#663300;
font-size:12px;
text-decoration:none;
}
.more-novosti a{
color:#663300;
text-decoration:none;
}
.more-novosti:hover{
font-size:12px;
text-decoration:none;
color:#330000;
}
#kontakt{
padding: 20px;
}
.kontakt{
font-size:12px;
padding: 5px 5px 5px 10px;
text-decoration:none;
text-align:left;
color:#990000;
}
.kontakt-naslov{
font-size:12px;
font-weight:bold;
padding: 5px 5px 5px 10px;
text-align:left;
color:#990000;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-color: #330000;
border-bottom-color: #330000;
}
.kontakt a{
color: #993300;
}
.kontakt a:hover{
color: #ffcc33;
}
.hei
{
height:25px;
}
.img-banner{
border: 1px solid #FFFF99;
padding: 2px;
}


/*DESNA STRANA*/

#rightblock {
width:570px;
height:auto;
float:left;
background-color:#ffcc33;
}
#imagepart{
background: url(../images/mainimage.jpg) 0 0 no-repeat;
width:570px;
height:331px;
}
#imagepart-sub{
background: url(../images/mainimage.jpg) 0 0 no-repeat;
width:570px;
height:331px;
}
.imagepart-sub{
float:left;
padding-top:1px
}
#headerlinkedpart{
width:350px;
height:auto;
line-height:30px;
display:inline;
}
.headerlinks{
font-size:12px;
padding:5px 5px 0 420px;
color:#ffffcc;
}
.headerlinks a{
text-decoration:none;
color:#ffffcc;
}
.headerlinks a:hover{
text-decoration:none;
color:#ffcc33;
}


/*DESNA STRANA-lijevi content*/

#content-main{
height:auto;
width:auto;
float:left;
background-color:#ffffcc;
}
#imagedownpartleft{
float:left;
width:158px;
height:195px;
}
#imagedownpartleftcontent{
float:left;
width:auto;
height:auto;
padding:20px 2px 8px 8px;
}


/*DESNA STRANA-desni content*/
#content{
float:left;
width:410px;
height:auto;
}
#content-list{
float:left;
width:569px;
height:auto;
}
#rightheading{
padding:10px 0px 0px 10px;
text-align:left;
}
.h1{
font-size:22px;
color:#993300;
font-weight: 200;
padding-top:8px;
padding-bottom:8px;
}
.h2{
font-weight:200;
font-size: 16px;
text-align:left;
color:#663300;
background:url(../images/srce.gif) left no-repeat;
padding:10px 0 10px 40px;
border-bottom:dotted #990000 1px;
}
.p1{
text-align:justify;
padding-top:10px;
padding-right:25px;
padding-bottom:5px;
}
.p1 a{
color:#993300;
}
.p2{
text-align:justify;
padding-top:5px;
padding-bottom:20px;
}
.p2 a{
color:#993300;
}
.p3{
text-align:justify;
padding-top:15px;
padding-right:25px;
padding-bottom:20px;
border-top: 1px #ffcc33 dotted;
}
#gallery{
width:520px;
height:auto;
float:left;
margin: 15px 0px;
padding:20px;
}
img.gallery{
padding:1px;
margin: 8px;
border:2px #993300 solid;
float:left;
}
#dokumenti{
width:520px;
height:auto;
float:left;
padding:20px;
margin-top: 10px;
margin-bottom:20px;
}
.document-list{
padding:0 10px 10px 20px;
text-align:left;
}
.document-list li{
padding-top: 5px;
}
.document-list a{
color:#330000;
text-decoration:none;
}
.document-list a:hover{
color:#993300;
text-decoration:underline;
}
.more-list{
padding:8px 20px 30px 8px;
color:#663300;
font-size:12px;
text-decoration:none;
text-align:right;
}
.more-list a{
text-decoration:none;
color:#330000;
}
.more-list a:hover{
text-decoration:none;
color:#993300;
}
img.gallery2{
padding: 2px;
margin-right:10px;
margin-bottom: 10px;
border:1px #993300 solid;
float:left;
}

/*DESNA STRANA-downpart*/

#downpart{
float:left;
width:569px;
height:auto;
background-color: #FFffcc;
}

#downleft{
float:left;
width:260px;
height:auto;
padding-top: 0;
padding-left: 15px;
padding-right: 20px;
padding-bottom: 20px;
}
#downright{
float:left;
width:260px;
height:auto;
padding-top:0;
padding-right:10px;
padding-bottom: 20px;
}
.naslov-down{
background:url(../images/down-header.jpg) 0 0 no-repeat;
height:50px;
}
.down-header{
padding: 30px 0 2px 70px;
font-size:14px;
color:#990000;
text-align:left;
font-weight:bold;
}
.img-down{
padding:5px;
text-align:center;
background-color:#ffcc33;
}
.p-down{
height:140px;
padding-top: 2px;
background-color:#ffcc33;
border: 1px solid #FFCC33;
}
.par-down{
text-align:justify;
padding: 10px 10px;
}
.more-down{
padding:5px 10px 10px 10px;
color: #990000;
border:1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-right-style:solid;
border-color: #FFCC33;
font-size:12px;
text-align:left;
}
.more-down a{
text-decoration:none;
color:#993300;
}
.more-down a:hover{
font-size:12px;
text-decoration:none;
color:#330000;
}


/*FOOTER*/

#footer-wrapper{
background: url(../images/footer-bg.jpg) 0 0 repeat-x;
position:relative;
margin: 0 auto;
clear:both;
height: 107px;
}
#footer{
margin: 0 auto;
width: 800px; 
line-height:15px;
}
#copy-foot{
width:400px;
position:relative;
margin: 0 auto;
font-size:10px;
color:#ffffcc;
}
#footerlinks{
width:800px;
position: relative;
font-size:10px;
color:#ffffcc;
}
#footer ul {
padding-top:20px;
}
#footerlinks li{
display:inline;
}
#footerlinks a{
text-decoration:none;
color:#FFFFCC;
}
#footerlinks a:hover{
text-decoration:underline;
color:#FFCC33;
}

#copy-foot a{
text-decoration:none;
color:#FFFFCC;
}
#copy-foot a:hover{
text-decoration:underline;
color:#FFCC33;
}