/*
Theme Name: Tuzlanski
Theme URI: http://webizrada.org
Description: Tema za tuzlanski.ba
Version: 1.0
Author: Zelimir Graf
Author URI: http://webizrada.org
*/
/*----------------------------------------------------------------------------*/
/* Resets
/*----------------------------------------------------------------------------*/
/* Adi Glibanovic */

#webizradae_widget-7 h3.widget-head {
	background: #31df59 !important;
}

.wrappiranje {
	margin-left: 0px;
}

.article-content img {
	border: 0px solid #fff;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

dl.gallery-item {
	float: left;
	padding-left: 0%;
	padding-right: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

li.mix.category_1.mix_all {
	float: left;
	max-width: 100%;
	margin: 5px 10px 10px 0px;
}

img.alignnone {
	margin-bottom: 0em !important;
}

#gallery-1 .gallery-item {
	margin-top: 5px !important;
}

#gallery-1 img {
	border: 0px !important;
}

#gallery-2 .gallery-item {
	margin-top: 5px !important;
}

#gallery-2 img {
	border: 0px !important;
}

.controls {
	display: inline-block;
	width: 100%;
	margin: 0 0 30px;
	vertical-align: top;
}

.controls a {
	margin-left: 20px;
	cursor: pointer;
	list-style-type: square;
}

.controls a.active {
	font-weight: 700;
}

#gallery-1 {
	width: 100%;
	text-align: justify;
	font-size: 0.1px;
	padding: 0px;
	margin: auto;
}

#gallery-1:after {
	content: '';
	display: inline-block;
	width: 100%;
}

#gallery-1 .mix {
	width: 100%;
	height: 100%;
	vertical-align: top;
	margin-bottom: -5px !important;
}

#gallery-2 {
	width: 100%;
	text-align: justify;
	font-size: 0.1px;
	padding: 0px;
	margin: auto;
}

#gallery-2:after {
	content: '';
	display: inline-block;
	width: 100%;
}

#gallery-2 .mix {
	width: 100%;
	height: 100%;
	vertical-align: top;
	margin-bottom: -5px !important;
}

.mix.mix_all img {
	max-height: 100%;
	max-width: 100%;
}

.mix_all:hover .overlay {
	background: url(images/magnifier.png) no-repeat center !important;
	background-color: #000 !important;
	opacity: 0.65;
}

.mix.category_1.mix_all {
	display: inline-block;
	opacity: 1;
}

.mix_all {
	position: relative;
}

.mix_all .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#gallery-1 .gap {
	display: inline-block;
	width: 200px;
}

#gallery-2 .gap {
	display: inline-block;
	width: 200px;
}

.bar_logo {
	margin-left: 40% !important;
}

#wprmenu_menu.wprmenu_levels ul li a {
	font-family: 'Oswald';
	line-height: 20px;
	font-size: 15px;
	text-transform: uppercase;
}

#wprmenu_menu ul li a,
#wprmenu_menu ul li a:hover {
	font-size: 15px !important;
}

#wprmenu_menu.wprmenu_levels ul li:hover {
	background-color: #ee333a !important;
}

/* Preuzeto sa samog sajta pretoceno u temu */
li#menu-item-199 a:hover {
	background: #2d2d2d !important;
	color: white !important;
}

li#menu-item-49856 a:hover {
	background: #7bcaf6 !important;
	color: black !important;
}

li#menu-item-185 a:hover {
	background: #f67b7b !important;
	color: black !important;
}

li#menu-item-190 a:hover {
	background: #f6ac7b !important;
	color: black !important;
}

li#menu-item-183 a:hover {
	background: #d4b77e !important;
	color: black !important;
}

li#menu-item-50196 a:hover {
	background: #31df59 !important;
	color: black !important;
}

li#menu-item-49857 a:hover {
	background: #e6b800 !important;
	color: black !important;
}

li#menu-item-49858 a:hover {
	background: #eb64ad !important;
	color: black !important;
}

li#menu-item-182 a:hover {
	background: #2d2d2d !important;
	color: white !important;
}

li#menu-item-195 a:hover {
	background: #3e9617 !important;
	color: black !important;
}

li#menu-item-184 a:hover {
	background: #d2847c !important;
	color: black !important;
}

.sidebar-widget.webizradae_widget.posljednji-postovi h3.widget-head {
	background: #7bcaf6;
}

.sidebar-widget.widget_tag_cloud h3.widget-head {
	background: !important;
}

.sidebar-widget.widget_polls-widget h3.widget-head {
	background: #71cee2 !important;
}

.sidebar-widget.webizradavrijeme_widget h3.widget-head {
	background: #3ea8ca !important;
}

#text-4 h3.widget-head,
#text-3 h3.widget-head {
	background: #7bcaf6 !important;
}

#text-5 h3.widget-head {
	background: #42f882 !important;
}

#text-5,
#text-2 {
	margin-bottom: 15px;
}

#polls-widget-2,
#polls-widget-3 {
	margin-bottom: 50px;
}


body,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
a {
	-webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 2s;
}

@-webkit-keyframes fontfix {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0.8;
	}

	to {
		opacity: 1;
	}
}

