.uk-offcanvas-bar > .uk-panel {
    background-color: transparent;
}
.uk-offcanvas-bar > .uk-offcanvas {
    margin: 0px 0px;
    color: #7b818e;
}
.uk-offcanvas .uk-panel {
    margin: 0px 0px;
    color: #7b818e;
}
ul {
    list-style: none;
}
.su-list {
	text-align:left;
}
.opsirnije{
	margin: 0px 0px 0px 20px;
}
.language .uk-button{
	background:transparent;
}
.language .uk-dropdown {
    padding: 5px;
    background: #ffffff;
    color: #444444;
    font-size: 1rem;
    vertical-align: top;
}.tm-search, .tm-header-bar, .tm-offcanvas {
    margin: 35px 0;
}
.features-wrapper .uk-container {
    padding-top: 35px;
    padding-bottom: 0px;
}.mainbody-wrapper .uk-container-center {
    padding-top: 15px;
    padding-bottom: 35px;
}.rrssb-buttons.large-format li:first-child:nth-last-child(3) a, .rrssb-buttons.large-format li:first-child:nth-last-child(3)~li a {
    font-size: 11px; 
    /* font-size: 1.7vw; */
}
.bottom-b-wrapper ul.contact-us li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.naslovi_baner{
font-size: 18px;
    line-height: 26px;
    font-weight: normal;
	}
