/* Layout */
@import url(Home.css?t=20250909);
@import url(Header.css?t=20250909);
@import url(Navigation.css?t=20251005);
@import url(Parts.css?t=20250930);
@import url(Slider.css?t=20250909);
@import url(SliderMobile.css?t=20250909);
@import url(Mobile.css?t=20250930);

html {
    /*background-color:#0069b5;*/
}

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

    a:hover {
        text-decoration: none;
        color: #76602e;
    }

    a.red {
        color: #76602e;
    }
a.red:hover {
    text-decoration: underline;
}

.navigation_box .content_width {
    display: flex;
    gap: 15px;
}

/* Width - all */
.content_width {
    width: 1120px;
    margin: 0px auto;
}

/* Position */
.right-float {
    float: right;
}

.left-float {
    float: left;
}

/* Colors */
.color-base {
    color: #000;
}

.color-base-bg {
    background-color: #000;
}

.color-gray {
    color: #1e1e1e;
}

.color-gray-bg {
    background-color: #1e1e1e;
}

.color-red {
    color: #d2142d;
}

.color-red-bg {
    background-color: #d2142d;
}

.color-red-sec {
    color: #ff0000;
}

.color-red-sec-bg {
    background-color: #ff0000;
}

/* Components */
.publishedDate {
    margin: 0 0 4px 0;
    font-size: .85em;
}

.content_item img,
.photo_gallery .photo_item img
{
	position:relative;
	/*border-radius:5px;
	behavior:url(/css/PIE.htc);*/
}


.main_content .group .content_item.cover-image
{
    margin-bottom:15px;
    padding:0;
    border:none;
    position:relative;
    
}

    .main_content .group .content_item.cover-image h1 a {
        font-size:1.8em;
    
    }

.main_content .group .content_item.cover-image a
{
    color:white;
    
}

    .main_content .group .content_item.cover-image h1 {
        position:absolute;
        z-index:100;
        top:30px;
        left:30px;
    }

    .main_content .group .content_item.cover-image .more {
        position:absolute;
        z-index:100;
        top:80px;
        left:30px;
        border-color:white;
    }

/* Content bg */
.content
{
    padding-top: 20px;
	background-color:#f8f8f8;
	/*background-image:url(../Img/content-bg.png);*/
	background-position:center bottom;
	background-repeat:no-repeat;
}


    /* Content */
    .main_content .column {
        float: left;
    }

    .main_content .lr_columns {
        width: 230px;
        margin: 0 20px 0 0;
        padding: 0 35px 0 0;
        _margin-left: 0 !important; /* Fix IE6 */
    }

    .main_content .r_column {
        width: 220px;
        padding: 0;
    }

    .main_content .center_column {
        width: 835px;
        padding: 0;
        min-height: 400px;
        font-size: 1.08em;
    }

    .main_content .full-size .center_column {
        width: 740px;
        margin-right: 0;
    }

    .main_content .hide-left .center_column {
        width: 720px;
    }

    .main_content .full-size.hide-left .center_column {
        width: 100%;
        margin-right: 0;
    }

    .main_content .center_column hr {
        margin: 25px 0 25px 0;
    }

    .main_content .related_gallery {
        font-size: 1em;
        font-weight: 400;
    }

    .main_content .r_column h1,
    .main_content .r_column h2,
    .main_content .r_column h3,
    .main_content .r_column h4 {
        font-weight: bold;
    }

    .main_content .center_column .details {
        margin-bottom: 30px;
    }

.main_content .center_column > .title {
    margin-bottom: 25px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px 0;
    font-size: 2em;
    color: #000;
}

        .main_content .center_column > .title.header-image {
            border-top: none;
        }

    .main_content .center_column img.header {
        position: relative;
        border-radius: 5px;
        behavior: url(/css/PIE.htc);
    }

    .main_content .center_column > .title .icon {
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 8px 10px 0 0;
        width: 10px;
        height: 15px;
        background-image: url(../Img/icons.png);
        background-position: -20px 0;
        background-repeat: no-repeat;
        vertical-align: top;
    }