body,
html,
div,
blockquote,
img,
label,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
input,
th,
td,
figure {
	border: 0;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal !important;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

video {
	height: auto;
	max-width: 100%;
}

a {
	color: #404040;
	text-decoration: none;
}

a:hover,
a:active {
	color: #888888;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

/*blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	}*/
/*----------------------------------------------------------------------------*/
/* HTML5 Tags
/*----------------------------------------------------------------------------*/
header,
footer,
section,
nav,
article,
figure,
figcaption,
time,
audio,
video {
	display: block;
}

/*----------------------------------------------------------------------------*/
/* Utility
/*----------------------------------------------------------------------------*/
body {
	/*
	background-image: url(images/pozadinapng.png), url(images/pozadina.jpg);
    background-position: top center, center;
    background-repeat: no-repeat, repeat;
    background-size: 100%,auto;*/
	background: #f7f7f7;
	/*background: url(images/pozadinafull.jpg) no-repeat center center fixed;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
}

.wrapper {
	margin: 0 auto;
	width: 1130px;
	position: relative;
}

div[role=main] {
	background-color: #f8f8f8;
	margin-top: 20px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.left-content,
.right-content {
	padding: 16px 15px 20px 20px;
	position: relative;
	width: 780px;
}

.left-content {
	float: left;
}

.right-content {
	float: right;
}

.full-content {
	padding: 1.875em 2.77778%;
	position: relative;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.sidebar-widget {
	clear: both;
}

/*----------------------------------------------------------------------------*/
/* Clear Floats
/*----------------------------------------------------------------------------*/
.clear:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.socijalne-ikone {
	display: block;
	width: 222px;
	height: 30px;
	float: right;
	margin: 0 auto;
	margin-top: 7px;
}

.socijalne-ikone a {
	width: 30px;
	height: 30px;
	margin-right: 7px;
	float: left;
	display: block;
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
}

a.facebook {
	background: url(images/socijalne/fejs.png) no-repeat 0px -31px;
}

a.youtube {
	background: url(images/socijalne/youtube.png) no-repeat 0px -31px;
}

a.twitter {
	background: url(images/socijalne/twitter.png) no-repeat 0px -31px;
}

a.instagram {
	background: url(images/socijalne/instagram.png) no-repeat 0px -31px;
}

a.google {
	background: url(images/socijalne/google.png) no-repeat 0px -31px;
}

a.rss {
	background: url(images/socijalne/rss.png) no-repeat 0px -31px;
}

a.facebook:hover {
	background: url(images/socijalne/fejs.png) no-repeat 0px 0px;
}

a.youtube:hover {
	background: url(images/socijalne/youtube.png) no-repeat 0px 0px;
}

a.twitter:hover {
	background: url(images/socijalne/twitter.png) no-repeat 0px 0px;
}

a.instagram:hover {
	background: url(images/socijalne/instagram.png) no-repeat 0px 0px;
}

a.google:hover {
	background: url(images/socijalne/google.png) no-repeat 0px 0px;
}

a.rss:hover {
	background: url(images/socijalne/rss.png) no-repeat 0px 0px;
}

.gornji-banner {
	width: 1110px;
	/*min-height: 120px;*/
	margin: 10px auto;
	clear: both;
}

.gornji-banner-3 {
	min-height: 120px;
}

.banner-izdvojeno {
	width: 780px;
	height: 90px;
	/*90*/
	margin: 25px auto;
}

.povecaj {
	height: 115px !important;
}

.banner-izdvojeno-4 {
	min-height: 90px;
}

/*----------------------------------------------------------------------------*/
/* Fonts
/*----------------------------------------------------------------------------*/
@font-face {
	font-family: 'webizrada-Icons';
	src: url('fonts/icons/webizrada-Icons.eot');
	src: url('fonts/icons/webizrada-Icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/icons/webizrada-Icons.svg#webizrada-Icons') format('svg'),
		url('fonts/icons/webizrada-Icons.woff') format('woff'),
		url('fonts/icons/webizrada-Icons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.fiksiraj {
	position: fixed !important;
	top: 78px;
	z-index: 99999px;
}

/*----------------------------------------------------------------------------*/
/* Icons
/*----------------------------------------------------------------------------*/
.webizrada-icon {
	font-family: 'webizrada-Icons';
	font-weight: 400;
	speak: none;
}

.icon-button {
	background-color: rgba(0, 0, 0, 0.8);
	height: 2.5em;
	left: 1.875em;
	position: absolute;
	text-align: center;
	top: 1.875em;
	width: 2.5em;
	z-index: 100;
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
}

.icon-button a {
	color: #777 !important;
	font-size: 0.875em;
	line-height: 1;
	position: relative;
}

.icon-button a:hover {
	color: #fff !important;
}

.tuzlanski-play {
	left: 0.143em;
	top: 0.571em;
}

.tuzlanski-listen,
.tuzlanski-gallery {
	left: 0;
	top: 0.571em;
}

.carousel-column .icon-button {
	left: 0.938em;
	top: 2.813em;
}

.center-carousel-column .icon-button {
	left: 2.813em;
	top: 2.813em;
}

.index-wrapper .icon-button,
.article-column .icon-button {
	left: 0.938em;
	top: 0.938em;
}

.video-poster .icon-button {
	left: 1.071em;
	top: 1.071em;
}

.article-wrapper .articleImage img {
	width: 100% !important;
	height: 340px !important;
	object-fit: cover;
}

.banner-clanak-donji {
	width: 340px;
	margin: 20px auto 0;
}

/*----------------------------------------------------------------------------*/
/* izdvojeni postovi na naslovnici
/*----------------------------------------------------------------------------*/
.prvi-blok-izdvojeno {
	width: 440px;
	height: 280px;
	float: left;
	display: inline;
	margin-right: 5px;
	position: relative;
}

.drugi-blok-izdvojeno {
	width: 335px;
	float: left;
	display: inline;
	position: relative;
}

.drugi-blok-prvi-post {
	width: 165px;
	float: left;
	display: inline;
	margin-right: 5px;
	margin-bottom: 4px;
	position: relative;
}

.drugi-blok-drugi-post {
	width: 165px;
	float: left;
	display: inline;
	margin-bottom: 4px;
	position: relative;
}

.cisti {
	clear: both;
	display: block;
}

.facebook-komentari {
	margin-top: 30px;
}

.drugi-blok-treci-post {
	width: 335px;
	float: none;
	clear: both;
	display: block;
	height: 135px;
	position: relative;
}

.absolute.bottom-4 {
	position: absolute;
	left: 10px;
	bottom: 4px;
	z-index: 9;
	margin-bottom: 0px !important;
}

.absolute.bottom-7 {
	position: absolute;
	left: 10px;
	bottom: 7px;
	z-index: 9;
	margin-bottom: 0px !important;
}

.clanak-1,
.clanak-2,
.clanak-3,
.clanak-4 {
	position: relative;
	overflow: hidden;
}

.prvi-blok-izdvojeno {
	-webkit-transition: height 350ms ease-in-out;
	-moz-transition: height 350ms ease-in-out;
	-ms-transition: height 350ms ease-in-out;
	-o-transition: height 350ms ease-in-out;
	transition: height 350ms ease-in-out;
}

.prvi-blok-izdvojeno .opis {
	padding: 0px 10px;
	color: white;
	line-height: 17px;
	font-size: 14px;
}

.drugi-blok-prvi-post .opis {
	padding: 0px 10px;
	color: white;
	line-height: 13px;
	font-size: 11px;
}

.drugi-blok-drugi-post .opis {
	padding: 0px 10px;
	color: white;
	line-height: 13px;
	font-size: 11px;
}

.drugi-blok-treci-post .opis {
	padding: 0px 10px;
	color: white;
	line-height: 16px;
	font-size: 14px;
}

.opis {
	color: white;
	-webkit-transition: all 0.3s cubic-bezier(0.255, 0.721, 0.420, 1.318);
	-moz-transition: all 0.3s cubic-bezier(0.255, 0.721, 0.420, 1.318);
	-ms-transition: all 0.3s cubic-bezier(0.255, 0.721, 0.420, 1.318);
	-o-transition: all 0.3s cubic-bezier(0.255, 0.721, 0.420, 1.318);
	transition: all 0.3s cubic-bezier(0.255, 0.721, 0.420, 1.318);
	height: 0;
}

.prvi-blok-izdvojeno:hover .opis,
.hronika-post-naslovnica:hover .opis,
.maksuzija-post-naslovnica:hover .opis,
.videonet-post-naslovnica:hover .opis,
.prvi-blok-izdvojeno-kategorija:hover .opis,
.drugi-blok-treci-post-kategorija:hover .opis,
.drugi-blok-treci-post-kategorija:hover .opis {
	display: block;
	height: 50px;
}

.hronika-post-naslovnica .opis,
.maksuzija-post-naslovnica .opis,
.videonet-post-naslovnica .opis {
	padding: 0px 7px;
	color: white;
	line-height: 13px;
	font-size: 11px;
}

.drugi-blok-prvi-post:hover .opis,
.drugi-blok-drugi-post:hover .opis,
.drugi-blok-treci-post:hover .opis {
	display: block;
	height: 60px;
}

.prvi-blok-izdvojeno h2 {
	font-family: 'Oswald';
	line-height: 16px !important;
}

.prvi-blok-izdvojeno h2 a {
	font-size: 23px;
	color: white;
	line-height: 29px;
}

.drugi-blok-prvi-post h3,
.drugi-blok-drugi-post h3 {
	font-family: 'Oswald';
	line-height: 15px !important;
	font-size: 12px;
	letter-spacing: 0px;
}

.drugi-blok-treci-post h3 {
	font-family: 'Oswald';
	line-height: 16px !important;
	font-size: 14px;
}

.drugi-blok-prvi-post h3 a,
.drugi-blok-drugi-post h3 a {
	font-size: 14px;
	color: white;
	line-height: 18px;
}

.drugi-blok-treci-post h3 a {
	line-height: 23px !important;
	font-size: 19px;
	color: white;
}

/*----------------------------------------------------------------------------*/
/* izdvojeni postovi na kategoriji
/*----------------------------------------------------------------------------*/
.prvi-blok-izdvojeno-kategorija {
	width: 510px;
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 15px;
}

.prvi-blok-izdvojeno-kategorija h3 a {
	font-family: 'Oswald';
	color: white;
	font-size: 26px;
}

.prvi-blok-izdvojeno-kategorija h4 a,
.drugi-blok-treci-post-kategorija h4 a {
	font-family: 'Oswald';
	color: white;
	font-size: 17px;
}

.prvi-blok-izdvojeno-kategorija .opis,
.drugi-blok-treci-post-kategorija .opis,
.drugi-blok-treci-post-kategorija .opis {
	padding: 0px 10px;
	color: white;
	line-height: 17px;
	font-size: 14px;
}

.drugi-blok-izdvojeno-kategorija {
	width: 260px;
	float: left;
	display: inline;
}

.drugi-blok-prvi-post-kategorija {
	width: 165px;
	float: left;
	display: inline;
	margin-right: 5px;
	margin-bottom: 5px;
}

.drugi-blok-drugi-post-kategorija {
	width: 165px;
	float: left;
	display: inline;
	margin-bottom: 5px;
}

.cisti {
	clear: both;
	display: block;
}

.drugi-blok-treci-post-kategorija {
	width: 260px;
	float: none;
	clear: both;
	display: block;
	margin-bottom: 9px;
}

.absolute.bottom-4-kategorija {
	position: absolute;
	left: 10px;
	bottom: 4px;
	z-index: 9;
	margin-bottom: 0px !important;
}

.absolute.bottom-7-kategorija {
	position: absolute;
	left: 10px;
	bottom: 7px;
	z-index: 9;
	margin-bottom: 0px !important;
}

.clanak-1-kategorija,
.clanak-2-kategorija,
.clanak-3-kategorija,
.clanak-4-kategorija {
	position: relative;
}

.prvi-blok-izdvojeno-kategorija h2 {
	font-family: 'Oswald';
	line-height: 16px !important;
}

.prvi-blok-izdvojeno-kategorija h2 a {
	font-size: 15px;
	color: white;
	line-height: 16px;
}

.drugi-blok-prvi-post-kategorija h3,
.drugi-blok-drugi-post-kategorija h3 {
	font-family: 'Oswald';
	line-height: 15px !important;
	font-size: 12px;
	letter-spacing: 0px;
}

.drugi-blok-treci-post-kategorija h3 {
	font-family: 'Oswald';
	line-height: 16px !important;
	font-size: 14px;
}

.drugi-blok-prvi-post-kategorija h3 a,
.drugi-blok-drugi-post-kategorija h3 a {
	font-size: 12px;
	color: white;
	line-height: 15px;
}

.drugi-blok-treci-post-kategorija h3 a {
	line-height: 15px !important;
	font-size: 13px;
	color: white;
}

/*----------------------------------------------------------------------------*/
/* breadcrumb styling za kategoriju
/*----------------------------------------------------------------------------*/
.breadcrumbs-kategorija span a,
body.search span.breadcrumb_last {
	padding: 3px 5px;
	background: #e8e8e8;
	font-size: 14px;
	color: black;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #aeaeae;
	margin-right: 5px;
	margin-left: 5px;
}

.breadcrumbs-kategorija p#breadcrumbs {
	margin-left: -5px;
	z-index: 9;
	background-color: #f8f8f8;
	position: relative;
}

/*----------------------------------------------------------------------------*/
/* kategorija styling
/*----------------------------------------------------------------------------*/
body.category .article-date,
body.search .article-date,
body.tag .article-date {
	float: left !important;
}

.kategorija-excerpt p {
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 17px;
}

.weatherslider_widget {
	margin-top: 15px;
	margin-bottom: 30px !important;
}

/*----------------------------------------------------------------------------*/
/* carsija na naslovnici
/*----------------------------------------------------------------------------*/
.carsija-blok {}

h2.block-title {
	font-family: 'Oswald';
	margin-bottom: 16px;
	font-size: 18px;
	height: 12px;
	line-height: 10px;
}

h2.block-title.carsija {}

span.pozadina-naslov {
	padding: 3px 10px 3px 0px;
	background: #f8f8f8;
}

.carsija-post-naslovnica.margina-0 {
	margin-left: 0px !important;
}

.carsija-post-naslovnica {
	width: 254px;
	float: left;
	margin-left: 9px;
	position: relative;
}

.carsija-post-naslovnica .category-carsija a img {
	border: 5px solid #cbcbcb;
}

.carsija-post-naslovnica h3 {
	font-size: 14px;
	padding: 10px 0px 0px;
	display: block;
	margin-top: 5px;
	line-height: 15px;
	position: absolute;
	z-index: 200;
	bottom: 0px;
	left: 0px;
}

a.overlay {
	display: block;
	z-index: 9;
	width: 100%;
	height: 100%;
	position: absolute;
}

.carsija-post-naslovnica h3 a {
	color: white;
	font-weight: bold;
}

.carsija-post-naslovnica .opis {
	padding: 0px 10px;
	color: white;
	line-height: 14px;
	font-size: 13px;
}

.carsija-post-naslovnica:hover .opis {
	display: block;
	height: 50px;
}

/*----------------------------------------------------------------------------*/
/* trostruki blok oko nas, ekonomija, infoteka
/*----------------------------------------------------------------------------*/
.trostruki-blok {
	margin-top: 16px;
	/*3*/
}

.infoteka-blok,
.oko_nas-blok,
.ekonomija-blok {
	width: 250px;
	float: left;
}

.infoteka-blok,
.oko_nas-blok {
	margin-right: 15px;
}

.trostruki-blok h3 {
	font-size: 13px;
	padding-top: 5px;
}

h2.block-title.infoteka {}

h2.block-title.ekonomija {}

h2.block-title.oko_nas {}

.infoteka-post-naslovnica,
.oko_nas-post-naslovnica,
.ekonomija-post-naslovnica {
	background: #e1e1e1;
	padding: 5px;
	margin-bottom: 5px;
	position: relative;
	border-radius: 4px;
}

.infoteka-post-naslovnica.prvi-post,
.oko_nas-post-naslovnica.prvi-post,
.ekonomija-post-naslovnica.prvi-post {
	height: 115px;
}

.infoteka-post-naslovnica.ostali-postovi,
.oko_nas-post-naslovnica.ostali-postovi,
.ekonomija-post-naslovnica.ostali-postovi {
	height: 75px;
}

.lifestyle-post-naslovnica.prvi-post,
.sport-post-naslovnica.prvi-post,
.zanimljivosti-post-naslovnica.prvi-post {
	height: 115px;
}

.lifestyle-post-naslovnica.ostali-postovi,
.sport-post-naslovnica.ostali-postovi,
.zanimljivosti-post-naslovnica.ostali-postovi {
	height: 75px;
}

.infoteka-post-naslovnica img,
.oko_nas-post-naslovnica img,
.ekonomija-post-naslovnica img {
	float: left;
	margin-right: 7px;
	margin-top: 3px;
	border-radius: 4px;
}

/*
.category-infoteka.clanak-0, .category-infoteka.clanak-1, .category-oko-nas.clanak-0, .category-oko-nas.clanak-1, .category-ekonomija.clanak-0, .category-ekonomija.clanak-1  {
padding-bottom: 3px;
}
*/
.datum-objave {
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size: 9px;
}

/*----------------------------------------------------------------------------*/
/* trostruki blok sport, lifestyle, zanimljivosti
/*----------------------------------------------------------------------------*/
.trostruki-blok {
	margin-top: 3px;
	/*30*/
}

.sport-blok,
.lifestyle-blok,
.zanimljivosti-blok {
	width: 250px;
	float: left;
}

.sport-blok,
.lifestyle-blok {
	margin-right: 15px;
}

h2.block-title.sport {}

h2.block-title.zanimljivosti {}

h2.block-title.lifestyle {}

.sport-post-naslovnica,
.lifestyle-post-naslovnica,
.zanimljivosti-post-naslovnica {
	background: #e1e1e1;
	padding: 5px;
	margin-bottom: 5px;
	position: relative;
	border-radius: 4px;
}

.sport-post-naslovnica img,
.lifestyle-post-naslovnica img,
.zanimljivosti-post-naslovnica img {
	float: left;
	margin-right: 7px;
	margin-top: 3px;
	border-radius: 4px;
}

.category-sport.clanak-0,
.category-sport.clanak-1,
.category-lifestyle.clanak-0,
.category-lifestyle.clanak-1,
.category-zanimljivosti.clanak-0,
.category-zanimljivosti.clanak-1 {
	padding-bottom: 3px;
}

/*----------------------------------------------------------------------------*/
/* Crna hronika, videonet, maksuzija
/*----------------------------------------------------------------------------*/
.hronika-blok,
.videonet-blok,
.maksuzija-blok {
	margin-top: 30px;
}

.hronika-post-naslovnica.margina-0,
.videonet-post-naslovnica.margina-0,
.maksuzija-post-naslovnica.margina-0 {
	margin-left: 0 !important;
}

.hronika-post-naslovnica,
.videonet-post-naslovnica,
.maksuzija-post-naslovnica {
	width: 151px;
	float: left;
	margin-left: 6px;
	position: relative;
}

.hronika-post-naslovnica .category-crna-hronika a img,
.videonet-post-naslovnica .category-video-net a img,
.maksuzija-post-naslovnica .category-maksuzija a img {
	border: 5px solid #cbcbcb;
}

.hronika-post-naslovnica a {
	font-weight: bold;
}

h2.block-title.hronika {}

h2.block-title.videonet {}

.videonet-post-naslovnica a,
.maksuzija-post-naslovnica a {
	font-weight: bold;
}

h2.block-title.maksuzija {}

.hronika-blok h3,
.videonet-blok h3,
.maksuzija-blok h3 {
	font-size: 12px;
	margin-top: 0px;
	line-height: 15px;
	position: absolute;
	bottom: 1px;
	left: 0px;
	margin-bottom: 0;
	width: 132px;
	display: block;
	color: white !important;
}

.hronika-blok h3 a,
.videonet-blok h3 a,
.maksuzija-blok h3 a {
	color: white !important;
	font-size: 12px;
}

/*----------------------------------------------------------------------------*/
/* tabovi
/*----------------------------------------------------------------------------*/
.tabovi-blok {
	margin-top: 30px;
}

.ui-widget-content h3 {
	font-size: 15px;
	float: left;
}

.tabovi-blok-lijevo {
	width: 470px;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #979797;
}

.tabovi-desno {
	width: 230px;
	float: left;
}

.ui-widget-content h3 {
	font-size: 14px;
	margin-bottom: 10px;
}

.tabovi-desno h4 {
	font-size: 12px;
	padding-bottom: 1px;
	border-bottom: 1px solid #979797;
}

.tabovi-desno h4 a:hover {
	color: #979797;
}

.fotka-tab-lijevo {
	float: left;
	width: 245px;
}

.tab-desno {
	float: left;
	width: 215px;
	margin-left: 10px;
}

.tab-desno .sazetak p {
	font-size: 12px;
	line-height: 14px;
}

.ui-widget-content a.tabovi-prvi-clanak-fotka {
	float: left;
	width: 245px;
}

.popularni-clanci h4 {
	font-size: 17px;
	font-family: 'Oswald';
}

.facebook-komentari h4 {
	font-size: 14px;
	font-family: 'Oswald';
}

.tabovi-blok-lijevo h3 {
	font-size: 16px;
	font-family: 'Oswald';
}

/*----------------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------------*/
.twitter-share-button {
	position: relative;
	top: 2px;
}

a.button {
	display: inline-block;
	line-height: 2.5;
	padding: 0 1.25em;
	-moz-border-radius: 0.188em;
	-webkit-border-radius: 0.188em;
	border-radius: 0.188em;
}

a.blue-button,
a.green-button,
a.orange-button {
	color: #fff !important;
}

a.blue-button {
	background-color: #00aed7;
	border: 1px solid #0085a3;
	text-shadow: -1px -1px 0 rgba(0, 100, 122, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 174, 215)), to(rgb(0, 133, 163)));
	background-image: -webkit-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -moz-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -o-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: -ms-linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	background-image: linear-gradient(top, rgb(0, 174, 215), rgb(0, 133, 163));
	-moz-box-shadow: 1px 1px 1px 0 rgba(194, 244, 255, 0.6) inset;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(194, 244, 255, 0.6) inset;
	box-shadow: 1px 1px 1px 0 rgba(194, 244, 255, 0.6) inset;
}

a.blue-button:hover {
	background-color: #0085a3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 133, 163)), to(rgb(0, 174, 215)));
	background-image: -webkit-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -moz-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -o-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: -ms-linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
	background-image: linear-gradient(top, rgb(0, 133, 163), rgb(0, 174, 215));
}

a.chrome-button {
	background-color: #eee;
	border: 1px solid #bbb;
	color: #222 !important;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(221, 221, 221)));
	background-image: -webkit-linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	background-image: -moz-linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	background-image: -o-linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	background-image: -ms-linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	background-image: linear-gradient(top, rgb(238, 238, 238), rgb(221, 221, 221));
	-moz-box-shadow: 1px 1px 1px 0 #fff inset;
	-webkit-box-shadow: 1px 1px 1px 0 #fff inset;
	box-shadow: 1px 1px 1px 0 #fff inset;
}

a.chrome-button:hover {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(238, 238, 238)));
	background-image: -webkit-linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
	background-image: -moz-linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
	background-image: -o-linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
	background-image: -ms-linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
	background-image: linear-gradient(top, rgb(221, 221, 221), rgb(238, 238, 238));
}

