@charset"utf-8";
/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
body{line-height:1;}
ol, ul{list-style:none; margin:0px; padding: 0px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* poruke */
.inf, .done, .att, .err { background-repeat: no-repeat; background-position: 10px center; border: 1px solid; margin: 10px; padding:15px 10px 15px 50px; }
.inf { background-color: #ccb471; background-image: url('../img/icon/inf.png'); color: #b5b5b5; }
.done { background-color: #DFF2BF; background-image:url('../img/icon/done.png'); color: #4F8A10; }
.att { background-color: #FEEFB3; background-image: url('../img/icon/att.png'); color: #9F6000; }
.err { background-color: #ccb471; background-image: url('../img/icon/error.png'); color: #b5b5b5; }

/* osnovno */
body { font-family: "Trebuchet MS"; font-size: 12px; background-color: #232323; background-image:url(../img/podloga.png); background-repeat: no-repeat; background-attachment:fixed; background-position:center center;}
p { line-height: 17px; margin-bottom: 10px;}
.lijevo { float: left; }
.desno { float: right; }
.cisto { clear: both; }

.zaglavlje { width: 960px; margin: 0px auto; display: block; height: 125px; margin-top:40px;}
.zaglavlje img.logo { margin-left: 25px; }
.zaglavlje img.jezik { margin: 100px 10px 0 0; float: right;}

/* stranica */
#stranica { margin: 0px auto; position: relative; width: 960px; }

/* navigacija */
.navigacija-okvir {background-image:url('../img/nav-podloga.png'); background-repeat:no-repeat; width: 960px; background-color:#333; height:57px; margin: 0; padding: 0; border-bottom:3px solid #ccb471;}
ul.navigacija ul,ul. navigacija ul li { width:180px; }
ul.navigacija ul ul { margin:0 0 0 180px; }
ul.navigacija, ul.navigacija * { margin:0; padding:0; }
ul.navigacija { display:block; position:relative; }
ul.navigacija li { display:block; list-style:none; float:left; position:relative; }
ul.navigacija li:hover { visibility:inherit; /* fix IE7 */ }
ul.navigacija a { display:block; position:relative; }
ul.navigacija ul { position:absolute; left:0; width:150px; top:60px; left:-999999px; }
ul.navigacija ul a { zoom:1; /* IE6/7 fix */ }
ul.navigacija ul li { float:left; /* IE6/7 fix*/ width:150px; }
ul.navigacija ul ul { top:0; margin:0 0 0 150px }
ul.navigacija li:hover ul,ul.navigacija li:focus ul,ul.navigacija li.navigacija-hover ul { /*nivo 1*/ left:auto; }
ul.navigacija li:hover ul ul,ul.navigacija li:focus ul ul,ul.navigacija li.navigacija-hover ul ul { left:-999999px; }
ul.navigacija ul li:hover ul,ul.navigacija ul li:focus ul,ul.navigacija ul li.navigacija-hover ul {/*nivo 2*/ left:auto; }
ul.navigacija ul li:hover ul ul,ul.navigacija ul li:focus ul ul,ul.navigacija ul li.navigacija-hover ul ul { left:-999999px; }
ul.navigacija ul ul li:hover ul,ul.navigacija ul ul li:focus ul,ul.navigacija ul ul li.navigacija-hover ul {/*nivo 3*/ left:auto; }
ul.navigacija ul ul li:hover ul ul,ul.navigacija ul ul li:focus ul ul,ul.navigacija ul ul li.navigacija-hover ul ul { left:-999999px; }
ul.navigacija ul ul ul li:hover ul,ul.navigacija ul ul ul li:focus ul,ul.navigacija ul ul ul li.navigacija-hover ul {/*nivo 4*/ left:auto; }
ul.navigacija ul ul ul li:hover ul ul,ul.navigacija ul ul ul li:focus ul ul,ul.navigacija ul ul ul li.navigacija-hover ul ul { left:-999999px; }
span.sf-arrow { width:7px; height:7px; position:absolute; top:8px; right:0; display:block; background:url(../img/arrows-black.png) no-repeat 0 0; overflow:hidden; /* IE6 overflow fix */ font-size:1px; }
ul ul span.sf-arrow { right:12px; top:7px; background-position:0 100%; }

ul#nav ul, ul#nav ul li { width:200px; }
ul#nav ul ul { margin:0 0 0 200px; }
ul#nav { float:left; font-size:110%; margin:0;}
ul#nav ul { border-bottom:5px solid #ccb471; background:#333; opacity: 0.9;}
ul#nav li a { padding:22px 20px; font-family:"Trebuchet MS"; text-decoration:none; text-transform:uppercase; background:#333; color:#eee; }
ul#nav ul li a { padding:10px 15px; }
ul#nav li a:hover, ul#nav li a:focus { color:#333; background-color:#ccb471;}
ul#nav span.sf-arrow { top:28px; right:6px; background-image:url(../img/arrows-white.png); }
ul#nav ul span.sf-arrow { right:12px; top:16px; }

/* slide */
.slide-okvir { border-bottom: 3px solid #ccb471; height: 250px; position: relative;}

/* novosti - pocetna */
.novosti-pocetna-okvir {backgroung-color: 232323; margin-top: 20px;}
.novosti-pocetna-box { postion: relative; display: block; float:left; width:286px; padding: 10px 10px 0px 10px; background-color: #333; margin: 0 7px;}
.novosti-pocetna-box img {width:286px; height:180px; margin: 0 0 10px 0;}
.novosti-pocetna-box h2 {font-size: 15px; line-height: 18px; margin-bottom: 10px; color: #ccb471;}
.novosti-pocetna-box .datum {color: #b5b5b5; font-size: 11px; font-weight: normal; /*padding-left: 5px;*/ float: right;}
.novosti-pocetna-box p {color: #b5b5b5;}
.novosti-pocetna-box a {display: block; float: right; color: #ccb471; margin: 10px -10px 0 0; background-color: #232323; padding: 7px 10px; font-weight: bold; }
.novosti-pocetna-box a:hover {color: #b5b5b5; background-color: #333;}

/* sadrzaj */
.sadrzaj { width: 660px; float: left; margin: 20px 0 0 0; padding: 20px; background-color: #333;}
.sadrzaj img {float: left; margin: 0 20px 10px 0; border: 1px solid #ccb471;}
.sadrzaj h1 {font-size: 17px; color: #ccb471; padding-bottom: 10px; font-weight: 100;} /*admin*/
.sadrzaj label {font-size: 12px; color: #b5b5b5;} /*admin*/
.sadrzaj h2 {font-size: 17px; color: #ccb471; padding-bottom: 10px; font-weight: 100;}
.sadrzaj p {color: #b5b5b5;}
.sadrzaj ul {list-style: disc; margin: 0; padding: 0 0 0 20px;; color: #b5b5b5;}
.sadrzaj ul li {line-height: 17px; padding-bottom: 5px;}
.sadrzaj a {color: #ccb471; text-decoration: none;}
.sadrzaj a:hover {color: #b5b5b5;}
.sadrzaj a.obrnuto {color: #b5b5b5; text-decoration: none;}
.sadrzaj a:hover.obrnuto {color: #ccb471;}
.sadrzaj a.opsirnije {color: #ccb471; text-decoration: none; display: block; float:right; margin: 10px 10px 0 0;}
.sadrzaj a:hover.opsirnije {color: #b5b5b5;}

.sadrzaj-galerija { width: 660px; float: left; margin: 20px 0 0 0; padding: 20px; background-color: #333;}
.sadrzaj-galerija img {float: left; margin: 0 10px 10px 0; border: 1px solid #ccb471; width: 150px; height: 150px;}
.sadrzaj-galerija h2 {font-size: 17px; color: #ccb471; padding-bottom: 10px; font-weight: 100;}
.sadrzaj-galerija p {color: #b5b5b5;}
.sadrzaj-galerija ul {list-style: disc; margin: 0; padding: 0 0 0 20px;; color: #b5b5b5;}
.sadrzaj-galerija ul li {line-height: 17px; padding-bottom: 5px;}
.sadrzaj-galerija a {color: #ccb471; text-decoration: none;}
.sadrzaj-galerija a:hover {color: #b5b5b5;}
.sadrzaj-galerija a.obrnuto {color: #b5b5b5; text-decoration: none;}
.sadrzaj-galerija a:hover.obrnuto {color: #ccb471;}
.sadrzaj-galerija a.opsirnije {color: #ccb471; text-decoration: none; display: block; float:right; margin: 10px 10px 0 0;}
.sadrzaj a:hover.opsirnije {color: #b5b5b5;}

/* novosti */
.novosti {  width: 660px; float: left; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #b5b5b5; background-color: #333; border-bottom: 1px dotted #555;}
.novosti img {float: left; margin: 0 20px 10px 0; border: 1px solid #ccb471;}
.novosti h2 {font-size: 17px; color: #ccb471; padding-bottom: 10px; font-weight: 100;}
.novosti .datum {color: #b5b5b5; font-size: 11px; font-weight: normal; padding-left: 5px;}
.novosti p {color: #b5b5b5;}
.novosti ul {list-style: disc; margin: 0; padding: 0 0 0 20px;; color: #b5b5b5;}
.novosti ul li {line-height: 17px; padding-bottom: 5px;}
.novosti a {color: #ccb471; text-decoration: none;}
.novosti a:hover {color: #b5b5b5;}
.novosti a.obrnuto {color: #b5b5b5; text-decoration: none;}
.novosti a:hover.obrnuto {color: #ccb471;}
.novosti a.opsirnije {color: #ccb471; text-decoration: none; display: block; float:right; margin: 10px 10px 0 0;}
.novosti a:hover.opsirnije {color: #b5b5b5;}

#pagination-clean{padding-left:10px}
#pagination-clean li{border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left}
#pagination-clean a{border:solid 1px #ccb471; margin-right:2px; color:#ccb471}
#pagination-clean .previous-off, 
#pagination-clean .next-off{color:#ccb471; display:block; float:left; font-weight:bold; padding:3px 4px}
#pagination-clean .next a, 
#pagination-clean .previous a{font-weight:bold; border:solid 1px #ccb471}
#pagination-clean .active{color:#333; background-color: #ccb471; border: 1px solid #ccb471; font-weight:bold; display:block; float:left; padding:3px 7px; margin-right:2px;}
#pagination-clean a:link, 
#pagination-clean a:visited{color:#ccb471; display:block; float:left; padding:3px 6px; text-decoration:none}
#pagination-clean a:hover{color:#ccb471; border:1px solid #ccb471}

.galerija img {margin-right: 10px;}

/* kolona desno */
.kolona-desno {width: 240px; float: right; margin: 20px 0 0 0; padding: 0; background-color: #333;}
.kolona-desno h2 {color: #ccb471; font-size: 12px;} /*admin*/
.nav-naslov h2{  background-color: #333; color: #ccb471; font-size: 12px; text-transform: uppercase; text-align: center; margin: 0; padding: 10px 0; border-bottom: 5px solid #232323;}
.nav { background-color: #333; line-height: 17px; border-bottom: 20px solid #232323;}
.nav li { border-bottom: 1px dotted #959595; padding:2px 0 2px 10px; }
.nav li a { font-weight: normal; background-image: url('../img/desno.png'); background-position: 0px 3px;background-repeat: no-repeat; color: #b5b5b5; display: block; padding-bottom: 4px; padding-left: 17px; padding-top: 4px; padding-right: 10px; }
.nav li a:hover, .nav li.akt a { color: #ccb471; text-decoration: none; }
.nav li.akt a { font-weight: bold; text-decoration: none; }
.nav li.prazno { border-bottom: none; border-top: none; }
.nav span { color: #999; display: block; font-size: 12px; line-height: 15px; margin-top: -5px; padding-left: 17px; }
.nav .datum {color: #b5b5b5; font-size: 11px; font-weight: normal; }

.forma { margin-left: 10px; padding-top: 20px; }
.forma label { color: #b5b5b5; display: block; padding-bottom: 5px; }
.forma input.polje, .forma textarea.polje { font-family: "Trebuchet MS"; font-size: 12px; color: #b5b5b5; background: #303030; border: 1px solid #333; padding: 4px 7px; resize: none; -webkit-box-shadow: 0px 0px 3px 0px #ccb471; -moz-box-shadow: 0px 0px 3px 0px #ccb471; box-shadow: 0px 0px 3px 0px #ccb471; }
.forma input.gumb { font-family: "Trebuchet MS"; font-size: 12px; background: #ccb471; border: 1px solid #b5b5b5; color: #333; padding: 3px 10px; }
.forma fieldset { float: left; }
.forma blockquote { color: #ccc; }

/* dno */
.dno { background-color: #333; display: block; width: 100%; height: 40px; margin: 20px 0;}
.dno p { color: #b5b5b5; line-height: 40px; padding: 0px 20px; }
.dno a { color: #ccb471; font-weight: bold; }
.dno a:hover { color: #b5b5b5; }

/* administracija */
.prijava { border: 10px solid #333; background: #232323; margin-left: auto; margin-right: auto; margin-top: 200px; text-align: center; width: 400px; padding:0 0 10px 0;}
.prijava img {padding: 15px;}
.prijava h1 { background: #333; color: #ccb471; text-transform: uppercase; padding: 10px; margin:0 0 15px 0;}
.prijava p { color: #ccb471; text-align: center; padding: 14px; }
.forma label { color: #ccb471; display: block; padding-bottom: 7px; }
.forma input.field, .forma input.polje, .forma textarea.polje, .forma select.polje { background: #333; border: 1px solid #ccb471; color: #ccb471; padding: 5px; text-align: center; }
.forma input.polje, .forma textarea.polje, .forma select.polje { text-align: left; }
.forma select.polje { border: 0px solid #000; }
.forma input.gumb { font-family: Trebuchet MS; text-transform: uppercase; font-size: 11px; font-weight: bold; background: #333; border: 1px solid #ccb471; color: #ccb471; padding: 5px 10px; margin-top: 10px;}

.kolona-desno-admin {width: 200px; float: right; margin: 20px 0 0 0; padding: 20px; background-color: #333;}
.kolona-desno-admin h1 {color: #ccb471; font-size: 13px; padding-bottom: 10px;}
.kolona-desno-admin h2 {color: #ccb471; font-size: 13px; padding-bottom: 10px;}
.kolona-desno-admin p {color: #b5b5b5; font-size: 12px;}
.kolona-desno-admin img {border: 1px solid #ccb471;}
.kolona-desno-admin ul {list-style: disc; margin: 0; padding: 0 0 0 10px;; color: #ccb471;}
.kolona-desno-admin ul li {line-height: 17px; padding-bottom: 5px;}
.kolona-desno-admin a {color: #b5b5b5; text-decoration:none; border-bottom: 1px dotted #b5b5b5;}
.kolona-desno-admin a:hover {color: #ccb471; border-bottom: 1px dotted #ccb471;}

.form { padding-left: 0px; }
.form h1, .upute h1, .prikaz h1 { text-transform: uppercase; display: block; margin-bottom: 15px; }
.form .polje option { padding: 0px 10px; }
.info h2 { color: #FF9B00; text-transform: uppercase; padding: 10px; }
.info p { color:#FF9B00; padding: 5px 10px; line-height: 17px; } 
.prikaz { padding-left: 7px; }
.prikaz thead, .prikaz tfoot { color: #999; font-weight: normal; background-color: #232323; border: 1px solid #FF9B00; line-height: 22px; }
.prikaz td { padding: 4px; }
.form .field { padding: 4px; border: 2px solid #ccb471; font-family: Trebuchet MS; font-size: 12px;}
.form label { clear: both; display: block; padding-bottom: 5px; }
.form .gumb { font-family: Trebuchet MS; font-size: 11px; padding: 4px 10px; display: block; border: 1px solid #ccb471; background: #232323; color: #ccb471; }