html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
strong{font-weight:700}
em{font-style:italic}
a img{border:0}
html,body{font-family:Calibri,Arial,sans-serif,serif;font-size:12px;color:#000;background-color:#FFF}
iframe{background:transparent!important}
h2{font-family:Calibri,Arial,sans-serif,serif;font-weight:400}
#bar{width:100%}
#bar #bar-inside{position:relative;margin-left:auto;margin-right:auto;width:970px;min-height:196px;overflow:hidden;background:url(../_images/background/grey_Hbackground.jpg) no-repeat left 49px;background-color:#FFF}
#bar #bar-inside .logo{float:left;width:475px;margin-left:30%;margin-top:0;overflow:hidden}
#bar #bar-inside .logoindex{float:left;width:475px;margin-left:0;margin-top:0;overflow:hidden}
#bar #bar-inside .lang{float:left;width:180px;min-height:151px}
#bar #bar-inside .lang table{margin-top:135px;margin-left:34px}
#bar #bar-inside .upper_menu{float:left;width:948px;min-height:30px;margin-top:0;margin-left:12px;background:url(../_images/background/featured-nav-ul.png) repeat-x}
.upper_menu .main_left{width:680px;float:left;margin-left:10px;overflow:hidden}
.upper_menu .main_left a{float:left;display:block;padding:7px 7px 5px;color:#FFF;border-right:1px solid #00295b;border-left:1px solid #00295b;text-decoration:none}
.upper_menu .main_left a.no-border{border-right:0;border-left:0}
.upper_menu .main_left a:hover{color:#e2c75d}
.upper_menu .search{float:right;width:160px}
#bar #bar-inside .upper-link{float:right;width:255px}
#bar #bar-inside .upper-link table{margin-top:5px;font-size:12px;margin-bottom:0}
#bar #bar-inside .lang table tr td img{margin-right:5px;margin-top:0;float:left}
#bar #bar-inside .lang table tr td a{color:#174174;font-size:11px;text-decoration:none}
#bar #bar-inside .lang table tr td a:hover{color:#FFF;text-decoration:none}
#content{width:100%;overflow:visible;float:left}
#wrapper{margin-left:auto;margin-right:auto;width:960px;position:relative;margin-bottom:15px}
#wrapper #leftcolumn{float:left;width:190px;margin-top:15px;overflow:hidden}
.expand_all,.collapse_all{cursor:pointer}
.example_menu{font-size:12px;list-style:none;margin:0;padding:0;vertical-align:top;width:190px}
.example_menu ul{display:none;list-style:none;margin:0;padding:0}
#menu5{margin:0 0 25px;float:left}
#menu5 li,.example_menu li{background-image:none;margin:0;padding:0}
.example_menu ul ul{display:block}
.example_menu ul ul li a{padding-left:20px;width:190px}
.example_menu a{color:#000;cursor:pointer;display:block;font-weight:700;padding:0;margin-top:0;height:27px;width:185px;padding-left:5px;padding-top:7px;letter-spacing:.5px}
.example_menu a.expanded{background:#bbb url(../_images/Buttons/arrow-button-grey.png) no-repeat 5px top;padding-left:22px;padding-top:7px;height:27px}
.example_menu a.collapsed{background:url(../_images/Buttons/blue-button.png) no-repeat left top;padding-left:18px;padding-top:8px;color:#FFF;font-weight:400}
.example_menu a:hover{text-decoration:none}
.example_menu ul a{background:#e8e8e8;border-top:0;color:#000;display:block;font-weight:400;padding:7px 0 0 10px;width:180px;min-height:22px;text-decoration:none}
.example_menu ul .tworows {background:#e8e8e8;border-top:0;color:#000;display:block;font-weight:400;padding:7px 0 0 10px;
width:180px;min-height:42px;text-decoration:none}
.example_menu ul .redrows {background:#D90000;color:#FFF;}
.example_menu ul a:link{font-weight:400}
.example_menu ul a:hover{background:#f5f5f5;text-decoration:none}
.example_menu ul .redrows:hover {
background: #333333;
color: #FFF;
}
.example_menu li.active a{background:#000}
.example_menu li.active li a{background-color:#e8e8e8}
.example_menu li a.smallink{font-size:11px}
.example_menu li .glink{color:#093;font-size:12px;text-transform:uppercase;padding-top:20px}
/* --css za submeni --*/
.example_menu2 a.closicius {background:url(../_images/Buttons/blue-button-sub.png) no-repeat left top;text-decoration:none}
.example_menu2 a.opensubmenu {background:url(../_images/Buttons/arrow-button-grey.png) no-repeat left 12px top;text-decoration:none; background-color: #efefef; color:#000;}
.example_menu2 ul .tworows {background:#e8e8e8;border-top:0;color:#000;display:block;font-weight:400;padding:7px 0 0 10px;
width:180px;min-height:42px;text-decoration:none}
#subclick{ padding-left: 30px;}
#subclick:hover {background:url(../_images/Buttons/arrow-button-grey.png) no-repeat left 12px top;text-decoration:none; background-color: #efefef; color:#000;}
.nodisplay li a{ display:none}
.openicius a{ display:block !important;}
/* --end--css za submeni --*/
#wrapper #rightcolumn{float:right;width:750px;margin-top:15px}
#rightcolumn #container{width:580px;padding:0;margin:0;position:relative;z-index:0;float:left;overflow:hidden}
#slider{position:relative;width:580px;height:310px;margin:0;z-index:0}
#slider img{position:absolute;top:0;left:0;display:none}
#slider a{border:0;display:block}
.nivo-controlNav{position:absolute;left:555px;top:5px}
.nivo-controlNav a{display:block;width:22px;height:22px;background:url(../_images/Buttons/bullet.png) no-repeat;text-indent:-9999px;border:0;margin-right:2px;float:left}
.nivo-controlNav a.active{background-position:0 -22px}
.nivo-directionNav a{display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0}
a.nivo-nextNav{background-position:-30px 0;right:15px}
a.nivo-prevNav{left:15px}
.nivo-caption{font-family:Helvetica,Arial,sans-serif}
.nivo-caption a{color:#efe9d1;text-decoration:underline}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute;top:0;left:0}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:.8;width:100%;z-index:89}
.nivo-caption p{padding:5px;margin:0}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer}
.nivo-prevNav{left:0}
.nivo-nextNav{right:0}
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer}
.nivo-controlNav a.active{font-weight:700}
#online-salteri{float:right;width:151px}
#online-salteri ul.net-banking{margin:0;padding:0}
ul.net-banking li.salter-1{list-style:none;width:151px;padding:0;margin-top:-3px;cursor:pointer}
ul.net-banking li.salter-2, ul.net-banking li.salter-3, ul.net-banking li.salter-4{list-style:none;width:151px;padding:0;margin-top:2px;cursor:pointer}
ul.net-banking li a{padding:0;display:block;height:76px;font-weight:700}
li.salter-1 a{background:url(../_images/Buttons/salter1.png) no-repeat left -2px;color:#FFF;text-decoration:none}
li.salter-1 a:hover{background: url(../_images/Buttons/salter1.png) no-repeat left -82px;color: #FFF}
li.salter-2 a{background:url(../_images/Buttons/salter2.png) no-repeat left -2px;color:#FFF;text-decoration:none}
li.salter-2 a:hover{background:url(../_images/Buttons/salter2.png) no-repeat left -82px;color:#000}
li.salter-4 a{background:url(../_images/Buttons/salter.png) no-repeat left -2px;color:#FFF; text-decoration:none}
li.salter-4 a:hover{background:url(../_images/Buttons/salter.png) no-repeat 0 -82px;color:#FFF;}
span.title{font-size:12px;display:block;margin:2px 0;padding-top:9px;padding-left:9px;letter-spacing:.5px;color:#FFF}
li.salter-3 a:hover{
background: url(../_images/Buttons/salter3.png) no-repeat 0 -82px;
}
li.salter-3 a{background:url(../_images/Buttons/salter3.png) no-repeat 0 -2px;color:#333;text-decoration:none}
span.title{
font-size: 12px;
display: block;
margin: 2px 0;
padding-top: 5px;
padding-left: 9px;
letter-spacing: 0.5px;
color: #FFF
}
span.title1{
font-size: 12px;
display: block;
margin: 2px 0;
padding-top: 12px;
padding-left: 67px;
letter-spacing: 0.6px
}
span.title3{
font-size: 12px;
display: block;
margin: 2px 0;
padding-top: 9px;
padding-left: 7px;
letter-spacing: 0.4px
}
span.desc{
display: block;
color: #002c5f;
padding-left: 12px;
padding-top: 3px;
font-size: 13px;
width: 90px;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 14px;
font-weight: 700
}
span.desc-new{
display: block;
color: #002c5f;
padding-left: 12px;
padding-top: 2px;
font-size: 13px;
width: 90px;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 14px;
font-weight: 700
}
span.desc1{
display: block;
color: #333333;
padding-left: 65px;
padding-top: 14px;
font-size: 11px;
width: 85px;
text-transform: uppercase;
letter-spacing:0px;
line-height: 14px;
font-weight: 600
}
span.desc2{
display: block;
color: #333333;
padding-left: 65px;
padding-top: 13px;
font-size: 13px;
width: 85px;
text-transform: uppercase;
letter-spacing:0px;
line-height: 14px;
font-weight: 600}
span.desc3{
display: block;
color: #333333;
padding-left: 65px;
padding-top: 18px;
font-size: 13px;
width: 85px;
text-transform: none;
letter-spacing: 1px;
line-height: 14px;
font-weight: 600
}
span.crveno{
color: #CA0000;
}
span.desc4{
display: block;
color: #333333;
padding-left: 65px;
padding-top: 18px;
font-size: 13px;
width: 85px;
text-transform: none;
letter-spacing:0px;
line-height: 14px;
font-weight: 600
}
span.lighther{
display: block;
color: #333333;
padding-left: 65px;
padding-top: 0px;
font-size: 11.4px;
width: 85px;
text-transform: none;
text-decoration:none;
line-height: 12px;
font-weight:700;
}
span.largeLetter{font-size:16px; font-weight:normal;}
span.small{color:#174174;font-size:10px;width:90px;text-transform:lowercase;letter-spacing:.8px;font-weight:700}
#leftcolumn #call-center{
width: 190px;
float: left;
text-align: center;
}
#rightcolumn #content-down{float:left;width:100%;margin-top:30px}
#content-down #kursna-lista{float:right;width:144px;margin-right:0;margin-top:0;border:1px solid #999;overflow:hidden}
#content-down #salter_rvb{float:right;width:151px;margin-right:0;overflow:hidden;margin-bottom:8px}
#content-down #novosti,#content-down #novosti_2{float:left;width:263px;margin-right:20px;padding:0 5px}
#novosti .info_box h2,#novosti_2 .info_box h2{font-size:20px;line-height:22px;font-weight:400;padding:5px 0;border-bottom:1px solid #999;border-top:1px solid #999}
#novosti ul#ticker_,#novosti_2 ul#ticker_2{width:270px;overflow:auto}
ul#ticker_ li,ul#ticker_2 li{width:270px;display:block;padding:5px 0;margin:0;text-align:left;font-weight:400}
#ticker_ li a img,#ticker_2 li a img{float:left;margin-right:5px}
#ticker_ li a,#ticker_2 li a{color:#202020;text-decoration:none}
#ticker_ li a:hover,#ticker_2 li a:hover{color:#d3a931}
#ticker_ li a strong:hover,#ticker_2 li a strong:hover{
color:#d3a931;
font-size: 10px;
}
span.datum{font-weight:700;color:#000}
#kursna-lista .klista{width:100%}
#kursna-lista h2{font-size:14px;text-align:center;padding:5px 10px;background-color:#143864;letter-spacing:.5px;color:#FFF}
.td_valuta{font-size:12px;line-height:16px}
.klista table tbody td{padding:0;border-bottom:2px solid #FFF}
td.td_valuta_naziv{font-size:11px;line-height:16px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #999;padding:0;margin:0}
a.box_button{color:#FFF;background-color:#143864;display:block;line-height:14px;font-size:12px;text-align:center}
a.box_button:hover{color:#e2c75d}
#footer{width:100%;overflow:visible;float:left}
#footer #footer_bar{position:relative;margin-left:auto;margin-right:auto;margin-top:30px;width:960px;height:200px;border-top:1px solid #cacaca}
#footer_bar #info_box{width:100%;float:left}
#info_box .leva{width:290px;height:145px;margin:10px 0;border-right:1px solid #cacaca;float:left;padding-right:13px}
#info_box .srednja{width:280px;margin:10px 0 10px 15px;border-right:1px solid #cacaca;float:left;padding:0 13px 0 8px;overflow:hidden;height:145px}
#info_box .poslednja{width:320px;height:150px;margin:10px 0 10px 13px;float:right;padding:0 0 0 5px;overflow:hidden}
#footer_bar #razni_linkovi{float:left;width:100%;border-bottom:1px solid #cacaca;border-top:1px solid #cacaca;margin-bottom:10px}
#info_box .srednja table{float:left}
#info_box .srednja table tr td{margin:0;padding:7px 0 0}
#info_box .srednja table tr td.phone{background:url(../_images/Buttons/contact_icon.png) -10px 0}
#info_box .srednja table tr td.email{background:url(../_images/Buttons/contact_icon.png) -10px -43px;margin-left:10px}
#info_box .srednja table tr td.posao{background:url(../_images/Buttons/contact_icon.png) -10px -93px;margin-left:10px}
#info_box .srednja .contact{margin-top:0}
#info_box .srednja .contact img{float:left;margin-right:5px}
#info_box .srednja .contact tr td a{color:#000;text-decoration:none}
#info_box .srednja .contact tr td a:hover{color:#d3a931;text-decoration:none}
#info_box .srednja .contact tr td a.facebook{display:block;width:35px;height:35px;background:url(../_images/Buttons/social-contact.png) -5px -7px}
#info_box .srednja .contact tr td a.twitter{display:block;width:35px;height:35px;background:url(../_images/Buttons/social-contact.png) -50px -7px}
#info_box .srednja .contact tr td a.youtube{display:block;width:35px;height:35px;background:url(../_images/Buttons/social-contact.png) -5px -50px}
#info_box .srednja .contact tr td a.linkedin{display:block;width:35px;height:35px;background:url(../_images/Buttons/social-contact.png) -50px -50px}
#info_box .srednja h3{font-size:14px;font-weight:400;padding-bottom:5px;text-transform:uppercase}
#info_box .poslednja h3{font-size:14px;font-weight:400;padding-bottom:5px}
.newsletter{width:100%;background:url(../_images/background/mailing-background.png) no-repeat;padding:5px 0 0 10px}
#info_box .poslednja h3{text-transform:uppercase;text-decoration:none}
#info_box .leva table{margin:3px 0 0}
#info_box .leva table tr td{padding-top:2px;padding-bottom:3px;letter-spacing:.5px}
#info_box .leva table tr td a.servisi-1{display:block;min-height:25px;background:url(../_images/Buttons/homebanking.png) no-repeat 0 1px}
#info_box .leva table tr td a.servisi-1:hover{background:url(../_images/Buttons/homebanking.png) no-repeat 1px -25px}
#info_box .leva table tr td a.servisi-2{display:block;min-height:25px;background:url(../_images/Buttons/ebank.png) no-repeat 0 1px}
#info_box .leva table tr td a.servisi-2:hover{background:url(../_images/Buttons/ebank.png) no-repeat 1px -25px}
#info_box .leva table tr td a.servisi-3{display:block;min-height:25px;background:url(../_images/Buttons/cardalarm.png) no-repeat 0 1px}
#info_box .leva table tr td a.servisi-3:hover{background:url(../_images/Buttons/cardalarm.png) no-repeat 1px -25px}
#info_box .leva table tr td a.servisi-4{display:block;min-height:25px;background:url(../_images/Buttons/smsinfo.png) no-repeat 0 1px}
#info_box .leva table tr td a.servisi-4:hover{background:url(../_images/Buttons/smsinfo.png) no-repeat 1px -25px}
#info_box .leva h3{text-transform:uppercase;font-size:14px;display:block;text-align:left}
.linkovi a{float:left;display:block;padding:7px 3px 6px;margin:0 5px;color:#666;text-decoration:none;font-size:11px;text-transform:uppercase}
.linkovi a:hover{color:#e2c75d}
.blink a{
color:#e2c75d;
text-decoration: blink;
}
#razni_linkovi .linkovi{width:100%;float:left;overflow:hidden}
#footer_bar #author{float:left;width:100%;height:24px}
#author span{text-align:center;color:#666;line-height:0;margin:0 0 0 2px;padding:5px 0;width:100%;display:block;letter-spacing:.3px}
#contactform table{margin:0}
#contactform table tr td input[type="text"]{border:1px solid #bababa;background:#FFF;padding:1px 2px 1px 2px;min-height:15px;margin:1px 0;width:230px;margin-left:10px;font:Calibri,Arial,sans-serif,serif;font-size:12px}
#contactform table tr td input[type="text"]:focus{background:url(../_images/background/grey-background.png) repeat;border:1px solid #666;color:#000;font-weight:400}
#contactform table tr td label{font-size:12px;text-transform:uppercase;padding:0;line-height:14px}
#contactform .error[generated=true]{color:#dc0000;font-size:9px;padding:0 0 0 12px;font:Calibri,Arial,sans-serif,serif}
#contactform input[type=submit]{background:url(../_images/background/submit.png) repeat-x;color:#000;font-size:12px;font-style:italic;font:Calibri,Arial,sans-serif,serif;padding:2px 6px;width:auto;border:1px solid #a37e21}
#response{margin-top:20px;margin-bottom:20px;text-align:left;height:120px}
#response .success{color:#143864}
#response .failure{color:#dc0000}
.search input[type="text"]{float:left;padding:2px;border:0;background-color:#dfdfdf;font-family:Calibri,Arial,sans-serif,serif;border:1px solid #f0f0f0;font-style:italic;color:#000;width:120px;font-weight:700;font-size:12px}
.search input[type="text"]:focus{background:#FFF;border:1px solid #f0f0f0;color:#000;font-weight:400}
.search .search_submit{float:left;width:30px;height:23px;background:url(../_images/Buttons/search_button.png) no-repeat left 0;background-color:#1e5394;border:0;margin:-2px 0 0 3px;padding:0;cursor:pointer}
.search form{width:100%;margin:5px 0 0;padding:0;overflow:auto}
#rightcolumn #left-kl{
width: 750px
}
#rightcolumn #left-kl table{
font-family: Calibri,Arial,sans-serif,serif;
font-size: 14px;
font-weight: 400;
margin: 20px 0 0;
padding: 0
}
#rightcolumn #left-kl table td.headerkl{padding:0;text-align:center;border-bottom:3px solid #d2d2d2;border-top:2px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:0;color:#FFF;background-color:#164E86;font-weight:700}
#rightcolumn #left-kl table tr.header{background-color:#143864;color:#FFF;font-weight:700}
#rightcolumn #left-kl table tr{background-color:#e6e6e6;color:#000;font-weight:400}
#left-kl table tr td{padding:2px 0;text-align:center;border-right:0;border-bottom:0;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;background-color:#F5F5F5}
#rightcolumn #left-kl h4{font-family:Calibri,Arial,sans-serif,serif;text-align:center;margin:10px 0 0;padding:0;line-height:30px;text-transform:uppercase;font-size:14px}
#rightcolumn #left-kl h6{font-family:Calibri,Arial,sans-serif,serif;text-align:center;margin:0 0 5px;padding:0;line-height:16px;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.4px}
#rightcolumn #left-kl table tr td.levotxt{text-align:left;padding:5px 0}
#rightcolumn #left-kl table tr td img{margin:0 5px}
.iefix{background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader()}
ul#ticker_2 li a.zuto{color:#DF312D;font-weight:700}
ul#ticker_2 li a.zuto:hover{color:#d3a931}
#left-kl table tr .headerk2{
padding: 0;
text-align: center;
border-bottom: none;
border-top: 2px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
color: #FFF;
background-color: #164E86;
font-weight: 700;
font-size: 13px
}
#left-kl table td.headerkl-left{padding:0;text-align:center;border-bottom:3px solid #d2d2d2;border-top:2px solid #d2d2d2;border-left:2px solid #d2d2d2;border-right:1px solid #d2d2d2;color:#FFF;background-color:#164E86;font-weight:700}
#left-kl table tr td.left-noborder{border-left:2px solid #d2d2d2}
#left-kl table tr td.right-noborder{border-right:2px solid #d2d2d2}
#left-kl table tr td.bottom-noborder{border-bottom:2px solid #d2d2d2}
#left-kl .pratite table td{text-align:right;padding:3px 0;background-color:#FFF}
#left-kl .pratite h6{font-size:14px;color:#000;font-family:Calibri,Arial,sans-serif,serif;display:inline;font-weight:400}
#left-kl .pratite{margin:0;padding:0}
a.obavestenje-solid,a.obavestenje-solid:hover{color:#000;text-decoration:none}
#author span .uslovi{text-decoration:none;color:#666;letter-spacing:.6px;font-weight:700}
#author span .uslovi:hover{text-decoration:none;color:#E1C55A}
#author span .zastita{text-decoration:none;color:#333; margin-left:8px;letter-spacing:.6px;font-weight:800}
#author span .zastita:hover{text-decoration:none;color:#E1C55A}
/* We are using CSS3 Property "transition" for the animating blinking text effect */
P {transition:color 200ms ease;}
/* The class "Blink" is set to be transparent*/
P.blink {
color:#C00;
}
#rightcolumn #left-kl table td.KL-naslov{
padding: 0;
text-align: center;
border-bottom: 1px solid #7E7E7E;
border-top: 1px solid #7E7E7E;
border-left: none;
border-right: none;
border-left: 0;
color: #000;
background-color: #CACACA;
font-weight: 700
}
#rightcolumn #left-kl table td.KL-naslov-dva{
padding: 0;
text-align: center;
border-bottom: none;
border-top:1px solid #7E7E7E;
border-left: none;
border-right: none;
border-left: 0;
color: #000;
background-color: #CACACA;
font-weight: 700
}
#rightcolumn #left-kl table td.KL-bez{
padding: 0;
text-align: center;
border-bottom: 2px solid #FFF;
border-top: 2px solid #FFF;
border-left: none;
border-right: none;
border-left: 0;
color: #FFF;
background-color: #FFF;
font-weight: 700
}