.top-bar ul > li.hasNot-dropdown a:not(.button) {
    padding-top: 14px !important;
    text-align: center;
}

    /*kalendar start*/
    .days .day.today {
        background-color: #ebebeb;
        -moz-box-shadow: inset 0 0 8px #d4d4d4;
        -webkit-box-shadow: inset 0 0 8px #d4d4d4;
        box-shadow: inset 0 0 8px #d4d4d4;
    }

    .days .day.event {
        background-color: #ebebeb;
        border-radius: 20px;
    }

    .event-x-header {
        position: relative;
        cursor: pointer;
        top: -36px;
        max-width: 12px;
        float: right;
    }

    .event {
        cursor: pointer;
    }

    .day.today.event {
        border-radius: 20px;
        color: black !important;
        background-color: #BEC8D3 !important;
    }

    .eventInCalendar {
        display: block;
        background-color: red;
        width: 140px;
        line-height: 1em;
        padding: 5px;
        position: absolute;
        font-size: 13px;
        left: 50%;
        margin-left: -70px;
        -webkit-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -moz-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -o-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        top: -120%;
        opacity: 0;
        visibility: hidden;
    }

    #eventClass {
        display: none;
    }

    #spanCircle:hover ~ #eventClass {
        display: block;
        font-size: 12px;
    }

    .event .eventInCalendar {
        display: block;
        background-color: red;
        width: 140px;
        line-height: 1em;
        padding: 5px;
        position: absolute;
        font-size: 13px;
        left: 50%;
        margin-left: -70px;
        -webkit-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -moz-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -o-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        top: -120%;
        opacity: 0;
        visibility: hidden;
    }

    .event-item-name {
        color: black;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2em;
        margin: 0;
    }

        .event-item-name:hover {
            color: #54ADCF;
        }

    .event-item {
        border-bottom: 1px solid white;
        color: #222;
        display: block;
        padding: 7px 4px;
        position: relative;
    }
    /*Kalendar end*/
    /*FIX ZA DATEPICKER*/
    .datepicker.dropdown-menu {
        width: 160px !important;
        padding-top: 0px;
        padding-left: 0px;
    }

    .LinkImageTitle {
        background-repeat: no-repeat;
        display: block;
        background-position: 5px center;
    }
    /**/
    .content a {
        text-decoration: underline !important;
    }

    .document-list a {
        color: #055e9a !important;
        text-decoration: underline !important;
    }

    .doc-list li.noimage a, .document-list li.noimage a {
        background-image: none;
        padding-left: 8px;
    }

    .doc-list li a, .document-list li a {
        color: #333 !important;
        display: block;
        text-decoration: none !important;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFF;
        background-image: url(/Content/pix/icon-doc.png);
        background-repeat: no-repeat;
        padding-left: 50px;
        background-position: 0px 6px;
        min-height: 50px;
    }

        .doc-list li a, .document-list li a:hover {
            color: #055e9a !important;
        }

    .box-homenews.images .newsitem {
        min-height: 100px;
        margin-bottom: 5px;
        border-bottom: 0px;
    }

        .box-homenews.images .newsitem:hover {
            background-color: #f0f0f0;
        }

        .box-homenews.images .newsitem a:hover {
            color: #000;
        }

    article {
        display: block;
    }

    .div::after {
        content: "\e601";
        font-family: icomoon !important;
        font-size: 14px;
        color: ##1ca0f2;
        position: absolute;
        right: 0px;
        bottom: 10px;
    }

    .box-homenews.images .imgbox {
        max-height: 110px;
        min-width: 130px;
        max-width: 130px;
        margin: 5px;
        margin-top: -1.5px;
        vertical-align: middle;
        overflow: hidden;
    }

    .box-homenews .imgbox {
        text-align: center;
    }

    .imgbox {
        display: block;
        vertical-align: middle;
        /*overflow: hidden;*/
    }

    .newsitem {
        padding-bottom: 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #EEE;
        padding-top: 10px;
    }

        .newsitem h1 {
            font-size: 1.06em;
            line-height: 1.2em;
            font-weight: normal;
            margin-top: 6px;
            margin-bottom: 6px;
        }

    .box-homenews.images .newsitem h1 {
        padding-left: 145px;
        text-align: left;
        font-weight: bold;
    }

    .box-homenews .focusnews .DATETIME_PUBLISHED, .box-homenews .newsitem .DATETIME_PUBLISHED {
        display: block;
        color: #3E3E3E;
        padding-left: 145px;
    }

