/*
Theme Name: Nocno
Theme URI: http://#
Author: Me
Author URI: https://nezn.am
Description: Tema za portal
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height:100%;
    font-size:100%;
}
*, *:before, *:after {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
}
* {max-height: 100000em;}
body {
    margin:0;
    color:#222222;
    font:0.879em/1.214em 'Roboto Slab' , Arial, Helvetica, sans-serif;
    background:#eee;
    min-width:1003px;
    overflow-y: scroll;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:none;
    height:100%;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block;
}
img {border-style:none;}
a {
    text-decoration:none;
    color:#222222;
    outline:none;
    font-weight: 600;	
}
a:hover {
    text-decoration:underline;
}
input,
textarea,
select {
    font:100% Arial, Helvetica, sans-serif;
    vertical-align:middle;
    color:#878787;
    border-radius:0;
    outline:none;
}
textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}
form, fieldset {
    margin:0;
    padding:0;
    border-style:none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding:0;
    border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
q {quotes: none;}
q:before,
q:after {
    content: '';
    content: none;
}
sub,
sup {
    font-size: 50%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {top: -10px;}
sub {bottom: -0.25em;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p {margin: 0 0 1.2em;}
::-webkit-input-placeholder {color: #878787;}
:-moz-placeholder { color: #878787;}
::-moz-placeholder {
    color: #878787;
    opacity: 1;
}
:-ms-input-placeholder { color: #878787;}
#wrapper{
    position: relative;
   /* z-index: 1;*/
    width:100%;
    overflow:hidden;
    padding:0 0 10px;
}
.container {
    width: 1020px;
    margin: 10px auto;
    background-color: #eee;
    position:relative;
    z-index: 1;
}
#header:after{
    display:block;
    clear:both;
    content:'';
}
#header{
    width:980px;
    margin:0 auto;
}
.header-holder{
    overflow:hidden;
    padding:0 0 12px;
    border-bottom:3px solid #fff;
    position: relative;
}
.istaknuto img{ width: 100% !important; }
.istaknuto .milana{ padding: 0px !important; }
blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 450px;
	margin: 1.00em 0;
	padding: 1.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#ececec;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

blockquote cite:before {
	content: "\2014 \2009";
}
.logo{
    float:left;
    width:231px;
    height:62px;
    margin:20px 0 10px 0;
}
.logo a:hover{ opacity:1;}
.logo img{ display:block;}
.add{
    float:right;
    margin-top: 10px;
}
.add img{ display:block;}
.panel{
    overflow:hidden;
    padding:6px 0 2px;
}
.social-area{
    float:left;
}
.form-holder{
    float:left;
    padding:5px;
    margin:-5px -5px 0 -5px;
    background:#e9e9e9 url(images/bg-form.png) repeat;
}
.search-form{
    width:285px;
    border-radius:10px;
    margin:2px 0 0 1px;
}
.search-form input[type="search"]{
    border-width:1px 0 0 1px;
    border-style:solid;
    border-color:#bcbcbc;
    border-radius:15px 0 0 15px;
    padding:5px 5px 4px 8px;
    font-size:12px;
    line-height:17px;
    float:left;
    height:25px;
    width:100%;
    text-transform:capitalize;
}
.search-form .text-field{ overflow:hidden;}
.search-form input[type="submit"]{
    border:none;
    text-indent:-9999px;
    overflow:hidden;
    background:url(images/bg-search.png) no-repeat;
    width:31px;
    height:26px;
    float:right;
    margin:0 5px 0 0;
}
.search-form input[type="submit"]:hover{ opacity:.8;}
.social-networks{
    list-style:none;
    padding:0;
    margin:5px 0 0;
    float:left;
    position: absolute;
    left: 60px;
    bottom: 14px;
}
.social-networks li{
    float:left;
    margin:0 2px 0 6px;
}
.social-networks li a{
    background:url(images/sprite.png) no-repeat;
    display:block;
    width:20px;
    height:20px;
    text-indent:-9999px;
    overflow:hidden;
}
.social-networks li a:hover{ opacity:.8;}
.social-networks li a.twitter{ background-position: -43px 0;}
.social-networks li a.facebook{ background-position: 0 0;}
.social-networks li a.google{ background-position: -89px -1px;}
.social-networks li a.rss{ background-position: -133px 0;}
.social-networks li a.youtube{ background-position: -88px -127px;}
.social-networks li a.mail{ background-position: -109px -127px;}
.btn-area{
    float:right;
    color:#fff;
    font:16px/19px 'Oswald' ,Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    text-align: right;
}
.btn-area .dnevno{
    display:inline-block;
    vertical-align:middle;
    margin:-1px 1px 4px 7px;
}
.btn-area .dnevno img{ display:block;}
.btn-area .dnevno img:hover{ opacity:.8;}
.btn-area .program{
    background:#686859;
    border-radius:5px;
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    margin:0 4px 4px 0;
    position:relative;
    padding:7px 9px 7px 34px;
}
.btn-area .program:hover{
    text-decoration:none;
    opacity:.8;
}
.btn-area .program:after{
    background:url(images/sprite.png) no-repeat -185px 0;
    width:21px;
    height:21px;
    position:absolute;
    left:8px;
    top:3px;
    content:'';
}
.btn-area .weather{
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    background:#ff8a00;
    border-radius:5px;
    position:relative;
    margin:0 0 4px 5px;
    padding:7px 5px 7px 34px;
}
.btn-area .weather:hover{
    text-decoration:none;
    opacity:.8;
}
.btn-area .weather:after{
    background:url(images/sprite.png) no-repeat -236px 0;
    width:26px;
    height:26px;
    position:absolute;
    left:5px;
    top:3px;
    content:'';
}

.btn-area .weather span{ margin:0 0 0 7px;}
#nav-inner:after{
    display:block;
    clear:both;
    content:'';
}
#nav-inner{
    background:#333;
    position: relative;
}
#nav-inner>ul{
    list-style:none;
    padding:0;
    display:table;
    margin:0;
    width:100%;
    text-align:center;
    font-weight: 300;
}
#nav-inner>ul>li{
    display:table-cell;
    vertical-align:middle;
    margin:0;
    height:100%;
    border-bottom:5px solid #d96d00;
}
#nav-inner>ul>li:after{
    top:7px;
    bottom:7px;
    left:0;
    width:1px;
    content:'';
    height:auto;
    position:absolute;
    background:#292929;
}
#nav-inner>ul>li:first-child:after{ display:none;}
#nav-inner>ul>li:hover:after{ display:none;}
#nav-inner>ul>li>a{
    color:#fff;
    font:20px/23px 'Roboto Slab' ,Arial, Helvetica, sans-serif;
    font-weight: 300;
    display:block;
    position:relative;
    padding:8px 0;
    word-wrap:break-word;
    text-transform:capitalize;
}
#nav-inner>ul>li>a:hover{
    text-decoration:none;
}
#nav-inner ul a.news:after,
#nav-inner ul a.sport:after,
#nav-inner ul a.health:after,
#nav-inner ul a.magazin:after,
#nav-inner ul a.faith:after,
#nav-inner ul a.economy:after,
#nav-inner ul a.history:after,
#nav-inner ul a.mystery:after,
#nav-inner ul a.moto:after,
#nav-inner ul a.techno:after{
    background:#d96d00;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    height:5px;
    content:'';
}
#nav-inner ul li.news:hover,
#nav-inner ul li.news.active a{ background-color:#d96d00;}

#nav-inner ul li.sport{ border-color:#238c00;}
#nav-inner ul li.sport:hover ,
#nav-inner>ul>li.sport.active>a{ background-color:#238c00; z-index:999;}

#nav-inner ul li.health{ border-color:#96d336;}
#nav-inner ul li.health:hover ,
#nav-inner>ul>li.health.active>a{ background-color:#96d336; z-index:999;}

#nav-inner ul li.magazin{ border-color:#d92098;}
#nav-inner ul li.magazin:hover ,
#nav-inner>ul>li.magazin.active>a{ background-color:#d92098; z-index:999;}

#nav-inner ul li.faith{ border-color:#26c9ff;}
#nav-inner ul li.faith:hover ,
#nav-inner>ul>li.faith.active>a{ background-color:#26c9ff; z-index:999;}

#nav-inner ul li.economy{ border-color:#415f7d;}
#nav-inner ul li.economy:hover ,
#nav-inner>ul>li.economy.active>a{ background-color:#415f7d; z-index:999;}

#nav-inner ul li.history{ border-color:#663300;}
#nav-inner ul li.history:hover ,
#nav-inner>ul>li.history.active>a{ background-color:#663300; z-index:999;}

#nav-inner ul li.mystery{ border-color:#000;}
#nav-inner ul li.mystery:hover ,
#nav-inner>ul>li.mystery.active>a{ background-color:#000; z-index:999;}

#nav-inner ul li.moto{ border-color:#d90000;}
#nav-inner ul li.moto:hover ,
#nav-inner>ul>li.moto.active>a{ background-color:#d90000; z-index:999;}

#nav-inner ul li.techno{ border-color:#006dd9;}
#nav-inner ul li.techno:hover ,
#nav-inner>ul>li.techno.active>a{ background-color:#006dd9; z-index:999;}

