@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Dosis:400,700,400italic&subset=latin,latin-ext);

body {
font-family: 'Dosis', sans-serif;
color:#292C37;
background: #f7f7f7;
position:relative;
font-size:15px;
}

a, a:active, a:hover {color: #9F111B;}

h1, h2, h3, h4 {
color:#292C37;
margin: 10px 0px 10px 0px;
}

.navbar-fixed-top {
    border-width: 0 0 3px;
}

.navbar-default {
    background-color: #292C37;
    border-color: #9F111B;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #9F111B;
    color: #F6F6F6;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #9F111B;
    color: #F6F6F6;
}

.navbar-default .navbar-brand {
    color: #F6F6F6;
}

.navbar-default .navbar-nav > li > a {
    color: #F6F6F6;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
    color: #F6F6F6;
    background-color: #9F111B;
}


.sivacrta {
	
}

.bs-docs-sidebar, .blogdes  {
background:#fff;
-moz-box-shadow: 0 0 3px #c9c9c9;
-webkit-box-shadow: 0 0 3px #c9c9c9;
box-shadow: 0 0 3px #c9c9c9;
border-radius: 4px;
padding:0;
}

.odvojak {
background:#fff;
-moz-box-shadow: 0 0 3px #c9c9c9;
-webkit-box-shadow: 0 0 3px #c9c9c9;
box-shadow: 0 0 3px #c9c9c9;
border-radius: 4px;
padding:0;
margin-bottom:20px;
}




.kolsedam h1, .bs-docs-sidebar h1 {
	/*background-color: #F6F6F6;*/
    border-bottom: 1px dotted #c9c9c9;
    margin:0;
    padding:10px 20px 10px 20px;
}

.mjerica1 h1{min-width: 251px; padding-top:30px;}

.kolsedam h1:first-child {
border-radius: 4px 4px 0 0;
}

.strip {
text-align:center;
}

.strip img {max-width:100%;}

.dropdown-menu {
max-height: 500px;
overflow:auto;
}

.naslovnica {
width:250px;
position:fixed;
}
#brojn {
height:375px;
width:251px;
float:left;
text-align:center;
position:relative;
border-right: 1px dotted #c9c9c9;
}

