*{
	margin:0;
	padding:0;
}
body {

	text-align: center;
	font: 70% Arial, Helvetica, sans-serif;
	color: #333;
	background:#f0fbff url(img/bg.jpg) repeat-x fixed;
	cursor: default;
	margin:0;
	padding-top:40px;
	height:auto;
	
	
}

acronym {
	cursor:help;
	border-bottom:1px solid #ddd;
}

a {
	color: #00aeef;
}

a:hover {
	text-decoration: none;
}
a img{
	border:none;
}

h1 {
	font-size: 2.2em;
	color: #00aeef;
	font-weight: normal;
	margin-bottom: 20px;
}

h2 {
	margin-bottom:18px;
	font-size: 1.6em;
	font-weight: normal;
	color: #003768;
}
#main-content.ekspoziture h3,#main-content.recnik h3 {
	border-bottom:1px solid #003768;
	border-left:none;
	padding-left:0;
	color:#003768;
	font-size:1.2em;
}

#gde_se_nalazimo{
	background:url(img/gde_se_nalazimo.png) no-repeat;
	width:90px;
	height:28px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:553px;
	outline:none;
}
#where_we_are{
	background:url(img/where_we_are.png) no-repeat;
	width:90px;
	height:28px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:553px;
	outline:none;
}
#branch_lokator{
	width:800px;
	height:400px;
	position:fixed;
	top: 50%;
	left: 50%;
	margin: -200px 0px 0px -400px;
	padding:18px 0 0 0;
	border:2px solid #00aeef;
	z-index:3;
	background:#00aeef;

} 
#close {
	width:16px;
	height:16px;
	background:url(img/close_btn.png) no-repeat;
	display:block;
	position:absolute;
	top:0;
	left:784px;
	display:block;
	text-indent:-9999px;
	outline:none;
}
#overlay {
	width:100%;
	height:3000px;
	position:fixed;
	top:0;
	left:0;
	background:#000;
	filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
z-index:2;

}
a#close:hover{
	background:url(img/close_btn.png) no-repeat 0 -16px ;
}
/*#radna_mesta #main-content{
	overflow:hidden;
}*/

h3 {
	font-size:1em;
	border-left:3px solid #00aeef;
	padding-left:6px;
	margin: 0 auto 6px;
	text-transform:uppercase;
}
h4 {
	font-size:1.1em;
	margin: 0 auto 6px;
}

p,dl,ul,table,ol{
	margin: 0 0 18px 0; 
	font-size:1.1em;
	line-height:18px;
}
table ul {
	font-size:1em;
	margin:0;

}
dl ul{
	font-size:12px;
}

#branch dd{
	margin-left:40px;
	padding-left:10px;
	background:url(img/list_style.png) 0 6px no-repeat ;
}

dd span{
	display:block;
	font-size:0.9em;
	color:#777;
	font-style:italic;
}


ul li ul{
	margin:5px 0 5px 20px;
	font-size:1.0em;
}


ul li ul li{
	background:url(img/list_style_square.png) 0 6px no-repeat ;
}

#main-content ol li ul li{
	background:url(img/list_style_square.png) 0 7px no-repeat ;
	list-style:none;
	margin:5px 0 5px 20px;
	font-size:0.9em;
}

table,td,tr,th {
	border:1px solid #ddd;	
	border-collapse:collapse;
	padding:2px 5px;
}
caption {
	text-transform:uppercase;
	text-align:left;
	font-size:1em;
	margin-bottom:5px;
}
th{
	background:#ddd;
	border:1px solid #fff;
}
dt{
	font-weight:bold;	
}

ul,li{
	list-style:none;
}
li {
	padding-left:9px;
	background:url(img/list_style.png) 0 6px no-repeat ;
}

ol{
		position:relative;
}

#main-content ol li{	
	list-style-position:inside;
	list-style-type:decimal;
	list-style-image:none;
	background:none;	
}



