* {font-family: Arial, helvetica, sans-serif;}
BODY {font-family:Arial,sans-serif;font-size:15px;font-weight:300;line-height:160%;margin: 0px;background-color: #fff;
	/*background-image: url(/design/bg-body-huge.jpg);background-repeat: repeat-y;background-position: center top;*/color: #333;}

H1, H2, H3, H4, H1 A, H2 A, H3 A, H4 A {color:#000;font-family:'Montserrat',sans-serif;}
H1{font-size:30px;}
H2{font-size:24px;}
H3{font-size:18px;}
a, a:hover{text-decoration:none;color:#8E4816;}
H1 a:hover, H2 a:hover, H3 a:hover, H4 a:hover{color:#8E4816;text-decoration:none;}
H2{font-size:22px;}
.hpadding{padding:1% 0%;}

/* struktura */
HEADER.topmenu{padding:20px 0 10px 1%;color:#888;}
FOOTER{line-height:140%;background-color:#F78127;color:#8E4816;}
FOOTER a{color:#000;}
FOOTER a:hover{color:#fff;text-decoration:none;}
FOOTER H4{color:#8E4816;font-size:18px;}


ARTICLE HEADER{margin:16px 0;color:#777;}

.lazy {display: none;}
.lazyload,.lazyloading {opacity:0;}
.lazyloaded {opacity:1;transition:opacity 2000ms;}



.IN_ArticleText IMG, .IN_ArticleText IFRAME{width:100%;max-width:750px;margin:30px 0;}
.IN_ArticlePicture {background-color:#eee;border:1px solid #d0d0d0;padding:6px;margin:0 10px 10px 0;}
IFRAME.map{width:100%;height:400px;border:0;margin:0;overflow:hidden;}
IFRAME.video{width:100%;/*height:auto;*/}

TABLE P{margin-bottom:0;}
.table>tbody>tr>td, .table>thead>tr>th{vertical-align: middle;}
.table TH{background-color:#8E4816;color:#fff;}


.dmsBox{background-color:rgba(255,255,255,0.5);border: 6px solid rgba(247,129,39,0.3);border-radius: 10px;padding:18px;/*margin:7px;*/}
.ieBox .glyphicon {font-size:64px;color: #ddd}


/*.topmenu{background-image: url(/nistesami/bg-top-nistesami.png);background-repeat: no-repeat;}*/
HEADER.topmenu{padding:0}


/* izbornici */
.navbar{background-color:#F78127;border:0;font-family:'Montserrat',sans-serif;margin-top:5px;margin-bottom:0;}
.navbar li a, .navbar-brand a{color:#888;font-weight:normal;font-size:16px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff;background-color: #8E4816;}
.nav li a:hover{background-color:#eee;}
.nav .open a{background-color:#fff;color:#000;}
.navbar-default .navbar-toggle .icon-bar {background-color:#ddd;}
.navbar-default .navbar-toggle:hover {background-color:#fff;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color:#8E4816;}
.navbar-default .navbar-nav>li>a{color:#888;}
.navbar-default .navbar-nav>li>a:hover{background-color:#8E4816;color:#fff;border-radius:5px;}
.dropdown-menu li a{font-size:16px;font-weight:300;}
.navbar-nav>li>.dropdown-menu {background-color: #fff;}
.navbar-default .navbar-nav>li>a{color:#fff;}

/* Prikaz dokumenata (mapa i datoteka) */
.dokumenti {border:1px solid #eee; background-color:#ffffff;padding:5px 20px;margin:2px;}
.dokumenti IMG{height:32px;width:32px;border:0;}
.dokumenti .col-xs-2{text-align:center;}
.dokumenti .col-xs-10{padding-top:7px;}



.mg-image img {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;max-width: 100%;}
.mg-image:hover img {-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
.mg-image{/*width:400px;height:400px;*/overflow:hidden;}



/* ----- cookieLaw ------*/		
#cookieLaw{position:fixed;z-index:999;background-color:#000;border:1px solid #fff;bottom:0;
	padding:20px;color:#ccc;width:100%;display:none;opacity:0.9;font-size:14px;}
#cookieLaw a{color:#fff;}
#cookieLaw a:hover{text-decoration:underline;color:#fff;}
#cookieLaw input[type="button"] {float:right;margin-top:8px;
	background: linear-gradient(to bottom, #0384CE 5%, #3156A3 100%) repeat scroll 0 0 #0384CE;
	border: 1px solid #0384CE;border-radius: 3px;box-shadow: 0 1px 0 0 #CF866C inset;color: #FFFFFF;
	display: inline-block;font-size: 13px;padding: 6px 24px;text-shadow: 0 1px 0 #854629;}
#cookieLaw input[type="button"]:hover {background: linear-gradient(to bottom, #3156A3 5%, #0384CE 100%) repeat scroll 0 0 #3156A3;}



.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color:#F78127;border-color:#F78127;}