#main:after{
    display:block;
    content:'';
    clear:both;
}
#main{
    width:980px;
    margin:0 auto;
    padding:15px 0 0;
}
#content.inner{
    width:660px;
    float:left;
}
.img-holder.inner{
    overflow:hidden;
    position:relative;
}
.img-holder.inner .wp-post-image {
    width: 100%;
    height: 100%;
}
.recipe{
    overflow:hidden;
    margin:1px 0 0;
}
.recipe .img-holder img{ display:block;}
.img-holder .caption-inner{
    background:#212121;
    color:#fff;
    font-size:0.857em;
    line-height:1.250em;
    text-align:left;
    padding:3px 7px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    content:'';
}
.fS{ color: #000 !important; font-size: 14px; }
.description{
    background:#fff;
    padding:12px 25px 12px 25px;
    margin:0 0 13px;
    font:1em/22px 'Roboto',Arial,Helvetica,sans-serif;
}
.description .heading{
    overflow:hidden;
    margin:0 0 1px;
}
.description .heading .title{
    float:left;
    color:#d90e0e;
    margin:7px 0 4px 1px;
    text-transform:uppercase;
    font:1.071em/1.200em 'Roboto Slab' ,Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.description .heading .title:hover{ opacity:.8;}
.description .heading .fonts{
    float:right;
    width:102px;
    text-align:center;
    position:relative;
}
.fonts .large{
    top:4px;
    left:0;
    color:#888;
    position:relative;
    font:22px/20px 'Roboto Slab' ,Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.fonts .medium{
    font-size:16px;
    line-height:18px;
    margin:0 0 0 2px;
}
.fonts .small{
    font-size:10px;
    line-height:13px;
    margin:0 0 0 2px;
}
.fonts .plus,

.fonts .minus{
    background:url(images/sprite.png) no-repeat -46px -127px;
    border-radius:50%;
    width:24px;
    height:24px;
    color:#eee;
    float:left;
    text-indent:-9999px;
    overflow:hidden;
    text-align:center;
    padding:0 0 0 1px;
    font-weight:bold;
    margin:2px 0 0;
}
.fonts .minus{
    background:url(images/sprite.png) no-repeat 0 -127px;
    float:right;
}
.fonts .plus:hover,
.fonts .minus:hover{ opacity:.8;}

.description h1{
    color:#333;
    margin:0 -26px 11px;
    padding:0 26px 12px;
    border-bottom:1px dotted #ccc;
    font:2.714em/1.122em  'Roboto Slab' ,Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.info.inner{
    overflow:hidden;
    margin:0 -7px 30px;
}
.info.inner .author{
    color:#333;
    float:left;
    margin:0 0 0 11px;
    font:1em/1.2em 'Roboto' ,Arial,Helvetica,sans-serif;
}
.info.inner .author a,
.info-holder .author a{ color:#ff5b26;}
.info .author a:hover,
.info-holder .author a:hover{ opacity:.8;}
.info.inner .date{
    float:left;
    width:215px;
    color:#333;
    margin:0 0 0 24px;
    font:0.861em/1.328em 'Roboto' ,Arial,Helvetica,sans-serif;
}
.info.inner .social{
    float:right;
}
.info.inner .social img{ display:block;}
/*.description strong{
    color:#3e433e;
    margin:6px 0 18px;
    word-spacing:-1px;
    font:1.286em/1.556em 'Roboto Slab' ,Arial,Helvetica,sans-serif;
    font-weight: bold;
} */
.description p{
	margin:0 0 19px;
	font:16px/24px arial,sans-serif;
	text-align: left;
}
.description p a {color:#0000ff;}
.info-holder{
    overflow:hidden;
    padding:10px 0 0;
    margin:33px 0 0;
    width:615px;
    border-top:1px dotted #ccc;
}
.info-holder .author{
    color:#333;
    float:left;
    margin:0 0 0 1px;
    font:1em/1.2em 'Roboto' ,Arial,Helvetica,sans-serif;
}
.info-holder .author a{
    margin:0;
}
.info-holder .date{
    float:right;
    color:#333;
    margin:2px 3px 1px 0;
    font:0.861em/1.328em 'Roboto' ,Arial,Helvetica,sans-serif;
}
.info-holder .social-links{
    margin:0 5px 0 0;
    float:left;
}
.info-holder .social-links img{ display:block;}
.address-holder .post-holder{
    overflow:hidden;
    margin:0 0 13px;
    width:658px;
    font:1em/1.215em 'Roboto Slab',Arial,Helvetica,sans-serif;
}
.address-holder .post-holder .post{
    background:#fff;
    padding:14px 13px 12px;
    margin:0 0 12px;
    overflow:hidden;
}
.address-holder .post .img-box{
    float:left;
    margin:0 13px 0 0;
    position:relative;
}
.address-holder .img-box img{ display:block;}
.address-holder .text-area{
    overflow:hidden;
    color:#525252;
}
.address-holder .heading-area{
    overflow:hidden;
    margin:0;
}
.address-holder .heading-area span{
    float:left;
    color:#d80000;
    width:250px;
    margin:0 0 0 1px;
    text-transform:uppercase;
    font:bold 0.786em/1.272em Arial,Helvetica,sans-serif;
}
.address-holder .heading-area span:hover{ opacity:.8;}
.address-holder .date{
    float:right;
    color:#aaa;
    margin:0;
    font:bold 0.786em/1.272em Arial,Helvetica,sans-serif;
}
.address-holder h2{
    margin:0 0 7px 2px;
    color:#444;
    font:1.5em/1.071em 'Roboto Slab' ,Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.address-holder p{ margin:0;}
.address-holder .inner-next,
.address-holder .inner-prev{
    padding:7px 2px;
    width:34px;
    height:38px;
    float:left;
    position:relative;
    left:auto;
    right:-155px;
    text-align:center;
    border-radius:3px;
    color:#545454;
    border-width:1px;
    border-style:solid;
    font-size:16px;
    line-height:19px;
    border-color:#d0d0d0 #cecece #aeaeae;
    background: #f2f2f2 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MiUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTllOWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 3%, #fbfbfb 9%, #fbfbfb 18%, #f7f7f7 21%, #f7f7f7 29%, #e7e7e7 76%, #e7e7e7 82%, #e3e3e3 91%, #e5e5e5 94%, #e0e0e0 97%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(3%,#ffffff), color-stop(9%,#fbfbfb), color-stop(18%,#fbfbfb), color-stop(21%,#f7f7f7), color-stop(29%,#f7f7f7), color-stop(76%,#e7e7e7), color-stop(82%,#e7e7e7), color-stop(91%,#e3e3e3), color-stop(94%,#e5e5e5), color-stop(97%,#e0e0e0), color-stop(100%,#e9e9e9));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 3%,#fbfbfb 9%,#fbfbfb 18%,#f7f7f7 21%,#f7f7f7 29%,#e7e7e7 76%,#e7e7e7 82%,#e3e3e3 91%,#e5e5e5 94%,#e0e0e0 97%,#e9e9e9 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 3%,#fbfbfb 9%,#fbfbfb 18%,#f7f7f7 21%,#f7f7f7 29%,#e7e7e7 76%,#e7e7e7 82%,#e3e3e3 91%,#e5e5e5 94%,#e0e0e0 97%,#e9e9e9 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 3%,#fbfbfb 9%,#fbfbfb 18%,#f7f7f7 21%,#f7f7f7 29%,#e7e7e7 76%,#e7e7e7 82%,#e3e3e3 91%,#e5e5e5 94%,#e0e0e0 97%,#e9e9e9 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 3%,#fbfbfb 9%,#fbfbfb 18%,#f7f7f7 21%,#f7f7f7 29%,#e7e7e7 76%,#e7e7e7 82%,#e3e3e3 91%,#e5e5e5 94%,#e0e0e0 97%,#e9e9e9 100%);
}
.address-holder .inner-next{
    float:right;
    position:relative;
    right:162px;
}
.address-holder .inner-next:hover,
.address-holder .inner-next.active,
.address-holder .inner-prev.active,
.address-holder .inner-prev:hover{
    background:#e26e24;
    color:#fff;
    border:1px solid #e26e24;
}
.address-holder .wp-paginate{
    list-style:none;
    padding:0;
    margin:0;
    overflow:hidden;
    text-align:center;
    width:89.5%;
    font:13px/16px Arial, Helvetica, sans-serif;
}
.address-holder .wp-paginate li.continue,
.address-holder .wp-paginate li{
    display:inline-block;
    vertical-align:top;
    margin:0 5px 0 0;
    width:32px;
    height:38px;
    text-align:center;
    border-radius:3px;
    border-width:1px;
    border-style:solid;
    border-color:#d0d0d0 #cecece #aeaeae;
    background: #f2f2f2 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MiUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTllOWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 3%, #fbfbfb 9%, #fbfbfb 18%, #f7f7f7 21%, #f7f7f7 29%, #e7e7e7 76%, #e7e7e7 82%, #e3e3e3 91%, #e5e5e5 94%, #e0e0e0 97%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(3%,#ffffff), color-stop(9%,#fbfbfb), color-stop(18%,#fbfbfb), color-stop(21%,#f7f7f7), color-stop(29%,#f7f7f7), color-stop(76%,#e7e7e7), color-stop(82%,#e7e7e7), color-stop(91%,#e3e3e3), color-stop(94%,#e5e5e5), color-stop(97%,#e0e0e0), color-stop(100%,#e9e9e9));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 3%,#fbfbfb 9%,#fbfbfb 18%,#f7f7f7 21%,#f7f7f7 29%,#e7e7e7 76%,#e7e7e7 82%,#e3e3e3 91%,#e5e5e5 94%,#e0e0e0 97%,#e9e9e9 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 3%,#fbfbfb 9%,#fbfbfb 18%,#f7f7f7 21%,#f7f7f7 29%,#e7e7e7 76%,#e7e7e7 82%,#e3e3e3 91%,#e5e5e5 94%,#e0e0e0 97%,#e9e9e9 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 3%,#fbfbfb 9%,#fbfbfb 18%,#f7f7f7 21%,#f7f7f7 29%,#e7e7e7 76%,#e7e7e7 82%,#e3e3e3 91%,#e5e5e5 94%,#e0e0e0 97%,#e9e9e9 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 3%,#fbfbfb 9%,#fbfbfb 18%,#f7f7f7 21%,#f7f7f7 29%,#e7e7e7 76%,#e7e7e7 82%,#e3e3e3 91%,#e5e5e5 94%,#e0e0e0 97%,#e9e9e9 100%);
}
.address-holder .wp-paginate li.continue{ padding:10px 2px;}
.address-holder .wp-paginate li a, .address-holder .wp-paginate li span{
    display:block;
    color:#545454;
    padding:10px 2px;
}
.address-holder .wp-paginate li a:hover,
.address-holder .wp-paginate li span,
.address-holder .wp-paginate li span,
.address-holder .wp-paginate li:hover{
    background:#e26e24;
    color:#fff;
    border:1px solid #e26e24;
}
.section-inner{
    overflow:hidden;
    padding:13px 0 15px;
    margin:20px 0 0;
}
.section-inner h3{
    display:block;
    margin:0 0 12px;
    color:#444;
    font:1.368em/1.176em 'Roboto Slab' ,Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.section-inner .block{
    width:155px;
    float:left;
    margin:0 8px 0 2px;
    font-size:0.855em;
    line-height:1.253em;
    color:#545454;
}
.section-inner .block:last-child{ margin:0 0 0 2px;}
.section-inner .block .heading{
    display:inline-block;
    vertical-align:top;
    color:#d80000;
    margin:0 0 2px;
    font:bold 0.919em/1.272em Arial,Helvetica,sans-serif;
}
.section-inner .block .heading:hover,
.column.crna .heading:hover,
.column.news .heading:hover,
.section .block .heading:hover,
.feature-post .title:hover,
.column-post .post .title:hover{
    text-decoration:none;
    opacity:.8;
}
.section-inner .block img{
    display:block;
    margin:0 0 9px;
}
.section-inner .block .text-block{
    padding:0 16px 0 0;
}
.section .block p{ margin:0;}
.banner-inner{
    margin-bottom: 5px;
}

.coments{
    background:#fff;
    width:660px;
    margin:0 0 0 2px;
    padding:0 20px 24px;
}
.coments img{ display:block;}
#sidebar.inner{
    float: right;
    width: 300px;
}
.add-holder.inner {
    margin: -1px 0 2px;
    padding: 0 0 11px;
}
.location-inner{
    width:300px;
    overflow:hidden;
    padding:0 0 19px;
    margin:0 0 12px 0;
    border-bottom:1px solid #ccc;
}
.location-inner.event{
    width:298px;
    overflow:hidden;
    padding:0 0 1px;
    margin:0 0 11px;
    border-bottom:1px solid #ccc;
}
.location-inner .heading-area{
    background:#333;
    padding:3px;
    color:#fff;
    margin:0 0 9px;
    text-align:center;
    letter-spacing:1px;
    text-transform:uppercase;
    border-top:1px solid #909090;
    border-bottom:1px solid #909090;
    font:1.143em/1.188em 'Oswald' ,Arial, Helvetica, sans-serif;
}
.location-inner .post:last-child{
    background:none;
    padding:0;
    margin:0;
}
.location-inner .post,
.location-inner.event .post{
    overflow: hidden;
    padding:0 0 5px;
    margin:0 0 5px;
    border-bottom:1px dotted #a9a9a9;
    width: 300px;
}
.location-inner.event .post{
    margin:0 0 8px;
    padding:0 0 7px;
}
.location-inner.event .post:last-child{ margin:0;}
.location-inner .post:last-child{ border:none;}
.location-inner .alignleft,
.location-inner.cartoons .alignleft,
.location-inner.event .alignleft{
    float:left;
    margin:0 6px 0 1px;
}
.location-inner.event .alignleft{ margin:0 8px 0 1px;}
.location-inner  .text-holder{
    overflow:hidden;
    line-height:1.238em;
}
.location-inner  .text-holder p{ margin:0; font-size: 12px;}
.location-inner .heading{
    overflow:hidden;
    line-height:15px;
}
.location-inner .heading span,
.location-inner.event .heading span{
    float:left;
    width:110px;
    color: #d80000;
    margin:0 0 2px;
    text-transform: uppercase;
    font:bold 0.786em/1.272em Arial,Helvetica,sans-serif;
}
.location-inner .heading a:hover,
.location-inner.event .heading a:hover{ opacity:.8;}
.location-inner.event .heading a{ margin:0 0 4px;}
.location-inner .heading .date,
.location-inner.event .heading .date{
    float:right;
    color:#333;
    margin:0 -1px 0 0;
    font:bold 0.786em/1.272em Arial,Helvetica,sans-serif;
}
.location-inner.event .heading .date{ margin:1px -1px 0 0;}
.add-block.inner{
    border:1px solid #ddd;
    margin:0 0 25px;
    padding:9px 9px 5px;
    background:#fff;
}
.cartoons-inner {
    overflow:hidden;
    padding:0 0 10px;
    margin:0 0 13px 0;
    border-bottom:1px solid #ccc;
}
.cartoons-inner .heading-area{
    color:#fff;
    width:250px;
    background:#333;
    padding:3px 7px;
    text-transform:uppercase;
    font:1.143em/19px Arial,Helvetica,sans-serif;
}
.cartoons-inner .carousel {
    position: relative;
}
.cartoons-inner .carousel .mask {
    position: relative;
    overflow: hidden;
    width: 300px;
}
.cartoons-inner .carousel .mask .slideset {
    width: 99999px;
    float: left;
}
.cartoons-inner .carousel .mask .slide {
    width: 300px;
    float: left;
}
.cartoons-inner .slide img{
    display:block;
    margin:0 0 6px;
}
.cartoons-inner .text-box{
    overflow:hidden;
    font-size:1.286em;
    line-height:1.162em;
    margin:0 0 0 2px;
    text-transform:capitalize;
}
.cartoons-inner .date{
    color:#d80000;
    display:block;
    margin:0 0 2px;
    font:bold 0.611em/1.272em Arial,Helvetica,sans-serif;
}
.cartoons-inner strong{
    font-weight:normal;
    display:block;
    text-transform:none;
    font:1em/1.222em 'Roboto Slab',Arial,Helvetica,sans-serif;
}
.cartoons-inner .btn-prev,
.cartoons-inner .btn-next{
    background:#333;
    width:22px;
    height:25px;
    position:absolute;
    content:'';
    top:-25px;
    right:2px;
    color:#686868;
    padding:0 0;
    font-size:18px;
    line-height:19px;
    text-align:center;
}
.cartoons-inner .btn-prev{
    right:26px;
    left:auto;
}
.cartoons-inner .btn-next.active,
.cartoons-inner .btn-next:hover,
.cartoons-inner .btn-prev.active,
.cartoons-inner .btn-prev:hover{
    opacity:.8;
    color:#fff;
}

#footer{
    width:983px;
    margin:13px auto 0;
    border-top:1px solid #aaa;
}
#footer:after{
    display:block;
    clear:both;
    content:'';
}
.top-footer{
    overflow:hidden;
    padding:8px 0 12px 3px;
}
.top-footer .logo{
    float:left;
    width:129px;
    height:33px;
    margin:0;
}
.top-footer .logo img{ display:block;}
.top-footer .footer-nav{
    float:right;
    width:388px;
    margin:6px 0 0;
}
.footer-nav ul{
    list-style:none;
    padding:0;
    margin:0;
    overflow:hidden;
    font:14px/17px 'Roboto Slab' , Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.footer-nav ul li{
    float:left;
    margin:0 0 0 19px;
}
.footer-nav ul li a{
    display:block;
    color:#444;
    text-transform:capitalize;
}
.footer-nav ul li a:hover{
    text-decoration:none;
    opacity:.8;
}


/* home */

.three-columns:after{
    display:block;
    content:'';
    clear:both;
}
#main{
    width:980px;
    margin:0 auto;
    padding:10px 0 10px;
    border-bottom:1px solid #ccc;
}
.three-columns{
    padding:0 0 13px;
    border-bottom:3px solid #fff;
}
.three-columns .column{
    width:498px;
    float:left;
    margin:0 13px 0 0;
}
.three-columns .headlines img{ display:block;}
.headlines .img-holder{
    position:relative;
    margin:3px 0 8px 1px;
}
.headlines .img-holder .thumb:after{
    background:url(images/498x308.png) no-repeat;
    width:498px;
    height:308px;
    position:absolute;
    bottom:0;
    /*right:0;*/
    content:'';
}
.headlines .alignright{ margin:0;}

.img-holder .caption{
    position:absolute;
    width:320px;
    height:auto;
    right:15px;
    bottom:-2px;
    content:'';
    color:#fff;
	text-shadow: 1px 1px 2px #000;
    font-size:14px;
    line-height:16px;
    text-align:right;
    z-index:9;
}
.photo{
    position:absolute;
    top:5px;
    left:-4px;
    width:33px;
    height:18px;
    content:'';
    color:#fff;
    font-size:9px;
    font-family: Arial, Helvetica, sans-serif;
    line-height:12px;
    text-transform:uppercase;
    z-index:999;
    padding:1px 4px;
}
.img-block .caption .nadnaslov,
.img-holder .caption .nadnaslov{
    color:#fff;
    padding: 2px 4px 2px 5px;
    margin:10px 3px 0 0;
    font-size:13px;
    line-height:22px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 0px #000;
    background:#d90000;
    text-transform:uppercase;
}
.img-block .caption .nadnaslov{
    font-size:11px;
    line-height:15px;
    margin:0
    padding:2px 5px 2px 4px;
}
.img-block .caption .nadnaslov:hover,
.img-holder .caption .nadnaslov:hover{
    text-decoration:none;
    opacity:.8;
}
.img-holder .caption h1{
    margin:5px 1px 10px 0;
    color:#fff;
    text-shadow:1px 1px 2px #000;
    font:25px/28px 'Roboto Slab' ,Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.img-holder .caption h1:hover{
    text-decoration: underline;
}
.img-block{
    width:245px;
    float:left;
    margin:0 2px 0 1px;
    position:relative;
}
.img-block .thumb:after{
    background:url(images/245x245.png) no-repeat;
    width:245px;
    height:245px;
    position:absolute;
    bottom:0;
    right:0;
    content:'';
}
.img-block.last:after{
    left:6px;
}
.img-block.last{
    position:relative;
    margin:0 0 0 5px;
}
.img-block .video{
    width:35px;
    height:18px;
    position:absolute;
    top:4px;
    left:2px;
    content:'';
    text-indent:-9999px;
    overflow:hidden;
    z-index:999;
}
.img-block .video:hover{ opacity:.8;}
.img-block.last .caption,
.img-block .caption{
    position:absolute;
    height:auto;
    right:0;
    bottom:0;
    content:'';
    color:#fff;
    z-index:9;
    font-size:13px;
    line-height:16px;
    text-align:right;
    padding:0 10px 9px 10px;
}
.img-block.last .caption{ right:-5px;}
.img-block.last .caption h2,
.img-block .caption h2{
    margin:5px;
    font-size:18px;
    line-height:20px;
    font-weight:normal;
    text-shadow:1px 1px 2px #000;
}
.img-block .caption h2:hover{
    text-decoration: underline;}

.img-block.last .caption h2:hover{
	text-decoration: underline;}

.three-columns .column.crna{
    width:155px;
    float:left;
    margin:2px 12px 0 0;
}
.column.crna img{ display:block; margin:0 0 5px;}
.column.crna .text-holder{
    font-size:12px;
    line-height:16px;
    color:#545454;
}
.column.crna .post{
    margin:8px 0 0 0;
}
.column.crna .post.last{ }
.column.crna .post.first{ margin-top: 0;}
.column.crna .text-holder p{ margin:0; height: 48px; overflow: hidden;}

.column.crna .heading{
    color:#d80000;
    display:inline-block;
    vertical-align:top;
    margin:0 0 4px 0;
    text-transform:uppercase;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
    height: 14px;
    overflow: hidden;
}
.column.news{
    float:left;
    width:300px;
    margin:1px 0 0;
}
.column.news .post{
    overflow:hidden;
    padding:4px 0 4px;
    margin:0;
    border-bottom:1px dotted #a9a9a9;
}
.column.news .post.last{
    border:none;
    padding-bottom: 0;
}
.column.news .post.first {
    padding-top:0;
}
.column.news .alignleft{
    float:left;
    margin:0 7px 0 0;
}

.column.news .heading{
    display:inline-block;
    vertical-align:top;
    margin:0 0 3px;
    color:#d80000;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    overflow: hidden;
    height: 14px;
	}
.column.news .text-holder{
    font-size:12px;
    line-height:15px;
    color:#535353;
    overflow-y:hidden;
    padding-top: 10px;
}
.column.news .text-holder p{ margin:0 0 0; height: 46px;}
.section{
    overflow:hidden;
    padding:13px 0 15px;
    margin:0 0 13px 0;
    border-bottom:3px solid #fff;
}
.section .block{
    width:155px;
    float:left;
    margin:0 10px 0 0;
    font-size:12px;
    line-height:15px;
    color:#545454;
}
.section .block:last-child{ margin:0;}
.section .block .heading{
    height: 14px;
    overflow: hidden;
    width: 100%;
    display:inline-block;
    vertical-align:top;
    color:#d80000;
    margin:0 0 5px;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.column.crna .heading:hover,
.column.news .heading:hover,
.section .block .heading:hover,
.feature-post .title:hover,
.column-post .post .title:hover{
    text-decoration:none;
    opacity:.8;
}
.section .block img{
    display:block;
    margin:0 0 7px;
}
.section .block .text-block{
    padding:0 16px 0 0;

}
.section .block .text-block p {
    overflow: hidden;
    height: 45px;
}
.section .block p{ margin:0;}
.columnist{
    padding:0 0 8px;
    margin:0 0 15px;
    border-bottom:3px solid #fff;
}
.news-holder .heading,
.columnist .title-area{
    background:#8a8a7b;
   /* width:924px;*/
    font-size:20px;
    line-height:23px;
    color:#fff;
    margin:0 0 -1px;
    position:relative;
    padding:3px 0 4px 20px;
    text-transform:capitalize;
    text-shadow: 2px 3px 1px #6e6e62;
}
.news-holder{ overflow:hidden;}
.news-holder .heading{ background:#d96d00; width:668px;}
.news-holder .heading:after,
.columnist .title-area:after{
    background:url(images/sprite.png) no-repeat -219px -39px;
    width:15px;
    height:28px;
    position:absolute;
    top:0;
    left:0;
    content:'';
}
.home #content{
    float:left;
    width:668px;
}

.news-holder,
.sport-holder,
.economy-holder,
.shope-holder,
.health-holder,
.history-holder,
.faith-holder,
.mysteries-holder,
.auto-holder,
.techno-holder{
    margin:0 0 19px;
}
.techno-holder{ margin:0 0 5px;}
.news-holder .heading,
.sport-holder .heading,
.economy-holder .heading,
.shope-holder .heading,
.health-holder .heading,
.history-holder .heading,
.faith-holder .heading,
.mysteries-holder .heading,
.auto-holder .heading,
.techno-holder .heading{
    background:#d96d00;
    width:668px;
    font-size:24px;
    line-height:27px;
    color:#fff;
    position:relative;
    padding:2px 0 6px 20px;
    text-shadow:3px 3px 1px #ae5700;
    border-bottom:5px solid #a05000;
    text-transform:capitalize;
}
.heading a {
    color: #fff;
}
.news-holder .heading:after,
.sport-holder .heading:after,
.economy-holder .heading:after,
.shope-holder .heading:after,
.health-holder .heading:after,
.history-holder .heading:after,
.faith-holder .heading:after,
.mysteries-holder .heading:after,
.auto-holder .heading:after,
.techno-holder .heading:after{
    background:url(images/sprite.png) no-repeat -219px -39px;
    width:15px;
    height:28px;
    position:absolute;
    top:4px;
    left:0;
    content:'';
}
.gallery-holder{
    background:#333;
    padding:8px 2px 0 7px;
    overflow:hidden;
}
.gallery-holder img{ display:block;}
.gallery-holder .img-area,
.gallery-holder .img-holder{
    float:left;
    margin:0 7px 6px 0;
    position:relative;
}
.gallery-holder .img-area .shadow2:after{
    background:url(images/400x260.png) no-repeat;
    width:400px;
    height:260px;
    position:absolute;
    bottom:0;
    right:0;
    content:'';
}
.gallery-holder .img-holder .alignmiddle{ margin:3px 0 0;}
.galery-list .text-area{ overflow:hidden;}
.galery-list img{ display:block;}

.news-holder .two-columns,
.category-holder .two-columns,
.sport-holder .two-columns,
.economy-holder .two-columns,
.shope-holder .two-columns,
.history-holder .two-columns,
.faith-holder .two-columns,
.health-holder .two-columns,
.techno-holder .two-columns,
.mysteries-holder .two-columns,
.auto-holder .two-columns{
    background:#fff;
    overflow:hidden;
    padding:4px 8px 0 12px;
    margin:0 ;
}
.news-holder .column:first-child,
.category-holder .column:first-child,
.sport-holder .column:first-child,
.economy-holder .column:first-child,
.shope-holder .column:first-child,
.history-holder .column:first-child,
.faith-holder .column:first-child,
.health-holder .column:first-child,
.techno-holder .column:first-child,
.mysteries-holder .column:first-child,
.auto-holder .column:first-child{
    margin:0;
}
.news-holder .column,
.category-holder .column,
.sport-holder .column,
.economy-holder .column,
.shope-holder .column,
.history-holder .column,
.faith-holder .column,
.health-holder .column,
.techno-holder .column,
.mysteries-holder .column,
.auto-holder .column{
    float:left;
    width:318px;
    margin:0 0 0 10px;
}
.news-holder .galery-list:last-child,
.category-holder .galery-list:last-child,
.sport-holder .galery-list:last-child,
.economy-holder .galery-list:last-child
.shope-holder .galery-list:last-child,
.history-holder .galery-list:last-child,
.faith-holder .galery-list:last-child,
.misteries-holder .galery-list:last-child,
.techno-holder .galery-list:last-child,
.health-holder .galery-list:last-child,
.auto-holder .galery-list:last-child{ border:none; margin:0}

.news-holder .galery-list,
.category-holder .galery-list,
.sport-holder .galery-list,
.economy-holder .galery-list,
.faith-holder .galery-list,
.mysteries-holder .galery-list,
.health-holder .galery-list,
.auto-holder .galery-list,
.history-holder .galery-list,
.techno-holder .galery-list,
.shope-holder .galery-list{
	/*padding:0 0 15px;
    margin:0 0 12px;*/
    border-bottom:1px dotted #a9a9a9;
    min-height: 100px;
	margin-top:4px!important;
}
.history-holder .galery-list,
.auto-holder .galery-list{ background:none;}
.news-holder .column img,
.sport-holder .column img,
.category-holder .column img,
.economy-holder .column img,
.shope-holder .column img,
.history-holder .column img,
.faith-holder .column img,
.auto-holder .column img{
    float:left;
    margin:0 7px 0 0;
}
.news-holder .text-area,
.category-holder .text-area,
.sport-holder .text-area,
.economy-holder .text-area,
.shope-holder .text-area,
.history-holder .text-area,
.auto-holder .text-area{
    overflow:hidden;
    color:#222222;
    line-height:16px;
	font:12px/15px 'Roboto Slab', Arial, Helvetica, sans-serif;
    padding:0 10px 0 0;
    font-weight:600;	
}
.news-holder .text-area span,
.category-holder .text-area span,
.sport-holder .text-area span,
.economy-holder .text-area span,
.shope-holder .text-area span,
.history-holder .text-area span,
.auto-holder .text-area span{
    color:#d80000;
    display:inline-block;
	text-transform:uppercase;
    vertical-align:top;
    margin:-1px 0 1px 1px;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
    height: 14px;
    overflow: hidden;
}
.news-holder .text-area p,
.category-holder .text-area p,
.sport-holder .text-area p,
.economy-holder .text-area p,
.shope-holder .text-area p,
.history-holder .text-area p,
.auto-holder .text-area p{ margin:0; /* height: 46px; */}
.sport-holder .heading{
    background:#60a947;
    text-shadow:2px 2px 1px #4d8739;
    border-bottom:5px solid #477d34;
    overflow: hidden;
    /*height: 46px;*/
}
.economy-holder .heading{
    background:#415f7d;
    border-bottom:5px solid #30465c;
    text-shadow:2px 2px 1px  #344c64;
}
.shope-holder .heading{
    background:#d92098;
    text-shadow:2px 2px 1px   #ae1a7a;
    border-bottom:5px solid #a01770;
}
.health-holder .heading{
    background:#96d336;
    text-shadow:2px 2px 0 #78a92b;
    border-bottom:5px solid #6f9c28;
}
.history-holder .heading{
    background:#663300;
    text-shadow:2px 2px 0 #522900;
    border-bottom:5px solid #4b2500;
}
.faith-holder .heading{
    background:#26c9ff;
    text-shadow:2px 2px 0 #1ea1cc;
    border-bottom:5px solid #1c94bd;
}
.mysteries-holder .heading{
    background:#000;
    text-shadow:2px 2px 1px #000;
    border-bottom:5px solid #000;
}
.auto-holder .heading{
    background:#d90000;
    text-shadow:2px 2px 0 #ae0000;
    border-bottom:5px solid #a00000;
}
.techno-holder .heading{
    background:#006dd9;
    text-shadow:2px 2px 0 #005db9;
    border-bottom:5px solid #0050a0;
}
.sport-holder .two-columns{ padding:18px 10px 7px 11px;}
.shope-holder{ margin:21px 0 18px}
.shope-holder .two-columns{ padding:16px 8px 10px 12px;}
.shope-holder .galery-list{ padding:0 0 15px;}
.shope-holder .galery-list .text-area{ line-height:15px;}
.auto-holder .two-columns,
.history-holder .two-columns{ padding:18px 0 18px 11px;}
.shope-holder .galery-list:last-child{
    border:none;
    margin:0;
    padding:0;
}
.caption-holder{
    position:absolute;
    bottom:0;
    right:0;
    padding:10px;
    z-index:9;
    text-align:right;
}
.caption-holder .btn-holder{
    color:#fff;
    background:#d90000;
    padding:2px 5px;
    text-transform:uppercase;
    font:bold 12px/20px Arial, Helvetica, sans-serif;
}
.caption-holder .btn-holder:hover{
    text-decoration:none;
    opacity:.8;
}
.caption-holder h4{
    margin:0;
    color:#fff;
    text-shadow:1px 1px 2px #000;
    font:22px/25px 'Roboto Slab' ,Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.caption-holder h4:hover{
    text-decoration: underline;
}

.caption-area{
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    padding:10px 14px 5px 10px;
    text-align:left;
    color:#fff;
    z-index:9;
    text-shadow:1px 1px 2px #000;
    font:14px/18px 'Roboto Slab' ,Arial, Helvetica, sans-serif;
}
.caption-area:hover{
    text-decoration: underline;
}
.shadow:after{
    position:absolute;
    bottom:-1px;
    right:0;
    left:0;
    width:245px;
    height:126px;
    content:'';
    z-index:0;
    background:url(images/245x126.png)
}

#sidebar{
    float:right;
    width:300px;
}
.add-holder{
    border-bottom:0 solid #ccc;
    padding:0 0 11px;
    margin:0 0 11px;
}
.add-holder img{
    display:block;
}
.location{
    width:298px;
    overflow:hidden;
    padding:0 0 13px;
    margin:0 0 15px 1px;
    border-bottom:1px solid #ccc;
}
.location .heading-area{
    background:#333;
    padding:3px;
    color:#fff;
    margin:0 0 8px;
    text-align:center;
    text-transform:uppercase;
    border-top:1px solid #909090;
    border-bottom:1px solid #909090;
    font:16px/19px 'Oswald' ,Arial, Helvetica, sans-serif;
}
.location .post:last-child{
    background:none;
    padding:0;
    margin:0;
}
.location .post {
    overflow: hidden;
    padding:0 0 11px;
    margin:0 0 8px;
    border-bottom:1px dotted #a9a9a9;
}
.location .post:last-child{ border:none;}
.location .alignleft{
    float:left;
    margin:0 8px 0 1px;
}
.location  .text-holder{
    overflow:hidden;
    line-height:16px;
}
.location  .text-holder p{ margin:0; height: 46px; overflow: hidden;}
.location .heading{
    overflow:hidden;
    line-height:16px;
}
.location .heading{
    color: #d80000;
    float:left;
    margin:0 0 4px;
    font: bold 11px/14px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.location .heading .date{
    float:right;
    color:#333;
    margin:0 -1px 0 0;
    font:bold 11px/13px Arial, Helvetica, sans-serif;
}
.add-block,
.add-area{
    overflow:hidden;
    padding:10px;
    margin:0 0 23px;
    background:#fff;
}
.add-block img,
.add-area img{ display:block;}
.add-block{
    border:1px solid #ccc;
    margin:0 0 12px 2px;
    padding:9px 9px 8px 9px;
}
.cartoons {
    overflow:hidden;
    padding:0 0 29px;
}
.cartoons .heading-area,
.poll .heading-area{
    color:#fff;
    width:248px;
    background:#333;
    padding:3px 6px;
    text-transform:uppercase;
    margin:0;
    font:16px/19px 'Oswald' ,Arial, Helvetica, sans-serif;
}
.poll .poll-form{
    overflow:hidden;
    padding:0 0 2px;
}
.poll .poll-form .row{
    overflow:hidden;
    margin:0 0 9px;
}
.poll .poll-form label{
    color:#525252;
    float:left;
    margin:0 0 0 4px;
    font:12px/14px Arial, Helvetica, sans-serif;
}
.poll .poll-form .lbl{ overflow:hidden;}
.poll .bottom-holder{
    overflow:hidden;
    padding:9px 13px 5px 16px;
    margin: 0 -40px 0 -16px ;
    border-top:1px solid #ccc;
}
.poll .bottom-holder .vidi{
    float:left;
    color:#525252;
    font-size:18px;
    line-height:21px;
}
.poll .bottom-holder .komen{
    float:right;
    color:#525252;
    font-size:18px;
    line-height:21px;
    text-transform:capitalize;
}
.poll .bottom-holder .vidi:hover,
.poll .bottom-holder .komen:hover{
    text-decoration:none;
    opacity:.8;
}
.cartoons .carousel {
    position: relative;
}
.cartoons .carousel .mask {
    position: relative;
    overflow: hidden;
    width: 300px;
}
.cartoons .carousel .mask .slideset {
    width: 99999px;
    float: left;
}
.cartoons .carousel .mask .slide {
    width: 300px;
    float: left;
}
.cartoons .slide img{
    display:block;
    margin:-3px 0 5px;
}
.cartoons .text-box{
    overflow:hidden;
    font-size:18px;
    line-height:21px;
    margin:0 0 0 2px;
    text-transform:capitalize;
}
.cartoons .date{
    color:#d80000;
    display:block;
    margin:0 0 4px;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
}
.cartoons strong{
    font-weight:normal;
    display:block;
    text-transform:none;
    font:14px/17px 'Roboto Slab' ,Arial, Helvetica, sans-serif;
}
.cartoons .btn-prev,
.cartoons .btn-next{
    background:url(images/sprite.png) no-repeat -146px -90px;
    width:23px;
    height:25px;
    position:absolute;
    content:'';
    top:-25px;
    right:0;
}
.cartoons .btn-prev{
    background:url(images/sprite.png) no-repeat -103px -90px;
    right:25px;
    left:auto;
}
.cartoons .btn-next.active,
.cartoons .btn-next:hover{ background-position:-45px -90px;}
.cartoons .btn-prev.active,
.cartoons .btn-prev:hover{ background-position:0 -90px;}
.tab-holder{
    overflow:hidden;
    padding:0 0 6px;
    margin:0 0 15px;
    border-bottom:1px solid #ccc;
}

.tab-holder .event{
    min-width:132px;
    margin:0;
    float:left;
    background:#333;
    color:#fff;
    padding:3px 5px;
    font:16px/19px 'Oswald' ,Arial, Helvetica, sans-serif;
}
.tabset{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
    position:relative;
    font:16px/19px 'Oswald' ,Arial, Helvetica, sans-serif;
}
.tabset li{
    float:left;
    margin:0 0 1px 3px;
}
.tabset li.event a{ padding:3px 5px;}
.tabset li a{
    display:block;
    color:#fff;
    background:#333;
    padding:3px 6px 3px 8px;
}
.tabset li a:hover,
.tabset li.active a{
    text-decoration:none;
    background:#e26e24;
}
.tab-content{
    height: 1%;
    margin: 0;
    overflow: hidden;
    padding: 7px 2px 0 0;
}
.tab-content .post:last-child{ border:none;}
.tab-content .post{
    overflow:hidden;
    line-height:16px;
    padding:0 0 10px;
    margin:0 0 8px;
    border-bottom:1px dotted #a9a9a9;
}
.tab-content .post:nth-child(even){ padding:0 0 17px;}
.tab-content .heading-holder{
    overflow:hidden;
    margin:0 0 4px;
}
.tab-content .post p{ margin:0;}
.tab-content a{
    color:#d80000;
    float:left;
    margin:0 0 0 1px;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
}
.tab-content .date{
    float:right;
    color:#333;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
}

.lisca{
    overflow:hidden;
    padding:0 0 12px;
    margin:0 0 13px;
    border-bottom:1px solid #ccc;
}
.lisca img{ display:block;}
.travell{
    overflow:hidden;
    border-bottom:1px solid #ccc;
    padding:0 0 15px;
    margin:0 0 12px;
}
.travell .heading-area,
.excahnge .heading-area{
    background:#333;
    color: #fff;
    padding: 3px 0;
    text-align:center;
    text-transform: uppercase;
    font: 16px/19px 'Oswald' ,Arial,Helvetica,sans-serif;
}
.travell strong{
    font-weight:normal;
    display:block;
    margin:0 0 13px;
    font:18px/21px 'Roboto Slab' ,Arial, Helvetica, sans-serif;
}
.travell img{ display:block;}
.travell .text-block{
    padding:8px 10px 4px 11px;
    background:#fff;
    color:#525252;
    font:11px/14px Arial, Helvetica, sans-serif;
}
.sportski{
    overflow:hidden;
    padding:0 0 12px;
    margin:0 0 9px;
    border-bottom:1px solid #ccc;
}
.sportski img{ display:block;}
.poll {
    overflow:hidden;
    margin:14px 0 26px;
}
.poll .carousel {
    position: relative;
}
.poll .carousel .mask {
    position: relative;
    overflow: hidden;
    width: 300px;
}
.poll .carousel .mask .slideset {
    width: 99999px;
    float: left;
}
.poll .carousel .mask .slide {
    width: 300px;
    float: left;
    padding:11px 40px 12px 14px;
    background:#fff;
}
.poll .slide strong{
    font-weight:normal;
    font-size:18px;
    line-height:21px;
    display:block;
    margin:0 0 16px;
}

.poll .btn-prev,
.poll .btn-next{
    background:url(images/sprite.png) no-repeat -146px -90px;
    width:23px;
    height:25px;
    position:absolute;
    content:'';
    top:-25px;
    right:0;
}
.poll .btn-prev{
    background:url(images/sprite.png) no-repeat -103px -90px;
    right:25px;
    left:auto;
}
.poll .btn-next.active,
.poll .btn-next:hover{ background-position:-45px -90px; opacity:1;}
.poll .btn-prev.active,
.poll .btn-prev:hover{ background-position:0 -90px; opacity:1;}
.excahnge{
    overflow:hidden;
    padding:0 0 10px;
    margin:0 0 14px;
    border-bottom:1px solid #ccc;
}
.milana{
    overflow:hidden;
    padding:13px 0 12px;
    margin:0 0 9px 2px;
    border-top:1px solid #ccc;
}
.milana img{ display:block;}
#footer{
    width:980px;
    margin:13px auto 0;
    background:#ddd;
    position: relative;
    z-index: 1;
}
#footer:after{
    display:block;
    clear:both;
    content:'';
}
.top-footer{
    overflow:hidden;
    padding:14px 10px 13px 24px;
}
.top-footer .logo{
    float:left;
    width:231px;
    height:62px;
    margin:0;
}
.top-footer .logo img{ display:block;}
.top-footer .nav{
    float:right;
    width:470px;
    margin:18px 0 0;
}
.nav ul{
    list-style:none;
    padding:0;
    margin:0;
    overflow:hidden;
    font:18px/21px 'Roboto Slab' , Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.nav ul li{
    float:left;
    margin:0 17px 0 0;
}
.nav ul li a{
    display:block;
    color:#444;
    text-transform:capitalize;
}
.nav ul li a:hover{
    text-decoration:none;
    opacity:.8;
}
.bottom-footer{
    margin:0 0 5px;
}
.jcf-radio {
    float:left;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #dedede;
    border: 1px solid #aaa;
    border-radius: 9px;
    margin: 1px 4px 0 0;
    height: 12px;
    width: 12px;
}
.jcf-radio span{
    display:none;
    position:absolute;
    top:3px;
    left:3px;
    right:3px;
    bottom:3px;
    background:#000;
    border-radius:100%;
}
.jcf-radio input[type="radio"] {
    position: absolute;
    height: 0;
    width: 0;
    margin: 0;
    left: 0;
    top: 0;
    padding:0;
}
.jcf-radio.jcf-checked span {display:block;}
/* common custom form elements styles */
.jcf-disabled {background: #ddd !important;}

.carousel {
    position: relative;
}
.carousel .mask {
    position: relative;
    overflow: hidden;
   /* width: 982px;*/
    border-top:3px solid #fff;
}
.carousel .mask .slideset {
    width: 99999px;
    float: left;
}
.carousel .mask .slide {
   /* width: 982px;*/
    float: left;
}
.columnist .slide .feature-post{
    float:left;
    width:458px;
    margin:10px 0 0;
}
.feature-post img{
    float:left;
    margin:0 10px 0 0;
}
.feature-post .text-area{
    overflow:hidden;
    color:#222222;
    font:12px/15px Arial, Helvetica, sans-serif;
}
.column-post .post .title{
    color:#d80000;
    display:inline-block;
    vertical-align:top;
    margin:0 ;
    text-transform:uppercase;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
}
.travell a{
    color:#d80000;
    display:block;
    margin:0 0 4px;
    text-transform:uppercase;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
}
.feature-post .title{
    display:inline-block;
    vertical-align:top;
    margin:0 0 3px 2px;
    color:#d80000;
    text-transform:uppercase;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
}
.feature-post h3{
    margin:0 0 13px;
    font-weight:normal;
    font:18px/21px 'Roboto Slab' ,Arial, Helvetica, sans-serif;
}
.feature-post .text-area p{ margin:0;}
.column-post{
    overflow:hidden;
    color:#535353;
    font-size:12px;
    line-height:15px;
}
.column-post .post:first-child{ margin:0 5px 0 0;}
.column-post .post{
    float:left;
    width:160px;
    padding:0 3px;
    margin:0 0 0 6px;
    background:#fff;
    border:4px solid #fff;
    min-height: 140px;
}
.column-post .post img{ display:block; margin:0 0 4px -2px; width: 150px; height: auto;}
.column-post .post:last-child{ margin:0 0 0 9px;}
.column-post .post p{ margin:0; overflow: hidden; height: 47px;}
.btn-prev,
.btn-next{
    background:url(images/sprite.png) no-repeat -161px -38px;
    width:25px;
    height:29px;
    position:absolute;
    content:'';
    top:-29px;
    right:-2px;
    text-indent:-9999px;
    overflow:hidden;
}
.btn-prev{
    background:url(images/sprite.png) no-repeat -108px -38px;
    right:27px;
}
.btn-prev.active,
.btn-prev:hover{ background-position:0 -37px;}
.btn-next.active,
.btn-next:hover{ background-position:-50px -37px;}

.top_tema {
    position: absolute;
}

.last .top_tema {
    margin-left: 6px;
}

.darkbox {
    background-color: #343434;
    color: #ffffff;
    padding: 15px;
}

.thumb {
    box-sizing: border-box;
}

.top-tema {
    position: absolute;
    padding: 1px 5px;
	font: 11px/14px Arial, Helvetica, sans-serif;
    background-color: #f95905;
    color: #ffffff;
    text-transform: uppercase;
    left:0;
}

/*===================================================================================================
                                        Editor setup
====================================================================================================*/

/* MAIN EDITOR */
#devtools_editor {
    position: fixed;
    z-index: 4;
    top: 35px;
    left: 0px;
    width: 230px;
    background: #f5f5f5;
    border-right: 1px solid #ddd;
    height: 100%;
    font-size: 14px;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
}
#devtools_editor:hover { left: 0px; }
#devtools_editor > div { position: relative; }

#devtools_editor .search { padding: 10px; position: relative; z-index: 5; background: #f5f5f5; }
#devtools_editor .search input { padding: 5px 10px; background: #d2d2d2; border-radius: 3px; border: 1px solid transparent; width: 210px; font-size: 12px; }
#devtools_editor .search input::-webkit-input-placeholder { color: #666; }
#devtools_editor .search input:-moz-placeholder { color: #666; }
#devtools_editor .search input::-moz-placeholder { color: #666; }
#devtools_editor .search input:-ms-input-placeholder { color: #666; }
#devtools_editor .search .search-icon { position: absolute; top: 15px; right: 22px; color: #666; }
#devtools_editor .search .meta { display: none; }
#devtools_editor .search .meta a { font-size: 10px; color: #666; padding: 3px 3px 0px; }
#devtools_editor .search .meta a:hover { color: #f95905; }
#devtools_editor .search .meta a.clear { float: left; }
#devtools_editor .search .meta a.advanced-search { float: right; }

#devtools_editor .advanced-search-container {
    position: absolute;
    font-size: 12px;
    width: 215px;
    top: 0px;
    left: 0px;
    background: #f5f5f5;
    overflow: hidden;
    visibility: hidden;
    z-index: 4;
    -webkit-transition: left 0.1s;
    -moz-transition: left 0.1s;
    -ms-transition: left 0.1s;
    -o-transition: left 0.1s;
    transition: left 0.1s;
}
#devtools_editor .advanced-search-container.active { left: 230px; visibility: visible; }
#devtools_editor .advanced-search-container > div {
    padding: 9.5px 10px;
    border: 1px solid #ddd;
    border-top: none;
    border-left: none;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
#devtools_editor .advanced-search-container i { font-size: 14px; }
#devtools_editor .advanced-search-container a { color: #333; }
#devtools_editor .advanced-search-container a:hover { color: #f95905; }
#devtools_editor .advanced-search-container .active { color: #f95905; }
#devtools_editor .advanced-search-container .by-date i { padding: 0 5px 0 0; color: #333; }
#devtools_editor .advanced-search-container .by-category > a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #333;
    margin: 0 5px 0 0;
    box-shadow: inset 0 0 0 2px #f5f5f5;
    -webkit-transition: box-shadow 0.1s;
    -moz-transition: box-shadow 0.1s;
    -ms-transition: box-shadow 0.1s;
    -o-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
}
#devtools_editor .advanced-search-container .by-category > .active { box-shadow: none; }
#devtools_editor .advanced-search-container .by-category > .news { background: #d90000; }
#devtools_editor .advanced-search-container .by-category > .sport { background: #85b200; }
#devtools_editor .advanced-search-container .by-category > .faith { background: #f95905; }
#devtools_editor .advanced-search-container .by-category > .shope { background: #d900d9; }
#devtools_editor .advanced-search-container .by-category > .economy { background: #0059b2; }
#devtools_editor .advanced-search-container .by-category > .tehno { background: #00a3d9; }
#devtools_editor .advanced-search-container .by-category > .auto { background: #bd0000; }
#devtools_editor .advanced-search-container .by-category > .mistery { background: #bd0000; }
#devtools_editor .advanced-search-container .by-article-type a { display: inline-block; margin: 0 10px 0 0; }
#devtools_editor .search-results ul {
    list-style: none;
    padding: 0;
}
#devtools_editor .search-results h3 { font-weight: 600; color: #333; padding: 10px 10px 5px; position: relative; }
#devtools_editor .search-results li { padding: 5px 10px; }

#devtools_editor .search-results h2 {
    font-size: 10px;
}

#devtools_editor .search-results h3 {
    font-size: 16px;
}

#devtools_editor .categories { position: relative; z-index: 5; padding: 2px 0 1px 0; overflow-x: hidden; }
#devtools_editor .categories ul {
    list-style: none;
    padding: 0;
}
#devtools_editor .categories ::-webkit-scrollbar { width: 2px; }
#devtools_editor .categories li div > h3 {
    padding: 10px;
    box-shadow: 0 0 0 1px #ddd;
    background: #f5f5f5;
    position: relative;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
#devtools_editor .categories li div > h3.active { background: #fff; }
#devtools_editor .categories li div > h3 i {
    position: absolute;
    top: 12px;
    right: 15px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}