.nspArt .nspImageWrapper {
    display: block;
    position: absolute;
}	
.nspArt h4.nspHeader {
    font-size: 24px;
    margin: 0;
    padding: 0px 0 0px 0;
}
.nspArt h4.nspHeader a {
	margin-top: 5px;
    margin-bottom: 40px;
    line-height: 100px;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-size: 30px;
    background-color: #efefef;
    color: #222e5e;
    border: 3px solid #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
	
.nav:not(.nav-list){
	margin-top: 20px;
    margin-left: 0;
    margin-right: -20px;
    margin-bottom: 15px;
    list-style: none;
    z-index: 99999;
	}
	
.nav-tabs > li > a {
	background-color:#E5E5E5;
	color: #F00;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	   border-LEFT: 2px solid #999;
	   border-right: 2px solid #999;
	   border-top: 2px solid #999;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #F00;
    cursor: default;
    background-color: #FFF;
    border-LEFT: 3px solid #F00;
	   border-right: 3px solid #F00;
	   border-top: 3px solid #F00;
    border-bottom-color: transparent;
}

.nav > li > a {
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}	.nav-tabs > li > a {
    border-radius: 0 0 0 0;
    padding: 8px 12px 8px 12px;
}
	/* Phone landscape and bigger */
@media (max-width: 480px) {
.nav-tabs > li > a {
    border-radius: 0 0 0 0;
    padding: 2px 2px 2px 2px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #F00;
    cursor: default;
    background-color: #FFF;
    border-LEFT: 1px solid #F00;
	   border-right: 1px solid #F00;
	   border-top: 1px solid #F00;
    border-bottom-color: transparent;
}

.nav:not(.nav-list){
	margin-top: 0px;
    margin-left: 0;
    margin-right: -5px;
    margin-bottom: 5px;
    list-style: none;
    z-index: 99999;
	}
	
.nav-tabs > li > a {
	background-color:#E5E5E5;
	color: #F00;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	   border-LEFT: 1px solid #999;
	   border-right: 1px solid #999;
	   border-top: 1px solid #999;
}

body {
	
	background-color: transparent;
}
.naslovi_baner{
font-size: 12px;
    line-height: 12px;
    font-weight: normal;
	}
	
	.uk-overlay-panel {
    padding: 5px;
}
	.nspArt .nspImageWrapper {
		display:none;
   
}
.nspArt h4.nspHeader {
    font-size: 24px;
	line-height:20px;
    margin: 0;
    padding: 0px 0 0px 0;
}.nspArt h4.nspHeader a {
	margin-top: 5px;
    margin-bottom: 20px;
    line-height: 40px;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-size: 30px;
    background-color: #efefef;
    color: #222e5e;
    border: 3px solid #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}}

/* Phone landscape and bigger */
@media (min-width: 480px) {
body {
	
	background-color: transparent;
}}

/* Tablet and bigger */
@media (min-width: 768px) {
body {
	background-image: url(images/background1.jpg);
	background-repeat: repeat-x;
	
	background-color: transparent;
}}
/* Desktop and bigger */
@media (min-width: 960px) {
body {
	background-image: url(images/background1.jpg);
	background-repeat: repeat-x;
	
	background-color: transparent;
}}
/* Large screen and bigger */
@media (min-width: 1220px) {
body {
	background-image: url(images/background1.jpg);
	background-repeat: repeat-x;
	
	background-color: transparent;
}
}

img.desaturate{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
}

.nasl{
	cursor:pointer;
	padding:5px;

}.nasl_izdvojeno a{
	color: #FFF;
}
.nasl_izdvojeno a:hover{
	color: #000;
}.nasl_izdvojeno{
	position: absolute;
	top: 250px;
	left: 15px;
	width: 240px;
	height: 88px;
	margin: 0;
	background: gray;
	z-index: 110;
	font-weight: bold;
	font-size: 18px;
}
.nasl_nasl{
	width: 100px;
	height: 80px;
	margin: 30px 0px 0px 20px;
}


.uk-panel-teaser {
    margin-bottom: 25px;
	min-height:200px;
}

/* Vertical */  
          .uk-grid + .uk-grid,  
          .uk-grid-margin,  
          .uk-grid > * > .uk-panel + .uk-panel {  
            margin-top: 0px;  
          }  
        }
		
		.table-karakteristike-vitla {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.table-karakteristike-vitla th,
.table-karakteristike-vitla td {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  }






.tm-footer > .uk-grid > .uk-width-medium-3-4 > .uk-panel{
	background-color: transparent;
}
.tm-footer > .uk-grid > .uk-width-medium-1-4 > .uk-panel{
	background-color: transparent;
}
.logo_fot{
	margin-bottom:20px;
}

.footer_right{
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 2;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.footer_first, .footer_second, .footer_third{
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 2;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.footer_second{
	    text-transform: none;
}
.footer_third{
	    text-transform: none;
	line-height: 2;
}

.footer_for{
	    text-transform: none;
	line-height: 2;
	font-size: 14px;
}
strong, dt, th {
    font-weight: bold;
}



.images_album {
	    float: left;
}
.images_data{
	    height: 0;
    overflow: hidden;
}

.nspArts {
	margin-top:50px;
}.nspArt{
		margin: 0px 0px 0px 0px;
	}
	.nspArt .tright {
	width:220px;
	height:180px;
    text-align: right;
    right: 0;
}
nspArt img.nspImage {
	max-height:150px;
}

.nspArts {
	margin-top:50px;
}

.nspArt img.nspImage {
	position:absolute;
	margin: -200px 0px 0 0;
/*	z-index:99999;*/
}



.nspArt h4.nspHeader a:hover {
	background-color: #999;
	color: #FFFFFF;
}

.uk-open > .uk-dropdown {
  /* 1 */
  display: block;
  /* 2 */
  -webkit-animation: uk-fade 0.0s ease-in-out;
  animation: uk-fade 0.0s ease-in-out;
  /* 3 */
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}.uk-open > .uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed 0.01s ease-in-out;
animation: uk-slide-top-fixed 0.01s ease-in-out;
}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	background-color: transparent;
	color: #06C;
}
.dropdown-menu {
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin-top: 5px;
	margin-left:15px;
    padding: 15px;
    background: #eee;
    border-radius: 3px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 0px 5px 0px;
    clear: both;
    font-weight: 800;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}





#table2 {  border-collapse: collapse; width:100%; margin: 1px;  }
#table2 thead { background:#CAFF95; }

#table2 th { padding: 5px; border: 1px #CCC solid; font-size:14px; background-color:#2196F3; text-align:center; color:#FFF;  vertical-align:middle; }
#table2 th p  { font-size:16px; font-style:oblique; color:#FFF; text-align:center; }
#table2 th H2{ font-size:20px; text-align:center; color:#FFF; }


#table2 td  { padding: 5px; border: 1px #ccc solid; font-size:14px; text-align:center; background-color:#FFF; vertical-align:middle; }
#table2 td p  { vertical-align:middle; font-size:20px; color:#000; text-align:center; padding-top:20px; font-style:oblique; }
#table2 td h7  {font-size:12px; }

#table2 td img {
		border: 2px solid #FFF;
	   border-width: 10px 10px 10px;
	}
	#table2 td a:hover img {
		border:#FF0 solid 1px;
		color: #fff;
		border-width: 10px 10px 10px;
		
	}	
	












#table1 {  border-collapse: collapse; width:100%; margin: 1px;  }
#table1 thead { background:#CAFF95; }

#table1 th { padding: 5px; border: 1px #CCC solid; font-size:14px; background-color:#666; text-align:center; color:#FFF;  vertical-align:middle; }
#table1 th p  { font-size:16px; font-style:oblique; color:#FFF; text-align:center; }
#table1 th H2{ font-size:20px; text-align:center; color:#FFF; }


#table1 td  { padding: 5px; border: 1px #ccc solid; font-size:14px; text-align:center; background-color:#FFF; vertical-align:middle; }
#table1 td p  { vertical-align:middle; font-size:20px; color:#000; text-align:center; padding-top:20px; font-style:oblique; }
#table1 td h7  {font-size:12px; }

#table1 td img {
		border: 2px solid #FFF;
		border-width: 10px 10px 10px;
	}
	#table1 td a:hover img {
		border:#FF0 solid 1px;
		color: #fff;
		border-width: 10px 10px 10px;
		
	}	
	
	
	
	
	
	
	
	
	
	
	