a.green-button {
	background-color: #a5cf14;
	border: 1px solid #86a711;
	text-shadow: -1px -1px 0 rgba(75, 93, 9, 0.4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(165, 207, 20)), to(rgb(134, 167, 17)));
	background-image: -webkit-linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	background-image: -moz-linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	background-image: -o-linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	background-image: -ms-linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	background-image: linear-gradient(top, rgb(165, 207, 20), rgb(134, 167, 17));
	-moz-box-shadow: 1px 1px 1px 0 rgba(239, 249, 199, 0.6) inset;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(239, 249, 199, 0.6) inset;
	box-shadow: 1px 1px 1px 0 rgba(239, 249, 199, 0.6) inset;
}

a.green-button:hover {
	background-color: #86a711;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(134, 167, 17)), to(rgb(165, 207, 20)));
	background-image: -webkit-linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
	background-image: -moz-linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
	background-image: -o-linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
	background-image: -ms-linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
	background-image: linear-gradient(top, rgb(134, 167, 17), rgb(165, 207, 20));
}

a.orange-button {
	background-color: #ff5800;
	border: 1px solid #e04f00;
	text-shadow: -1px -1px 0 rgba(184, 64, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 88, 0)), to(rgb(224, 79, 0)));
	background-image: -webkit-linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	background-image: -moz-linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	background-image: -o-linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	background-image: -ms-linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	background-image: linear-gradient(top, rgb(255, 88, 0), rgb(224, 79, 0));
	-moz-box-shadow: 1px 1px 1px 0 rgba(255, 228, 214, 0.6) inset;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(255, 228, 214, 0.6) inset;
	box-shadow: 1px 1px 1px 0 rgba(255, 228, 214, 0.6) inset;
}

a.orange-button:hover {
	background-color: #e04f00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 79, 0)), to(rgb(255, 88, 0)));
	background-image: -webkit-linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
	background-image: -moz-linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
	background-image: -o-linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
	background-image: -ms-linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
	background-image: linear-gradient(top, rgb(224, 79, 0), rgb(255, 88, 0));
}

/*----------------------------------------------------------------------------*/
/* Typography
/*----------------------------------------------------------------------------*/
body {
	color: #444;
	/*font-family: Arial, Verdana, sans-serif;*/
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

h1 {
	font-size: 2.5em;
	font-weight: 200;
	line-height: 1.25;
	margin-bottom: 1.25em;
}

h2 {
	font-size: 1.625em;
	line-height: 1.346;
	margin-bottom: 0.962em;
}

h3 {
	font-size: 1.438em;
	line-height: 1.304;
	margin-bottom: 1.087em;
}

h4 {
	font-size: 1.125em;
	line-height: 1.389;
	margin-bottom: 5px;
}

h5 {
	margin-bottom: 0.625em;
}

h6 {
	font-size: 0.875em;
	line-height: 1.429;
	margin-bottom: 0.357em;
}

p,
address {
	margin-bottom: 8px;
}

p+h1,
blockquote+h1,
ul+h1,
ol+h1,
dl+h1,
table+h1,
pre+h1 {
	margin-top: 1.333em;
}

p+h2,
blockquote+h2,
ul+h2,
ol+h2,
dl+h2,
table+h2,
pre+h2 {
	margin-top: 2.692em;
}

/*
blockquote {
	background-color: #f8f8f8;
	border-left: 0.313em solid;
	border-right: 0.313em solid;
	margin-bottom: 1.563em;
	padding: 1.563em 1.563em 0.063em;
}
blockquote p {
	font-style: italic;
	quotes: '\201c' '\201d';
	text-indent: -0.313em;
}
blockquote p:before, q:before, q q:before {
	content: open-quote;
}
blockquote p:after, q:after, q q:after {
	content: close-quote;
	}*/

q {
	quotes: '\201c' '\201d' '\2018' '\2019';
}

strong,
b {
	font-weight: 700;
}

em,
i,
cite {
	font-style: italic;
}

small {
	font-size: 0.875em;
	line-height: 1.429;
}

mark {
	background-color: #ffff00;
}

strike,
del {
	color: #af1035;
	text-decoration: line-through;
}

abbr,
acronym {
	cursor: help;
	text-transform: uppercase;
}

ins {
	text-decoration: none;
}

sup,
sub {
	font-size: 0.75em;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.333em;
}

sub {
	bottom: -0.333em;
}

address {
	font-style: normal;
}

a.vise {
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-size: 13px;
	font-family: 'Oswald';
}

a.vise:hover {
	color: #707070;
}

/*----------------------------------------------------------------------------*/
/* Lists
/*----------------------------------------------------------------------------*/
ul,
ol,
dl,
dd {
	margin-bottom: 1.563em;
}

ul,
ol {
	margin-left: 1.25em;
}

ul {
	list-style: disc;
}

ul ul,
ol ul {
	list-style: circle;
}

ol,
ul ol,
ol ol ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin: 0.625em 0 0.938em;
	padding-left: 1.563em;
}