#devtools_editor .categories li div h3:hover { box-shadow: 0 0 1px 1px #ccc; background: #fff;  }
#devtools_editor .categories li div h3:hover > i { color: #f95905; }

#devtools_editor .categories li div > ul li { padding: 7px 10px; }
#devtools_editor .categories li div > ul li p { font-size: 12px; }
#devtools_editor .categories li div > ul li .overtitle { text-transform: uppercase; font-size: 10px; }
#devtools_editor .categories li div > ul li:last-child { border-bottom: 1px solid #ddd; }

#devtools_editor .square { width: 3px; height: 10px; background: #333; margin: 1px 3px 0px 0px; float: left; }
#devtools_editor .vijesti.square { background: #d90000; }
#devtools_editor .sport.square { background: #85b200; }
#devtools_editor .hot.square { background: #d900d9; }
#devtools_editor .magazin.square { background: #0059b2; }
#devtools_editor .webcafe.square { background: #f95905; }
#devtools_editor .tehnoklik.square { background: #00a3d9; }
#devtools_editor .auto.square { background: #bd0000; }

#devtools_editor .draggable { background: #f5f5f5; cursor: move; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
#devtools_editor .draggable:hover { background: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.droppable { box-shadow: 0 0 0 3px #009ed9; }

/* Datarange picker */
.daterangepicker {
    display: none;
    position: fixed;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(1,1,1,0.5);
}
.daterangepicker.active { display: block; }