.wrapper_b {
  	width: 100%;
	background-color: #222e5e;
	height:50px;
}.wrapper_a {
  	width: 100%;
	background-color: #d2d2d2;
}


.uk-navbar-nav > li > a {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	/* 1 */
	height: 60px;
	padding: 20px 10px;
	line-height: 20px;
	/* 2 */
	color: #000000;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}.nav>li {
    position: relative;
    display: block;
	padding-left:15px;
	padding-right:15px;
}


@media (max-width: 1024px){
.navbar-nav>li>a {
	font-size: 12px;

}
.nav>li {
    position: relative;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}
.uk-navbar-nav > li > a {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    height: 40px;
    padding: 5px 5px;
    line-height: 10px;
    color: #000000;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

}

.logo_small_a{
position:absolute;
    margin-left: -160px;
    margin-top: -90px;
 }
.logo_small{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 0px;
    padding: 0 0px;
    float: left;
}


.uk-navbar-toggle {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 60px;
    padding: 0 0px;
    float: left;
}

.logo_top{
	padding: 10px 10px 10px 10px;
	display:block;
	float:left;
	
}.tm-container {
	box-shadow: 0px 0px 0px rgba(29, 37, 47, 0.8);
	background-color: transparent;
}
.white_top {
	background-color: #FFF;
}



.menu_srednji {
	display:block;
	float:right;
	background-color: #d2d2d2;
	padding: 0px 0px 0px 0px;
	margin: 65px 0px 0px 0px;
	height:80px;
	border-radius: 20px 0px 0px 20px;
	
}
.right_space{
padding-right: 20px;
}
.copy {
	color: #FFF;	
	font-size: 12px;
  }

.copy a {
	color: #FFF;	
  }

.fa-hand-o-right  {
	margin-right: 5px;
	color: #666;
  }
.tm-footer a {
	color: #000000;
}
.tm-footer .tm-logo-footer { margin-top: -10px; }
.tm-footer {
	color: rgba(0,0,0,1.0);
	font-size: 13px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #d2d2d2;
	padding: 10px;
}
.tm-footer > .uk-grid > .uk-width-medium-1-2 > .uk-panel, .gray_footer{
	background-color: #d2d2d2;
}


.uk-panel {
	background-color: #FFF;
}


.uk-block-default {
    background: transparent;
}




.uk-open > .uk-dropdown-navbar {
  -webkit-animation: uk-slide-top-fixed 0.0s ease-in-out;
  animation: uk-slide-top-fixed 0.0s ease-in-out;
}


.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
	color: #FFFFFF;
    background: #222e5e;
}
.uk-dropdown-navbar {
	margin-top: 0;
	background: #222e5e;
	color: #FFFFFF;
}


