body {
background: #bf9f62 url(images/bg_top.jpg) repeat-x top;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.75em;
}

html, body {
height: 100%;
}

#bg_bottom {
background: url(images/bg_bottom.jpg) repeat-x bottom;
display: block;
min-height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0
}

* html #bg_bottom {
height: 100%;
position: relative;
}

*:first-child+html #bg_bottom {
position: relative;
}

#center {
width: 964px;
margin: 0 auto;
}

#header_top {
width: 962px;
height: 42px;
padding-top: 13px;
}


/* gornja navigacija */

#header_nav {
float: right;
}

#header_nav ul {
margin: 0;
list-style: none;
padding: 0;
}

#header_nav li {
float: left;
margin-left: 8px;
}

#header_nav li a {
background: url(images/topnav.jpg) no-repeat 0 0;
float: left;
width: 88px;
height: 24px;
color: #d5d5d5;
text-decoration: none;
font-weight: bold;
padding-top: 5px;
text-align: center;
}

#header_nav li a:hover {
background: url(images/topnav.jpg) no-repeat 0 -29px;
color: #FFFFFF;
}



/* header */

#header {
background: url(images/header.jpg) no-repeat;
width: 964px;
height: 179px;
}


/* content */

#container {
padding-bottom: 86px;
width: 962px;
float: left;
}

#content, #content_top, #content_bot, #content_bot2 {
float: left;
width: 960px;
}

#content {
background: url(images/content.gif) repeat-y;
margin: 8px 0 0 2px;
display: inline;
}

#content_top {
background: url(images/content_top.gif) no-repeat top;
}

#content_bot {
background: url(images/content_bot.gif) no-repeat bottom;
}

#content_bot2 {
background: url(images/content_bot2.gif) no-repeat;
height: 11px;
margin-left: 2px;
display: inline;
}


/* content layers */

#left {
float: left;
width: 214px;
padding: 6px 0 0 6px;
/*border: 1px solid blue*/
}

/* lijeva navigacija */

#leftnav {
float: left;
background: url(images/nav.gif) no-repeat;
height: 203px;
width: 191px;
padding: 21px 0 0 17px;
margin-bottom: 5px;
}

#leftnav ul {
margin: 0;
padding: 0;
list-style: none;
width: 175px;
}

#leftnav li {
width: 175px;
float: left;
}

#leftnav a {
display: block;
float: left;
height: 26px;
border-top: 1px solid #444b52;
border-bottom: 1px solid #000000;
background: url(images/nav_h.gif) no-repeat 0 38px;
color: #FFFFFF;
font-size: 1.2em;
font-weight: bold;
width: 160px;
text-decoration: none;
padding: 9px 0 0 15px
}

#leftnav .leftnav_first a, #leftnav .leftnav_first a:hover {
border-top: 0;
}

#leftnav .leftnav_last a, #leftnav .leftnav_last a:hover {
border-bottom: 0;
}

#leftnav a:hover {
background: url(images/nav_h.gif) repeat-x;
border-top: 1px solid #78170f;
border-bottom: 1px solid #942519;
}

#leftnav img {
border: 0;
margin: 0 0 0 5px;
}


/* box kalendar i novosti */

.leftbox {
background: url(images/nav_bg.gif) repeat-y;
float: left;
width: 200px;
margin-left: 4px;
display: inline;
}

.leftbox_top {
background: url(images/nav_top.gif) no-repeat top;
float: left;
width: 200px;
}

.leftbox_top2 {
background: url(images/nav_top2.gif) no-repeat top;
}

.leftbox_bot {
background: url(images/nav_bot.gif) no-repeat bottom;
float: left;
width: 180px;
padding: 8px 10px 10px
}

#right {
float: right;
width: 215px;
padding: 10px 0 0 5px;
/*border: 1px solid green*/
}


/* novosti desno */

.novost_right {
color: #FFFFFF;
font-size: 0.9em;
border-top: 1px solid #7b8086;
padding: 10px 0;
float: left;
width: 180px;
}

.novost_right img {
max-width: 60px;
width: expression(this.width > 60 ? 60: true);
float: left;
border: 1px solid #8e9296;
margin-right: 10px;
}

.novost_date {
text-align: right;
color: #999999
}

.more {
text-align: right;
border-top: 1px solid #7b8086;
float: left;
padding-top: 5px;
font-weight: bold;
width: 180px;
}

* html .more {
width: 177px;
}


/* novosti glavne */


.novost {
float: left;
width: 490px;
border-top: 1px solid #CFB074;
padding: 5px 0
}

.novost img {
float: left;
margin: 10px 10px 0 0;
border: 1px solid #CFB074;
}


/* main div */

#main, #main_top, #main_bot {
float: left;
width: 520px;
}

#main {
background: url(images/main_bg.gif) repeat-y;
margin-top: 10px;
color: #191c1f;
/*border: 1px solid red*/
}

#main_top {
background: url(images/main_top.gif) no-repeat;
}

#main_bot {
background: url(images/main_bot.gif) no-repeat bottom;
padding: 15px;
width: 490px;
line-height: 20px;
min-height: 444px;
}

* html #main_bot {
height: 444px;
}

/* banneri */

.sponzor {
padding: 10px 0 0 4px;
float: left;
width: 200px;
}