.box-homenews a {
    color: #4d4d4d;
    text-decoration: none;
}

    .active a {
        background-color: inherit;
        color: #FFFFFF !important;
        font-weight: bold;
    }

    .newsitem .date {
        color: #3E3E3E;
    }

    .box-homenews .date {
        font-size: 13px;
        margin-bottom: 0px;
        padding-left: 110px;
    }

    .DESCRIPTION {
        color: #3E3E3E;
        display: block;
        margin-bottom: 6px;
        margin-left: 110px;
        text-align: justify;
    }

    .AttachmetTitle {
        font-size: 1.33em;
        font-weight: normal;
        line-height: 1.2em;
        margin-bottom: 0.7em;
        margin-top: 0.7em;
    }

    .faq-o {
        max-height: 300px;
        overflow: auto;
    }



    div.hidden {
        display: none
    }

    .bannerImages {
        width: 140px;
        margin-top: 40px;
        margin-right: 10px;
    }

    .promo-banner p {
        width: 65%;
    }

    .news-list .imgbox img {
        width: 100% !important;
    }

    .navbar-default .navbar-nav > li > a {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .list-quick.list-language a {
        min-height: 5px;
    }

    .list-photos > li a {
        background-size: cover !important;
    }

    .language {
        width: 100%;
        height: auto;
    }

    .ArchiveTitle {
        /*background-color: #EEE;*/
        font-size: 12px;
        font-weight: normal;
        /*padding-top: 3px;
padding-right: 10px;
/*padding-bottom: 3px;*/
        /*padding-left: 10px;*/
        /*border-left-width: 3px;*/
        /*border-left-style: solid;*/
        /*border-left-color: #055E9A;*/
        margin-top: 0px;
        margin-right: 0px;
        /*margin-bottom: 2px;*/
        margin-left: 0px;
        background-color: #055E9A;
        color: #fff;
        padding: 10px;
    }

        .ArchiveTitle:hover {
            background-color: #033c61;
        }


    .text ol li {
        text-align: justify;
    }

    @media print {
        .subnav {
            display: none;
        }

        .header {
            display: none;
        }

        .footer {
            display: none;
        }

        .side {
            display: none;
        }

        .head {
            display: none;
        }
    }


    .text p > img {
        /*width: 100%;*/
        max-height: 300px;
        max-width: 750px;
    }


    /*.text h3 > img {
width: 100%;
}*/
    /*Izmjene glavnog menija -> mobilna verzija Ines */
    @media only screen and (min-width: 940px /*1070px*/) {

        /*.top-bar ul > li.hasNot-dropdown a {
max-width: 145px;
}*/


        .langTagSelected {
            color: #ccc !important;
        }

        .divTopBar {
            margin-bottom: 0px;
            height: 0px;
        }
        /* Fix za glavni meni sa velikim brojem stavki   */
        .top-bar ul > li.has-dropdown .dropdown li a {
            max-width: 1000px;
        }

        nav.top-bar ul > li a {
        /*max-width: 240px;*/
    }

        .mainMeni {
            width: 100% !important;
            text-align: left;
        }
    }

    li.hasNot-dropdown a {
        color: #eee;
        font-size: 12px !important;
        line-height: normal !important;
        padding-top: 6px !important;
    }

    nav.top-bar ul > li.hasNot-dropdown:hover {
        background-color: transparent;
    }

    .openMeni {
        overflow: hidden;
        visibility: visible !important;
    }

    .box-nav {
        text-align: left;
    }

    nav.top-bar {
        color: #eee;
        background-color: transparent;
        margin: 0 auto; /* Muhamed - Vlado - v6 */
        /*display: table-caption !important;*/
        width: 100%;
    }

    nav.top-bar ul {
        padding: 0;
        margin-top: 0;
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
        display: block;
        margin: 0 auto;
    }
        nav.top-bar ul > li.has-dropdown a {
        line-height: 31px;
        font-size: 12px;
        text-decoration: none;
        padding-right: 20px;
        padding-left: 20px;
        background-color: #999;
        text-shadow: -1px -1px 0px rgba(0,0,0,0.25);
        text-align: center;
        /*border-right-width: 2px;
border-right-style: solid;
border-right-color: #FFF;
        margin-right: 2px;*/
        padding-top: 6px;
    }

    nav.top-bar ul > li.has-dropdown:hover {
        background-color: transparent;
        text-align: center;
    }

        nav.top-bar ul > li.has-dropdown:hover a {
            background-color: #055E9A;
            color: #FFF;
            text-align: center;
        }


    nav.top-bar ul > li a {
        line-height: normal;
        font-size: 12px;
        text-decoration: none;
        /*padding-right: 35px;
        padding-left: 35px;*/
        background-color: #999;
        text-shadow: -1px -1px 0px rgba(0,0,0,0.25);
        text-align: center;
        margin-right: 2px;
        /*padding-top: 14px;*/
    }

    nav.top-bar ul > li:hover {
        background-color: transparent;
        text-align: center;
    }

        nav.top-bar ul > li:hover a {
            background-color: #055E9A;
            color: #FFF;
            text-align: center;
        }


    nav.top-bar ul > li.has-dropdown .dropdown li {
        background-color: #055E9A;
    }

    nav.top-bar.expanded ul > li.has-dropdown {
        border-bottom: 2px solid #FFF;
    }

    nav.top-bar ul > li.has-dropdown a:hover {
        background-color: #055E9A;
        color: #FFF;
        text-align: center;
    }

    nav.top-bar ul > li.hasNot-dropdown a:hover {
        background-color: #055E9A;
        color: #FFF;
        text-align: center;
    }
    /*dodano*/
    nav.top-bar.expanded ul > li {
        border-bottom: 2px solid #FFF;
    }

    nav.top-bar ul > li a:hover {
        background-color: #055E9A;
        color: #FFF;
        text-align: center;
    }
    /*end*/
    nav.top-bar ul > li.has-dropdown .dropdown {
        background-color: #055E9A;
    }

        nav.top-bar ul > li.has-dropdown .dropdown li a {
            background-color: #055E9A;
            text-align: left;
        }

            nav.top-bar ul > li.has-dropdown .dropdown li a:hover {
                background-color: #044F80;
                text-align: left;
            }

        nav.top-bar ul > li.has-dropdown .dropdown li.divider {
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #045286;
        }

    nav.top-bar ul > li.toggle-topbar {
        width: 100%;
    }

    nav.top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) {
        border-bottom: 2px solid #FFF;
    }

    nav.top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
        background-color: #044F80;
        text-align: left;
    }

    nav.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:hover {
        background-color: #044F80;
        text-align: left;
    }


    @media only screen and (max-width: /*1070px*/ 940px) {
        .divTopBar {
            margin-bottom: 0px;
            height: 50px;
        }

        .meniHidden {
            visibility: hidden !important;
        }

        nav.top-bar {
            background-color: #999;
        }


        .openMeni {
            overflow: visible;
        }

        .box-content {
            /*margin-top: 0px;*/
            margin-top: -30px;
        }
    }
    /*.top-bar ul > li a:not(.button) {
background-color :#999 !important;
}*/
    .doc-list, .document-list ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .text .doc-list, .text.doc-list {
        margin-top: 0px;
        margin-left: 1px;
    }
    /* Ispravka za mobilnu */
    @media only screen and (max-width: 767px) {
        .text .doc-list, .text.doc-list {
            margin-left: -14px;
        }
    }

    @media only screen and (max-width: /*1070px*/ 940px) {
        nav.top-bar ul > li.has-dropdown a:hover {
            text-align: center;
        }

        nav.top-bar ul > li.hasNot-dropdown a:hover {
            text-align: center;
        }

        nav.top-bar ul > li.toggle-topbar:hover {
            background-color: #055e9a;
        }
    }

    @media only screen and (max-width: 767px) {
        nav.top-bar ul > li.has-dropdown a:hover {
            text-align: center;
        }

        nav.top-bar ul > li.hasNot-dropdown a:hover {
            text-align: center;
        }

        nav.top-bar ul > li.toggle-topbar:hover {
            background-color: #055e9a;
        }
    }


    .ArchiveTitle2 {
        font-size: 1.33em;
        font-weight: normal;
        line-height: 1.2em;
        margin-bottom: 0.7em;
        margin-top: 0.7em;
    }

    .text .doc-list a, .text.doc-list a {
        color: #4d4d4d;
    }

        .text .doc-list a:hover {
            color: #055e9a;
            text-decoration: none;
        }

    .text .doc-list .tha a {
        color: #eee;
    }

        .text .doc-list .tha a:hover {
            color: #000;
        }