dt {
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.389;
}

/*----------------------------------------------------------------------------*/
/* Tables
/*----------------------------------------------------------------------------*/
table {
	margin: 0 0 1.563em;
	width: 100%;
}

caption {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1.25em;
	text-align: center;
}

th {
	font-weight: 600;
}

th,
td {
	border-bottom: 1px solid #ebebeb;
	padding: 0.75em 0.625em 0.75em 0;
	text-align: center;
	vertical-align: top;
}

/*----------------------------------------------------------------------------*/
/* Code and Pre-Formatted Text
/*----------------------------------------------------------------------------*/
code {
	color: #0861bc;
	font: 0.875em/1.429 Courier, Monaco, monospace;
}

pre {
	background-color: #f8f8f8;
	margin-bottom: 1.714em;
	overflow: auto;
	overflow-y: hidden;
	padding: 0 0 1.429em 1.429em;
}

pre code {
	font-size: 14px;
	padding: 0;
}

/*----------------------------------------------------------------------------*/
/* Form Elements
/*----------------------------------------------------------------------------*/
form {
	position: relative;
}

label {
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.429;
}

/*input[type=text], input[type=email], input[type=url], input[type=password], textarea, select {
	font-family: 'Source Sans Pro', sans-serif;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
}
input[type=text], input[type=email], input[type=url], input[type=password], textarea {
	background-color: #fff;
	border: 0.25em solid #ebebeb;
	color: #444;
	font-size: 1em;
	padding: 0.625em;
	width: 100%;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus,
input[type=password]:focus, textarea:focus {
	background-color: #444;
	border-color: #444;
	color: #f8f8f8;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
input[type=checkbox], input[type=radio] {
	background-color: #fff;
	border: 1px solid #ebebeb;
	margin-right: 0.313em;
}
input[type=checkbox]:checked, input[type=radio]:checked {
	background-color: #444;
	border-color: #444;
}
select {
	border: 0.25em solid #ebebeb;
	color: #444;
	font-size: 1em;
	font-weight: 700;
	padding: 0.625em;
	width: 100%;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
select option {
	font-weight: 400;
}
textarea {
	height: 12.5em;
	line-height: 1.563;
	resize: none;
	overflow: auto;
}
/*----------------------------------------------------------------------------*/
/* Search Form
/*----------------------------------------------------------------------------
*/
.pretraga {
	/*width: 218px;*/
	float: right;
	margin-left: 7px;
	margin-top: 9px;
}

/*
input[type=search] {
font-family: 'Source Sans Pro', sans-serif;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	border: 0.25em solid #ebebeb;
	color: #444;
	font-size: 1em;
	padding: 0.625em;
	width: 100%;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
input[type=search]:focus {
	background-color: #444;
	border-color: #444;
	color: #f8f8f8;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.search-form label {
	color: #444 !important;
	font-size: 1em;
	left: 0.938em;
	line-height: 1.563;
	position: absolute;
	top: 0.75em;
}
.search-form label span {
	display: none;
}
.search-form input[type=search] {
	padding-left: 2.188em;
}
*/
form.search-form input.search-text {
	font-size: 12px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	font-family: sans-serif;
	background: none;
	display: block;
	width: 150px;
	height: 19px;
	padding: 0px 17px 2px 6px;
	border: none;
	float: left;
	box-sizing: content-box;
	line-height: 19px;
}