* html ul li {
	height:1%;
}
#main-content li {
	margin:5px 0;	
}
#main-content dl li {
	margin:0;
}
#main-content dl ol{
	margin:5px;
	font-size:1em;
}


.img-left{
	float:left;	
	margin-right:15px;
	position:relative;
	top:5px;
}
.img-right{
	float:right;
	margin-left:15px;
	position:relative;
	top:5px;
}


#front_page #container{
	width: 800px;	
}

#container {
	margin: 0 auto 0 auto;
	width: 900px;
	
	text-align: left;
	position: relative;
}
#main-content {
	float:left;
	background:#fff;
	border:1px solid #e1ecf0;
	border-top:none;
	width:628px;
	padding:20px 15px 15px 15px;
	position:relative;
	/*min-height:500px;*/
}


#right-content{
	width: 200px;
	float: left;
}


#flash{
	width:100%;
	height:400px;
	background:#fff;
	margin-bottom:15px;
}

#flash_baner{
	width:182px;
	/*height:56px;*/
	background:#fff;
	margin-bottom:5px;
	line-height:0px;
}



/* header */

#header{
	position:relative;
	width:860px;
	height:32px;
	
}
#front_page #header {
	width:800px;
	
}
#logo {
	width:118px;
	display:block;
	height:47px;
	background:url(img/logo-kbc.png) no-repeat;
	position:absolute;
	left:0;
	top:-25px;
}
#nav{
	position: absolute;
	background:url(img/main-nav-bg.png) no-repeat;
	top:0;
	right:0;
	width: 384px;
	height: 32px;
} 
#nav li {
	position:absolute;
	list-style:none;
	background:none;
	
}
#nav li a {
	position: absolute;
	top:0;
	outline: none;
	height: 32px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline:none;
}
#nav #home a {left:0; top:0; width: 16px; height:16px;}
#nav #home a:hover, #nav #home a.active {background: url(img/main-nav-bg.png) 0 32px;}

#nav #english a {left:0; top:16px; width: 16px; height:16px;}
#nav #english a:hover, #nav #english a.active{background: url(img/main-nav-bg.png) 0 16px;}

#ponuda a {left:16px; width: 78px;}
#ponuda a:hover,#ponuda a.active {background: url(img/main-nav-bg.png) -16px 32px;}

#vesti a {left:94px; width: 64px;}
#vesti a:hover,#vesti a.active {background: url(img/main-nav-bg.png) -94px 32px;}

#posao a {left:158px; width: 70px;}
#posao a:hover,#posao a.active {background: url(img/main-nav-bg.png) -158px 32px;}

#o_nama a {left:228px; width: 78px;}
#o_nama a:hover, #o_nama a.active{background: url(img/main-nav-bg.png) -228px 32px;}

#kontakt a {left:306px; width: 77px;}
#kontakt a:hover, #kontakt a.active{background: url(img/main-nav-bg.png) -306px 32px;}

/* end header */


.block {
	background: #fff;
	border:1px solid #a6c7dc;
	width:180px;
	margin:0 15px 15px 0;
	position:relative;
}

#front_page .block {
	float:left;	
	height:310px;
}
#front_page .block ul{
   margin-bottom:0px;

}

.block h2 {
	margin:0;
	background:url(img/headings.png) no-repeat;
	text-indent:-9999px;
	height:45px;
}
.block.privreda h2{background-position:0 -45px;}
.block.kursna_lista h2{background-position:0 -90px;}
.block.precice h2{background-position:0 -135px;}
.block.posao h2 {background-position:0 -180px;}
.block.onama h2 {background-position:0 -225px;}
/* blocks */

.block li {
	padding:0;
	background:none;
}