.banner {
margin: 7px 0 0 4px;
float: left;
display: inline;
text-align: center;
width: 198px;
background: #69717a;
border: 1px solid #424548;
padding: 5px 0;
}

.banner img, .sponzor img {
border: 0;
}


/* galerija navigacija */

.gal_nav {
float: left;
font-weight: bold;
padding-bottom: 30px;
width: 490px;
}

.gal_nav a {
background:#FFFAEF none repeat scroll 0 0;
border:1px solid #DFBD7D;
display:block;
float:left;
margin:0 7px 7px 0;
padding:2px 7px;
text-align: center;
}

.gal_nav a:hover {
background:#FFFABF none repeat scroll 0 0;
border:1px solid #AF8D4C;
}

#main .gal_nav a.gal_nav_active {
color: #CC0000;
background: #E7D4B4;
border: 1px solid #AF8D4C;
}

/* galerija thumbovi */

.gal_img {
float: left;
margin: 0 5px 10px;
background: #FFFAEF;
border: 1px solid #DFBD7D;
padding: 10px 5px 0;
text-align: center;
width: 223px;
height: 172px;
line-height: 15px;
display: inline;
font-size: 0.9em;
}

.gal_img img {
border: 0;
margin-bottom: 5px;
max-width: 170px;
max-height: 130px;
width: expression(this.width > 170 ? 170: true);
height: expression(this.height > 130 ? 130 true);
}

.gal_img_txt {
font-weight: bold;
}


/* novost slike */

.novost_gal {
height: 140px;
}


/* uprava i igraci */

.uprava, .igrac {
float: left;
width: 245px;
font-size: 0.9em;
margin-bottom: 20px;
}

.igrac {
width: 470px;
margin-bottom: 25px;
background: #EFDFC2;
padding: 7px 10px;
}

.igrac_txt {
float: left;
width: 360px;
}

.uprava img, .igrac img {
float: left;
border: 1px solid #DFBD7D;
margin: 5px 10px 0 0
}

.igrac img {
margin-right: 20px;
}

#main .uprava strong, #main .igrac strong {
font-weight: normal;
color: #747474
}

.uprava em, .igrac em {
font-style: normal;
font-weight: bold;
color: #747474
}


/* footer */

#footer {
margin: 0 auto;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
z-index: 3;
width: 100%;
height: 86px;
text-align: center;
}

#footer_txt {
width: 930px;
clear: both;
height: 62px;
padding: 24px 15px 0;
font-size: 0.9em;
color: #bb9d6e;
margin: 0 auto;
}

#footer_left {
float: left;
}

#footer_right {
float: right;
}

#footer a {
color: #ddc297;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}


/* links */

a {
outline: none;
}

#main a {
color: #9F6800;
text-decoration: none;
}

#main a:hover {
color: #CC0000;
}

#right a {
color: #b5b9be;
text-decoration: none;
}

#right a:hover, .more a:hover, #right .more a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#right .more a, .more a {
color: #FFFFFF;
text-decoration: none;
}



/* misc */

.clear {
clear: both;
}

#content p {
margin: 0;
padding: 7px 0;
}

.list {
margin: 0;
padding: 7px 0 10px 50px;
}

.list li {
padding-bottom: 5px;
}

#main strong {
color: #5F4017;
}


/* headings */

h1 {
color: #936d3a;
font-size: 1.6em;
font-weight: normal;
margin: 0;
padding: 5px 0 10px;
}

h2 {
color: #eaeaea;
font-size: 15px;
margin: 0;
padding: 0 0 5px
}

h3 {
color: #936d3a;
font-size: 1.3em;
margin: 0;
padding: 5px 0 15px;
}

.novost h3 {
padding-bottom: 0;
}

h4 {
font-size: 1em;
color: #b5b9be;
margin: 0;
}

h5 {
border-top: 1px solid #CFB074;
color: #CFB074;
font-size: 1em;
font-weight: normal;
margin: 0;
padding-top: 7px;
text-align: right;
}

h5 strong {
color: #6F5129;
margin-left: 5px;
font-weight: normal;
}

h5 a {
margin-right: 5px;
}

h5 strong a {
font-weight: bold;
}

.novost h5 {
border: 0;
padding-top: 0;
}


/* kontakt */

#kontakt_left {
float: left;
width: 275px;
}

#kontakt_right {
float: right;
width: 215px;
}


/* KONTAKT FORMA */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #191C1F;
font-size: 1em;
width: 150px;
margin-top: 3px;
margin-bottom: 10px;
padding: 1px 3px;
background: #DFDFDF;
border: 1px solid #8F8F8F;
float: left;
}

.kontakt_forma input, .kontakt_forma textarea {
width: 250px;
}

.kontakt_forma {
width: 430px;
float: left;
padding: 10px 0 0 20px
}

label {
float: left;
width: 93px;
margin-top: 3px;
}

.kontakt_forma label {
width: 110px;
}

.button {
width: 83px;
height: 24px;
background: #E7D4B4;
border: 1px solid #AF8D4C;
color: #5F390C;
font-weight: bold;
cursor: pointer;
margin-left: 93px;
}

.kontakt_forma input.button {
width: 83px;
margin-left: 110px;
}

.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}
.txt_error_img {
float: left;
margin: 4px 0 0 4px;
}

legend {
display: none;
}

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

.alert {
color: #FF0000
}