form.search-form input.search-submit {
	display: block;
	height: 20px;
	width: 40px;
	border: none;
	background: none;
	float: left;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

form.search-form input.search-submit:hover {
	background: none;
}

form.search-form {
	background: url(images/trazilica.png) no-repeat 0px 0px;
	margin: 10px 0px 0;
	padding: 0;
	height: auto;
}

form.search-form input.search-text::-webkit-input-placeholder {
	color: #888888;
	font-size: 11px;
	padding-top: 1px;
	font-style: italic;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

form.search-form input.search-text::-moz-placeholder {
	color: #888888;
	font-style: italic;
	font-size: 11px;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

form.search-form input.search-text::-ms-input-placeholder {
	color: #888888;
	font-style: italic;
	font-size: 11px;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

form.search-form input.search-text:focus::-webkit-input-placeholder {
	color: transparent;
}

form.search-form input.search-text:focus::-moz-placeholder {
	color: transparent;
}

form.search-form input.search-text:focus:-moz-placeholder {
	color: transparent;
}

form.search-form input.search-text:focus::-ms-input-placeholder {
	color: transparent;
}

/* novi search */
input[type=pretragica] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}

.formaPos {
	float: left;
}

input[type=pretragica] {
	background: #ededed url(images/search-ikona.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 4px 10px 4px 32px;
	width: 55px;

	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

input[type=pretragica]:focus {
	width: 100px;
	background-color: #fff;
	border-color: #7bcaf6;

	-webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	-moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	box-shadow: 0 0 5px rgba(109, 207, 246, .5);
}


input:-moz-placeholder {
	color: #999;
}

input::-webkit-input-placeholder {
	color: #999;
}

/*----------------------------------------------------------------------------*/
/* Password Form
/*----------------------------------------------------------------------------*/
.post-password-required form {
	overflow: hidden;
}

.post-password-required label {
	float: left;
	width: 75%;
}

.post-password-required input[type=submit] {
	float: left;
	margin-left: 0.714em;
	margin-top: 1.429em;
}

/*----------------------------------------------------------------------------*/
/* Utility Banner
/*----------------------------------------------------------------------------*/
.utility-banner {
	background-color: #222;
	height: 40px;
	z-index: 999;
	position: inherit;
}

.utility-banner .wrapper {
	width: 1100px;
}

.datum {
	float: left;
	color: white;
	margin-right: 10px;
	font-size: 12px;
	line-height: 39px;
}

.utility-banner a,
.utility-banner a:visited {
	color: #fff;
}

.utility-banner a:hover,
.utility-banner a:active {
	color: #dcdcdc;
}

.utility-banner ul {
	/*font-family: Arial, Verdana, sans-serif;*/
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: none;
	line-height: 40px;
}

.utility-banner li {
	float: left;
	position: relative;
}

.utility-banner li a,
.utility-banner li a:visited {
	display: block;
	padding: 0 9px 0 13px;
	background: url(images/utility-meni-tockica.png) no-repeat 0px 17px;
}

/*----------------------------------------------------------------------------*/
/* Utility Banner Header Menu
/*----------------------------------------------------------------------------*/
.utility-banner ul.header-menu {
	float: left;
	/*width:480px;*/
	/* bilo 460 */
}

.utility-banner ul.header-menu li {}

/*----------------------------------------------------------------------------*/
/* Utility Banner Header Menu First Level Drop Down Menu
/*----------------------------------------------------------------------------*/
.header-menu li ul {
	background-color: #222;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: inherit;
	font-weight: 400;
	left: 0;
	position: absolute;
	text-transform: none;
	top: -9999em;
	width: 16.667em;
	z-index: 100;
}

.header-menu li li {
	border-bottom: 1px solid #444;
	border-right: none;
	float: none;
}

/*----------------------------------------------------------------------------*/
/* Utility Banner Header Menu First Level Drop Down Menu Sub Menus
/*----------------------------------------------------------------------------*/
.header-menu li li ul {
	left: -9999em;
	top: -9999em;
}

/*----------------------------------------------------------------------------*/
/* Show Utility Banner Header Menu Drop Down Menus
/*----------------------------------------------------------------------------*/
.header-menu li:hover ul,
.header-menu li.sfHover:hover ul {
	top: 3.333em;
}

.header-menu li li:hover ul,
.header-menu li li.sfHover:hover ul {
	left: 16.583em;
	top: -1px;
}

/*----------------------------------------------------------------------------*/
/* Social Menu
/*----------------------------------------------------------------------------*/
.utility-banner ul.social-menu {
	float: right;
	font-size: 0.75em;
	line-height: 3.333;
	list-style: none;
	margin: 0;
	padding: 0;
}

.utility-banner ul.social-menu li {
	border-left: 1px solid #444;
}

/*----------------------------------------------------------------------------*/
/* Masthead
/*----------------------------------------------------------------------------*/
.masthead {
	padding: 0px 0;
	position: relative;
}

.logo {
	float: left;
	margin: 0;
}

/*----------------------------------------------------------------------------*/
/* Main Navigation
/*----------------------------------------------------------------------------*/
.menu-wrapper {
	width: 1157px;
	margin: 0 auto;
}

.logotip-tuzlanski {
	width: 150px;
	height: 34px;
	float: left;
	padding: 4px 30px;
	opacity: 1;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.logotip-tuzlanski:hover {
	opacity: 0.9;
}

.main-nav {
	height: 40px;
	background-color: #fff;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	position: relative;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	z-index: 9999;
}

.main-nav .wrapper {
	width: 945px;
	float: left;
}

.main-nav ul {
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-nav li {
	border-right: 1px solid #ebebeb;
	float: left;
	position: relative;
}

.main-nav li a {
	font-family: 'Oswald';
}

.main-nav li a,
.main-nav li a:visited {
	font-weight: normal !important;
	color: #444;
	display: block;
	padding: 13px 18px;
	font-size: 16px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.main-nav li a:hover,
.main-nav li a:active {
	text-decoration: none;
}

li#menu-item-199 {
	border-left: 1px solid #ebebeb;
}

/*----------------------------------------------------------------------------*/
/* Main Navigation First Level Drop Down Menu
/*----------------------------------------------------------------------------*/
.main-nav li ul {
	background-color: #fff;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	font: 600 0.7em/2.5 Arial, Verdana, sans-serif;
	left: 0;
	overflow: auto;
	position: absolute;
	text-transform: none;
	top: -9999em;
	width: 14.286em;
	z-index: 1000;
}

.main-nav li li {
	border-bottom: 1px solid #ebebeb;
	border-right: none;
	float: none;
}

.main-nav li li a {
	padding: 0 1.071em;
}

/*----------------------------------------------------------------------------*/
/* Main Navigation First Level Drop Down Menu Sub Menus
/*----------------------------------------------------------------------------*/
.main-nav li li ul {
	font-size: inherit;
	left: -9999em;
	top: -9999em;
}

/*----------------------------------------------------------------------------*/
/* Show Main Navigation Drop Down Menus
/*----------------------------------------------------------------------------*/
.main-nav li:hover ul,
.main-nav li.sfHover:hover ul {
	top: 40px;
}

.main-nav li li:hover ul,
.main-nav li li.sfHover:hover ul {
	left: 14.286em;
	top: -1px;
}

/*----------------------------------------------------------------------------*/
/* banneri
/*----------------------------------------------------------------------------*/
.glavni-banner {
	width: 1100px;
	height: 100px;
	margin: 20px auto;
	background: grey;
}

.banner-zaglavlje {
	width: 640px;
	height: 80px;
	background: grey;
	float: right;
	margin-top: 8px;
}

.banner-srednji {
	width: 750px;
	height: 70px;
	background: grey;
	margin: 30px auto 0;
}

/*----------------------------------------------------------------------------*/
/* Articles
/*----------------------------------------------------------------------------*/
.article-wrapper {
	position: relative;
}

.blog .article-wrapper {
	border-bottom: 1px solid #ebebeb;
}

.page-header {
	margin-bottom: 20px;
	position: relative;
}

.page-header h1 {
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.125;
	margin-bottom: 0;
}

.post-header {
	margin-bottom: 1.563em;
	position: relative;
}

.index-wrapper .post-header {
	margin-bottom: 0.625em;
}

.article-meta {
	font: 0.875em/1.429 'Vollkorn', serif;
	margin-bottom: 0;
}

.article-meta span {
	font-style: italic;
}

.with-avatar {
	padding-left: 3.571em;
}

.post-header .avatar {
	bottom: 1.375em;
	left: 0;
	position: absolute;
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
}

.post-date {
	color: #aeaeae;
	display: block;
	font: italic 0.875em/1.429 'Vollkorn', serif;
}

.article-content p {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	font-size: 15px;
	line-height: 25px;
	font-family: 'Roboto', Arial, sans-serif;
	margin-bottom: 14px;
}

.tag-meta {
	font: italic 0.875em/1.429 'Vollkorn', serif;
	margin-bottom: 1.429em;
}

.traverse-articles {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	font-size: 0.875em;
	list-style: none;
	line-height: 1.429;
	margin-bottom: 3.571em;
	margin-left: 0;
	margin-top: 3.571em;
	text-align: center;
}

.traverse-articles li {
	width: 50%;
}

.traverse-articles li a {
	display: block;
	font-family: 'Vollkorn', serif;
	font-style: italic;
	min-height: 4.286em;
	padding: 1.071em 10%;
	-moz-transition: all 0.25s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}

.traverse-articles li a:hover {
	background-color: #f8f8f8;
	text-decoration: none;
}

.traverse-articles li span {
	display: block;
	font-size: 0.857em;
	font-weight: 700;
	line-height: 1.667;
	letter-spacing: 0.083em;
	text-transform: uppercase;
}

.traverse-articles li a span {
	color: #aeaeae;
	font-family: 'Roboto', Arial, sans-serif;
	font-style: normal;
}

/*----------------------------------------------------------------------------*/
/* Images
/*----------------------------------------------------------------------------*/
/*img.alignleft {
	/* margin: 0.313em 1.563em 0.625em 0;
}
img.alignright {
	/* margin: 0.313em 0 0.625em 1.563em;
}
img.alignnone {
	/* margin-bottom: 1.563em;
}
img.aligncenter {
	margin: 0 auto 1.563em;
}
/*----------------------------------------------------------------------------*/
/* Image Captions
/*----------------------------------------------------------------------------*/
figure.alignright {
	margin: 0.313em 0 0.625em 1.563em;
}

figure.alignleft {
	margin: 0.313em 1.563em 0.625em 0;
}

figure.aligncenter img {
	margin: 0 auto;
}

figure.aligncenter,
figure.alignnone {
	margin-bottom: 1.563em;
}

.wp-caption {
	position: relative;
}

.wp-caption-text {
	font: italic 0.875em/1.429 'Vollkorn', serif;
	margin: 0.714em 0 0;
}

figure.aligncenter .wp-caption-text {
	text-align: center;
}

/*----------------------------------------------------------------------------*/
/* Image Galleries
/*----------------------------------------------------------------------------*/
.gallery,
.gallery-row {
	position: relative;
}

dt.gallery-icon a {
	border: none;
}

dt.gallery-icon img {
	height: auto;
	width: 100%;
}

.tidy-gallery-col-1 dl.gallery-item {
	padding-right: 0;
	width: 100%;
}

.tidy-gallery-col-2 dl.gallery-item {
	width: 50%;
}

.tidy-gallery-col-3 dl.gallery-item {
	width: 33.3333%;
}

.tidy-gallery-col-4 dl.gallery-item {
	width: 25%;
}

.tidy-gallery-col-5 dl.gallery-item {
	width: 20%;
}

.tidy-gallery-col-6 dl.gallery-item {
	width: 16.6667%;
}

.tidy-gallery-col-7 dl.gallery-item {
	width: 14.2856%;
}

.tidy-gallery-col-8 dl.gallery-item {
	width: 12.5%;
}

.tidy-gallery-col-9 dl.gallery-item {
	width: 11.1111%;
}

/*----------------------------------------------------------------------------*/
/* Audio Player
/*----------------------------------------------------------------------------*/
.jp-audio-cover,
.jp-audio {
	position: relative;
}

.jp-audio-cover {
	margin-bottom: -0.188em;
}

.jp-audio {
	background-color: #181818;
	margin-bottom: 1.563em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.jp-audio a {
	display: block;
}

.jp-audio a:hover {
	color: #666 !important;
}

.jp-audio a,
.jp-current-time,
.jp-player-volume {
	color: #fff !important;
	/* using !important to prevent color from being overridden by theme customizer */
	font-size: 0.625em;
	line-height: 3em;
	text-align: center;
}

.jp-current-time {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	width: 6.81818%;
}

.jp-player-volume {
	width: 7.54717%;
}

.jp-audio ul {
	height: 1.875em;
	list-style: none;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 6.81818%;
}

.jp-progress {
	width: 60.6061%;
	margin-top: 0.625em;
}

.jp-mobile-progress.jp-progress {
	width: 66.037736%;
}

.jp-volume-bar {
	margin-top: 0.625em;
	width: 16%;
}

.jp-seek-bar:hover,
.jp-volume-bar:hover {
	cursor: pointer;
}

.jp-current-time,
.jp-player-volume,
.jp-audio ul,
.jp-progress,
.jp-volume-bar {
	float: left;
}

.jp-progress,
.jp-seek-bar,
.jp-volume-bar {
	background-color: #333;
}

.jp-progress,
.jp-seek-bar,
.jp-volume-bar,
.jp-play-bar,
.jp-volume-bar-value {
	height: 0.625em;
}

.jp-progress,
.jp-seek-bar,
.jp-volume-bar,
.jp-play-bar,
.jp-volume-bar-value {
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
}

.jp-play-bar,
.jp-volume-bar-value {
	background-color: #fff;
}

/*----------------------------------------------------------------------------*/
/* Pull Quotes
/*----------------------------------------------------------------------------*/
blockquote.pullquote {
	width: 40%;
}

blockquote.pullleft {
	border-left: none;
	margin-bottom: 0;
	margin-right: 1.5683em;
}

blockquote.pullright {
	border-right: none;
	margin-bottom: 0;
	margin-left: 1.5683em;
}

/*----------------------------------------------------------------------------*/
/* Related Articles
/*----------------------------------------------------------------------------*/
.related-articles {
	position: relative;
	margin: 3.125em 0;
}

.related-articles ul {
	border-top: 1px solid #ebebeb;
	list-style: none;
	margin: 0;
}

.related-articles li {
	border-bottom: 1px dotted #ebebeb;
	padding: 0.625em 0 1.563em 4.375em;
	position: relative;
}

.related-articles img {
	left: 0;
	position: absolute;
	top: 0.625em;
}

/*----------------------------------------------------------------------------*/
/* Author Bio
/*----------------------------------------------------------------------------*/
.author-wrapper {
	border-top: 0.214em solid #ebebeb;
	margin: 3.125em 0;
	padding-top: 0.143em;
	position: relative;
}

.author-info {
	border-top: 1px solid #ebebeb;
	padding: 1.563em 0 0 5.688em;
	position: relative;
}

.author-info a {
	color: #af1035;
}

.author-info a:hover {
	color: #aeaeae;
}

.author-info h4 span {
	font-size: 0.875em;
	font-weight: 400;
}

.author-info .avatar {
	border-right: 1px solid #ebebeb;
	left: 0;
	padding-right: 1.071em;
	position: absolute;
	top: 1.563em;
}

.author-info .twitter-follow-button {
	position: absolute;
	right: 0;
	top: 1.75em;
}

/*----------------------------------------------------------------------------*/
/* Breadcrumbs
/*----------------------------------------------------------------------------*/
.breadcrumbs-bar {
	background-color: #222;
	color: #aaa;
	position: relative;
}

.breadcrumbs-bar .wrapper {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	max-width: 65.625em;
	min-width: 58.125em;
	padding: 0.625em 0.875em;
}

.breadcrumbs {
	font-size: 0.875em;
	line-height: 1.429;
}

.breadcrumbs a,
.breadcrumbs a:visited {
	color: #fff;
}

.breadcrumbs a:hover,
.breadcrumbs a:active {
	color: #aaa;
}

/*----------------------------------------------------------------------------*/
/* Pagination
/*----------------------------------------------------------------------------*/
.archive-pagination {
	border-bottom: 1px solid #ebebeb;
	font-size: 0.875em;
	line-height: 2.857;
	margin-top: 10px;
	position: relative;
}

.archive-pagination p {
	float: left;
	margin-bottom: 0;
}

.archive-pagination p span {
	font-family: 'Vollkorn', serif;
	font-style: italic;
	margin-right: 0.143em;
}

.archive-pagination ul {
	float: right;
	font-weight: 700;
	list-style: none;
	margin: 0;
}

.archive-pagination li {
	border-left: 1px solid #ebebeb;
	float: left;
}

.archive-pagination li:first-child {
	border-left: none;
}

.archive-pagination li a {
	display: block;
	padding: 0 1.071em;
}

.archive-pagination li span {
	padding: 0 1.071em;
}

.post-pagination {
	font: italic 0.875em/1.429 'Vollkorn', serif;
	text-align: right;
}

.post-pagination a {
	margin: 0 0.357em;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: 1px solid #b8b8b8 !important;
	background: #e8e8e8;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background-color: #c4c4c4 !important;
	color: black !important;
}

/*----------------------------------------------------------------------------*/
/* Comments
/*----------------------------------------------------------------------------*/
#comments {
	background-color: #f8f8f8;
	border: 1px solid #ebebeb;
	margin-bottom: 1.563em;
	padding: 0.938em;
	position: relative;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.commentlist {
	list-style: none;
	margin-bottom: 3.125em;
	margin-left: 0;
}

.commentlist li {
	position: relative;
	padding: 1.563em 0 0;
}

.commentlist li div {
	border-bottom: 1px solid #ebebeb;
	position: relative;
	padding: 0 5em;
}

.commentlist li .avatar {
	left: 0;
	position: absolute;
	top: 0;
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
}

.commentlist .children {
	list-style: none;
	margin: 0;
	padding-left: 5em;
}

.commentlist .children .children {
	padding-left: 0;
}

.commentlist address {
	font-weight: 700;
	margin-bottom: 0.313em;
}

.commentlist .comment-date {
	display: block;
	font: italic 0.875em/1.429 'Vollkorn', serif;
	margin-bottom: 0.357em;
}

.commentlist .reply {
	bottom: 2.5em;
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.083em;
	line-height: 1;
	margin: 0;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

.bypostauthor {
	border-top: 0.313em solid;
}

/*----------------------------------------------------------------------------*/
/* Trackbacks
/*----------------------------------------------------------------------------*/
.trackbacklist {
	margin-bottom: 3.125em;
}

.trackbacklist li {
	border-bottom: 1px solid #ebebeb;
	padding: 1.25em 0;
}

.trackbacklist li:first-child {
	padding-top: 0;
}

/*----------------------------------------------------------------------------*/
/* Comment Form
/*----------------------------------------------------------------------------*/
#respond {
	position: relative;
	margin-top: 1.563em;
}

#commentform {
	overflow: hidden;
}

#commentform input[type=submit] {
	float: right;
	margin-top: 0;
}

/*----------------------------------------------------------------------------*/
/* Blog & Search Results
/*----------------------------------------------------------------------------*/
.index-wrapper,
.tuzlanski-excerpt {
	position: relative;
}

.index-wrapper {
	border: 1px solid #8c8c8c;
	margin-bottom: 15px;
	padding: 10px;
	background: #e8e8e8;
	border-radius: 12px;
}

h2.post-title {
	font-family: 'Oswald';
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 10px;
}

.webizradae-block a {
	font-size: 15px;
	font-family: 'Oswald';
}

.index-wrapper img.attachment-webizrada-300 {
	float: left;
	margin-bottom: 1.875em;
	margin-right: 0.938em;
}

.tuzlanski-excerpt {
	font-size: 0.875em;
	line-height: 1.429;
	margin-bottom: 2.143em;
}

.tuzlanski-excerpt p {
	margin-bottom: 0;
}

/*----------------------------------------------------------------------------*/
/* Category Archive
/*----------------------------------------------------------------------------*/
.archive-feature h2.post-title {
	font-size: 1.875em;
	line-height: 1.167;
	margin-bottom: 0.5em;
}

.archive-feature .post-header {
	margin-bottom: 0.625em;
	margin-top: 0.938em;
}

.category-feed {
	font-size: 0.875em;
	line-height: 1.429;
	position: absolute;
	right: 0;
	top: 1.429em;
}

.category-feed span {
	display: none;
}

.category-feed .webizrada-icon {
	font-size: 85.7143%;
}

.cat-description {
	background-color: #f8f8f8;
	border: 1px solid #ebebeb;
	margin-bottom: 1.563em;
	padding: 0.938em;
	position: relative;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.cat-description p {
	margin-bottom: 0;
}

/*----------------------------------------------------------------------------*/
/* Author Archive
/*----------------------------------------------------------------------------*/
.archive-bio {
	background-color: #f8f8f8;
	border: 1px solid #ebebeb;
	margin-bottom: 1.563em;
	padding: 0.938em 0.938em 0.938em 5.625em;
	position: relative;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.archive-bio .avatar {
	left: 0.938em;
	position: absolute;
	top: 0.938em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.archive-bio a,
.archive-bio a:visited {
	color: #af1035;
}

.archive-bio a:hover,
.archive-bio a:active {
	color: #aeaeae;
}

.archive-bio p {
	margin-bottom: 0;
}

.page-header .twitter-follow-button {
	position: absolute;
	right: 0;
	top: 1.125em;
}

/*----------------------------------------------------------------------------*/
/* Custom Home Page
/*----------------------------------------------------------------------------*/
.home-article-columns {
	margin-bottom: 1.875em;
	position: relative;
}

.home-article-column {
	position: relative;
	width: 45.454545%;
}

.home-article-column h2 {
	border-bottom: 1px solid #ebebeb;
	font: 400 0.875em/1.429 'Oswald', sans-serif;
	margin-bottom: 1.429em;
	padding-bottom: 0.714em;
	padding-top: 0.714em;
	text-transform: uppercase;
}

.article-column {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 0.625em;
	overflow: hidden;
	padding-bottom: 0.625em;
	position: relative;
}

.article-column h3 {
	font-size: 0.938em;
	font-weight: 400;
	line-height: 1.333;
	margin-bottom: 0.333em;
}

.article-column img.attachment-webizrada-300 {
	margin-bottom: 0.625em;
}

.article-column img.attachment-webizrada-60 {
	float: left;
	margin: 0 0.625em 1.25em 0;
}

/*----------------------------------------------------------------------------*/
/* Sidebar
/*----------------------------------------------------------------------------*/
.sidebar {
	float: left;
	position: relative;
	width: 310px;
}

/*----------------------------------------------------------------------------*/
/* Sidebar Widgets
/*----------------------------------------------------------------------------*/
.sidebar-widgets {
	padding: 0 10px 10px 0px;
	position: relative;
}

.sidebar-widget {
	margin-bottom: 5px;
	padding: 5px 0 0;
}

h3.widget-head {
	font-family: 'Oswald';
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 15px;
	text-transform: none;
	background: #7bcaf6;
	line-height: 11px;
	height: 12px;
}

#tag_cloud-3 {
	margin-bottom: 90px;
}

.sidebar-widget ul,
.sidebar-widget ol {
	list-style: none;
	margin-left: 0;
}

.sidebar-widget ul ul,
.sidebar-widget ol ul,
.sidebar-widget ul ol,
.sidebar-widget ol ol {
	margin: 0;
	padding-left: 0;
}

.sidebar-widget li {
	border-bottom: 1px dotted #ebebeb;
	margin-bottom: 0.357em;
	padding-bottom: 0.357em;
}

.sidebar-widget li li {
	border-bottom: none;
	border-top: 1px dotted #ebebeb;
	margin-bottom: 0;
	margin-top: 0.357em;
	padding-bottom: 0;
	padding-top: 0.357em;
}

.sidebar-widget caption {
	font-size: 100%;
	line-height: 1.429;
	margin-bottom: 0.714em;
}

/*----------------------------------------------------------------------------*/
/* Flickr Widget
/*----------------------------------------------------------------------------*/
.webizrada_flickr_feedr_widget ul {
	margin-bottom: 0;
}

.webizrada_flickr_feedr_widget li {
	border-bottom: none;
	float: left;
	margin: 0 3.3333% 0.714em 0;
	padding: 0;
	width: 25%;
}

.webizrada_flickr_feedr_widget a>img {
	-moz-transition: opacity 0.25s ease-in-out 0s;
	-ms-transition: opacity 0.25s ease-in-out 0s;
	-o-transition: opacity 0.25s ease-in-out 0s;
	-webkit-transition: opacity 0.25s ease-in-out 0s;
	transition: opacity 0.25s ease-in-out 0s;
}

.webizrada_flickr_feedr_widget a>img:hover {
	opacity: 0.6;
}

/*----------------------------------------------------------------------------*/
/* Recent Video Widget
/*----------------------------------------------------------------------------*/
.webizrada_recent_video_widget {
	display: none;
}

.video-poster {
	position: relative;
}

.video-title {
	display: inline-block;
	margin-top: 0.357em;
}

.webizrada-recent-video-widget .post-date {
	margin-top: 0.417em;
}

/*----------------------------------------------------------------------------*/
/* Tabbr Widget
/*----------------------------------------------------------------------------*/
.tab-nav {
	border-bottom: 1px solid #ebebeb;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 0.714em;
	padding-bottom: 1.071em;
	text-transform: uppercase;
}

.tab-nav li {
	border-bottom: none;
	margin-bottom: 0;
	margin-right: 1.071em;
	float: left;
}

.tab-nav li a,
.tab-nav li a:visited {
	color: #444;
}

.tab-nav li a:hover,
.tab-nav li a:active,
.tab-nav li.ui-tabs-active a {
	color: #af1035;
	text-decoration: none;
}

.footer-widgets .tab-nav {
	border-bottom-color: #444;
}

.footer-widgets .tab-nav li a,
.footer-widgets .tab-nav li a:visited {
	color: #aaa;
}

.footer-widgets .tab-nav li a:hover,
.footer-widgets .tab-nav li a:active,
.footer-widgets .tab-nav li.ui-tabs-active a {
	color: #fff;
}

.tab-body ol li {
	overflow: hidden;
	padding: 0.714em 0;
	position: relative;
}

.tab-body ol img {
	float: left;
	margin: 0 0.714em 0.714em 0;
}

/*----------------------------------------------------------------------------*/
/* Square Button Ads Widget
/*----------------------------------------------------------------------------*/
.sidebar-widget.webizrada_square_button_ads_widget ul {
	margin-bottom: 0;
}

.webizrada_square_button_ads_widget li {
	border-bottom: none;
	float: left;
	margin: 0 4% 0.857em;
	padding: 0;
	width: 41.667%;
}

/*----------------------------------------------------------------------------*/
/* Skyscraper Ads Widget
/*----------------------------------------------------------------------------*/
.sidebar-widget.webizrada_skyscraper_ads_widget ul {
	margin-bottom: 0;
}

.webizrada_skyscraper_ads_widget li {
	border-bottom: none;
	float: left;
	margin: 0 5% 1.071em;
	padding: 0;
	width: 40%;
}

/*----------------------------------------------------------------------------*/
/* Vertical Banner Ads Widget
/*----------------------------------------------------------------------------*/
.sidebar-widget.webizrada_vertical_banner_ads_widget ul {
	margin-bottom: 0;
}

.webizrada_vertical_banner_ads_widget li {
	border-bottom: none;
	float: left;
	margin: 0 5% 1.071em;
	padding: 0;
	width: 40%;
}

/*----------------------------------------------------------------------------*/
/* Topical Widget
/*----------------------------------------------------------------------------*/
.webizrada_topical_widget li {
	color: #aeaeae;
	overflow: hidden;
	text-align: right;
}

.webizrada_topical_widget li a {
	float: left;
}

/*----------------------------------------------------------------------------*/
/* Calendar Widget
/*----------------------------------------------------------------------------*/
.widget_calendar a {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------*/
/* 404 Page
/*----------------------------------------------------------------------------*/
.error404 .left-content {
	float: none;
}

/*----------------------------------------------------------------------------*/
/* Archive Lists
/*----------------------------------------------------------------------------*/
.archival {
	position: relative;
}

.archive-column {
	float: left;
	margin: 0 2.777778%;
	position: relative;
	width: 27.777778%;
}

.archive-column ul {
	list-style: none;
	margin-left: 0;
}

.archive-column li {
	border-top: 1px solid #ebebeb;
	margin-top: 0.625em;
	padding-top: 0.625em;
}

/*----------------------------------------------------------------------------*/
/* Footer Widgets
/*----------------------------------------------------------------------------*/
.footer-widgets {
	background-color: #222;
	border-bottom: 1px solid #444;
	color: #aaa;
	position: relative;
}

.footer-widgets .wrapper {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	max-width: 67.375em;
	min-width: 59.875em;
}

.footer-column-one {
	float: left;
	margin-left: 2.69017%;
	margin-right: 2.78293%;
	padding: 0.625em 0 2.5em;
	position: relative;
	width: 27.8293%;
}

.footer-column-two {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	float: left;
	position: relative;
	padding: 0.625em 2.69017% 2.5em;
	width: 27.8293%;
}

.footer-column-three {
	float: left;
	margin-left: 2.78293%;
	margin-right: 2.5974%;
	padding: 0.625em 0 2.5em;
	position: relative;
	width: 27.8293%;
}

.footer-widgets h3.widget-head {
	border-bottom-color: #444;
}

.footer-widgets li,
.footer-widgets th,
.footer-widgets td {
	border-color: #444;
}

.footer-widgets a,
.footer-widgets a:visited {
	color: #fff;
}

.footer-widgets a:hover,
.footer-widgets a:active {
	color: #aaa;
}

/*----------------------------------------------------------------------------*/
/* Footer
/*----------------------------------------------------------------------------*/
.colophon {
	background-color: #222;
	color: #aaa;
	position: relative;
}

.colophon .wrapper {
	width: 1100px;
	padding: 0.625em 1.813em;
}

.colophon p {
	font-size: 11px;
	line-height: 1.429;
	margin-bottom: 0;
}

.colophon a,
.colophon a:visited {
	color: #fff;
}

.colophon a:hover,
.colophon a:active {
	color: #aaa;
}

/*inset hack za fotke na vrhu*/
.shadow-pozadina {
	overflow: hidden;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.65) 63%, rgba(0, 0, 0, 0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.36)), color-stop(63%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.65) 63%, rgba(0, 0, 0, 0.65) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.65) 63%, rgba(0, 0, 0, 0.65) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.65) 63%, rgba(0, 0, 0, 0.65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.65) 63%, rgba(0, 0, 0, 0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c000000', endColorstr='#a6000000', GradientType=0);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.maksuzija-blok .shadow-pozadina,
.videonet-blok .shadow-pozadina,
.hronika-blok .shadow-pozadina {
	width: 142px;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 4px;
}

.carsija-blok .shadow-pozadina {
	width: 245px;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 4px;
}

.prvi-blok-izdvojeno a.glavni,
.drugi-blok-prvi-post a.glavni,
.drugi-blok-drugi-post a.glavni,
.drugi-blok-treci-post a.glavni {
	display: block;
	z-index: 9;
	width: 100%;
	height: 100%;
	position: absolute;
}

.relative.bottom {
	position: relative;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 15px;
}

.relative.bottom-4 {
	position: relative;
	margin-bottom: 7px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 8px;
}

.articleImage {
	position: relative;
}

img.wp-post-image {
	border-radius: 12px;
}

.preuzmite-sliku {
	position: absolute;
	padding: 3px;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background: rgba(0, 0, 0, 0.5);
	border-top-right-radius: 12px;
}

.preuzmite-sliku a.download-slike img {
	height: 24px !important;
	width: 24px !important;
	margin: 0 auto;
}

.post-header h1 {
	font-family: 'Oswald';
	margin-bottom: 0px;
	font-size: 28px;
	line-height: 31px;
	color: white;
	padding-right: 10px;
	display: block;
	padding-left: 10px;
	padding-bottom: 25px;
	padding-top: 35px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.article-wrapper h1.headlineAboveImage {
	margin-bottom: 0.5em;
	font-size: 2.5em;
	line-height: 1.25;
	color: black;
	font-family: 'Oswald';
}

.article-left {
	width: 140px;
	float: left;
	margin-right: 10px;
	min-height: 400px;
}

.article-right {
	float: left;
	width: 630px;
}

p#breadcrumbs {
	font-size: 11px;
	margin-top: 4px;
	float: left;
	margin-bottom: 10px;
}

.article-date {
	float: right;
	color: #444;
	font-size: 13px;
	margin-top: 6px;
}

.facebook-tipke {
	line-height: 12px;
	margin-bottom: -7px;
	position: relative;
	top: -20px;
}

.fb-send.fb_iframe_widget {
	top: -7px;
	margin-left: 10px;
}

.popularni-post {
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}

.naslov {
	position: absolute;
	bottom: 0px;
	height: 52px;
	overflow: hidden;
	background: url(images/naslovi-pozadina.png) repeat;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.popularni-post:hover .naslov {
	height: 68px;
}

.popularni-post .naslov h3 {
	font-weight: normal;
	color: #DBDBDB;
	font-size: 12px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.popularni-post .naslov h3 a {
	color: #DBDBDB;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.popularni-post .naslov h3 a:hover {
	color: white;
}

.traka {
	display: block;
	height: 15px;
	display: block;
	height: 15px;
	position: relative;
	top: 7px;
	z-index: 1;
}

/*widget posljednji postovi*/
.webizradae-block li {
	padding: 10px;
	background: #e1e1e1;
	margin-bottom: 5px;
	border-radius: 4px;
}

.tagcloud a {
	padding: 2px 5px;
	background: #e8e8e8;
	font-size: 14px;
	color: black;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #aeaeae;
	margin-right: 2px;
	margin-left: 2px;
	font-weight: bold;
	margin-bottom: 4px;
	display: block;
	width: auto;
	float: left;
}

.broj-citanja {
	font-size: 11px;
	color: #444;
}

.oznake {
	margin-top: 12px;
	font-size: 14px;
}

nav.main-nav.f-nav {
	position: fixed;
	z-index: 99998;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
	top: 0px;
	left: 0;
	right: 0;
}

body.logged-in nav.main-nav.f-nav {
	top: 28px !important;
}

.webizradae_widget.posljednji-postovi {
	margin-bottom: 0px !important;
	padding: 20px 0 0;
}

ul.webizradae-ul {
	margin-bottom: 0px !important;
}

/*anketa*/
input[type=button].Buttons {
	float: left;
	background: #71cee2 !important;
	width: 70px;
	height: 25px;
	text-align: center;
	line-height: 19px;
	color: white;
	font-weight: bold;
	outline: none;
	border: none;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

input[type=button].Buttons:hover {
	opacity: 0.7;
}

a.anketa-glasaj {
	background: #71cee2 !important;
	float: left;
	width: 70px;
	height: 25px;
	text-align: center;
	line-height: 24px;
	color: white;
	font-weight: bold;
	outline: none;
	border: none;
	margin-right: 10px;
	cursor: pointer;
	display: block;
	font-size: 13px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

a.anketa-glasaj:hover {
	opacity: 0.7;
}

.wp-polls p {
	margin-bottom: 5px;
}

ul.wp-polls-ul li {
	padding-bottom: 0px;
}

ul.wp-polls-ul label {
	font-size: 13px;
	top: -2px;
	position: relative;
	left: 8px;
}

/*Napomena tekst */
p#napomenatext {
	font-size: 11px;
	text-align: justify;
	line-height: 15px;
	color: #727272;
}

span#napomenabold {
	font-weight: bold;
}

/* Margina za banner u popularno */
#popularno-banner {
	margin: 0 auto;
	margin-top: 10px;
}

/* Sidebar za stranice style */
#sidebar-ikone {
	margin-top: 15px;
}

#sidebar-ikone a {
	margin-top: 15px;
}

#preuzmi-cjenovnik {
	background-image: url(images/preuzmitecjenovnik.png);
	width: 300px;
	height: 40px;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#preuzmi-logo {
	background-image: url(images/preuzmitelogo.png);
	width: 300px;
	height: 40px;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	margin-top: 7px;
}

#kontaktirajte-nas {
	background-image: url(images/kontaktirajtenas.png);
	width: 300px;
	height: 40px;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	margin-top: 7px;
}

#posalji-vijest {
	background-image: url(images/posalji-vijest.jpg);
	width: 300px;
	height: 40px;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	margin-top: 7px;
}

#viber-redakcijski {
	background-image: url(images/redakcijskiviber.png);
	width: 300px;
	height: 40px;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	margin-top: 7px;
	margin-bottom: 15px;
}

#preuzmi-cjenovnik:hover,
#preuzmi-logo:hover,
#kontaktirajte-nas:hover,
#posalji-vijest:hover,
#viber-redakcijski:hover {
	opacity: 0.9;
}