.block li a{
	background:url(img/list_style.png) 6px 8px no-repeat ;
	color:#115b8f;
	text-decoration:none;
	display:block;
	width:154px;
	padding:2px 0 0 16px;
	margin-left:5px;
	font-size:.9em;
	outline:none;
}
.block li a:hover {
	background:url(img/list_style_over.png) no-repeat ;
	
}
.block.last {
	margin:0;
	
}
.block.kursna_lista{width:207px;} 
.block .active {
	font-weight:bold;
}
.block.precice {
	height:227px;

}
.block.precice ul {
	background:url(img/shortcuts.png) 6px 8px no-repeat ;
	width:160px;
	height:200px;
	position:absolute;
	top:39px;
}
#front_page .block.precice ul{
	top:50px;
}
.block.precice ul li{
	position:absolute;
	text-indent:-9999px;
	background:none;

}

.block.precice li a:hover,.block.precice li a {
	background:none;
	padding:0;
}
.block.precice a{
	position:absolute;
	padding:0;
}
#velicina70 a{
	top:8px;
	left:6px;
	width:10px;
	height:20px;
}
#velicina73 a{
	top:8px;
	left:17px;
	width:10px;
	height:20px;
	
}
#velicina80 a{
	top:8px;
	left:28px;
	width:12px;
	height:20px;
	
}

#velicina70 a:hover, #velicina70 a.active{
	background:url(img/shortcuts.png) -164px 0px no-repeat ;
}
#velicina73 a:hover,#velicina73 a.active{
	background:url(img/shortcuts.png) -175px 0px no-repeat ;
}
#velicina80 a:hover,#velicina80 a.active{
	background:url(img/shortcuts.png) -186px 0px no-repeat ;
}

#ebanking_ico a{
	top:32px;
	left:6px;
	width:150px;
	height:33px;
	
}
#ebanking_ico a:hover{
	background:url(img/shortcuts.png) -165px -24px no-repeat ;
}

#homebanking_ico a{
	top:67px;
	left:6px;
	width:150px;
	height:35px;
	
}
#homebanking_ico a:hover{
	background:url(img/shortcuts.png) -165px -59px no-repeat ;
}
#recnik_ico a{
	top:103px;
	left:6px;
	width:150px;
	height:42px;
	
}
#recnik_ico a:hover{
	background:url(img/shortcuts.png) -165px -95px no-repeat ;
}

#pitanja_sugestije a{
	top:145px;
	left:6px;
	width:150px;
	height:40px;
}

#pitanja_sugestije a:hover{
	background:url(img/shortcuts.png) -165px -137px no-repeat ;
}

/* footer */
#footer {
	clear: both;
	position:relative;
	top:50px;
	left:245px;
	margin-top:-35px;
	color:#fff;
	text-align:right;
	width:400px;
}
*:first-child+html #footer {top:40px; }/*ie7*/
*:first-child+html #footer_left {top:30px; }/*ie7*/

*html #footer_left{top:38px;}
#front_page #footer {

	position:relative;
	width: 500px;
	padding:0px;
	left:300px;
	top:-35px;
	height:30px;
	margin-top:0px;
}
#front_page #footer_left {

	position:relative;
	width: 200px;
	padding:0px;
	left:0;
	top:-5px;
	height:30px;
	margin-top:0px;
}

#footer a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:11em;
	position:absolute;
	right:0px;
	border-bottom:1px solid #fff;
	text-align:left;
	z-index:3;
	background:url(img/list_style.png) no-repeat -9998px; /*ie*/
}

#footer_left {
	clear: both;
	position:relative;
	top:28px;
	right:15px;
	margin-top:-5px;
	color:#fff;
	text-align:left;
}
#footer_left a{
	color:#fff;
}

.izvestaji #footer_left{
	margin-top:155px;
}

body > div#glider {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}


#glider{
   width:72px;	
   background:#fff url(img/glider-bg.png) repeat-y ;
	border:1px solid #e1ecf0;
	border-left:none;
	position:absolute;
	top:72px;
	left:50%;
	width:35px;
	margin-left:410px;
	text-align:left;
	padding:8px 4px 0 12px;
	z-index:1;
}

#glider.vrh{
  text-indent:-9999px;
  background:none;
  border:none;
  padding:0px;
}

#glider.vrh a{
display:block;
  background:url(img/vrh.png) no-repeat;
  width:27px;
  height:27px;
