*{
	border-radius: 0px !important;
	box-shadow: none !important;
}

body{
	padding-top: 44px;
	font-size: 13px;
	line-height: 23px;
}

a{
	color: #aaa;
}

a:hover{
	color: #ccc;
}

h1,h2,h3,h4,h5,h6{
	margin:1px 0px;
	padding:1px 0px;
	font-weight: 600;
}

h1{
	font-size: 40px;
	line-height: 50px;
}

h2{
	font-size: 30px;
	line-height: 40px;
}

h3{
	font-size: 25px;
	line-height: 35px;
}

h4{
	font-size: 20px;
	line-height: 30px;
}

h5{
	font-size: 18px;
	line-height: 28px;
}

h6{
	font-size: 15px;
	line-height: 25px;
}

p{
	padding: 0px;
	margin: 3px 0px;
}

hr{
	padding: 0px;
	margin: 8px 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #222;
}

i{
	margin-right: 5px;
}

.border{
	height: 2px;
	margin: 5px 0px;
}

.padd{
	padding: 10px;
}

.bold, strong{
	font-weight: 600;
}

a:hover,a:active,a:focus {
outline: 0;
}

:focus {outline:none;}

::-moz-focus-inner {border:0;}

.btn.btn-danger{
	background: #c20d23 url("../img/red.png") repeat;
}

.btn.btn-danger:hover{
	background: #b60e1f;
}

a.btn, .btn{
	font-size: 11px !important;
}

.btn i{
	margin-right: 0px;
}

/* Pagination */

.pagination ul > li > a, .pagination ul > li > span {
    background-color: #777;
    border-color: #666;
}

.pagination ul > li > a:hover, .pagination ul > li > span:hover {
	background: #191919;
}
/* Nav tabs */

.nav-tabs{
	margin-bottom: 5px;
	border-bottom: 1px solid #222;
}

.nav-tabs > li > a{
	border: 0px;
}

.nav-tabs > li > a:hover{
    background-color: #777;
    border: 0px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background-color: #777;
    border: 0px;
}  

.tabs-left > .nav-tabs {
	border-right:1px solid #222;
}

.tab-content{
	margin-bottom: 10px;
}

/* Accordion */

.accordion *{
	border-color: #777;
}

.accordion-group{
border-radius:0px;
margin:0px 0px;
border: 0px !important;
}

.accordion-heading .accordion-toggle {
display: block;
padding:0px;
}

.accordion li{
line-height:0px;
}

.accordion-heading a, .accordion-heading a:visited, .accordion-heading a:hover{
border:none;
text-decoration: none;
margin: 5px 0px;
}

/* Logo */

.logo{
	text-align: center;
}
.logo a {
	border: none !important;
	text-decoration: none !important;
}
.logo a img {
	/*margin-top: 5%;*/
	width: 50%;
	height: 50%;
	border-radius: 25% !important;
}

/* Navbar */

.navbar *{
	font-size: 13px !important;
	font-weight: normal !important;
	/*text-shadow:none !important;*/
	font-weight: 600 !important;
}

.navbar{
	margin: 0px !important;
	padding: 0px !important;
}

.navbar ul{
	margin: 0px;
	padding: 0px;
}