hr.infoodvoji {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.kontaktinfo {
	font-size: 13px;
}

#kontakt-informacije {
	margin-bottom: 20px;
}

/*Popularno fix za mobilne*/
@media screen and (max-device-width : 1130px) {

	/*.popularni-clanci { display:none ;}*/
	.fiksiraj {
		position: relative !important;
	}
}

/* Brazil icon */
.brazil-icon {
	height: 25px;
	float: left;
	margin-top: 8px;
	width: 55px;
}

#bra-icon {
	background: url(images/brazil.png);
	width: 52px;
	height: 25px;
	background-repeat: no-repeat;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#bra-icon:hover {
	opacity: 0.7;
}

.shiftnav-inner .pretraga {
	margin: 30px auto 20px;
	float: none;
}

.shiftnav .shiftnav-menu-title {
	display: none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu>li.menu-item>.shiftnav-target {
	text-transform: none;
	font-family: 'Oswald';
	text-shadow: none !important;
	font-size: 15px;
	line-height: 235%;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item>.shiftnav-target {
	font-family: 'Oswald';
	text-decoration: none !important;
	font-size: 15px;
}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item>.shiftnav-target:hover,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active>.shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition>.shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item>.shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu>li.shiftnav-sub-accordion.current-menu-ancestor>.shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu>li.shiftnav-sub-shift.current-menu-ancestor>.shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item>.shiftnav-target:active,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item>.shiftnav-target:hover {
	background: #ee333a !important;
	border-top-color: transparent !important;
}

#sdrn_bar .bar_logo {
	top: auto !important;
}

#sdrn_bar {
	background: white !important;
	color: black !important;
}