.text {
    margin-left: -15px;
    padding-left: 0px;
    margin-top: -15px;
}

/*Fix srednje kolone*/
.seven .text .box-filter, .seven .text .box-homenews, .eight .text {
    margin-right: -15px;
}

@media only screen and (max-width:767px) {
    .text {
            padding-left: 15px;
        }
    .seven .text .box-filter, .seven .text .box-homenews, .eight .text {
        margin-right: 0px;
    }
}

    .text a:hover {
        color: #055E9A;
        text-decoration: none;
    }

    .box-content, .footer {
        text-align: left;
    }

    nav li a {
        margin-right: 2px;
        font-weight: bold;
    }

    .text .Title {
        font-size: 1.33em;
        font-weight: normal;
        line-height: 1.2em;
        margin-bottom: 0.7em;
        margin-top: 0.7em;
    }

    .text .date, .text.doc-list .DATETIME_PUBLISHED {
        font-size: 0.86em;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #DDD;
        vertical-align: middle;
    }

    tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    table {
        display: table;
        border-spacing: 2px;
        /*border-color: grey;*/
        border-right-style: solid;
        border-right-color: #DDD;
        border-right-width: 1px;
        border-left-style: solid;
        border-left-color: #DDD;
        border-left-width: 1px;
    }

    .date, .DATETIME_PUBLISHED {
        color: #055E9A;
        font-size: 12px;
        margin: 0px;
    }

    .doc-list td.DATETIME_PUBLISHED {
        padding-top: 18px !important;
        padding-bottom: vertical-align: middle;
    }

    .text .doc-list td, .text.doc-list td {
        vertical-align: top;
    }

    .text .date, .text.doc-list .LINK_DESCRIPTION {
        font-size: 0.86em;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #DDD;
        padding-top: 8px;
        padding-bottom: 8px;
        vertical-align: middle;
        width: 100%;
    }

.text td {
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    border-bottom-width: 1px;
}