.navbar ul li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.navbar-inner{
   border-radius:0px;
   filter: none !important;
   border-left: 0px !important;
   border-right: 0px !important;
   /*border-bottom: 1px dashed #fff;*/
	background-image: url(images/gore2.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
}

.navbar .btn{
   font-size:13px !important;
}

.navbar .btn:hover{
}

.navbar .caret{
   border-top-color:#000 !important;
   border-bottom-color:#000 !important;
}

.navbar .nav > li > a{
   padding:12px 15px 12px;
   background: transparent !important;
}

.navbar .nav > li > a:hover{
   /*background: transparent !important;*/
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;	
}   

.navbar .nav .active > a,
.navbar .nav .active > a:focus {
   /*background: transparent !important;*/
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.navbar .nav .active > a:hover {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.dropdown-toggle{
   z-index: 2000;
   background: transparent !important;	
}

.dropdown-menu{
   border-radius:0px !important;
   box-shadow:none !important;
   border-bottom:none !important;
   padding:0px 0px;
   margin:0px;
   margin-top:1px !important;
   z-index: 2000;
   border-top: none !important;
}

.dropdown-menu a{
   padding:8px 10px !important;
   text-shadow:none !important;
   font-size: 13px !important;
}

.dropdown-menu a:hover,.dropdown-menu a:focus{
   filter:none !important;
}

.dropdown-menu::after, .dropdown-menu::before{
   border:none !important;
}

.nav-collapse .nav > li > a{
	background: transparent !important;	
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	border-radius: 0px !important;
}

.navbar .label{
	font-size: 12px !important;
}

/* Sidebar */

.sidebar{
	color: #eee;	
	width: 229px;
	height: auto;
	float: left;
	position: absolute;
	margin-left: 2.5%;
}

.sidebar form{
	margin-bottom: 10px;
}

.sidebar .sidebar-dropdown{
	display: none;
}

.sidebar .sidebar-dropdown a{
  padding:6px;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  display: block;
  border-top: 1px solid #000;
  border-bottom: 1px solid #111;
}

.sidebar .sidebar-dropdown a:hover{
	text-decoration: none;
}

.sidebar ul{
	padding: 0px;
	margin: 0px;
}

.sidebar ul li{
	list-style-type: none;
}

.sidebar .s-content{
	display: block;
	width: 100%;
}

.sidebar #nav { 
  position: relative;
  display: block; 
  width: 100%; 
  margin: 5px auto;
  margin-bottom: 5px;
  z-index: 60;
  background-color:rgba(0,0,0,0.2);
}

.sidebar .s-widget{
	z-index: 60;
	padding: 5px 10px;
	text-align: center;
}

.sidebar #nav li i{
	margin-right: 5px;
}

.sidebar  #nav li span i{
	margin: 0px;
	color: #777;
}

.sidebar #nav > li > a { 
  display: block; 
  padding: 10px 20px;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.sidebar #nav > li > a:hover, .sidebar #nav > li > a.subdrop {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.sidebar #nav > li > a:hover i, .sidebar #nav > li > a.subdrop i{
  color: #fff;
  text-shadow:none;
}

.sidebar #nav li ul { display: none; background: #000; }

.sidebar #nav li ul li a { 
  display: block; 
  background: none;
  padding: 10px 0px;
  padding-left: 30px;
  text-decoration: none;
  color: #777;
  border-bottom: 1px solid #111;  
}

.sidebar #nav li ul li a:hover {
  background: #0a0a0a; 
}

/* Main */