position:absolute;
left:0px;
outline:none;
}

  
#glider a {
	text-decoration:none;	
}
#glider a:hover {
	text-decoration:underline;	
}
#glider li {
	margin: 2px 0;	
}
#glider.recnik_ind {
	width:33px;
}
#glider.recnik_ind h2{
	font-size:0.9em;
	font-weight:bold;
	text-indent:-2px;
	margin-bottom:8px;
}
#podela_kartica{
	clear:both;
}
.dodatne_inf {
	line-height:10px;
	margin:3px;
	font-size: 0.9em;
	clear:both;
}
.platne_kartice{
	width:170px;
	float:left;
}

/*icons*/
.pdf,.exe{
	background:url(img/icons.png) no-repeat;
	padding-left:17px;
		
}
.pdf_w{
	background:url(img/pdf_w.png) no-repeat;
	padding-left:17px;
}
.exe{
	background-position:0 -230px;
}

.kursna_lista table {
	font-size:1em;
	border:none;
	margin:5px 0 0 13px;
	padding:0;
	position:absolute;
	top:50px;
	display:block;
}
.kursna_lista caption{
	text-transform:none;
	font-weight:normal;
	/*display:inline;*/
	line-height:20px;
}
.kursna_lista thead th{
	border-bottom:1px solid #eee;
	font-weight:normal;
	
}

.kursna_lista th {
	background:transparent;
	border:none;
	text-align:center;
}
.kursna_lista td{
	border:none;
	border-bottom:1px solid #eee;
	padding: 0 10px;
}
.kursna_lista tr{
	border:none;
}
.kursna_lista  thead td, .kursna_lista tfoot td{
	padding:0;
	border:none;
}
.kursna_lista th{
	padding:0;
	margin:0;
}
.kursna_lista tfoot td{
	padding:10px 0 0 0;
}

#EUR,#USD,#CHF{
	background:url(img/flags.png) no-repeat;
	text-indent:-9999px;
	width:33px;
	height:30px;
	padding:0 3px 0 0;
	
}
#USD{background-position:0 -30px;}
#CHF{background-position:0 -60px;}

/* klase */

.neutral-margin{
	display:inline;
	position:relative; 
	left:18px;
	margin-left:-34px;
	top:0;

}

.two_columns{
	width:47%;
	float:left;
}
.right_column{
	margin-left:4%;
	
}
.margin_top{
	margin-top:7px;
}
.margin_bottom{
	margin-bottom:16px;
}
.vesti #main-content {
	background:#fff url(img/vesti_bg.png) no-repeat top right;

}
.vest, .vest_n{
	list-style-type:lower-roman;
	position:relative; 
	left:19px;
	width:630px;
	padding:15px;
	margin-left:-35px;
	top:0;
	background:url(img/vest_cosak.png) bottom right no-repeat;
	border-bottom:1px solid #ddd;
	position:relative;
}
.vest h2, .vest_n h2{
	font-size:1.3em;
	font-weight:bold;
}
.datum {
	width:150px;
	height:50px;
	position:absolute;
	left:590px;
	top:15px;
	font-weight:bold;
}
.stednja_jul{
	position:relative;
	left:80px;	
}
.stambeni_krediti{
    position:relative;
	left:60px;
}

.napomena {
	font-size:.8em;
	line-height:10px;
	margin:3px;
	
}

.center-text{
	text-align:center;

}



#upravni_ostatak{
	padding-top:15px;
	clear:both;
}

ul.odbori{
	display:block;
	width:600px;
	height:190px;
}
ul.odbori.izvrsni{
	height:180px;
	padding-bottom:20px;
}
.odbori li{
	float:left;
	background:none;
	padding:0;
	margin-right:15px;
	padding-left:20px;
	width:120px;
}
#offer #main-content {
	
	background:#fff url(img/offer.png) no-repeat 0 90px;
}


#offer_descrition{
	margin:50px 0 0 100px;
}
/*expand collapse*/