#brojn h1, #brojn h2, #brojn h3 {
background: none;
border:0px;
margin:0px;
padding:0px;
color:#292C37;
text-shadow: -1px -1px #fff;
}
#brojn h1 {
font-size:80px;
}
#naslb {position:absolute; bottom:0px; left:0px; width:100%;}
.uno {position: absolute; height:34px; background-color:#B11623; color:#fff;margin:0px;font-family: 'Dosis',sans-serif;font-size:24px;width:246px;top:2px; left:2px;}
.due, .tres {float:left; height:34px; background-color:#9F111B;color:#fff; margin:0px 0px 2px 2px;font-family: 'Dosis',sans-serif;width:246px;font-size:24px;}
.tres {background-color:#292C37;}
.kvatro {width:246px top:38px; position:absolute; left:2px; height:300px; background: url(../images/prozpoz.png) transparent; overflow: auto;}

#uobrazaj {padding:20px; overflow:auto;height:314px;}
#uobrazaj2 {float:left;width:574px;}

#sajkom {padding:20px; overflow:auto;}

.naslpad {float:right;}
.naslautor{font-size:20px;color:#292C37;}

.sadrzaj span, .mojblog span {
display:block;
font-family: 'Dosis',sans-serif;
color:#292C37;
}

.sadrzaj > li > a {
    padding: 7px 21px;
}

.mojblog > li > a {
    display: block;
    padding: 7px 21px;
    position: relative;
}

.mojblog > li {
    display: block;
    position: relative;
}
.mojblog> li > a:hover {
    background-color: #eee;
    text-decoration: none;
}

.mojblog {
    list-style: none outside none;
    margin-bottom: 0;
    padding-left: 0;
}

.sadrzaj > li > a:focus {
    background-color: #eee;
    text-decoration: none;
    color: #9F111B;
}

.sadrzaj li.active a {
    border-right:3px solid #292C37;
    border-left:3px solid #292C37;
    padding: 7px 21px 7px 18px;
}


.autor {text-align:right;font-style:italic;display:block;margin-top:15px;}

.lokator {visibility:hidden; position:relative; top:-70px;}

#disqus_thread {padding:20px;}

.modal-dialog {width:100%; margin: 5px auto;}

.blueimp-gallery .modal-body {padding: 0 0 800px;}

.btn-primary {background-color: #292C37;border-color: #9F111B;}

.dsq-widget-list {width:205px; margin:0px; padding:0px;}

.dqCommentWrap {margin-bottom:20px;}

.ocijenistar {text-align:right; padding:30px 20px;border-top: 1px dotted #c9c9c9;margin-top:20px;}

.ocijenistar span {cursor:pointer; padding:0px 1px;}

.popover {font-size:15px; width:200px;}

.blogdes { width:251px; }

#socijalizam{position:fixed;right:10px; top:70px; width:40px;height:236px; background:url(../images/socijalizam.png) no-repeat 0 0 transparent; padding: 6px 9px;}

#socijalizam .op {display:none;}

a.kategorija {display:block; color:#999; padding:5px 10px;background:#fafafa;}
a.kategorija:hover {background:#fff;}
.fl {float:left; margin:0px 20px 10px 0px;width:150px;}
.frd {padding:10px;}
.blogod h2 {margin-top:0px;}
.potpis {color:#999;}
.singlblog, .opisautora {padding:10px 20px;}
.blogslika {margin: 0px 20px 10px 0px; float:left;}
.blogslika img {max-width: 400px;}
.padaj {padding:10px;}
.marginatop {margin-top:10px;}
.blogh {color:#fff; background-color:#292C37;margin:0px; padding:5px 20px;}
.pader {padding:5px 0px 15px 0px;}
.autorboks {
	display:block;
	float:left;
	width:30%;
	margin:10px;
	padding:20px;
	text-align:center;
	background: #fff;
	-moz-box-shadow: 0 0 3px #c9c9c9;
	-webkit-box-shadow: 0 0 3px #c9c9c9;
	box-shadow: 0 0 3px #c9c9c9;
	border-radius: 4px;	
	color:#292C37;
	font-size:20px;
}
.autorboks span {font-size:14px;}
a.autorboks:hover {
	text-decoration:none;
	background:#fcfcfc;
	}
.osamsto {max-height:800px;}
	
.popstrip, .poppost {display:block;padding: 10px;}
.podiz {display:block; font-style:italic; color:#292C37;}
.popstrip:hover, .poppost:hover {text-decoration:none; background-color:#eee;}

#footer {
	color:#F6F6F6; background-color: #292C37; border:1px solid #9F111B; border-width:3px 0px 0px 0px; margin-top:30px; z-index:1000; font-size:11px; position:relative;
}
#footer .container {padding:20px;}
#footer a {color:#fff;}
.linkfut {font-size:14px; text-align:center; }
.futerlogo {text-align:center; padding-top:20px;}

.arhiva {display:block; text-align:center; color:#F6F6F6; background: #292C37; padding:5px; font-size: 18px; border-radius:3px;}
.arhiva:hover {color:#fff; background: #9F111B; text-decoration:none;}

.epizoda , .nastavak {font-size:20px; margin:20px 0px 0px 0px;}

.tekst {font-family: 'Ubuntu', sans-serif !important;}

.lazy {width:600px; height:auto;}

.kumulacija {
		padding:10px;
		background:#fff;
		-moz-box-shadow: 0 0 3px #c9c9c9;
		-webkit-box-shadow: 0 0 3px #c9c9c9;
		box-shadow: 0 0 3px #c9c9c9;
		border-radius: 4px;
		}
#popistabl td, #popistabl th {padding:5px;}
#popistabl tr:nth-child(even) {background: #F7F7F7;} 
.dataTables_length {float:left;}
.dataTables_filter {float:right;}
.dataTable {clear:both;}
.dataTables_info {margin-top:10px; text-align:right;}
.dataTables_paginate {text-align:center;}
.dataTables_paginate .previous {padding: 0px 10px 0px 0px;}
.dataTables_paginate .next {padding: 0px 0px 0px 10px;}

.ocjena, .popcjena {float:right;}
.popcjena {margin-right:10px;}

.skrt {display:none; margin: 5px 10px;}
.skrt p {margin:0px;}
.slika_prosli {display:inline; overflow: auto; margin:2px;}
.epizoda {clear:both;}
.glyphicon-hand-up, .slika_prosli {cursor:pointer;}

.blogstrip {display:inline-block; text-align:center; width: 160px;}
.blogstrip span {color: #292C37; font-size:16px;}

/*********************/
/** jRating CSS **/
/*********************/

/**Div containing the color of the stars */
.jRatingAverage {
	background-color:#9F111B;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}
.jRatingColor {
	background-color:#292C37; /* bgcolor of the stars*/
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}

/** Div containing the stars **/
.jStar {
	position:relative;
	left:0;
	z-index:3;
}

/** P containing the rate informations **/
p.jRatingInfos {
	position:		absolute;
	z-index:9999;
	background:	transparent url('../images/bg_jRatingInfos.png') no-repeat;
	color:			#FFF;
	display:		none;
	width:			91px;
	height:			29px;	
	font-size:16px;
	text-align:center;
	padding-top:5px;
}
p.jRatingInfos span.maxRate {
		color:#c9c9c9;
		font-size:14px;
	}

.padaj .fl img, .blogslika img {border:2px solid #ddd;}
.blogslika {padding: 4px 0 0 0;}
.padaj .fl {padding: 6px 0 0 0;}

@media (max-width: 1200px){ 
 #uobrazaj2 {width:100%; margin-left:251px;padding-right:251px; float:none;} 
 .kolsedam {width:100%;}
.blogdes, #socijalizam {display:none;}
.autorboks {width:95%;}
 }
 
@media (max-width: 500px){ 
 #uobrazaj2 {width:100%; margin-left:0px;padding-right:0px;clear:both; }
 #brojn {width:251px;float:none;margin:auto;}
 .naslpad {display:none;}
 .fl {float:none; text-align:center; width:100%;}
 }
 
@media (max-width: 800px){ 
.blogslika {float:none; text-align:center;}
 }
 
 @media (max-width: 700px){ 
 .container {margin: 0; padding: 0;}
 .kolsedam {padding: 0;}
 }
 
.glyphicon-bullhorn{
	float:right; 
	color:#eee; 
	font-size:28px;
	padding-top:10px; 
	margin-right:20px;
	display:inline-block !important;
	}
.glyphicon-bullhorn span {
	color:#fff;
	font-size:12px; 
	display:inline-block;
	position:relative; 
	top:5px;
	left:5px;
}