.daterangepicker button {
    font-size: 11px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px 10px;
    background: #ddd;
    color: #333;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.daterangepicker button:hover { background: #c2c2c2; }
.daterangepicker button.applyBtn { background: #00d97b; color: #fff; border: 1px solid #00bb6a; }
.daterangepicker button.applyBtn:hover { background: #00bb6a; }

.daterangepicker.dropdown-menu { max-width: none; z-index: 3000; }

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar { float: left; margin: 4px; }

.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges,
.daterangepicker.openscenter .calendar { float: right; margin: 4px; }

.daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; }
.daterangepicker .ranges { width: 190px; text-align: left; }
.daterangepicker .ranges .range_inputs>div { float: left; }
.daterangepicker .ranges .range_inputs>div:nth-child(2) { padding-left: 11px; }

.daterangepicker .calendar { display: none; max-width: 270px; font: 14px 'Source Sans Pro', sans-serif; }
.daterangepicker.show-calendar .calendar { display: block; }

.daterangepicker .calendar.single .calendar-date {  border: none; }

.daterangepicker .calendar th, .daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    width: auto;
    height: auto;
    padding: 3px;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input { font-size: 11px; }
.daterangepicker .ranges .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 23px;
    line-height: 23px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

.daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; }
.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -ms-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
}

