body  {
margin: 50px 0 20px 0;
background: #9d4903 url(images/bg.jpg) top center no-repeat;
background-attachment: fixed;
color:#a75300;
line-height:1.4em;
font:0.8em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
}

#wrapper {
width: 810px; 
background: transparent url(images/wrapper.gif) repeat-y; 
padding: 0 18px 1em 0; 
margin: 0 auto;
overflow: hidden;
}

#top { 
margin: 0 auto;
height: 74px; 
width: 810px; 
background: transparent url(images/header.gif) no-repeat; 
}

#box-wrapper {
width: 800px;
height: 250px;
margin: 0 auto;
padding: 0;
}

#image-header {
width:350px;
float:left;
margin-left:35px;
display:inline;
}
#about {
width:370px;
float:right;
margin-right:23px;
display:inline;
}

#content {
margin-left: 35px;
margin-right: 10px;
padding: 1em;
}

#main {
float: left;
display: inline;
width: 460px;
margin: 25px 0 0 17px;
}

#mid {
float: left;
display: inline;
width: 220px;
margin: 25px 0 0 20px;
border-left: 1px dashed #a75300;
padding-left: 20px;
}

.bread {
font-size: 1.1em;
margin: 0;
padding: 0 0 0 0;
position: relative;
}

.logo-small {
margin:0 12px 0 0;
padding:0;
float:left;
border: 0;
}


#footer {
height: 74px; 
width: 810px; 
margin:0 auto;
background: transparent url(images/footer.gif) no-repeat; 
}

#nav-div {
margin-top: 10px;
margin-left: 40px;
}

.detaljnije {
margin: 0px 0 10px 0;
padding:0 7px 1px 7px;
float:right;
}

.clear {
clear: both;
margin:0;
*margin:0 0 8px 0;
padding:0;
height: 0.1px;
}

* html .clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
overflow:hidden;
}

.img1 {
margin:5px 12px 0 0;
padding:0;
float:left;
border: 1px solid #cdd0d8;
}

.img2 {
margin:5px 0 0 12px;
padding:0;
float:right;
border: 1px solid #cdd0d8;
}


.thumb {
padding: 3px;
border: 1px solid #fff;
margin: 0 0 8px 9px;
display: inline;
}

a:link { color: #BF311A; outline: 0; font-weight: bold; text-decoration: none; }
a:hover, a:visited { color: #BF311A; outline: 0; font-weight: bold; text-decoration: underline; }
a:active { outline: 0 }

.bijeli {
color:#fff;
text-decoration: none;
font-weight: bold;
}

.bijeli:link {
color:#fff;
text-decoration: none;
}
.bijeli:visited {
color: #fff;
text-decoration: none;
}
.bijeli:active {
color:#fff;
}
.bijeli:hover {
color: #fff;
text-decoration: none;
font-weight: bold;
}


.bread h1 {
color:#a75300;
font:1.1em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
margin:0 0 0.2em 0;
padding:0;
text-decoration:none;
}

.bread h1 a {
color:#a75300;
font:1.1em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
margin:0 0 0.2em 0;
padding:0;
text-decoration:none;
}

.bread h1 a:hover {
color:#a75300;
font:1.1em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
margin:0 0 0.2em 0;
padding:0;
font-weight: bold;
}

.entry-title {
margin: 0;
padding: 0;
position: relative;
}

.entry-title h1 {
color:#a75300;
font:1.3em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
margin:0 0 0.2em 0;
padding:0;
text-decoration:none;
}

.entry-title h1 a {
color:#a75300;
font:1.3em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
margin:0 0 0.2em 0;
padding:0;
text-decoration:none;
}

.entry-title h1 a:visited {
color:#a75300;
font:1.3em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
margin:0 0 0.2em 0;
padding:0;
font-weight: bold;
}

.entry-title h1 a:active {
color:#a75300;
font:1.2em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
margin:0 0 0.2em 0;
padding:0;
font-weight: bold;
}

.entry-title h1 a:hover {
color:#a75300;
font:1.3em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
margin:0 0 0.2em 0;
padding:0;
font-weight: bold;
}

h2 {
height:25px;
color:#fff;
font-weight: bold;
font:1.2em normal "Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",times,serif;
padding:5px 8px;
background-image:url(images/bread.gif);
background-repeat: no-repeat;
margin:1px 0 10px 0;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:1em;
width:106px;
padding:7px 0;
color:#fff;
background:#a75300;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#fff;
background:#c8690a;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:106px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}