@charset "utf-8";
/* CSS Document */

@viewport{
    zoom: 1.0;
    width: device-width;
}

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4d4d4d;
}
a {
	text-decoration: none;
	color: #27366b;
}
::selection {
	background: #27366b;
	color: #fff;
}

/* ---------------- HEADER ------------------------- */
header {
	height: 120px;
	background:url(/images/posted-nav-st-back.png) bottom repeat-x;
	z-index:20;
}
header.senka {
	box-shadow: 0 0 30px rgba(247,247,247,.1);
}
.logo {
	position:absolute;
	top:2px;
	left:10px;
}
.logo img {
  height: 65px;
  width: auto;
}
.top-nav {
	position:absolute;
	top:8px;
	right:5px;
}
.top-nav > ul > li {
	float:left;
	border-left: 1px solid #dedede;
}
.top-nav > ul > li:first-child {
	border:none;
}
.top-nav > ul > li > a {
	display:block;
	padding: 0 10px;
	font-size: 12px;
}
.top-nav > ul > li > a:hover {
	text-decoration:underline;
}
.top-nav > ul > li.jezik > a {
	color: #4d4d4d;
}
.country-nav {
	position:absolute;
	bottom:51px;
	right:15px;
}
.country-nav > ul > li {
	float:left;
	margin-left:2px;
	padding-top:7px;
	height:18px;
	overflow:hidden;
}
.country-nav > ul > li:hover {
	padding:0;
}
.country-nav > ul > li > a {
	display:block;
	background:url(../images/country-nav-back.png) repeat-x;
	padding:0 8px;
	line-height:18px;
	color:#4d4d4d;
	font-size: 12px;
}
nav {
	position:absolute !important;
	bottom:0px;
	left:0px;
}
nav > ul {
	width:100%;
}
header nav > ul > li > a {
	line-height:51px;
	display:block;
	text-align:center;
	text-transform:uppercase;
	color: #fff;
	font-size: 16px;
}
header nav > ul > li:hover > a {
	background:none;
	font-weight:bold;
	background-color: #fff;
	color: #27366b;
}
.sub-nav.container {
	height:auto;
	width:980px;
}
#menudisplay_2.sub-nav.container {
	height:465px;
}
.sub-nav {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color: #ececec;
	z-index:50;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	padding:10px 0;
	background:#ececec url(/images/nav/sub-nav-bg.png) repeat-x;
	box-shadow: 7px 0px 7px -5px rgba(0,0,0,0.1), -7px 0px 7px -5px rgba(0,0,0,0.1), 0px 7px 7px -5px rgba(0,0,0,0.1);
}
.nav-promo {
	position:absolute;
	right:15px;
	top:30px;
	z-index:10;
	opacity:0.9;
}
.nav-promo.drugi {
	top:180px;
}
.nav-promo img {
	width:120px;
	height:120px;
}
.home-box-content {
	height:120px;
	position:relative;
}
.home-box-link {
	position:absolute;
	bottom:0;
}
header nav > ul > li:hover .sub-nav {
	display:block;
}
ul.nav-sec > li > a {
	font-size: 16px;
	text-transform:uppercase;
	color: #4d4d4d;
	display:block;
	padding: 7px 15px;
}
ul.nav-sec > li:hover > a {
	background:#fff;
	color: #27366b;
	box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.1), 0px -7px 7px -5px rgba(0,0,0,0.1);
}
ul.nav-sec {
	position:relative;
	z-index:70;
}
ul.nav-sec:hover {
	box-shadow: inset -7px 0px 7px -5px rgba(0,0,0,0.1)
}
ul.nav-third {
	display:none;
	position:absolute;
	z-index:60;
	top:0;
	right:-380px;
	width:380px;
	height:100%;
}
ul.nav-sec > li:hover ul.nav-third {
	display:block;
}
ul.nav-third > li > a {
	color: #27366b;
	font-size: 14px;
	display:block;
	padding: 12px 35px;
}
ul.nav-third:hover {
	box-shadow: inset -7px 0px 7px -5px rgba(0,0,0,0.1)
}
ul.nav-third > li:hover > a {
	background:#fff;
	font-weight:bold;
	box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.1), 0px -7px 7px -5px rgba(0,0,0,0.1);
}
ul.nav-four {
	display:none;
	position:absolute;
	z-index:60;
	top:0;
	right:-340px;
	width:340px;
	height:100%;
	background:#ececec url(/images/nav/sub-nav-bg.png) 0px -10px repeat-x;
	opacity:0.8;
}
ul.nav-third > li:hover ul.nav-four {
	display:block;
}
ul.nav-four > li > a {
	color: #27366b;
	font-size: 14px;
	display:block;
	padding: 12px 35px;
}
ul.nav-four:hover {
	opacity:1;
}
ul.nav-four > li:hover > a {
	background:#fff;
	font-weight:bold;
	box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.1), 0px -7px 7px -5px rgba(0,0,0,0.1);
}
.search {
	position:absolute;
	right:15px;
	bottom:12px;
}
.search input {
	width:220px;
	height:25px;
	border-radius:5px;
	padding: 0 30px 0 10px;
	font-size: 14px;
	color: #4d4d4d;
}
.search form > button {
	text-indent:-9999px;
	cursor:pointer;
	width:27px;
	height:16px;
	position:absolute;
	right:1px;
	top:5px;
	background:url(/images/search-button-back.png) no-repeat;
}