.main_content .group .content_item {
    border: 1px solid #000;
    padding: 20px 25px;
    margin-bottom: 20px;
}

    .main_content .content_item .lid
     {
        padding: 0;
    }

    .main_content .content_item .data {
        padding: 0;
        margin-left: 20px;
        margin-right: 20px;
    }

    .main_content .group .title,
    .main_content .details .content_item .title {
    }

    .main_content .details .content_item .major_title {
        font-weight: 400;
    }

    .main_content .details .content_item .top_image {
        float: right;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .main_content .group .content_item .title {
        font-size: 1.35em;
        padding-bottom: 10px;
    }

    .main_content .r_column hr {
        visibility: hidden;
    }

    /* Right column - news */
    .main_content .r_column .news .section-title {
        padding: 0;
        margin: 0 0 4px 0;
        color: #D2142D;
        font-size: 1.15em;
        font-weight: 400;
        text-transform: uppercase;
    }

    .main_content .r_column .news-content {
        border: dotted 1px #000;
        border-radius: 5px;
        behavior: url(/css/PIE.htc);
    }

        .main_content .r_column .news-content .content_item {
            width: 198px;
            height: auto;
            padding: 10px;
            margin: 0;
            border: none;
        }

        .main_content .r_column .news-content .u-command .u-button {
            top: -22px;
        }

        .main_content .r_column .news-content .u-command .u-prev {
            right: 15px;
        }

        .main_content .r_column .news-content .u-command .u-next {
            right: 0;
        }

/* Breadcrumbs */
.news .news-inner {
    padding: 0px 10px 0 10px;
    background-color: White;
    border-radius: 4px 4px 0 0;
    behavior: url(/css/PIE.htc);
}

.news .news-inner {
    padding-top: 10px;
}

.content .news .news-inner {
    margin-bottom: 10px;
}

.breadcrumbs {
    background-color: #EFEFEF;
    background-image: url(../Img/breadcrumbs-shadow.png);
    background-position: top right;
    background-repeat: no-repeat;
}

    .breadcrumbs .breadcrumbs_inner {
        margin: 0 10px;
        padding: 10px 0;
        vertical-align: middle;
    }

        .breadcrumbs .breadcrumbs_inner .back-button {
            display: inline-block;
            width: 35px;
            height: 22px;
            margin-right: 20px;
            background-image: url(../Img/breadcrumbs-back-black.png);
            vertical-align: middle;
        }

/* Footer */
.sitemap_link {
    width: 100%;
    padding: 20px 0;
    background-color: #000;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

.sitemap_link a 
{
    color:#fff;
}

.footer {
    width: 100%;
    padding-bottom: 33px;
    padding-top: 47px;
    /*background-image: url(../Img/footer-shadow.png);
    background-position: top left;
    background-repeat: no-repeat;*/
}

    .footer,
    .footer a,
    .footer span {
        color: #FFF;
    }

        .footer hr {
            margin: 65px -30px 26px -30px;
            /*border: solid 1px #5e766e;*/
        }

.footer-inner {
    position: relative;
    padding: 0 30px;
}

    .footer-inner .social-networks {
        text-align: center;
    }

        .footer-inner .social-networks h3 {
            margin-bottom: 25px;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            color: #FFF;
        }

        .footer-inner .social-networks a {
            float: none !important;
            display: inline-block;
            width: 48px;
            height: 48px;
            background-repeat: no-repeat;
            border: solid 1px #FFF;
            border-radius: 4px;
            behavior: url(/css/PIE.htc);
        }

            .footer-inner .social-networks a:hover {
                background-color: #967d64;
                border: solid 1px #967d64;
            }

        .footer-inner .social-networks .youtube {
            background-image: url(../Img/youtube-icon.png);
        }

        .footer-inner .social-networks .linkedin {
            background-image: url(../Img/linkedin-icon.png);
        }

        .footer-inner .social-networks .facebook {
            background-image: url(../Img/facebook2.png);
        }

        .footer-inner .social-networks .instagram {
            background-image: url(../Img/instagram.png);
        }

    .footer-inner .links {
        float: right;
        font-size: .9em;
    }

        .footer-inner .links a {
            padding: 0 0 0 20px;
            color: #FFF;
        }

    .footer-inner .copyright {
        text-transform: none;
        font-size: .9em;
    }

    .footer-inner .logo {
        text-align: center;
        margin-top: 15px;
    }

/* Footer - site map */
.footer .footer-inner .column {
    display: inline-block;
    padding: 0;
    margin: 30px 0 30px 0;
    vertical-align: top;
}

    .footer .footer-inner .column a,
    .footer .footer-inner .column li {
        color: White;
        list-style-image: none;
    }

        .footer .footer-inner .column li:hover,
        .footer .footer-inner .column a:hover {
            *zoom: 1;
            opacity: .5;
            filter: alpha(opacity=50);
        }

    .footer .footer-inner .column .footer-group {
        text-transform: uppercase;
        font-weight: bold;
        list-style: none;
    }

.footer .content_width {
    display: block;
}

.kredit_container {
    background-color: #000;
    padding: 20px;
    margin-top: 20px;
    padding-bottom: 34px;
    color: white;
}

    .kredit_container a {
        color: white;
        text-decoration: underline;
        display: block;
        margin-bottom: 10px;
    }

.zahtjev_dialog {
    background-color: #000;
    padding: 20px;
    padding-bottom: 34px;
    width: 400px;
    color: white;
}

    .zahtjev_dialog a {
        color: white;
        text-decoration: underline;
        display: block;
        margin-bottom: 10px;
    }

.kredit_greska_container {
    padding: 20px;
    background-color: #d2142d;
    margin-top: 20px;
    margin-bottom: 20px;
}

.kredit_gotovo_container {
    padding: 20px;
    background-color: #24a024;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .kredit_greska_container:focus, .kredit_gotovo_container:focus {
        outline:none;
    }

.kredit_naslov {
    color: white;
    font-size: 25px;
    padding: 0px;
    line-height:22px;
    text-transform: uppercase;
}

.kredit_data_container_left {
    width: 48%;
    display: inline-block;
    padding-right: 10px;
    padding-top: 10px;
    vertical-align: top;
}

.kredit_data_container_right {
    width: 48%;
    display: inline-block;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: top;
}


.kredit_data_label {
    color: white;
    margin-bottom: 6px;
    margin-left: 0px;
    text-align: left;
}

.kredit_data_input input[type=text],
.kredit_data_input input[type=password],
textarea {
    width: 95%;
    border-width: 0px;
    border-radius: 4px;
    padding: 10px;
    color: #000;
}

.kredit_data_input select {
    width: 100%;
    border-width: 0px;
    border-radius: 4px;
    padding: 10px;
    color: #000;
}

.kredit_data_input table {
    color: white;
    width: 80%;
}

.cb_list .kredit_data_input table {
    color: white;
    width: 96%;
}

.input_style {
    border-width: 0px;
    border-radius: 4px;
    padding: 10px;
    color: #000;
}

.kredit_data_input table input {
    margin-right: 10px;
}

.btnCheck {
    /*background-color: #5f3c23;*/
    border: 1px solid white;
    padding: 9px;
    width: 160px;
    border-radius: 4px;
    color: white;
    padding-right: 34px;
    text-transform: uppercase;
    background-color:#000;
}

.iconCheck .btnCheck {
    /*background: url(../Img/icon-check.png) right 16px top 8px no-repeat;*/
}

.btnCheck:hover {
    background-image: none;
    background-color: #fff;
    border: solid 1px white;
    color:#000;
}


.alignt_top {
    margin-top: -79px;
}

.kredit_data_table table tr td {
    padding: 4px;
    font-size: 16px;
}

.kredit_container .btn_div {
    vertical-align: bottom;
    text-align: right;
}

.numeriranje {
    color: white;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px;
}

.izracunaj_div {
    padding-top: 20px;
    text-align: center;
}

    .izracunaj_div .half_width_hr {
        display: inline-block;
        border: solid 1px white;
        margin: 0px;
        width: 39%;
        vertical-align: middle;
    }

    .izracunaj_div .btnCheck {
        padding-right: 8px;
    }

        .izracunaj_div .btnCheck:hover {
            padding-right: 8px;
            border: 1px solid white;
        }

.exchange_calc_label {
    color: white;
}

.exchange_calc_bold_label {
    color: white;
    font-weight: bold;
    margin-right: 20px;
}

.exchange_calc_result {
    margin-top: 20px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

.exchange_calc_result_part {
    padding: 10px;
}

.zahtjev_dialog_part {
    margin-top:15px;
}

.val_bold {
font-weight:bold;
}

.podaci_o_klijentu {
padding-bottom:75px;
}

.podaci_o_klijentu .iconCheck {
    float:right;
    margin-top:-50px;
    margin-right:10px;
}

.dialog_close
{
    cursor:pointer;
}


.content_item .send-complaint {
    float: right;
    margin-top: -42px;
    margin-right:70px;
}

.otvori_cookie_dialog {
    position: absolute;
    left: 0;
    top: 10px;
    color: white;
}

.covid-19 {
    color: white;

}

.main_content .center_column.NEGATIVE {
    color: white;
    background-color: black;
    margin-bottom: 20px;
}

    .main_content .center_column.NEGATIVE h1,
    .main_content .center_column.NEGATIVE a {
        color: white;
    }

        .main_content .center_column.NEGATIVE a:hover {
            color: #76602e;
        }