.tm-navbar {
    background: #fef200;
}


.navbar-nav {
	float: right;
}
.nav {
	margin-top:20px;
    margin-left: 0;
	margin-right:-20px;
    margin-bottom: 15px;
    list-style: none;
	    z-index: 99999;
}

.logo  {
	float:left;
	margin-right:20px;
	margin-top:40px;
	
}

#navbar{
	margin: 0px 0px 0px 0px;

}.top_div{
	margin-top: 0;
	background: #FFFFFF;

}
.top_div_blue{
	margin-top: 0;
	background: #222e5e;
	height:170px;

}
.top_div_blue_a{
	margin-top: 0;
	background: #222e5e;

}
.uk-nav-navbar > li > a {
    color: #FFFFFF;
}
.uk-navbar-center {
    float: none;
    text-align: center;
    max-width: 100%; 
    margin-left: auto;
    margin-right: auto;
}



.nav-tabs > li > a:hover {
	color: #F00;
	  border-LEFT: 2px solid #999;
	   border-right: 2px solid #999;
	   border-top: 2px solid #999;
}









.uk-sticky-placeholder {
    position: relative;
    z-index: 999;
}


.bt-cs .bt-inner .bt-title {
	clear: both;
	color: #003366;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	display: inline-block;
}
main {
	padding-left:10px;
}
.tm-main-top + .tm-content, .tm-content + .tm-main-bottom {
    margin-left: 20px;
}

.uk-block {
    padding-top: 20px;
    padding-bottom: 5px;
}


.uk-article-title {
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    text-transform: uppercase;
	padding-left:0px;
}

.naslovi_posebna, .naslovi_posebna a {
	font-size: 16px;
	color: #900;
	text-decoration: none;
	font-weight: bold;
}
.uk-width-medium-1-4 {
	padding-right:10px;
	 }


.uk-navbar-nav > li {

}
.tm-nav{
	left: initial;
	margin-top:-40px;

}
.fa-facebook-official{
	font-size: 36px;
	color: #09C;
	margin-right:10px;
  }
.fa-youtube{
	margin-right:5px;
	font-size: 36px;
	color: #C00;
  }
  

.fa-exclamation  {
	margin-right: 5px;
	color: #666;
  }
  .fa-phone-square, .fa-envelope-o {
	margin-right: 2px;
	color: #666;
  }
  .tolbar_lijevi, .tolbar_lijevi a {
	margin-left: 10px;
	color: #666;
	font-size: 12px;
  }
  
.tm-toolbar p{
 margin: 0 0 0px 0;
  }

/* Phone landscape and bigger */
@media (min-width: 768px) {
  .uk-block {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
  .tm-navbar {
    height: 50px;
    padding: 50px 35px 10px 35px;
  }
  .tm-navbar + .tm-block-fullheight,
  .tm-navbar + .tm-block-fullheight .uk-slideshow-fullscreen,
  .tm-navbar + .tm-block-fullheight .uk-slideshow-fullscreen > li {
    height: calc(100vh - 90px);
  }


div.uk-sticky-placeholder{ height:90px; }

.tm-toolbar .navbar-collapse.collapse{
	height: 90px;
	font-size: 16px;
}


.tm-toolbar {
  height: 40px;
  padding: 0px 0px;
  background: #ffffff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tm-navbar {
	right:0;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
}