/* ------------------------ CONTENT ----------------------- */
#content {
	z-index:10;
	position:relative;
}
.JB_Container {
	z-index:50 !important;
}
.JB_Button_Left, .JB_Button_Right, .JB_Pagination {
	z-index:60 !important;
}
.news-box.senka {
	background:url(/images/news-box-senka.png) center top no-repeat;
}
.news-box {
	padding:0px 15px;
}
.news-date {
	font-size: 10px;
	line-height:25px;
}
.news-title a {
	display:block;
	font-size: 14px;
	padding-bottom: 10px;
}
.news-title a:hover {
	text-decoration:underline;
}

#main-content {
	position:relative;
	margin-bottom: 10px;
}
#main-content section {
	z-index:10;
	position:relative;
}
aside {
	position:relative;
	z-index:10;
}

.JB_Button_Right, .JB_Button_Left { display:none !important; }
.JB_FWS:hover .JB_Button_Right, .JB_FWS:hover .JB_Button_Left { display:block !important; }

/* ------ SECTION ----------- */
.home section {
	padding-left:40px;
	padding-top: 40px;
}
.home-box {
	width:310px !important;
	margin:0 7px 20px 0;
}
.home-box-1, .home-box-2 {
	margin-bottom:55px;
}
.home-box-img {
	float:left;
	margin-right: 9px;
}
.home-box-content {
	float:left;
	width:180px;
	/*opacity:0.8;*/
}
.home-box-content:hover {
	<!--opacity:1;-->
}
.home-box-title {
}
.home-box-title a {
	font-size: 17px;
	min-height:38px;
	display:block;
}
.home-box-title a:hover {
	text-decoration:underline;
}
.home-box-text {
	font-size: 12px;
	text-align:left;
	display:block;
}
.home-box-link {
	margin-top:10px;
	background-color: #27366b;
	border-radius:10px;
	display:inline-block;
}
.home-box-link a {
	color: #fff;
	font-size: 11px;
	padding:3px 8px;
	display:block;
	transition:.5s;
}
.home-box-link a:hover {
	padding-left:12px;
}

.banner-social { margin-top: 10px !important; }
.banner-social:hover { padding-top: 1% !important; }
.banner-social > div {
	margin-bottom: 5px;
}

/* ----------------------- PAGE ------------------------- */
.page article {
	float:right;
}
.page article header {
	height:auto;
	background:none;
}
.breadcrumb {
	display:inline-block;
	margin-top: 5px;
}
.breadcrumb ul {
	list-style-type:none;
}
.breadcrumb li {
	float:left;
	padding-left:5px;
}
.breadcrumb {
	font-size: 12px;
}
.export {
	padding-top: 3px;
}
.export .print {
	background:url(/images/komercijalna-banka-contet-stampaj.png) no-repeat;
}
.export .print a {
	display:block;
	padding-left: 20px;
	font-size: 10px;
	line-height:15px;
	color: #4d4d4d;
}
.excerpt img {
	float:left;
	margin-right: 10px;
}
.excerpt h2 {
	float:left;
}
.excerpt p {
	padding-top: 20px;
}
.page aside {
	float:left;
}
nav.top-element, nav.povezano {
	position:relative !important;
	padding-bottom: 30px;
	background:url(/images/senke/content-top-element-bottom.png) bottom center no-repeat;
}
.top-element-title {
	color: #4d4d4d;
	font-size: 21px;
	padding:25px 0 10px;
}
nav.top-element li {
	padding: 5px 0px;
}
nav.top-element a {
	color: #27366b;
	text-transform:none;
	line-height:inherit;
	text-align: left;
	font-size: 13px;
}
nav.top-element a:hover {
	font-weight:normal;
	text-decoration:underline;
}
.povezano-title {
	color: #27366b;
	font-size: 21px;
}
nav.povezano a {
	color: #27366b;
	text-transform:none;
	line-height:inherit;
	text-align: left;
	font-size: 13px;
	line-height:18px;
}
aside .baneri {
	margin-top: 15px;
}

aside .social-share {
	text-align: center;
	padding-top: 15px;
}
aside .social-share > div {
	margin-bottom: 8px;
	display:inline-block;
}