.doc-list table .LINK_DESCRIPTION a {
    color: #4d4d4d;
    text-decoration: none;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
}

        .doc-list table .LINK_DESCRIPTION a:hover {
            color: #055E9A;
        }

    .twelve ul.breadcrumbs {
        /* margin-bottom: 25px; */
        border-top-color: #E6E8EF;
        border-right-color: #E6E8EF;
        border-bottom-color: #E6E8EF;
        border-left-color: #E6E8EF;
        padding-top: 15px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 0px;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: none;
        position: relative;
        margin-top: 0px;
        background-color: #FFF;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    ul.breadcrumbs li:first-child {
        line-height: 18px;
    }

    ul.breadcrumbs li {
        margin: 0;
        padding: 0 12px 0 5px !important;
        float: left;
        list-style: none;
    }

    .box.grey.box-calendar {
        padding-left: 11px;
        padding-right: 11px;
    }

    .grey {
        background-color: #EEEEEE;
    }

    .box {
        padding: 15px;
        margin-bottom: 30px;
    }

    .cal td {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }
    /*Calendar*/
    .cal {
        width: 100%;
        /*margin-left: -5px;*/
    }

    @media only screen and (max-width:767px) {
        .cal {
            margin-left: 0px;
        }
    }

    .cal > thead > tr > td {
        font-size: .75em;
        text-align: center;
        color: #AAA;
        padding: 3px;
        border-top: 1px solid rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

    .cal > tbody > tr > td {
        text-align: center;
    }
        /*.cal > tbody > tr > td.adjacent-month {
opacity: .45;
}*/
        .cal > tbody > tr > td.today {
            background-color: #f5f5f5;
        }

        .cal > tbody > tr > td.event {
            font-weight: bold;
            /*position: absolute;*/
            color: #000 !important;
            text-decoration: underline;
        }
    /*.cal > tbody > tr > td.event:before {
content: "";
width: 15px;
height: 15px;
border-radius: 10px;
display: inline-block;
background-color: #000;
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}*/
    .clndr-control-button {
        cursor: pointer;
    }
    /*Event in calendar*/
    .days {
        left: 0;
        transition: left 0.5s ease 0s;
    }

    .event-listing {
        position: relative;
    }

    .event-listing-title {
        padding-bottom: 5px;
        padding-top: 5px;
        text-align: center;
        width: 100%;
    }

    .event-item-name {
        color: black;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2em;
        margin: 0;
    }

    .event-x-header {
        /*position: absolute;     
right: 15px;*/
        cursor: pointer;
        /*top: 7px;*/
    }

    .event {
        cursor: pointer;
    }

    .day.today.event {
        border-radius: 20px;
        color: black;
    }

    .eventInCalendar {
        display: block;
        background-color: #fff;
        width: 140px;
        line-height: 1em;
        padding: 5px;
        position: absolute;
        font-size: 13px;
        left: 50%;
        margin-left: -70px;
        -webkit-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -moz-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -o-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        top: -120%;
        opacity: 0;
        visibility: hidden;
    }

    #eventClass {
        display: none;
    }

    #spanCircle:hover ~ #eventClass {
        display: block;
        font-size: 12px;
    }

    .event-header {
        background-color: rgba(241, 242, 243, 1);
        border-left: 5px solid #54adcf;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        color: #54adcf;
        display: block;
        font-size: 13px;
        font-weight: 700;
        line-height: 1em;
        margin: 0;
        padding: 6px 10px 1px;
    }

    .event-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #222;
        display: block;
        padding: 7px 4px;
        position: relative;
    }

    .event-item-name:hover {
        color: #54ADCF;
    }

    .event-item-name-engl {
        color: black;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2em;
        margin: 0;
    }

    .event .eventInCalendar {
        display: block;
        background-color: #fff;
        width: 140px;
        line-height: 1em;
        padding: 5px;
        position: absolute;
        font-size: 13px;
        left: 50%;
        margin-left: -70px;
        -webkit-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -moz-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        -o-transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        top: -120%;
        opacity: 0;
        visibility: hidden;
    }

    .btn-sendmessage {
        width: 100% !important;
        text-transform: uppercase;
    }
    /*CSS from old website*/
    .pnlHtmlText, .pnlArchiveUl {
        position: relative;
    }

    .box.grey .section, .box.grey .ArchiveTitle {
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        font-family: "Arial Black", Gadget, sans-serif;
        display: block;
        background-color: #DFDFDF;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #F7F7F7;
        margin-left: -15px;
        padding-left: 15px;
        margin-right: -15px;
        padding-right: 15px;
        padding-top: 15px;
        margin-top: -15px;
        letter-spacing: 1px;
        margin-bottom: 5px;
        text-shadow: 1px 1px 0px rgba(255, 255, 255, .3);
        font-weight: bold;
    }

    h1.section {
        font-size: 1.3em;
        font-weight: normal;
        margin: 0px;
        padding-bottom: 10px;
        color: #0099CC;
    }
    /*Datepicker*/
    .box-filter .calendarCustom, .ajax__calendar_body {
        background: none;
    }

    .calendarCustom, .ajax__calendar_today {
        padding-top: 0px;
        margin-top: -6px;
    }

    .calendarCustom, .ajax__calendar_year {
        font-size: 13px;
        width: 35px !important;
        height: 41px !important;
        padding: 0 6px;
    }

    .calendarCustom, .ajax__calendar_month {
        font-size: 13px;
        width: 35px !important;
        height: 41px !important;
        padding: 6px;
    }

    .calendarCustom, .ajax__calendar_dayname {
        font-size: 11px;
        width: auto;
        height: auto;
    }

    .calendarCustom, .ajax__calendar_day {
        font-size: 11px;
        width: auto;
        height: auto;
    }

    .calendarCustom, .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
        height: 139px !important;
        margin: 0px;
        text-align: center;
        position: absolute;
    }

    .calendarCustom, .ajax__calendar_body {
        background: none repeat scroll 0 0 #FFFFFF;
        height: 139px !important;
        width: 200px !important;
    }

    .calendarCustom, .ajax__calendar_header {
        background: none repeat scroll 0 0 #FFFFFF;
    }
    /*Calendar header*/
    .ajax__calendar_prev {
        cursor: pointer;
        width: 15px;
        height: 15px;
        float: left;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url(WebResource.axd?d=CxTpCKuAGOcmcG03jTwIbeAK_AQ2BFyCB3fhgqxSlwicmxhV11-ED8sre7Q8HWnVgVd-vMRYH7kBVKCB_ZNY6Akfz9o-wTgMdshP6VU3y980HMFALYnNmarbz0BSlYRb_TG8U_iP1YokZ0XejvBIjd0Bpe81&t=633566374720000000);
        position: absolute;
        left: 0px;
        top: 38px;
    }

    .ajax__calendar_next {
        cursor: pointer;
        width: 15px;
        height: 15px;
        float: right;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url(WebResource.axd?d=jPLKi1TtouXBp5ahlj6LBSzNHTnww_WYBGx_0FdS1vQuU8DyJtpauLjRK2MIo6pRXmPvrb5FPMh0izgxLQl2MjCog0l3_839LKVp2utsC_PnHnQG366WrnFTeuq97WUWafCAeY-RmbsYEQ4Gl7GEe0tikgA1&t=633566374720000000);
    }

    .ajax__calendar_title {
        cursor: pointer;
        font-weight: bold;
    }

    .ajax__calendar_container {
        padding: 4px;
        position: absolute;
        cursor: default;
        width: 170px;
        font-size: 11px;
        text-align: center;
        font-family: tahoma,verdana,helvetica;
    }

    .ajax__calendar_container {
        z-index: 1;
        width: 200px !important;
        height: 179px !important;
        border: 1px solid #555;
        background: none repeat scroll 0 0 #FFFFFF;
        visibility: hidden;
        position: absolute;
        left: 0px;
        top: 38px;
        display: none;
    }
    /*Calendar days*/
    .ajax__calendar_day {
        height: 17px;
        width: 18px;
        text-align: right;
        padding: 0 2px;
        cursor: pointer;
    }

    .dateTimepicker_container {
        padding: 4px;
        position: absolute;
        cursor: default;
        width: 170px;
        font-size: 11px;
        text-align: center;
        font-family: tahoma,verdana,helvetica;
    }
    /*Content page css*/
    .text .sendByEmailTitle {
        border-top-color: #EEEEEE;
        border-top-style: solid;
        border-top-width: 3px;
        color: #055E9A;
        margin-top: 15px;
        padding-bottom: 20px;
        padding-top: 25px;
        text-transform: uppercase;
    }

    .text .sendByEmailTitle {
        border-top-color: #EEEEEE;
        border-top-style: solid;
        border-top-width: 3px;
        color: #055E9A;
        margin-top: 15px;
        padding-bottom: 20px;
        padding-top: 25px;
        text-transform: uppercase;
    }

    .activeCalendarLinks {
        display: none;
        width: 300px;
        position: absolute;
        background-color: #FFF;
        border: 1px solid #D3CEB8;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        z-index: 200;
        margin-top: -15px;
        -webkit-box-shadow: 1px 1px 4px 0px #f7f7f7;
        -moz-box-shadow: 1px 1px 4px 0px #f7f7f7;
        box-shadow: 1px 1px 4px 0px #f7f7f7;
        /* padding-top: 15px; */
        padding-right: 15px;
        padding-bottom: 15px;
        margin-left: -15px;
        text-align: left;
    }

    .cal .active .activeCalendarLinks ul li {
        list-style-type: none;
        border-bottom-color: #EEEEEE;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        padding-bottom: 5px;
        border-left-color: #EEEEEE;
        border-left-style: solid;
        border-left-width: 2px;
        padding-left: 5px;
    }

        .cal .active .activeCalendarLinks ul li a {
            color: #000 !important;
            position: relative;
            text-decoration: none;
        }

    .subnav ul > .currnetMenuItem > a {
        background-color: #033C61;
    }

    .title-line .ArchiveTitle {
        border-bottom-style: solid;
        border-bottom-width: 3px;
        color: #0099CC;
        font-size: 1.3em;
        font-weight: normal;
        margin: 0;
        padding-bottom: 10px;
        border-left-style: none;
    }

    .text .ArchiveTitle {
        background-color: #FFF;
        font-size: 1.33em;
        font-weight: normal;
        line-height: 1.2em;
        margin-bottom: 0.7em;
        margin-top: 0.7em;
        border-left-width: 0px;
        padding-left: 0px;
    }

        .text .ArchiveTitle a {
            color: #000;
        }

            .text .ArchiveTitle a:hover {
                color: #055E9A;
                text-decoration: none;
            }

    .box-pagination li a {
        background-image: none !important;
        min-height: auto;
    }

    .box-pagination .active a {
        background-color: #055E9A;
        color: #FFF !important;
        font-weight: bold;
    }

        .box-pagination .active a:hover {
            background-color: #055E9A !important;
            color: #FFF !important;
            font-weight: bold;
        }

    .rijec-ministra-tweet {
        padding: 0rem;
        background-color: #f0f0f0;
        padding: 10px 10px 5px 10px;
    }

        .rijec-ministra-tweet img {
            width: 70px;
            height: 70px;
            float: left;
            border: 2px solid #cccccc;
            margin-top: -23px;
            object-fit: cover;
            object-position: left;
        }

        .rijec-ministra-tweet p {
            padding: 0px 10px 0px 105px;
            font-size: 14px;
            font-style:italic;
            text-align:justify;
            font-family: 'Franklin Gothic Book';
            width: 95%;
        }