.daterangepicker .ranges li.active { background: #08c; border: 1px solid #08c; color: #fff; }
.daterangepicker .ranges li:hover { border: 1px solid #08c; }
.daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; }
.daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; }

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}
.daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}
.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}
.daterangepicker table { width: 100%; margin: 0; }
.daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.daterangepicker td.off { color: #999; }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; }

.daterangepicker td.in-range {
    background: #ebf4f8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.daterangepicker td.start-date {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; }

.daterangepicker td.week,
.daterangepicker th.week { font-size: 80%; color: #ccc; }

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }
.daterangepicker select.yearselect { width: 40%; }

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker_start_input { float: left; }
.daterangepicker_end_input { float: left; padding-left: 11px }
.daterangepicker th.month { width: auto; }

.edit { display: block; background: #212121; font-size: 10px; color: #fff; text-transform: uppercase; padding: 3px 10px; position: absolute; top: 0px; right: 0px; }
.editable.active .edit {display:none;}
#overlay { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(222,222,222,0.95); z-index: 10; }
.editable {
    position:relative;
}
.editable.active { box-shadow: 0 0 0 5px #fff; position: relative; z-index: 10; background: #fff; }
.editable.active a { cursor: text; }
.editable.active:hover .eovertitle { color: #666 !important; }
.editable.active:hover img { opacity: 1; }
.editable.active .etitle:focus, .editable.active .eovertitle:focus { color: #009ed9 !important; }

.etitle {
    display: block;
}
.editable.active .close {
    display: block;
    color: #999;
    font-size: 12px;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 5;
    border: 1px solid #d5d5d5;
    cursor: pointer !important;
}
.editable.active .close:hover { background: #009ed9; color: #fff; }
.editable.active .close i { padding: 3px 5px; }
.editable.active .button-controls { position: inherit; bottom: -27px; right: -5px; }
.galery-list.editable.active .button-controls { position: absolute; bottom: 0; right: -5px; }
.img-area.editable.active .button-controls { position: absolute; top: 0; left:2px; }
.editable.active .button-controls a { display: inline-block; padding: 2px 7px; cursor: pointer !important; border-radius: 2px; background: #fff; color: #333; border: 1px solid #d5d5d5; font-size: 10px; }
.editable.active .button-controls a:hover { background: #009ed9; color: #fff; }
.editable.active .button-controls a.spremi { background: #00d97b; color: #fff; }
.editable.active .button-controls a i {
    width: 0px;
    overflow: hidden;
    font-size: 9px;
    text-align: right;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.editable.active .button-controls a:hover > i { width: 12px; }
article.editable.active {
    overflow: visible !important;
}

.column.news .top-tema {
    font-size: 9px;
}

.gallery {
    position: relative;
}

.gallery .mask {
    position: relative;
    overflow: hidden;
    width: 625px;
}
.gallery .mask .slideset {
    width: 99999px;
    float: left;
}
.gallery .mask .slide {
    width: 150px;
    float: left;
    padding:0;
    margin-left: 5px;
    background:#fff;
}

.gallery .btn-next {
    top:65px;
}

.gallery .btn-prev {
    left: 0;
    top: 65px;
    z-index: 10;
}

.vezane {

}

.vezane .thumb {
    float:left;
    margin-right: 20px;
}

.vezane .text-holder {
    float:left;
    width: 450px;
}

.vezane .heading {
    color:#d80000;
    display:inline-block;
    vertical-align:top;
    margin:0 0 20px 0;
    text-transform:uppercase;
    font:bold 11px/14px Arial, Helvetica, sans-serif;
}

.sub-menu.vijesti {background-color: #d96d00;}
.sub-menu.novac {background-color: #415f7d;}
.sub-menu.sport {background-color: #238c00;}
.sub-menu.domovina {background-color: #006dd9;}
.sub-menu.magazin {background-color: #d92098;}
.sub-menu.planet-x {background-color: #000000;}
.sub-menu.zdravlje {background-color: #96d336;}
.sub-menu.ekalendar {background-color: #d96d00;}
.sub-menu.auto-techno {background-color: #d90000;}
.sub-menu.vjera {background-color: #26c9ff;}

.pretplatnik {
    display: block;
    padding: 20px;
    text-align: center;
    background-color: #238c00;
    color: #ffffff;
    font-size: 20px;
}

.mapa {
    margin-top: 20px;
    display: block;
}

figure {
    margin:0;
    width: 625px !important;
}

figure img {
    width: 615px !important;
    height: auto;
}

article.post.vezane {
    position: relative;
}

article.post.vezane .top-tema {
    left:13px;
}

/* author: EITO,mvojic
   widget:najcitanije
*/

#najcitanije_widget ul {
    list-style: none;
    padding:0;
    margin:-9px 0px 12px 0px;
    height:auto;
    overflow: hidden;
}

#najcitanije_widget li {
    float: left;
    width: 33%;
    background-color: rgb(144, 144, 144);
    height: 23px;
    text-align: center;
}

#najcitanije_widget li:hover {
    background-color: rgb(122,122,122);
}

#najcitanije_widget li a {
    color:white;
    width:100%;
    display: block;
    font:15px 'Oswald' ,Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 23px;
}

#najcitanije_widget li a:hover {
    text-underline: none;
    text-decoration: none;
}
.najcitanije_clear{
    clear:both;
}

#najcitanije_widget .siri{
	width:	34%;
}

#najcitanije_widget li.active{
    background-color: rgb(102,102,102);

}

#najcitanije_widget li.active a{
    font-weight: 500;
}

#najcitanije_widget div.heading-area{
    border-bottom: 0px;
}

#najcitanije_widget .text-holder{
	max-height:80px;
}

/* end najcitanije */

/* zg info slike */
.zg-info-slika{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
/* end zg info slike */

/*
* custom main menu
*/
#nav-inner li:hover .sub-menu-wrapper{ visibility: visible; opacity: 1; transition-delay:0.6s; }
.sub-menu-wrapper{ display: table; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s ease-in; position: absolute; z-index: 1000; width: 100%; box-sizing: border-box; padding:10px; background: #333; left:0; top:44px; }
.sub-menu-wrapper .sub-menu, .sub-menu-wrapper .latest-posts, .sub-menu-wrapper .most-read-posts{ display: table-cell; vertical-align: top; }
    .sub-menu-wrapper .sub-menu{ width: 176px; }
    .sub-menu-wrapper .latest-posts{ /*width: 495px;*/ width:auto; }
    .sub-menu-wrapper .most-read-posts{ width: 265px; }
.sub-menu-wrapper .sub-menu li{ display: block; }
.sub-menu-wrapper a{ color:#fff; }
.sub-menu-wrapper .col-title{ display: block; font-weight: 400; font-size: 16px; text-align: left; color:#fff; }
/* sub menu */
.sub-menu { padding: 0px 10px 0px 10px; text-align: left;}
.sub-menu li a{ width: 100%; display: block; font-size: 16px; line-height: 30px; }
.sub-menu a:hover, .sub-menu li.active a{ text-decoration: underline; }
/* latest posts */
.latest-posts{ text-align: left; }
.latest-posts .col-title{ margin-bottom: 10px; }
.latest-posts a{ float:left; margin: 0px 9px 9px 5px; width: 155px; }
.latest-posts a:hover{ text-decoration: none;}
    .latest-posts a:hover .title{ text-decoration: underline; }
.latest-posts .img{}
.latest-posts .headline{ display: block; height: 14px; overflow: hidden; color: #d80000; font: bold 11px/14px Arial, Helvetica, sans-serif;text-transform: uppercase; }
.latest-posts .title{ font-size: 12px; }
/* most read posts */
.sub-menu-wrapper .most-read-posts{ padding: 0px 0px 0px 10px; }
.most-read-posts a{ display:block; margin: 8px 0px 8px 0px; font-size: 12px; text-align: left; }
/* sticky class */
.sticky-nav { position: fixed !important; width: 980px; margin-left:-490px; left: 50%; top: 0; z-index: 100; border-top: 0;}
    .admin-bar .sticky-nav{ top: 32px; }

/*
*   NOVI TOP
*/
.three-columns .column.crna-novi{
    width:228px;
}
.three-columns .column.treca{
    margin-right: 0px;
}
/*.column.crna-novi .text-holder p{  height: 101px;}*/
.column.crna-novi .post{
    height:278px;
    overflow-y: hidden;
}
.column.crna-novi .heading{
    height: 28px;
}
.column.crna-novi .eovertitle{
    position: absolute;
    top: 122px;
/* left: 2px; */
    background-color: rgba(255,255,255,0.7);
    padding: 2px;
    height: auto;
    max-width: 228px;
    font-weight: 800;
    font-size: 11px;
    max-height: 18px;	
}
.column.crna-novi .etitle{
    font-weight: bold;
    max-height: 74px;
    height: auto !important;
    margin-bottom: 6px !important;
    font-size: 18px;
    line-height:18px;	
}

.column.crna-novi .textonly .eovertitle {
 position: relative;
 top: 0px;
 background-color: inherit;
}

.column.crna .text-holder p.text{
    text-align: justify;
    height: auto;
    max-height: 176px;
}

.textonly .vise{
    text-align: center;
    font-weight: bold;
}
.textonly .vise a{
    color: rgb(110,110,110);
}

.column.crna .s-labelom p.text{
    max-height: 162px;
}
.column.crna .s-labelom .eovertitle{
    margin-top: 15px;
}

/*
*  NOVI FOOTER
*/
.footer-novi .left{
    float:left;
}
.footer-novi .right{
    float:right;
}

.footer-novi .top-footer {
    padding: 20px 20px 20px 21px;
    height: 124px;
}

.footer-novi #nav-inner ul{
    text-align: left;
    padding: 0px 20px 0px 20px;
}
.footer-novi #nav-inner li{
    border:none;
    display:inline-block;
    margin-right: 16px;
}
.footer-novi #nav-inner li a{
    font-size: 14px;
    color: rgb(150,150,150);
}

.footer-novi .social-networks{
    right : 20px;
    bottom: 8px;
    left: inherit;
}
.footer-novi .social-networks li a.mail {
    background-position: -156px -127px;
}
.footer-novi .social-networks li a.youtube {
    background-position: -180px -127px;
}
.footer-novi .f-tags {
    float: right;
    width: 560px;
    max-height: 90px;
    overflow-y: hidden;
}
.footer-novi .logo{
    margin-top: 12px;
}
.footer-novi .f-tag {
    display: inline-block;
    padding: 7px 10px;
    background-color: rgb(150,150,150);
    margin-bottom: 5px;
    line-height: 11px;
    font-size: 11px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.footer-novi .f-tag a{
    color: #ffffff;
    font-weight: 300 !important;
    text-transform: uppercase;
}

/*
* Back to the top arrow
*/

.to-top {
    display: inline-block;
    height: 60px;
    width: 50px;
    position: fixed;
    bottom: 60px;
    right: 60px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background: rgba(100, 100, 100, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.to-top.to-top-visible, .to-top.to-top-fade-out, .to-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.to-top.to-top-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.to-top.to-top-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .7;
}
.to-top:hover {
    background-color: rgb(20,20,20);
    opacity: 0.9;
}

/*Widget 7dnevno */

.sedam-dnev-tekst {
    background-color: rgb(247, 7, 8);
    height: 45px;
    line-height: 45px;
    text-align: center;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5), -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 20px
}
.sdnev-link a:hover{
    text-decoration: none;
}
,slideshow_container_style-light, .slideshow_transparent{
opacity:2.5 !important;
}
.zadnje_vjesti{
	padding:0px !important;
	border-bottom:none !important;
	border-top:none !important;
}
.home{
	border-bottom:none !important;
}
.zv_novo{
	margin:0 1px 0 0 !important;
}
.zv_novo_txt{
	 padding: 0 5px 0 0 !important;
}
.zv_novo img{
	width:100% !important;
	height:100px;
}
.zv_novo_txt p{
	 height: 61px !important;
	 font-size:16px !important;
}
.uredi{
	position:absolute;
}
.spremi{
	position:absolute;
	left:50px;
}
.category-holder .gallery-holder{
	background:none;
}
/*end*/
#acm-ad-tag-div-gpt-ad-1427879530551-0,
#acm-ad-tag-div-gpt-ad-1427958594695-0,
#acm-ad-tag-div-gpt-ad-1427879573196-0,
#acm-ad-tag-div-gpt-ad-1427879456583-0,
#acm-ad-tag-div-gpt-ad-1427879610195-0,
#acm-ad-tag-div-gpt-ad-1427879557054-0,
#acm-ad-tag-div-gpt-ad-1427879512838-0,
#acm-ad-tag-div-gpt-ad-1427879478302-0,
#acm-ad-tag-div-gpt-ad-1427879637308-0,
#acm-ad-tag-div-gpt-ad-1427879544121-0,
#acm-ad-tag-div-gpt-ad-1427879588051-0
{
    position: fixed;
    left: 50%;
    transform: translateX(-50%);

}