article .breadcrump {
	color: #4d4d4d;
	font-size: 12px;
}
article .export {
	float:right;
}
article h1 {
	color: #27366b;
	font-size: 35px;
	line-height:35px;
	text-transform:uppercase;
	padding: 20px 0 15px;
}
.post-content img.excerpt-img {
	float:left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.post-content {
	font-size: 13px;
	line-height:14px;
}
.post-content ul {
	list-style-type:disc;
	padding: 5px 0 5px 30px;
	list-style-position:inside;
}
.post-content ol {
	list-style-type:decimal;
	padding: 5px 0 5px 30px;
	list-style-position:inside;
}
article h2 {
	color: #27366b;
	font-size: 24px;
	margin-bottom: 10px;
	line-height:24px;
}
article h2.arhiva {
	margin-bottom: 15px;
}
article h3 {
	color: #27366b;
	font-size: 21px;
	padding:10px 0 5px;
	line-height:24px;
}
article a.slidecontrol {
	color: #fff;
	font-size: 13px;
	padding: 3px 8px;
	display: inline-block;
	transition: .5s;
	background-color: #27366b;
	border-radius: 10px;
}
article a.slidecontrol:hover {
	padding-left: 12px;
}
.post-content table {
	width:100% !important;
	margin-top: 10px;
	clear:both;
}
.post-content table td {
	padding:8px;
}
.post-content table tr:nth-of-type(even) {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGQUY0RjgiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE3NikiIC8+Cjwvc3ZnPg==);
}
.post-content table tr:hover {
	background-image: none;
	background-color: #FAF4F8;
}
.post-content table tbody tr:first-child {
	background-color: #fff;
}
.post-content table tbody tr:first-child td p {
	font-size: 16px;
	color: #27366b;
	font-weight:bold;
}
.post-content table tbody tr td:first-child p {
	text-transform:uppercase;
}
.post-content table tbody tr td:last-of-type p {
	/* text-align: center; */
}
.post-content img.vesti-left {
	margin-right: 10px;
	margin-bottom: 5px;
}
article header .datum {
	font-size: 14px;
	margin-bottom: 10px;
}
.post-content p img {
	max-width:100% !important;
}
.post-content em {
	font-style:italic;
}

.post-content table.platinum-tabela td {
	vertical-align:top;
}
.prodaja-na-rate th { padding:10px;
	font-size: 13px;
	text-transform:uppercase;
	color: #27366b;
	font-weight:bold;
	text-align: left;
}
.prodaja-na-rate tbody tr:nth-of-type(odd) {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGQUY0RjgiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE3NikiIC8+Cjwvc3ZnPg==) !important;
}
.prodaja-na-rate tbody tr:nth-of-type(even) {
	background:none !important;
}
.prodaja-na-rate tbody tr:hover {
	background-image: none !important;
	background-color: #FAF4F8 !important;
}
#prodaja select {
	height:20px;
	box-shadow: 0 0 20px #e5e5e5, inset 3px 3px 5px #e5e5e5;
	border-radius:5px;
	padding:2px 8px 0;
	color: #777;
	font-size: 13px;
	border:none;
	margin:5px 0;
	/*background:url(/images/kalkulator-kredita-senka-input.png) no-repeat;*/
}