#startquot {
    width: 20px;
    height: 20px;
    margin: 10px 0 -35px 80px;
    background-image: url(/Content/pix/quot1.png);
    background-size: contain;
    opacity: 0.35;
}

#endquot {
    margin: -35px 10px 0 0;
    width: 20px;
    height: 20px;
    float: right;
    background-image: url(/Content/pix/quot2.png);
    background-size: contain;
    opacity: 0.35;
}

    /*.rijec-ministra-tweet p:before {
color: #ccc;
font-size: 3em;
line-height: 0.1em;
vertical-align: -0.4em;
padding-right: 0.2em;
}
.rijec-ministra-tweet p:after {
color: #ccc;
font-size: 3em;
line-height: 0.1em;
        
vertical-align: -0.4em;
}*/
    /*.rijec-ministra-tweet p {
color: #3E3E3E;
font-style: italic;
display: inline;

}*/
    .clndr {
        /*margin-left: 5px;*/
        width: 100%;
        /*margin-top: -7px;*/
    }


    @media only screen and (max-width:767px) {
        .clndr {
            margin-left: 0px;
            width: 100%;
            margin-top: 5px;
        }
    }
    /* Photo Gallery */
    /* Gallery */
    .list-photos {
    
        padding: 0;
    }

    .row .ten {
        width: 72%;
    }

    .dropdown .active > li.has-dropdown.active a, .has-dropdown .active a {
        font-size: 12px;
    }

    .title-content {
        font-size: 12px;
        font-weight: bold;
        color: #0099CC;
        background-color: #FFF;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        padding-top: 3px;
        padding-bottom: 3px;
        letter-spacing: 2px;
        text-align: left;
        display: inline-block;
        position: relative;
        float: left;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 13px;
        margin-left: 0px;
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
    }

    .list-photos > li {
        display: inline-block;
        width: 50%;
        padding: 6px;

        margin-left: 0;
        padding-left: 0;
        vertical-align: top;
    }

    @media only screen and (max-width: 767px) {
        .list-photos > li {
            width: 100%;
        }
    }

    .list-photos > li a {
        display: block;
        min-height: 300px;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
        position: relative;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }

        .list-photos > li a:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            height: 60%;
            width: 100%;
            background-image: -moz-linear-gradient(50% 0% -90deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);
            background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgba(0,0,0,0.55)),color-stop(1, rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(360deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);
            background-image: linear-gradient(360deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);
            opacity: .9;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
        }

    .list-photos .inner {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 3;
        padding: 15px 25px;
        padding-right: 60px;
    }

    .list-photos .icon-image {
        opacity: .6;
        margin-right: 6px;
        position: relative;
        top: 1px;
    }

    .list-photos .circle {
        background-color: transparent;
        color: rgba(255,255,255,.65);
        border: 1px solid rgba(255,255,255,.25);
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        position: absolute;
        right: 25px;
        bottom: 15px;
    }

    .list-photos > li:hover a {
        color: #ccc;
        box-shadow: 0 8px 7px -5px rgba(0,0,0,.2);
        -webkit-transform: scale(1.01) translate(0px, -4px);
        -moz-transform: scale(1.01) translate(0px, -4px);
        -o-transform: scale(1.01) translate(0px, -4px);
        -ms-transform: scale(1.01) translate(0px, -4px);
        transform: scale(1.01) translate(0px, -4px);
    }

    .list-photos > li:hover .circle {
        color: #fff;
        border-color: rgba(255,255,255,.65);
        box-shadow: 0 0 0 1px rgba(255,255,255,.65);
    }

    .list-photos > li:hover a:before {
        opacity: 1;
    }

    .article .body .list-photos > li p {
        font-size: .85em;
    }

    .lg-progress-bar .lg-progress {
        background-color: #3F7CBA;
    }

    .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
        border-color: #3F7CBA;
    }

    .lg-outer .lg-thumb-item {
        border-radius: 0;
    }

    span.circle {
        border-radius: 100%;
    }
    /*News galleries*/
    .list-photos > .news-gallery a {
        min-height: 200px;
    }
    .news-gallery-container {
        margin-left: -15px;
    }
    .news-gallery-container .list-photos > li {
        width: 49%;
    }

    .box-articles {
        margin-bottom: 7px;
    }

        .box-articles .art-list a {
            color: #000;
            font-size: 14px;
        }

    .home-img {
        margin-bottom: 3px !important;
    }

    /* FIX */