#shiftnav-toggle-main a {
	text-indent: -9999999px;
	display: inline-block;
}

#sdrn_bar .bar_logo {
	margin: 0 auto !important;
	text-align: center;
	float: none;
	position: relative !important;
	display: block;
}

#sdrn_bar .sdrn_ic span {
	background: black !important;
}

#sdrn_menu.sdrn_levels ul li a {
	font-family: 'Oswald' !important;
	-webkit-transition: .2s all ease;
	-moz-transition: .2s all ease;
	-ms-transition: .2s all ease;
	-o-transition: .2s all ease;
	transition: .2s all ease;
	text-transform: uppercase;
	font-size: 15px;
	color: white !important;
}

#sdrn_menu.sdrn_levels ul li a:hover {
	color: white !important;
	background: #ee333a !important;
	font-size: 15px !important;
}

#sdrn_menu.sdrn_levels ul li ul li a {
	text-transform: none !important;
}

#sdrn_menu .current-menu-parent>a {
	background: #ee333a !important;
}

#sdrn_bar .bar_logo {
	height: 34px !important;
}

#sdrn_bar {
	height: 55px !important;
}

#sdrn_bar .sdrn_ic {
	position: relative !important;
	top: 9px !important;
}

#sdrn_menu.left,
#sdrn_menu.right {
	top: 40px !important;
}