/* ------- SPECIJAL ---- */
#specijal, #in-menu {
	padding-top: 20px;
	clear:both;
}
#specijal.kontakt {
	font-size: 13px;
	color: #27366b;
}
#specijal.kontakt p.izdvojeni-kontakt {
	font-size: 24px;
	color: #27366b;
	font-weight:normal;
	line-height:40px;
}
#specijal.kontakt p.izdvojeni-kontakt a {
	margin-right: 20px;
}
#specijal.kontakt p.izdvojeni-kontakt a.kontakt-email {
	text-decoration:underline;
	margin-bottom: 10px;
	display:block;
}
#specijal.kontakt a {
	color: #000;
}
#specijal.kontakt strong {
	font-size: 20px;
	color: #27366b;
	font-weight:normal;
	line-height:25px;
	padding-top: 15px;
	background: url(/images/senke/specijal-top-separator.png) top left no-repeat;
	width:100%;
	display:block;
}
.specijal-top-separator {
	background:url(/images/senke/specijal-top-separator.png) no-repeat;
	width:594px;
	height:19px;
	margin-bottom: 10px;
}
.prodaja-na-rate label, .prodaja-na-rate label select {
	display:block;
}
.prodaja-na-rate input {
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	padding: 3px 8px;
	display: inline-block;
	transition: .5s;
	background-color: #27366b;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}
ul.nav-spec {
	padding-left: 150px;
}
ul.nav-spec, ul.nav-spec ul {
	list-style-type:none;
}
ul.nav-spec li {
	padding:5px 0;
}
ul.nav-spec a {
	font-size: 20px;
	line-height:20px;
}
ul.nav-spec a:hover {
	color: #fff;
	background-color: #27366b;
}
ul.nav-spec ul {
	display:none;
}
ul.nav-spec li:hover ul {
	display:block;
}
.mapa-sajta ul.nav-spec li ul {
	display:block;
}
.galerija-box {
	margin-bottom: 10px;
}
.galerija-box .infografik-img img {
	width:100%;
}
.galerija-img img {
	width:180px;
	height:135px;
}
.galerija-naslov {
	color: #941f91;
	font-size: 18px;
	line-height:22px;
}
.galerija-content p {
	margin-bottom: 8px;
}
a.galerija-detaljno {
	color: #fff;
	font-size: 13px;
	padding: 3px 8px;
	display: inline-block;
	transition: .5s;
	background-color: #27366b;
	border-radius: 10px;
	margin-top: 10px;
}
a.galerija-detaljno:hover {
	padding-left: 12px;
}
.arhiva-buttons form {
	float:left;
	margin-right: 8px;
}
.arhiva-buttons form input {
	color: #fff;
	font-size: 13px;
	padding: 3px 8px;
	display: inline-block;
	transition: .5s;
	background-color: #27366b;
	border-radius: 10px;
	border:0;
	margin-bottom: 10px;
	cursor:pointer;
}
.arhiva-buttons form input:hover {
	padding-left: 12px;
}
ul.arhiva-vesti li {
	padding:3px 0;
}
ul.arhiva-vesti li a:hover {
	color: #4d4d4d;
}

.ekspoziture select {
	height: 20px;
	width: 45%;
	box-shadow: 0 0 20px #e5e5e5, inset 3px 3px 5px #e5e5e5;
	border-radius: 5px;
	padding: 2px 8px 0;
	color: #777;
	margin: 7px 7px 7px 0px;
	font-size: 13px;
	border: 0;
}
.ekspoziture input[type="submit"] {
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	padding: 3px 8px;
	display: inline-block;
	transition: .5s;
	background-color: #27366b;
	border-radius: 10px;
}
.ekspoziture h2 {
	clear:both;
	font-size: 35px;
	line-height: 35px;
	text-transform:uppercase;
	padding: 20px 0 15px;
}
.mreza-item {
	background: url(/images/senke/specijal-top-separator.png) center top no-repeat;
	min-height:50px;
	margin-bottom: 0px !important;
	cursor:pointer;
	padding-bottom: 5px;
}
.mreza-head {
	line-height:15px;
	padding:15px 0 10px;
	background:none !important;
	padding-left: 0px !important;
}
.mreza-adresa {
	font-weight:bold;
	color: #27366b;
	background:url(/images/mreza-adresa-ico.png) left center no-repeat;
	padding-left: 25px;
	line-height:20px;
}
.mreza-telefon {
	background:url(/images/mreza-telefon-ico.png) left center no-repeat;
	padding-left: 25px;
	line-height:20px;
}
.mreza-telefon a {
	padding-right: 5px;
	display:inline-block;
}
.mreza-vreme {
	background:url(/images/mreza-vreme-ico.png) left center no-repeat;
	padding-left: 30px;
	line-height:20px;
}


@media (max-width: 767px) {
  .mreza-content.active iframe { width:90%; height:300px !important; display:block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
.mreza-head .col-st-4, .mreza-head .col-md-4 {
	width:33.33333333333333%;
}
  .mreza-content.active iframe { width:750px; height:350px !important; display:block !important; }
}

@media (min-width: 992px) {
.mreza-head .col-st-4, .mreza-head .col-md-4 {
	width:33.33333333333333%;
}
  .mreza-content.active iframe { width:690px; height:350px !important; display:block !important; }
}

/* ----- KURSNA\ ----- */
#kurs {
	position:relative;
	padding: 0px 0 0 0;
	margin-top: 30px;
}
#kurs .tabs a {
	text-transform:uppercase;
	font-size: 21px;
	line-height:40px;
	padding: 5px 0 1px;
	display:block;
	background: transparent url(/images/kursna-horizontal-separator.png) center top no-repeat;
}
#kurs .tabs li.prvi a {
	background: transparent;
}
#kurs .tabs a:hover, #kurs .tabs a.active {
	background-color: #f6f6f6;
	background-image: url(/images/kursna-horizontal-separator.png), url(/images/kursna-horizontal-arrow.png);
	background-position: center top, right 30px center;
	background-repeat: no-repeat;
}
#kurs .tabs li.prvi a:hover, #kurs .tabs li.prvi a.active {
	background: #f6f6f6 url(/images/kursna-horizontal-arrow.png) right 30px center no-repeat;
}
#kurs .tab-content #kursna-lista-tab {
	font-size: 12px;
}
#kurs .kurs-title {
	line-height:20px;
	padding-left: 12%;
}
#kurs .kursna-kompletna { position:absolute; top:4px; right:10px; }
#kurs .kurs-item  {
	padding:5px 5% 4px 12%;
	width:90%;
	clear:both;
	border-top: 1px solid #f4f4f4;
}
#kurs .kurs-item.prvi {
	border:none;
}
#kurs .kurs-flag {
	width: 33%;
	float:left;
}
#kurs .kurs-currency {
	width: 33%;
	float:left;
	text-align:center;
	text-transform:uppercase;
}
#kurs .kurs-value {
	width: 33%;
	float:left;
	text-align:right;
}
#kurs .tab-content #konvertor-valuta-tab {
	font-size: 12px;
}
#kurs .konvertor-left label, #kurs .konvertor-right label {
	display:block;
	position:relative;
	z-index:20;
	line-height:15px;
}
#kurs input[type="submit"] {
	color: #27366b;
	font-size: 20px;
	text-transform:uppercase;
	background-color: #fff;
	padding-top: 15px;
	cursor:pointer;
}
#kurs input[type="submit"]:hover {
	text-decoration:underline;
}
#kurs .konvertor-left input {
	box-shadow: 0 0 20px #e5e5e5, inset 3px 3px 5px #e5e5e5;
	border-radius:5px;
	padding:2px 8px 0;
	width:65%;
	color: #777;
	position:relative;
	z-index:10;
	font-size: 13px;
}
body#ie8 #kurs .konvertor-left input#konverzija { border: 1px solid #777; }
#kurs .konvertor-left select, #kurs .konvertor-right select {
	box-shadow: 0 0 20px #e5e5e5, inset 3px 3px 5px #e5e5e5;
	border-radius:5px;
	padding:2px 8px 0;
	width:50%;
	color: #777;
	position:relative;
	z-index:10;
	border:0px;
	text-transform:uppercase;
}
#kurs .konvertor-iznos label {
	text-transform:uppercase;
}
#kurs .konvertor-iznos input {
	color: #27366b;
	font-size: 24px;
}
#kurs .konvertor-left {
	float:left;
	clear:both;
	width:50%;
	margin-bottom: 10px;
}
#kurs .konvertor-right {
	float:left;
	width:50%;
	margin-bottom: 10px;
}
#kurs .konvertor-iznos {
	float:left;
	clear:both;
	width:100%;
}
#kurs .iznos-info {
	font-size: 10px;
	color: #27366b;
}
#kurs #trend-kursne-liste-tab {
	position:relative;
}
#kurs #trend-kursne-liste-tab .relative2 select {
	position:absolute;
	top:10px;
	right:0;
	box-shadow: 0 0 20px #e5e5e5, inset 3px 3px 5px #e5e5e5;
	border-radius:5px;
	padding:2px 8px 0;
	color: #777;
	z-index:10;
	border:0px;
	text-transform:uppercase;
}
#kurs .highcharts-title {
	font-size: 12px !important;
	padding-top: 5px !important;
}