.box-articles.home-img .a-img {    
    height:54px !important;
}




    /**/

    /*Novi dizajn*/
    .box-content .three, .row .three, .two, .row .two {
        width: 28%;
    }

    .box-footer .row .six {
        width: 50%;
    }

    .box-content .row .seven, .row .eight, .row .six {
        width: 44%;
    }

    .box-header .row .eight {
        width: 60%;
    }

    @media only screen and (max-width: /*1070px*/940px) {
        .box-header .row .eight {
            width: 60%;
            margin-top: -20px;
        }

        @media only screen and (max-width:767px) {
            .box-header .row .eight {
                width: 30%;
                margin-top: -20px;
                font-size: 20px;
            }
            .news-gallery-container {
                margin-left: 0;
            }
        }
    }

    .box-content .box-home img {
        width: 100%;
        max-height: 100%;
    }

    .box-articles .art-list li img {
        min-width: 130px;
        max-width: 130px;
        height: 100px;
        object-fit: cover;
        margin: 5px;
    }
    /* Ispravka za mobilnu */
    @media only screen and (max-width:360px) {
        .box-articles li img {
        }
    }

    .box-articles .art-list li div.other-news {
        margin: 0px 10px 5px 10px;
        position: relative;
        width: 100%;
    }

    .box-articles .art-list li div h1 {
        margin-right: 20px;
    }


    .box-articles .art-list li:hover {
        background-color: #f0f0f0;
    }

    .box-articles .art-list .first-news:hover {
        background-color: #fff;
    }

    .box-content .row .article .text {
        text-align: justify;
    }
    /*Icons*/
    @font-face {
        font-family: icomoon;
        src: url('../webfonts/icomoon.eot?4sjgyr');
        src: url('../webfonts/icomoon.eot?4sjgyr#iefix') format('embedded-opentype'), url('../webfonts/icomoon.ttf?4sjgyr') format('truetype'), url('../webfonts/icomoon.woff?4sjgyr') format('woff'), url('../webfonts/icomoon.svg?4sjgyr#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }


    .box-articles .art-list li div.other-news::after {
        content: "\e601";
        font-family: 'icomoon' !important;
        font-size: 14px;
        color: #1ca0f2;
        position: absolute;
        right: 0px;
        bottom: 10px;
    }

    /*.first-news-a {
        padding-left: 10px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
    }*/

    .read-more {
        color: #fff !important;
        text-align: right;
        position: relative;
        padding-right: 25px;
        font-weight: 700;
        margin-bottom: 0px;
        padding-bottom: 5px;
        margin-top:-25px;
        margin-right:9px;
    }

        .read-more::after {
            content: "\e601";
            font-family: 'icomoon' !important;
            font-size: 14px;
            color: #fff;
            position: absolute;
            right: 2px;
            bottom: 6px;
            font-weight: bold;
        }
.first-news-content {
     text-align: justify;
    position: absolute;
    padding-left: 12px;
    padding-right: 15px;
    bottom: 1%;
    color: #fff;
    font-weight:500;
}
        /*Fix strelice na prvoj vijesti za mobilnu*/
@media only screen and (max-width:767px) {
    .read-more::after {
        right: 1px;
    }
}

    .home-img {
        margin: 0 auto;
    }

    .home-img-arrow:after {
        content: "\e601";
        font-family: 'icomoon' !important;
        font-size: 13px;
        color: #fff;
        position: absolute;
        right: 10px;
        bottom: 10px;
        border: 1px solid #fff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        padding: 2px 4px;
        line-height: 17px;
        opacity: 0.9;
        z-index: 10;
    }

    .home-img-arrow-hovered::after {
        background-color: #fff;
        color: #4486b3;
    }

    a.other-news {
        color: #1ca0f2 !important;
        font-weight: bold;
    }

    .other-news::after {
        content: "\e601";
        font-family: 'icomoon' !important;
        font-size: 14px;
        color: #1ca0f2;
        padding-left: 10px;
    }

    .home-img a.a-img {
        width: 190px;
        height: 94px;
        object-fit: contain;
        display: inline-block;
        position: relative;
        width: 100%;
        background-size: cover;
    }

        .home-img a.a-img span.img-overlay {
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, #000000 160%, #000000 6%);
            position: absolute;
            top: 0px;
            width: 100%;
            height: 100%;
        }

#home-img-46 .img-overlay {
    background: linear-gradient(180deg, rgba(5, 94, 154,0.55) 0%, #4E9BCF 160%, #4E9BCF 6%);
}

            .home-img a.a-img span.img-overlay:hover {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, #4486b3 160%, #4486b3 6%);
                position: absolute;
                top: 0px;
                width: 100%;
                height: 100%;
            }

    .home-img > a.a-img > span.LinkImageTitle {
        color: #ffffff;
        font-size: 14px;
        line-height: 16.8px;
        font-weight: bold;
        position: absolute;
        bottom: 10px;
        left: 10px;
        padding-right: 35px;
        z-index: 10;
    }

    .home-img-arrow:hover ~ .home-img a.a-img span.img-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, #4486b3 160%, #4486b3 6%) !important;
    }

@media only screen and (max-width: /*1070px*/ 940px) {
    .top-bar ul > li.has-dropdown a::after {
            margin-right: 0;
        }

   #regions_div ::-webkit-scrollbar {
        display: none;
    }
}