#sdrn_menu .icon_default.sdrn_par_opened:before {
	color: #F60000;
}

/*Viber clanak*/
.viberReporteri {
	margin-top: 3px;
}

.viberReporteri p {
	font-size: 12px;
	color: #626262;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

.viberReporteri a {
	color: #626262;
	border-bottom: 1px dotted #626262;
}

.viberReporteri a:hover {
	border: 0;
}

#jwplayer-0_wrapper {
	width: 100% !important;
	height: auto !important;
}

blockquote {
	background-color: #eeeeee;
	border-left: 4px solid #78c1cf;
	color: #000;
	display: inline-block;
	font-style: italic;
	margin-bottom: 15px;
	max-width: 100%;
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

blockquote p {
	padding: 0 !important;
}

/* socijalne share */

.soc {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	margin-top: -22px;
}

.soc li {
	/*display:inline-block;
    *display:inline;*/
	zoom: 1;
	float: left;
}

.soc li a {
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-o-transition: .1s;
	-ms-transition: .1s;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	transition: .1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);

	overflow: hidden;
	text-decoration: none;
	text-align: center;
	display: block;
	position: relative;
	z-index: 1;
	width: 26px;
	height: 26px;
	font-size: 16px;
	margin-right: 3px;
	color: #ffffff;
	background-color: none;
	text-indent: -9999px;
}

.soc a:hover {
	z-index: 2;

}

.soc-icon-last {
	margin: 0 !important;
}

.soc-facebook {
	background-image: url(images/fbshare.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.soc-viber {
	background-image: url(images/vibershare.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.soc-twitter {
	background-image: url(images/twishare.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.soc-facebook:hover {
	opacity: 0.8;
}

.soc-twitter:hover {
	opacity: 0.8;
}

/* VIBER MOBILNA REKLAMA */
.viberPozadina {
	display: none;
	height: 40px;
	width: 100%;
	background: #7d51a0;
}

.viberBanner {
	width: 300px;
	height: 40px;
	background: url(images/viberGornja.png);
	margin: 0 auto;
	background-size: 300px 40px;
}

/*pocetna sakrivena*/
#menu-item-229131 {
	display: none !important;
}

.bannerRespo {
	display: none;
}

/* === RETINA VIBER */
/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-devicepixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.soc-viber {
		background-image: url(images/vibershare@2x.png);
		background-size: 25px 25px;
	}

	.soc-facebook {
		background-image: url(images/fbshare@2x.png);
		background-size: 25px 25px;
	}

	.soc-twitter {
		background-image: url(images/twishare@2x.png);
		background-size: 25px 25px;
	}

	.viberBanner {
		background: url(images/viberGornja@2x.png);
		background-size: 300px 40px;
	}
}

ul.soc li.viberRes {
	display: none;
}

/* respo ----------- */

.bannerRespVrh {
	display: none;
	width: 336px;
	min-height: 250px;
	margin: 0 auto;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 850px) {
	ul.soc li.viberRes {
		display: block !important;
	}

	.viberPozadina {
		display: none !important;
	}

	#menu-item-229131 {
		display: block !important;
	}

	.bannerRespVrh {
		display: block;
	}

	.fiksna {
		position: relative;
	}
}

/* utlitiy plavi i aplikacije */

li#menu-item-206773 a {
	color: #00a2ff;
}

li#menu-item-206773 a:hover {
	color: #0577b9;
}

li#menu-item-249076 a {
	color: #21c644;
}

li#menu-item-249076 a:hover {
	color: #1e9437;
}

/* app tekst ispod */
.appTekst {
	display: block;
}

.appTekst p {
	font-weight: bold;
	padding-top: 5px;
}

.appTekst p a {
	color: #3468A4;
}

/* sakrivanje bannera na responzivnoj na clanku */

.bannerKockica {
	display: none;
}

@media all and (min-device-width: 320px) and (max-device-width: 500px) {
	.sakrij {
		display: none !important;
	}

	#text-48,
	#text-46 {
		display: none !important;
	}

	.facebook-komentari h4 {
		display: none !important;
	}

	.euroIcon {
		display: none !important;
	}

	.bannerR {
		display: block;
	}

	.bannerKockica {
		display: block !important;
	}

	.bannerRespo {
		display: block !important;
	}

	.appTekst {
		display: block !important;
	}
}

/* euro ikona header */
.euroIcon {
	float: left;
	margin-top: 9px;
	opacity: 1;
	transition: all 0.3s;
	display: block;
}

.euroIcon:hover {
	opacity: 0.8;
}

iframe {
	border: 0 !important;
}

/* video net boja */
#menu-item-271812 a {}

#menu-item-271812 a:hover {
	background: #2ec139;
}

#menu-item-289022 a {
	color: #df5483;
}

#menu-item-289022 a:hover {
	color: #fff;
	background: #df5483;
}

/* klikabilna pozadina */
.klikContainer {
	position: fixed;
	top: 40px;
	width: 100%;
	z-index: 1;
}

.klikLink {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
}

.ispredSadrzaj {
	position: relative;
	z-index: 2;
}

#Stage {
	overflow: hidden !important;
}

.gornjiBannertop {
	overflow: hidden !important;
}

.gornjiBannertop div {
	overflow: hidden !important;
}

/* sticky reklama */
.fiksna {
	position: fixed;
	top: 0px;
	margin-top: 80px;
}

/*lt blue link*/
.articleBody strong a:hover {
	color: #2180c9;
}

.articleBody strong a {
	color: #286ea3;
}

/* floating reklame */
footer {
	z-index: 99;
}

.advertis {
	position: fixed;
	/*creates floating effect */
	top: 55px;
	/* divs will always stay 20px from top */
	width: 335px;
	padding: 10px;
	z-index: 10;
}

#leftFloatAd {
	margin-left: -920px;
	left: 50%;
	/* positioning of left ads */
}

#rightFloatAd {
	margin-right: -920px;
	right: 50%;
	/* positioning of right ads */
}

/* sakrij wallpaper bannere */
@media only screen and (min-width: 100px) and (max-width: 1300px) {
	.advertis {
		display: none !important;
	}
}

/* sidebar reklama hide */
@media only screen and (min-width: 100px) and (max-width: 800px) {
	.mobileHide {
		display: none !important;
	}
}

div.bannerR {
	float: left;
	width: 310px;
	height: 260px;
}

/* responziva on/off kocka clanak - daha */
.bannerClanakR {
	display: none;
}

.bannerClanakD {
	display: block;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 850px) {
	.bannerClanakR {
		display: block;
	}

	.bannerClanakD {
		display: none;
	}

	#floaterFooter {
		display: none !important;
	}
}

/* mobile logo fix .daha */
.logoMobileFix {
	display: none;
}

@media only screen and (min-device-width: 200px) and (max-device-width: 550px) {
	.socijalne-ikone {
		display: none !important;
	}

	.logoMobileFix {
		display: block;
	}
}

/* web komentari */
#komentari-web {
	width: 100%;
	margin-top: 12px;
}

.komentar {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 10px;
}

.profil {
	float: left;
	width: 50px;
	height: 50px;
	background-color: #E5E5E5;
	border-radius: 50%;
	font-size: 16px;
	text-align: center;
}

.profil p {
	line-height: 45px;
}

.komentar-header {}

.komentar .info {
	float: left;
	margin-left: 5px;
	margin-top: 7px;
}

.komentar-header .info span.kom-autor {
	font-size: 15px;
}

.komentar-header .info span.kom-datum {
	color: #828282;
}

.komentar-header .score {
	float: right;
}

.komentar-header .score p {
	font-weight: bold;
	font-size: 15px;
}

.komentarUp {
	color: #37b73f;
}

.komentarDown {
	color: #b73636;
}

.sadrzaj {
	margin-top: 6px;
}

.komentar-footer {}

.komentar-footer .upvote {
	float: left;
	font-size: 11px;
}

.komentar-footer .downvote {
	float: left;
	font-size: 11px;
	margin-left: 10px;
}

.komentar-footer .oznaci p {
	float: right;
	font-size: 12px;
	font-weight: bold;
}

#komentari-forma {
	width: 100%;
}

#komentari-forma form input {
	width: 100%;
}

input#ime {
	font-size: 15px;
	border-radius: 6px;
	border: 1px solid #00a2ff;
	padding: 6px;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
}

.inputKomentar {
	margin-top: 5px;
}

.inputKomentar label {
	font-size: 14px;
}

#submitBtn {
	color: white;
	background: #00a2ff;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 6px;
}

#submitBtn:hover {
	cursor: pointer;
}

.inputKomentar textarea {
	width: 100%;
	border: 1px solid #00a2ff;
	border-radius: 5px;
	resize: none;
	height: 130px;
	font-size: 13px;
	font-family: 'Roboto', Arial;
	margin: 0;
	padding: 6px;
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
}

.oznaci p:hover {
	text-decoration: underline;
	cursor: pointer;
}

#submitUp,
#submitDown {
	background: none;
	border: 0;
	cursor: pointer;
}

#submitUp {
	color: #37b73f;
}

#submitDown {
	color: #b73636;
}

#submitUp:hover {
	text-decoration: underline;
}

#submitDown:hover {
	text-decoration: underline;
}

#floaterFooter {
	display: block;
	width: 300px;
	height: 300px;
	position: fixed;
	z-index: 99999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#borderBg {
	width: 300px;
	height: 300px;
}

/* Rusija FIFA icon */
.rusija-icon-container {
	height: 36px;
	float: left;
	margin-top: 1px;
	width: 105px;
}

.izbori-icon {
	background: url(images/izbori-icon.png);
	width: 100px;
	height: 36px;
	background-repeat: no-repeat;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.rusija-icon:hover {
	opacity: 0.7;
}

/* Links in footer */
.rightLinkPadding {
	padding-right: 6px;
}

.ui-tabs .ui-tabs-nav li {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

/* mobile color fix, thanks a. ramas */

#wprmenu_bar .menu_title a {
	color: #fff;
	top: 0px !important;
}