.collaps,.hide{
	display:none;
}
.expand{
	display:block;
	margin-left:15px;
}

#container.vesti .expand{
	margin:0px;
}

#container.vesti .vest span.vise{
	color:#00AEEF;
	cursor:pointer;
	text-decoration:underline;
}
#container.vesti .vest span.vise:hover{
	text-decoration:none;
}

.show{
	display:block;
}
.expcol_box h2{
	cursor:pointer;
	font-size:1.1em;
	margin-bottom:8px;
	font-weight:bold;
	border-top:1px solid #ddd;
	position:relative;
	left:15px;
	margin-left:-31px;
	top:0;
	width:630px;
	padding:10px 0 0 29px;
}
.izvestaji .expcol_box h2, #stambeni .expcol_box h2{
	border-top:none;
	width:150px;

}
h2.plus{
	background:url(img/plus_minus.png) no-repeat 17px -59px;
	color:#115B8F;
}
h2.minus{
	background:url(img/plus_minus.png) no-repeat 17px 12px;
	color:#00AEEF;
}
#right-content #baneri a{
	display:block;
	height:auto;
	margin:0 0 5px 0;
	padding:0;
	font-size:0px;
	
}


#menadzment table td{
	vertical-align:top;
}

.table_h1{
	background:#00AEEF;
	color:#fff;
	text-align:left;
}

.text_center{
	text-align:center;
}

#b1 td.table_centar{
   height:35px;
   text-align:center;
}

#b1 td{
	width:145px;
	height:80px;
	vertical-align:top;
	padding:5px;
}
#b1 td span {
	font-size:0.9em;
    line-height:12px;
	display:block;

}
#b1 th span {
	font-weight:normal;
	
}
#b1 th{
	vertical-align:top;
}

#tarifnik{
	float:right;
	top:28px;
	position:absolute;
	right:17px;
	font-size:1em;
	line-height:16px;
}

#vodic_stednja{
	position:absolute;
	top:400px;
	left:390px;
	font-size:1.1em;
}

#vodic_usluge{
	position:absolute;
	top:30px;
	right:20px;
}
#kviz{
	height:21px;
	width:77px;
}
#kviz img{
	margin-bottom:10px;
}
#kviz_box{
	background:#FBEAFF;
	margin:5px 0 10px 0;
	padding:15px 15px 5px 15px;
	width:300px;
}
/*submenu*/

.block.gradjanstvo{ z-index:1; }
	.block li{ position:relative; }
	
	li.submenu a,li.submenu li.submenu a { background:url(img/list_style_over.png) no-repeat  -200px 0; }
	li.submenu ul li a, li.submenu li.submenu ul li a{ background:url(img/list_style.png) no-repeat  6px 8px; }
	li.submenu ul li a:hover, li.submenu li.submenu ul li a:hover{ background:url(img/list_style_over.png) no-repeat; }
	li.submenu a:hover, li.submenu li.submenu a:hover{ background:url(img/list_style_over.png)  no-repeat -200px -20px; }

	 li.submenu ul {
			position:absolute;
			left:150px; /* IE */
			top:-5px;
			background:#fff url(img/list_style_over.png)  no-repeat -400px 100% ;
			border:1px solid #A6C7DC;
			z-index:5;
			width:180px;
			padding: 8px 0;
			border-left:2px solid #a2ddf4;
	}		
	 li.submenu>ul { left:150px; } /* others */
	
	 li.submenu:hover { z-index:100;}/*ie 7*/
	 li.submenu ul, li.submenu:hover ul ul {display:none;}
     li.submenu:hover ul,li.submenu li.submenu:hover ul {display:block;}
	 
	 
#breadcrumb{
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:0.8em;
	color:#aaa;
	display:none;
	
}
#breadcrumb a{
	color:#aaa;
	text-decoration:none;
}
#breadcrumb a:hover{
	text-decoration:underline;
}
.bottom-link{
	position:absolute;
	top:400px;
	left:390px;
}