/* Ispravka za mobilnu */

@media only screen and (max-width: 767px) {
    .languages label {
        float: left;
        text-align: left;
        padding: 0px;
        margin-left: 0px;
    }
}

@media only screen and (min-width:768px){
    #mapCtrl {
        margin-bottom:-7px;
    }

    .helper {
        padding-right:1.5px;
    }
}


@media only screen and (max-width: 767px) {

    .home-img {
        float: left;
        margin: 0 auto;
        padding: 0;
        width:100%;
    }

    /*#rightside {
        width: 190px !important;
        padding-left: 7px !important;
    }*/

    .helper .box-articles.home-img {
        width: 190px !important;
        padding-left: 7px !important;
    }

    #mapCtrl{
        max-height:94px;
        overflow:hidden;
    }

    .other-news {
        margin-left: 10px;
        margin-bottom: 20px;
    }

    .ctct {
        margin-top: -80px;
    }

    @media only screen and (max-width:425px) {
        .ctct {
            margin-top: 30px;
        }

        .smallhelper {
            width: 180px;
            float: none;
            margin: 0 auto;
        }
    }
 

    @media only screen and (min-width: 449px) {
       .three {
            padding-left: 15px;
        }

       .helper {
                float: none;
                position: relative;
                width: 395px;
                margin: 0 auto;
       }        
    }

    @media only screen and (max-width: 448px) {
        .helper {
            float: none;
            position: relative;
            width: 190px;
            margin: 0 auto;
        }
    }

    @media only screen and (min-width: 645px) {
        .helper {
            float: none;
            position: relative;
            width: 592px;
            margin: 0 auto;
        }
    }

    .box-articles li div {
        width: 100%;
        /*padding: 0 7px;*/
    }

    .box-articles .art-list li div::after {
        float: left;
    }

    @media only screen and (max-width: 370px) {
        .box-articles .art-list li div::after {
            float: left;
            margin-right: 20px;
            margin-bottom: 16px;
        }
    }

    @media only screen and (max-width:370px) {
        .box-articles .art-list li img {
            min-width: 100%;
            max-width: 100%;
            height: 150px;
            object-fit: cover;
            margin: 5px;
            padding-right: 9px;
        }

        .site-map-container {
        }

            .site-map-container a:hover {
                color: #055E9A;
                text-decoration: none;
            }

            .site-map-container a {
                color: #09C;
                text-decoration: none;
            }

            .site-map-container dt a {
                color: #000000;
                text-decoration: none;
            }

            .site-map-container h1 {
                font-size: 22px;
                font-weight: normal;
                margin-bottom: 0.7em;
                line-height: 1.2em;
                clear: left;
            }

        .gallery-container h1 {
            font-size: 22px;
            font-weight: normal;
            margin-bottom: 0.7em;
            line-height: 1.2em;
            clear: left;
        }

        .gallery-container .list-photos {
            margin: 0;
        }

            .gallery-container .list-photos > li {
                margin: 0;
            }

        .box-content #pnlSendByEmail .row .seven {
            width: 58%;
        }

            .box-content #pnlSendByEmail .row .seven textarea {
                margin-bottom: 10px;
            }
    }
}