.mainbar{
	/*position: relative; 
	margin-right: 0px;
	width: auto;
	min-height: 700px;
	z-index: 50;
	background: #111;
	padding: 0px;*/
	margin: 40px 0px 0px 0px;
	padding: 0px;
	padding-left: 230px;
	width:100%;
	float:left;
	clear:right;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	/*background-color: #777;*/
	/*background: rgba(0,0,0,0.2);*/
	
	background-image: url(images/dole2.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.mainbar li{
	margin-bottom: 5px;
}

.foot{
	/*margin-top:35px;*/
	margin-right: 0px;
	width: auto;
	z-index: 50;
	background: #111;
	padding: 0px;
	padding-bottom: 20px;	
	border-top: 1px solid #000;
	/*box-shadow: inset 0px 1px 1px #222 !important;*/
	color: #fff;
	position: relative;
}
.foot > div {
	margin-top: 1%;
	margin-left: 5%;
}
.foot > div > a{
	display: inline-block;
	margin-left: 1%;

	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out ;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out ;


}
.foot > div > a:hover  {
	-webkit-transform: rotateX(360deg);
	-moz-transform: rotateX(360deg)  ;
	-o-transform: rotateX(360deg);
	transform: rotateX(360deg) ;
	position: static;
	



}
.foot > div >span {
	margin-left: 44%;
}

/* Titles */

.page-title{
	margin-bottom: 5px;
	text-align: center;
}

.page-title h2{
	color: #fff;
	font-size: 25px;
	line-height: 25px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

/* Blog */

.entry {
	margin: auto 15% auto 15%;
	width: 70%;
}

.entry h2 a {
	font-weight: 900;
	font-style: italic;
	display: inline;
	color: black !important;
}

.entry h4 {
	text-align: center;
}

.entry .bthumb {
	width: 40%;
	float: left;
	margin: 5% !important;
}

.entry p {
	margin: 5% !important;
	text-align: center;
}

.blog .entry h2{
font-size:25px;
line-height:30px;
color: #fff;
text-align: center;
/*text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;*/
}

.blog .entry h2 a, .blog .entry h2 a:visited, .blog .entry h2 a:hover{
text-decoration:none;
color:#660000;;
}

.blog .meta{
border-top:1px solid #222;
border-bottom:1px solid #222;
margin:8px 0px;
padding:5px 8px;
color:#660000;
font-size:11px;
}

.blog .meta a, .blog .meta a:visited{
color:#660000;
text-decoration:none;
}

.blog .meta i{
margin-left:3px;
}

.blog .bthumb{
margin:10px 0px 5px 0px;
padding:1px;
box-shadow:0px 0px 1px #777;
}

.blog .entry{
margin-bottom:25px;
padding-bottom:15px;
border-bottom:1px solid #222;
font-size: 13px;
line-height: 25px;
}

.blog .entry p{
	margin: 0% 5% 2.5% 5%;
	/*text-align: justify;*/
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: #333300;
}

.blog .entry p img {
	border: 2.5px solid black;
	border-radius: 5% !important;
	/*display: block;*/
	margin: 0.5% 2.5%;
	/* width: 100% !important; */
	/* height: 100% !important; */
	float: left !important;
}

.blog .entry iframe {
	 border: 2.5px solid black;
	 /*display: block;*/
	margin: 0.5% 2.5%;
	max-width: 100%;
	/*height: 200px;*/
	float: left !important;
}

.blog .post-foot{
	padding: 15px 15px;
}

.blog .post-foot .social{
	margin-top: 0px;
}

#k_link {
	font-weight: 900;
	letter-spacing: 2px;
	font-style: italic;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

#srce a {
	text-decoration: none !important;
	font-size: 1.50rem;
	color: black !important;
}
#srce a:hover {
	-webkit-animation-name: shake;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-transform-origin:50% 100%;
	-moz-animation-name: shake;
	-moz-animation-duration: 0.8s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-moz-transform-origin:50% 100%;
	-o-animation-name: shake;
	-o-animation-duration: 0.8s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-o-transform-origin:50% 100%;
	animation-name: shake;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transform-origin:50% 100%;
}
@-webkit-keyframes shake {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-2deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(3deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-2deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(4deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes shake {
	0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
	10% { -moz-transform: translate(-1px, -2px) rotate(-2deg); }
	20% { -moz-transform: translate(-3px, 0px) rotate(3deg); }
	30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
	40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
	50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -moz-transform: translate(2px, 1px) rotate(-2deg); }
	80% { -moz-transform: translate(-1px, -1px) rotate(4deg); }
	90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
	100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@-o-keyframes shake {
	0% { -o-transform: translate(2px, 1px) rotate(0deg); }
	10% { -o-transform: translate(-1px, -2px) rotate(-2deg); }
	20% { -o-transform: translate(-3px, 0px) rotate(3deg); }
	30% { -o-transform: translate(0px, 2px) rotate(0deg); }
	40% { -o-transform: translate(1px, -1px) rotate(1deg); }
	50% { -o-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -o-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -o-transform: translate(2px, 1px) rotate(-2deg); }
	80% { -o-transform: translate(-1px, -1px) rotate(4deg); }
	90% { -o-transform: translate(2px, 2px) rotate(0deg); }
	100% { -o-transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-2deg); }
	20% { transform: translate(-3px, 0px) rotate(3deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-2deg); }
	80% { transform: translate(-1px, -1px) rotate(4deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#srce {
	margin-top: -40px;
	/*margin-right: 25%;*/
	float: right;
}

/* Pagination */

.paging {
width:270px;
clear:both;
padding:6px 0px;
line-height:17px;
font-size:13px;
}
 
.paging span, .paging a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:5px 8px;
text-decoration:none;
width:auto;
color:#666;
font-weight:normal;
}
 
.paging a:hover{
color:#fff;
}
 
.paging .current{
padding:5px 8px;
color:#fff;
}

/* Box */
.box-body{
	padding: 10px 0px;
}

/* Back to top */

.totop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 104400;
}

.totop i{
	margin: 0px;
}

.totop a, .totop a:visited{
	display: block;
	width: 60px;
	height: 60px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	background-image: url('https://cdn1.iconfinder.com/data/icons/fs-icons-ubuntu-by-franksouza-/512/arrow-up.png'); 
	background-size: 100%;
}

.totop a:hover {
	color: #fff;
	text-decoration: none;
}

/* Footer */

footer{
  line-height: 50px;
  padding: 1px 0px;
  /*background: #000;*/
  text-align: center;
}

.active2 {
	/*background-color: #FF0000;*/
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.active {
	/*background-color: #FF0000;*/
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.current_strana {
	background-color: black !important;
	color: white !important;
}


.desno_jezik {
	display: inline;
}

/* skroz gore */
@font-face {
	font-family: OldEng;
	src: url('oldeng.TTF') format('truetype');
}
@font-face {
	font-family:"Miroslav";
	src:url("MIROSLN.eot?") format("eot"),
		url("MIROSLN.woff") format("woff"),
		url("MIROSLN.ttf") format("truetype"),
		url("MIROSLN.svg#MiroslavNormal") format("svg");
}

#rnb_gore_levo {
	float: left;
	margin-left: 5%;
	font-family: OldEng !important;
	font-size: 2rem !important;
}
#rnb_gore_desno {
	float: right;
	margin-right: 5%;
	font-family: Miroslav !important;
	font-size: 2rem !important;
}
.za_abaut {
		display: inline-block;
		padding-left: 15px;
		width: 50px;
		text-align: right;
}
.content {
	margin-top: 25px;
}

/* Responsive */


@media (max-width: 480px){
   .col-l{
	   	width: 100%;
	   	float: none;
	   	margin: 10px 0px 5px 0px;
   }
   .col-r{
	   	width: 100%;	
	   	float: none;
	   	margin: 10px 0px 5px 0px;
   }	
	.image-overlay .image-big-text{
		font-size: 18px !important;
		line-height: 23px !important;
		padding-top: 20px !important;
	}
	.image-overlay .image-small-text{
		font-size: 13px !important;
		line-height: 18px !important;
		padding-top: 5px;
	}
	/*.marquee {
		display: none;
	}*/
	.logo {
		display: none !important;
	}
	
	
	#rnb_gore_levo {
		font-size: 1.5rem !important;
	}
	#rnb_gore_desno {
		font-size: 1.5rem !important;
	}
	
	.blog .entry p iframe {
	height: 50%;
 	}
 	
 	.sidebar #nav > li > a {
 		color: #000000 !important;
 	}
	
}

