/*
CSS Style for:   www.stanic.com
author:   NASHSTUDIO - www.nashstudio.ba
licence: NASHSTUDIO - www.nashstudio.ba
 
Definisanje boje
	Siva250: 	#fafafa	Siva245: 	#f5f5f5
	Siva240: 	#f0f0f0	Siva235: 	#ebebeb
	Siva230: 	#e6e6e6	Siva225: 	#e1e1e1
	Siva220: 	#dcdcdc	Siva215: 	#d7d7d7
	Siva210: 	#d2d2d2	Siva205: 	#cdcdcd
	Siva200: 	#c8c8c8	Siva180: 	#b4b4b4
	Crvena:	#df1509
	Crna:		#1e1e1e
	Siva:		#646464
 */
 * { margin: 0px; padding: 0px; }
body, html { background: #ebebeb url(/_dzn/bgr_body.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #1e1e1e; margin: 0px; padding: 0px; }
/***	Main
*/
img {border: none; margin: 0px; padding: 0px;}
p {font-size: 12px; text-align: left; color: #1e1e1e;}
p.font11 {font-size: 11px;}
h1 {font-size: 16px; color: #df1509; margin-bottom: 10px;}
h2 {font-size: 14px; color: #df1509; margin-bottom: 5px;}
h3 {font-size: 12px; color: #df1509; margin-bottom: 5px;}
h4 {font-size: 12px; color: #1e1e1e; margin-bottom: 5px;}
h5 {font-size: 11px; color: #df1509; margin-bottom: 5px;}
h6 {font-size: 11px; color: #1e1e1e; margin-bottom: 5px;}
a {text-decoration: underline; color: #df1509; }
a.vise {white-space: nowrap; padding-right: 7px; background: url(/_dzn/sadrzaj/str_vise.gif) no-repeat 100% 60%; zoom: 1;}
a:hover {text-decoration: none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.floatClear {clear: both;}
.color89 {color: #898989;}
/***	NoScript & NoFlash
*/
.noScript {width: 100%; font-size: 12px; font-family: Arial; background-color: #FFFFCC; text-align: center; border-bottom: 1px solid #000000; padding-top: 3px; padding-bottom: 3px;}
.noScript a {text-decoration: underline;}
.noScript a:hover {text-decoration: none;}
/***	Intro
*/
#intro {width: 500px; height: 478px; background: url(/_dzn/intro/bgr.png) no-repeat; margin: 0px auto 0px auto; padding: 90px 10px 0px 10px;}
#intro .welcome {width: 500px; height: 62px; background: url(/_dzn/intro/bgr_welcome.gif) repeat-y;}
#intro .welcome p {width: 230px; display: inline-block; padding: 10px 10px 0px 10px; float: left;}
#intro .jezik {width: 145px; height: 61px; background: url(/_dzn/intro/bgr_jezik.png) no-repeat; margin: 30px auto 0px auto; padding: 14px 15px 0px 15px;}
#intro .jezik a {width: 58px; height: 45px; background-repeat: no-repeat; display: inline-block;}
#intro .jezik a.hr {background-image: url(/_dzn/intro/hr.png); margin-right: 29px;}
#intro .jezik a.eng {background-image: url(/_dzn/intro/eng.png);}
#intro .jezik a.hr:hover, #intro .jezik a.eng:hover {background-position: 0 -45px;}
/***	Heder
*/
#heder {width: 100%; height: 101px; background: #ffffff url(/_dzn/heder/bgr.gif) repeat-x;}
#heder .heder {width: 936px; height: 79px; margin: 0px auto 0px auto; padding: 22px 22px 0px 22px;}
#heder .bigboard {width: 848px; height: 78px; float: left;}
#heder .jezik {width: 68px; height: 39px; background: url(/_dzn/heder/bgr_jezik.png) no-repeat 0 19px; float: left; padding: 29px 10px 10px 10px;}
#heder .jezik a, #heder .jezik span {width: 24px; height: 18px; background-repeat: no-repeat; display: inline-block;}
#heder .jezik a.hr, #heder .jezik span.hr {background-image: url(/_dzn/heder/hr.png); margin-right: 20px;}
#heder .jezik a.eng, #heder .jezik span.eng {background-image: url(/_dzn/heder/eng.png);}
#heder .jezik span.hr, #heder .jezik span.eng, #heder .jezik a.hr:hover, #heder .jezik a.eng:hover {background-position: 0 -18px;}
/***	Navigacija
*/
#navigacija {width: 100%; height: 42px; background: transparent url(/_dzn/nav/bgr.gif) repeat-x;}
#navigacijaIn {width: 980px; height: 40px; margin: 0px auto 0px auto; padding: 0px;}
#navigacijaIn li {display: inline;}
#navigacijaIn a {float: left; height: 0; margin: 0px; padding-top: 40px; overflow: hidden;}
/***	Flash
*/
#banner {width: 100%; height: 151px; background-color: #ffffff; background-repeat: repeat-x; border-bottom: 1px solid #c8c8c8;}
#banner .banner {width: 980px; height: 150px; background-color: transparent; margin: 0px auto 0px auto;}
/***	Sadrzaj
*/
#sadrzaj {width: 960px; background: #f5f5f5 url(/_dzn/sadrzaj/bgr.gif) repeat-x; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; margin: 0px auto 0px auto; padding: 10px 9px 0px 9px;}
#sadrzaj .sadrzaj {width: 960px; background-repeat: repeat-y; background-position: top; padding-bottom: 0px;}
#sadrzaj .boxL {width: 165px; padding-right: 10px; float: left; display: inline-block;}
#sadrzaj .boxLext {width: 665px; padding-right: 10px; float: left; display: inline-block;}
#sadrzaj .boxR {width: 275px; padding-left: 10px; float: left; display: inline-block;}
#sadrzaj .boxM {width: 480px; padding-left: 10px; padding-right: 10px; float: left; display: inline-block;}
#sadrzaj .boxE {width: 475px; margin-right: 10px; float: left; display: inline-block;}
#sadrzaj .naslov {width: 100%; height: 49px; background-repeat: no-repeat; background-color: transparent; display: block;}
#sadrzaj .naslov h1 {font-size: 18px; font-weight: normal; padding-top: 14px;}
/***	Pocetna
#sadrzaj .pocetna img {margin: 3px 7px 0px 0px; float: left;}
*/
#sadrzaj .pocetna {padding-bottom: 10px;}
#sadrzaj .pocetna p {margin-bottom: 5px;}
/***	Zadnje aktuelnosti
*/
#sadrzaj .latest {width: 275px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #c8c8c8;}
#sadrzaj .latest .slika {margin: 2px 5px 0px 0px; float: left;}
#sadrzaj .latest h4 {height: 38px;}
#sadrzaj .latest p {font-size: 11px;}
/***	Lista
*/
#sadrzaj ul.lista {width: 100%; display: block; margin: 0px; padding: 0px;}
#sadrzaj ul.lista li {height: 135px; background: url(/_dzn/sadrzaj/bgr_lista_155px.gif) repeat-x bottom; display: block; padding: 10px 0px 10px 0px; border-top: 1px solid #c8c8c8; overflow: hidden;}
#sadrzaj ul.lista li.all {height: 29px; background: url(/_dzn/sadrzaj/bgr_lista_29px.gif) repeat-x; padding: 0px; text-align: right;}
#sadrzaj ul.lista li.down {height: 220px; padding: 0px 0px 0px 8px;}
#sadrzaj ul.lista li .box {width: 475px; height: 135px; display: inline-block; float: left;}
#sadrzaj ul.lista li .logo {width: 150px; height: 212px; padding-top: 8px; margin-right: 7px; display: inline-block; float: left;}
#sadrzaj ul.lista li .logo p {font-size: 11px; padding-top: 3px;}
#sadrzaj ul.lista li .logo h5 {padding-bottom: 2px;}
#sadrzaj ul.lista li .logo a {color: #1e1e1e;}
#sadrzaj ul.lista li .logo img {margin-bottom: 5px;}
#sadrzaj ul.lista li .slika {width: 180px; height: 135px; text-align: center; float: left; margin-right: 10px;}
#sadrzaj ul.lista li h2 {height: 35px;}
/***	Podnavigacija
*/
#sadrzaj ul.podnav {width: 100%; display: block; margin: 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #c8c8c8;}
#sadrzaj ul.podnav li {background-color: #e6e6e6; display: block; padding: 5px 5px 6px 5px; margin-bottom: 5px; overflow: hidden;}
#sadrzaj ul.podnav li a {text-decoration: none;}
#sadrzaj ul.podnav li a:hover {text-decoration: underline;}
/***	Opisni dio
*/
#sadrzaj .opis {width: 100%; padding-top: 10px; border-top: 1px solid #c8c8c8;}
#sadrzaj .opis .slika {width: 480px; height: 360px; text-align: center; margin-bottom: 10px;}
#sadrzaj .opis p {padding-bottom: 10px;}
#sadrzaj .opis address {color: #828282; padding-bottom: 10px;}
/***	Uprava
*/
#sadrzaj ul.uprava {width: 100%; display: block; margin: 0px; padding: 0px;}
#sadrzaj ul.uprava li {height: 135px; display: block; padding: 10px 0px 10px 0px; border-top: 1px solid #c8c8c8;}
#sadrzaj ul.uprava li .slika {width: 180px; height: 135px; float: left; margin-right: 10px; display: inline-block;}
#sadrzaj ul.uprava li .podaci {width: 280px; background-color: #e6e6e6; display: inline-block; padding: 5px; margin-bottom: 5px; float: left;}
#sadrzaj ul.uprava li .podaci h2 {color: #1e1e1e; margin-bottom: 7px;}
#sadrzaj ul.uprava li .podaci h6 {color: #828282; font-weight: normal; font-style: italic;}
#sadrzaj ul.uprava li .podaci p {padding-bottom: 0px;}
/***	Press & Objave
*/
#sadrzaj ul.press {width: 100%; display: block; margin: 0px; padding: 2px 0px 0px 0px; border-top: 1px solid #c8c8c8;}
#sadrzaj ul.press li {height: 26px; background: #e6e6e6; display: block; margin-bottom: 2px; padding-left: 5px; padding-top: 4px;}
#sadrzaj ul.press li.all {height: 29px; background: url(/_dzn/sadrzaj/bgr_lista_29px.gif) repeat-x; padding: 0px; margin: 0px; text-align: right; border-top: 1px solid #c8c8c8;}
#sadrzaj ul.press li p {display: inline-block; float: left; padding-top: 3px; overflow: hidden;}
#sadrzaj ul.press li p.datum {width: 158px; color: #828282;}
#sadrzaj ul.press li a.download {width: 77px; height: 22px; background: url(/_dzn/sadrzaj/a_download.png) no-repeat; display: inline-block; float: left;}
/***	Kontakt
*/
#sadrzaj ul.forma {width: 100%; display: block; margin: 0px; padding: 10px 0px 5px 0px; border-top: 1px solid #c8c8c8;}
#sadrzaj ul.forma li {height: 25px; background: #e6e6e6; display: block; margin-bottom: 5px; padding: 5px; }
#sadrzaj ul.forma li.poruka {height: 165px; background: #e6e6e6; display: block; margin-bottom: 5px; padding: 5px; }
#sadrzaj ul.forma li p {width: 140px; color: #828282; display: inline-block; float: left; padding-top: 4px;}
#sadrzaj ul.forma li p.greska {width: 410px;}
#sadrzaj ul.forma li .input {width: 318px; height: 23px; background: #f5f5f5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; float: left; border: 1px solid #c8c8c8; padding: 0px 5px 0px 5px;}
#sadrzaj ul.forma li textarea {width: 318px; height: 160px; background: #f5f5f5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; float: left; border: 1px solid #c8c8c8; padding: 2px 5px 1px 5px;}
/***	Brendovi
*/
#brendovi {width: 100%; height: 70px; background: #ffffff url(/_dzn/brendovi/bgr.gif) repeat-x; padding-top: 2px; padding-bottom: 1px;}
#brendovi .brendovi {width: 968px; height: 69px; margin: 0px auto 0px auto;}
#brendovi .brendovi a {display: inline; float: left; border: none; margin: 0px; padding: 0px;}
#brendovi .brendovi a img {display: block; border: 0; margin: 0px; padding: 0px;}
/***	Futer
*/
#futer {width: 100%; background: #df1509 url(/_dzn/futer/bgr.png) repeat-x; padding-top: 10px;}
#futer .futer {width: 980px; background: url(/_dzn/futer/bgr.gif) repeat-y; margin: 0px auto 0px auto; padding-bottom: 10px;}
#futer .futer ul {width: 196px; display: inline-block; margin: 0px; padding: 0px; float: left;}
#futer .futer ul li {height: 18px; font-size: 11px; display: block; padding-left: 11px; padding-top: 2px; color: #f5f5f5;}
#futer .futer ul li.kat {font-weight: bold;}
#futer .futer ul li a {color: #f5f5f5; text-decoration: none;}
#futer .futer ul li a:hover {text-decoration: underline;}
#futer .logo {width: 196px; height: 100px; float: left; text-align: center; padding-top: 5px;}
#futer p {font-size: 11px; color: #f5f5f5; text-align: center;}