/* ----------------------- FOOTER ----------------------- */
footer {
	padding-top:18px;
	font-size: 12px;
}
footer a {
	font-size: 12px;
}
footer.senka {
	background:url(/images/footer-senka.png) bottom no-repeat;
}
.foot-left {
	position:relative;
	float:left;
	line-height:35px;
	z-index:20;
}
.foot-left a {
	margin-left: 15px;
}
.foot-right {
	position:relative;
	float:right;
	line-height:35px;
	z-index:20;
}
.foot-right a {
	margin-right:15px;
}
.foot-bottom {
	width:100%;
	position:absolute;
	z-index:10;
}
.foot-social {
	text-align:center;
	height:35px;
	padding-top: 7px;
}
.foot-social.senka {
	background:url(/images/footer-senka.png) bottom no-repeat;
}
.foot-copyright {
	text-align:center;
	padding-top: 7px;
}

/* Browser check */
.browser-check #content { padding: 200px 0 150px; }
.browser-check-box { position:relative; padding: 35px 40px; background-color: #f4f4f4; }
.browser-check-box .avatar { background:url(/images/recommended-sticker.png) center no-repeat; width:100%; height:248px; position:absolute; left:0; top:-190px; }
.browser-check-box h1 { color: #27366b; font-size: 30px; line-height:35px; margin-bottom: 20px; font-weight:bold; text-align: center; }
.browser-check-box p { margin-bottom: 20px; line-height:20px; }
.browser-check-box p a { color: #fff; font-size: 16px; padding: 3px 8px; display: inline-block; transition: .5s; background-color: #27366b; border-radius: 10px; }
.browser-check-box p a:hover { padding-left: 12px; }
.browser-box a { width:225px; display:block; float:left; text-align: center; padding-top: 130px; padding-bottom: 20px; color: #4d4d4d; }
.browser-box a:hover { color: #27366b; }
.browser-box.ch a { background:url(/images/recommended-chrome.png) center top no-repeat; }
.browser-box.ie a { background:url(/images/recommended-ie.png) center top no-repeat; }
.browser-box.ff a { background:url(/images/recommended-ff.png) center top no-repeat; }
.browser-box.sa a { background:url(/images/recommended-safari.png) center top no-repeat; }

/* Underconstruction */
.undercon-box { width:100%; margin-bottom: 30px; padding-top: 40px; }
.undercon-box h1 { color: #27366b; font-size: 30px; line-height:35px; margin-bottom: 20px; font-weight:bold; text-align: center; }
.undercon-box img { width:100%; }

/* 404 */
.error404 #content { padding: 210px 0 150px; }
.error404-box { position:relative; padding: 35px 40px; background-color: #f4f4f4; }
.error404-box .avatar { background:url(/images/404-sticker.png) center no-repeat; width:100%; height:248px; position:absolute; left:0; top:-200px; }
.error404-box h1 { color: #27366b; font-size: 34px; line-height:35px; margin-bottom: 20px; font-weight:bold; text-align: center; }
.error404-box h2 { color: #27366b; font-size: 28px; line-height:35px; margin-bottom: 20px; font-weight:bold; text-align: center; }
.error404-box p { margin-bottom: 20px; line-height:20px; text-align: center; }
.error404-box .search { clear:both; position:relative; margin:40px auto 40px; width:220px; }

/* MOBILE */
@media (max-width: 767px) {
.senka { background:none !important; box-shadow:none !important; }
.main-senka { display:none; }
#konvertor, .banner-kombank-arena, a.telefon-desktop { display:none !important; }
header .container {
	min-height:270px;
}
.container {
	width: 100%;
}

/* MOBILE HEADER */
header {
	height: auto;
	min-height:270px;
	background:none;
}
.logo {
	top:62px;
	left:0px;
}
.top-nav {
	top:30px;
	right:0px;
}
.top-nav > ul > li > a {
	padding: 0 5px;
}
.country-nav {
	bottom:auto;
	right:5px;
	top: 6px;
	left:auto;
}
.country-nav > ul > li {
	padding:0px;
	height:18px;
	width:70px;
}
.country-nav > ul > li > a {
	background-image: none;
	background-color: #ececec;
	padding:0;
	text-align:center;
}
.country-nav > ul > li:hover > a {
	opacity:0.8;
}
.nav-promo { display:none; }
a#slidecontrol_search {
	background:url(/images/search-button-back-lg.png) -1px -1px no-repeat;
	width:35px;
	height:32px;
	display:block;
	border:1px solid #27366b;
	border-radius:5px;
}
#slidedisplay_search {
	position:absolute;
	top:0;
	right:0;
}
.search {
	right:5px;
	bottom:auto;
	top:75px;
}
.search input {
	border:1px solid #27366b;
	height:32px;
}
.search form > button { height:32px; background-position:0px 3px; }
header nav > ul > li {
	display:block;
	float:none;
	position:relative;
	background:url(/images/posted-nav-sm-back.png) repeat-x;
}
header nav > ul > li > a {
	/*background:url(/images/nav-sm-arrow.png) 85% 12px no-repeat;*/
	line-height:35px;
	font-size: 22px;
}
.sub-nav {
	top:35px;
	width:100% !important;
}
ul.nav-sec {
	width:100%;
}
ul.nav-third {
	position:relative;
	right:0;
	width:100%;
}
ul.nav-four {
	position:relative;
	right:0;
	width:100%;
	padding-left: 15px;
}

aside { padding:10px !important; }
aside .baneri { text-align: center; }
/* MOBILE CONTENT */
.main-slider-flash { display:none; }
.main-slider-img { display:block; }
.main-slider-img img { width:100%; }
.JB_Slide { height:auto !important; }
.JB_FWS { max-height:250px !important; }
.JB_Slide_Content { height:auto; width:100%; }
.JB_Slide_Content > object { display:none; }
.JB_Slide_Content > a { display:block; }

#news { clear:both; }
.news-box {
	border-bottom: 1px solid #898889;
}
.home section {
	padding:0px;
}
.home-box-content {
	height:110px;
}
.home-box {
	width:300px !important;
	display:block;
	margin:20px auto;
}
.home-box-img {
	margin-right: 10px;
}
.home-box-img img {
	width:100px;
}
aside .social-share > div { display:block; }

.post-content img.excerpt-img { margin-right: 0px;	margin-bottom: 5px; width:100%; }
aside {
	border-top: 1px solid #898889;
	border-bottom: 1px solid #898889;
	padding:10px 0;
}
aside .banner {
	text-align: center;
	margin-bottom:10px;
}
#content article { padding: 10px 10px 10px 10px; }
#content header { min-height:inherit; }

/* ------- SPECIJAL ---- */
.specijal-top-separator { background:#898889; width:100%; height:1px; margin-bottom: 10px; }
ul.nav-spec { padding-left: 10px; }
.galerija-box { text-align:center; }

/* prodaja na rate */
	.prodaja-na-rate table, .prodaja-na-rate thead, .prodaja-na-rate tbody, .prodaja-na-rate th, .prodaja-na-rate td, .prodaja-na-rate tr {
		display: block !important;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.prodaja-na-rate thead tr {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

	.prodaja-na-rate tr { border: 1px solid #ccc !important; }

	.prodaja-na-rate td {
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
		padding-left: 50% !important;
	}

	.prodaja-na-rate td:before {
		/* Now like a table header */
		position: absolute !important;
		/* Top/left values mimic padding */
		top: 6px !important;
		left: 6px !important;
		width: 65% !important;
		padding-right: 10px !important;
		white-space: nowrap !important;
	}

	/*
	Label the data
	*/
	.prodaja-na-rate td:nth-of-type(1):before { content: "Naziv"; }
	.prodaja-na-rate td:nth-of-type(2):before { content: "Grad"; }
	.prodaja-na-rate td:nth-of-type(3):before { content: "Adresa"; }
	.prodaja-na-rate td:nth-of-type(4):before { content: "Br. rata"; }

/* savograd-table */
	 table.savograd-table, .savograd-table thead, .savograd-table tbody, .savograd-table th, .savograd-table td, .savograd-table tr {
		display: block !important;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.savograd-table thead tr {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

	.savograd-table tr { border: 1px solid #ccc !important; }

	.savograd-table td {
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
		padding-left: 50% !important;
	}

	.savograd-table td:before {
		/* Now like a table header */
		position: absolute !important;
		/* Top/left values mimic padding */
		top: 6px !important;
		left: 6px !important;
		width: 65% !important;
		padding-right: 10px !important;
		white-space: nowrap !important;
	}

	/*
	Label the data
	*/
	.savograd-table td:nth-of-type(1):before { content: "Redni br."; }
	.savograd-table td:nth-of-type(2):before { content: "Sprat"; }
	.savograd-table td:nth-of-type(3):before { content: "Namena"; }
	.savograd-table td:nth-of-type(4):before { content: "Struktura"; }
	.savograd-table td:nth-of-type(5):before { content: "Br. stana"; }
	.savograd-table td:nth-of-type(6):before { content: "Površina m2"; }
	.savograd-table td:nth-of-type(7):before { content: "Cena po m2"; }
	.savograd-table td:nth-of-type(8):before { content: "Ukupna cena"; }

/* ----- KURSNA\ ----- */
#kurs { background: none; }
#kurs #container2 { margin-top: 0px !important; width: 100% !important; }
#kurs #trend-kursne-liste-tab .relative2 select { top:0px; }
#kurs #trend-kursne-liste-tab { height:200px; }

/* MOBILE FOOTER */
.foot-left, .foot-right {
	line-height:17.5px;
}
.foot-left a {
	display:block;
}
.foot-right span {
	display:none;
}
.foot-bottom {
	top:30px;
}
}
/* TABLET */
@media (min-width: 768px) and (max-width: 991px) {
.senka { background:none !important; box-shadow:none !important; }
.main-senka { display:none; }
#konvertor, .banner-kombank-arena, a.telefon-desktop { display:none !important; }
header .container {
	height: 155px;
}
.container {
    max-width: 750px;
}
/* TABLET HEADER */
header {
	height: 155px;
}
.logo {
	top:42px;
}
.top-nav {
	right:0px;
}
.country-nav {
	bottom:auto;
	right:auto;
	top: 8px;
	left:8px;
}
.country-nav > ul > li {
	padding:0px;
	height:18px;
	width:70px;
}
.country-nav > ul > li > a {
	background-image: none;
	background-color: #ececec;
	padding:0;
	text-align:center;
}
.country-nav > ul > li:hover > a {
	opacity:0.8;
}
#slidedisplay_search { display:block !important; }
.search {
	right:10px;
	bottom:65px;
}
.search input {
	border:1px solid #27366b;
}
nav > ul > li > a {
	font-size: 20px;
}
.sub-nav {
	top:51px;
}
.nav-promo { right: 25px; }
.nav-promo.drugi {
	top:200px;
}
ul.nav-third {
	width:300px;
	right:-300px;
	background:#ececec url(/images/nav/sub-nav-bg.png) 0px -10px repeat-x;
	opacity:0.8;
}
ul.nav-third:hover {
	opacity:1;
}
ul.nav-four {
	width:260px;
	right:-260px;
}

aside .baneri { text-align: center; }
/* TABLET CONTENT */
.main-slider-flash { display:none; }
.main-slider-img { display:block; }
.main-slider-img img { width:100%; }
.JB_Slide_Content img { width:750px; }
.JB_Slide_Content > object { display:none; }
.JB_Slide_Content > a { display:block; }

#news { clear:both; }
.news-box {
	border-bottom: 1px solid #898889;
}
.home section {
	padding:20px 0 0 0;
}
.home-box-1, .home-box-2 {
	margin:0;
}
.home-box {
	margin: 0 17px 30px 17px;
	width:340px !important;
}
.home-box-img {
	margin-right: 30px;
}

aside {
	border-top: 1px solid #898889;
	border-bottom: 1px solid #898889;
	padding:10px 0;
}
aside .banner {
	text-align: center;
}
#content article { padding: 10px 0 10px 0px; }

/* ------- SPECIJAL ---- */
.specijal-top-separator { background:#898889; width:100%; height:1px; margin-bottom: 10px; }
ul.nav-spec { padding-left: 10px; }

/* ----- KURSNA\ ----- */
#kurs { background: none; }

/* TABLET FOOTER */
.foot-left, .foot-right {
	line-height:17.5px;
}
.foot-left a {
	display:block;
}
.foot-right span {
	display:none;
}
.foot-bottom {
	top:30px;
}

html.touch .menu-open { top:7px !important; }
html.touch .menu-open.gradjani { right:551px; }
html.touch .menu-open.privreda { right:364px; }
html.touch .menu-open.mikro-biznis { right:177px; }
html.touch .menu-open.poljoprivreda { right:-10px; }
}
/* DESKTOP */
@media (min-width: 992px) {
header .container {
	height:120px;
}
.container {
    max-width: 980px;
}
/* HEADER */
.sub-nav { top: 51px; left:0px; }
#slidedisplay_search { display:block !important; }

#menudisplay_6 { min-height:310px; }

/* CONTENT */
.main-slider-flash { display:none; margin-right:5px; }
.main-slider-img { display:block; margin-right:5px; }
.JB_Slide_Content > object { display:block; }
.JB_Slide_Content > a { display:none; }

#main-slider { margin-bottom:10px; position:relative; z-index:30; padding-left: 10px; padding-right: 5px; }
#content article { padding: 40px 0 10px 45px; }

/* ------- SPECIJAL ---- */
.specijal-top-separator { background:url(/images/senke/specijal-top-separator.png) no-repeat;	width:594px; height:19px; margin-bottom: 10px; }
ul.nav-spec { padding-left: 10px; }

/* ------- SENKE -------------------- */
#content article.senka {
	background:url(/images/senke/content-top-left.png) 0px 10px no-repeat;
}
.main-senka {
	position:absolute;
	top:-20px;
	left:0;
	z-index:1;
	width:980px;
	height:520px;
}
.main-senka-top {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/senke/top.png) no-repeat;
	height:231px;
	width:980px;
	z-index:2;
}
.main-senka-single-left {
	position:absolute;
	top:202px;
	left:0;
	background:url(../images/senke/single-left.png) no-repeat;
	height:156px;
	width:190px;
	z-index:4;
}
.main-senka-single-right {
	position:absolute;
	top:392px;
	right:238px;
	background:url(../images/senke/single-right.png) no-repeat;
	height:166px;
	width:191px;
	z-index:6;
}
.main-senka-aside-right {
	position:absolute;
	top:175px;
	right:0px;
	background:url(../images/senke/aside-right.png) no-repeat;
	height:154px;
	width:236px;
	z-index:4;
}
.main-senka-single-left-konvertor {
	position:absolute;
	top:520px;
	left:0;
	background:url(../images/senke/single-left.png) no-repeat;
	height:156px;
	width:190px;
	z-index:4;
}
/* ----- ASIDE ---- */
aside { padding-right: 10px; }
aside .banner {
	text-align:center;
	padding-top:1%;
	transition:.5s;
}
aside .banner:hover {
	padding-top: 0;
}
aside .banner-e-banking {
	margin-top:44px;
	margin-left: -6px;
	height:54px;
}
aside .banner img {
	width:97%;
	transition:.5s;
	cursor:pointer;
}
aside .banner:hover img {
	width:100%;
}
aside .banner-kontakt-centar {
	margin-top:27px;
	margin-left: -6px;
	height:57px;
}
aside .banner-kombank-arena {
	margin-top:20px;
	margin-left: -3px;
	height:77px;
}
aside .banner-kombank-arthol {
	margin-top:10px;
	margin-left: 3px;
	height:65px;
}
aside .banner.banner-kombank-arthol:hover {
	padding-top: 1% !important;
}
aside .banner.banner-kombank-arthol:hover img {
	width:97% !important;
}
aside .banner-social {
	margin-top:24px;
}

#konvertor {
	margin-top:30px;
}
#kurs .kurs-menu {
	background:url(/images/kursna-vertical-separator.png) right top no-repeat;
	background-size: 27px 100%;
	padding-right: 27px;
}

html.touch .menu-open { top:7px !important; }
html.touch .menu-open.gradjani { right:551px; }
html.touch .menu-open.privreda { right:364px; }
html.touch .menu-open.mikro-biznis { right:177px; }
html.touch .menu-open.poljoprivreda { right:-10px; }
}

strong { font-weight:bold; }
#cboxCurrent { font-size: 14px !important; }
#cboxTitle { text-align: right !important; padding-right: 30px; font-size: 14px !important; }

/* drop */
.drop {
    width:100%;
    margin-bottom:10px;
	clear:both;
}
.drop.active .dropc {
	display:block;
}
.drop.active .droph {
	background:url(/images/drop-arrow-down.png) 0px 3px no-repeat;
	background-size: 12px;
}
.drop.active .droph.deactive {
	background:url(/images/drop-arrow-right.png) 0px 3px no-repeat;
	background-size: 12px;
}
.drop div {
    width:100%;
}
.drop .droph {
	padding-left: 20px;
	background:url(/images/drop-arrow-right.png) 0px 3px no-repeat;
	background-size:12px;
}
.drop .droph span {
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
		color: #fff;
	font-size: 13px;
	padding: 3px 8px;
	display: inline-block;
	transition: .5s;
	background-color: #27366b;
	border-radius: 10px;
}
.drop .droph:hover span {
	padding-left: 15px;
}
.drop .droph.active {
	background:url(/images/drop-arrow-down.png) 0px 3px no-repeat;
	background-size: 12px;
}
.drop .dropc {
    display: none;
    padding : 5px;
}
body#ie8 .drop .dropc { display: block !important; }
/* /drop */

/*html.touch .logo { display:none; }*/

html.touch nav ul li .menu-open {
	background:url(/images/nav-sm-arrow.png) center no-repeat;
	width:60px;
	height:35px;
	position:absolute;
	right:10px;
	top:0px;
	display:block;
}
html.touch .sub-nav { overflow:hidden; }
html.touch .nav-sec { display:block; }

/* brojac */
.banner-zajedno-za-bebe {
	text-align:center;
	margin-top: 10px;
	padding-top: 0px !important;
}
.banner-zajedno-za-bebe img {
	height:65px;
	width:auto !important;
}
.banner-zajedno-za-bebe .admin-brojac {
	box-shadow:
		inset 0px 10px 10px -7px rgba(0,0,0,0.1),
		inset 0px -10px 10px -7px rgba(0,0,0,0.1);
	font-size:16px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 5px 0;
	margin-top: 3px;
}
.logo-print { display:none; }

.powered { opacity:0.9; }