@media (max-width: 767px){		
	.content .container-fluid{
		max-width: 400px;
		margin: 0 auto;
	}
	.foot .bor,.navbar-inner,.content,.cslider{
		margin-left: -20px;
		margin-right: -20px;
	}
	.cslider{
		padding-left: 20px;
		padding-right: 20px;
	}
	.dropdown-menu a, .dropdown-menu{
		background: transparent !important;
		border: 0px !important;
	}	
	.sidebar{
		position:relative;
		float: none;
		width: 100%;
		border:none;
	}
	.sidebar .sidebar-dropdown{
		display: block;
	}
	.sidebar #nav{
		display: none;
	}	
	.sidebar .s-content{
	  	position: relative;
	}
	.mainbar{
		margin: 0px;
		padding: 0px 20px;
		float: none;
		border-top: 1px solid #000;
		box-shadow: inset 0px 0px 1px #333 !important;
		border-left: 0px !important;
		border-bottom: 0px !important;
	}	
	.foot{
		margin: 0px;
		padding: 0px 20px;
		padding-bottom: 10px;
		float: none;
		border-left: 0px !important;
	}
	.foot .fwidget{
		border-bottom:1px solid #222;
	}
	.flex-caption{
		display: none;
	}
	.flexslider .flex-control-nav{
		display: none;
	}
	.image-overlay .image-big-text{
		font-size: 25px;
		line-height: 30px;
		padding-top: 55px;
	}
	.image-overlay .image-small-text{
		font-size: 18px;
		line-height: 23px;
	}	
	.form-inline button{
   		margin-left:0px;
   	} 
	.aboutus .staff{
		max-width: 250px;
		margin: 0 auto;
	}   	
	.logo {
		display: none !important;
	}
	
	.blog .entry p iframe {
		height: 200 !important;
		width: 100% !important;
 	}
	
	.blog .entry div iframe {
		height: 200 !important;
		width: 100% !important;
 	}
 	
}

@media (min-width: 768px) and (max-width: 979px){
	.dropdown-menu a{
		background: transparent !important;
	}
	.flex-caption{
		margin-bottom: 40px;
		width: 60%;
	}
	.image-overlay .image-big-text{
		font-size: 18px;
		line-height: 23px;
		padding-top: 20px;
	}
	.image-overlay .image-small-text{
		font-size: 13px;
		padding-top: 5px;
		line-height: 18px;
	}	
	.logo {
		display: none !important;
	}
	
	.blog .entry p iframe {
		height: 150 !important;
		width: 100% !important;
 	}
	
	.blog .entry div iframe {
		height: 200 !important;
		width: 100% !important;
 	}
 	
 	.blog .entry p img {
 		width: 100% !important;
 		height: 75% !important;
 	}
 	
}

@media (max-width: 979px){	
	
	.blog .entry p iframe {

		width: 75% !important;
 	}
	
	.blog .entry div iframe {

		width: 100% !important;
 	}
 	
 	.blog .entry p img {
 		width: 100% !important;
 		height: 75% !important;
 	}
}