/*FIX ZA MOBILNU*/

@media only screen and (max-width:767px)
{
    .home-mini-gallery {
        margin-top:68.5px;
    }

    .home-mini-gallery .home-img{
        width:100%;
        padding: 0;
    }

    .box-articles .art-list li img{
        /*padding-left: 10px;
        padding-right:5px;*/
        max-height:230px;
    }

    .box-articles .art-list li{
        /*margin:12px;*/
        padding:0;
        margin-left:15px;
        margin-right:13px;
    }    

    /*Margine tweet bloka za mobilnu*/
    #tweet {
        margin-left: 15px;
        margin-right: 13px;
        margin-top:-20px;
    }
}

@media only screen and (min-width:768px) {
    .home-mini-gallery {
        margin-top: -6.5px;
    }
    /*Sirina galerije na firefoxu*/
    @-moz-document url-prefix() {
        .home-mini-gallery {
            margin-top: 10px;
            width: 99.8% !important;
        }
    }

    /*Ponistavanje margina za mobilnu na desktopu*/
    #tweet{
        margin-left:0px;
        margin-right:0px;
    }

    /*Fix za navigation bar na desktopu*/
    #openNav{
        display:none;
    }
}

.float-left {
    float: left;
}


.first-news .img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}


.first-news a {
  position:relative;
}

.first-news h1 {
    color: #ffffff;
    font-size: 17px;
    line-height: 16.8px;
    font-weight: bold;
    position: absolute;
    bottom: 25%;
    left: 12px;
    padding-right: 35px;
    z-index: 10;
    font-size: 17px;
}

.first-news .date {
    color: #fff;
    margin-top: 6px;
    float: right;
    margin-right: 8px;
}

.first-news strong {
    font-size: 15px;
}


/*FIX SEARCH FORM ZA DESKTOP*/
@media only screen and (min-width:768px) {

    #searchform .eight, #LabelaTipDokumenta, #columnLabelaKategorije, #columnDatumObjave {
        width: 100%;
    }
    #LabelaTipDokumenta .label, #columnLabelaKategorije .label, #columnDatumObjave .label {
        text-align: left !important;
    }
    #DateFour {
        width:49%;
    }
}
}

#ListOfNews table {
    width: 100%;
}

#pageContent, #ListOfAttachments, #newsContent, #ListOfNews {
    font-family: 'Times New Roman', Arial, Helvetica, sans-serif;
}

.error-container {
    text-align: center;
    color: #561F22;
    font-size: 1.2em;
    background-color: #F2DEDE;
    border-radius: 4px;
}
.error-container h3 {
    padding: 5px;
}

/*LightGallery overriding for Edge&IE*/
.lg-actions .lg-next {
    right: auto !important;
}
/**/