@font-face {
    font-family: 'olnej';
    src: url('../../resources/font/28CAAA_0_0.eot');
    src: url('../../resources/font/28CAAA_0_0.eot?#iefix') format('embedded-opentype'),url('../../resources/font/28CAAA_0_0.woff') format('woff'),url('../../resources/font/28CAAA_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-SemiBoldItalic.eot');
    src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url('../../resources/font/raleway/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-SemiBoldItalic.woff') format('woff'), url('../../resources/font/raleway/Raleway-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-ExtraLightItalic.eot');
    src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'), url('../../resources/font/raleway/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-ExtraLightItalic.woff') format('woff'), url('../../resources/font/raleway/Raleway-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-MediumItalic.eot');
    src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url('../../resources/font/raleway/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-MediumItalic.woff') format('woff'), url('../../resources/font/raleway/Raleway-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-ExtraBoldItalic.eot');
    src: local('Raleway ExtraBold Italic'), local('Raleway-ExtraBoldItalic'), url('../../resources/font/raleway/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-ExtraBoldItalic.woff') format('woff'), url('../../resources/font/raleway/Raleway-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-Regular.eot');
    src: local('Raleway'), local('Raleway-Regular'), url('../../resources/font/raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-Regular.woff') format('woff'), url('../../resources/font/raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-ExtraBold.eot');
    src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url('../../resources/font/raleway/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-ExtraBold.woff') format('woff'), url('../../resources/font/raleway/Raleway-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-BlackItalic.eot');
    src: local('Raleway Black Italic'), local('Raleway-BlackItalic'), url('../../resources/font/raleway/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-BlackItalic.woff') format('woff'), url('../../resources/font/raleway/Raleway-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-Light.eot');
    src: local('Raleway Light'), local('Raleway-Light'), url('../../resources/font/raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-Light.woff') format('woff'), url('../../resources/font/raleway/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-Black.eot');
    src: local('Raleway Black'), local('Raleway-Black'), url('../../resources/font/raleway/Raleway-Black.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-Black.woff') format('woff'), url('../../resources/font/raleway/Raleway-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-Medium.eot');
    src: local('Raleway Medium'), local('Raleway-Medium'), url('../../resources/font/raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-Medium.woff') format('woff'), url('../../resources/font/raleway/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-ExtraLight.eot');
    src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url('../../resources/font/raleway/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-ExtraLight.woff') format('woff'), url('../../resources/font/raleway/Raleway-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-Italic.eot');
    src: local('Raleway Italic'), local('Raleway-Italic'), url('../../resources/font/raleway/Raleway-Italic.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-Italic.woff') format('woff'), url('../../resources/font/raleway/Raleway-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-Thin.eot');
    src: local('Raleway Thin'), local('Raleway-Thin'), url('../../resources/font/raleway/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-Thin.woff') format('woff'), url('../../resources/font/raleway/Raleway-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../../resources/font/raleway/Raleway-SemiBold.eot');
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('../../resources/font/raleway/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-SemiBold.woff') format('woff'), url('../../resources/font/raleway/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-LightItalic.eot');
    src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url('../../resources/font/raleway/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-LightItalic.woff') format('woff'), url('../../resources/font/raleway/Raleway-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Bold.eot');
    src: local('Raleway Bold'), local('Raleway-Bold'), url('../../resources/font/raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../../resources/font/raleway/Raleway-Bold.woff') format('woff'), url('../../resources/font/raleway/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

html {
    height: 100%;
}

/*boja #92C022*/

body {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-family: Raleway, verdana, arial, sans-serif;
    /*font-weight: bold;*/
    text-shadow: 0 0 1px #aaa;
    color: #444;
}

form {
    height: 100%;
}

.dn {
    display: none;
}

.clear {
    clear: both;
}

.slider {
    /*height: 5px !important;*/
    line-height: 1 !important;
}

    .slider span {
        height: 5px !important;
        width: 55px !important;
    }

.RadPanelBar_Default .rpExpandable span.rpExpandHandle, .RadPanelBar_Default .rpExpanded span.rpExpandHandle {
    background-color: #ccc !important;
}

.RadCloudUpload .rcuInfoPanel {
    min-width: 100% !important;
}
/*.slider ul{
    height: 5px !important;
    line-height: 1 !important;
}

.slider li {
    height: 5px !important;
    line-height: 1 !important;
}*/
.loader {
    position: fixed;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000;
    background: rgba(0,0,0,0.65);
    z-index: 100;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .loader div {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 90px;
        margin-left: -90px;
        margin-top: -64px;
        background: none;
        text-align: center;
        -ms-border-radius: 13px;
        border-radius: 13px;
        /*     position: relative;
        width: 250px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 400px;
        background: white;
        text-align: center;
        -ms-border-radius: 13px;
        border-radius: 13px;*/
    }

.loaderBorderGO {
    border: 0px solid #1B963E;
}

/*libusoft dorada*/

#divFilteri {
    background-color: #F6F8FA;
}

.bckLibusoft {
    /*    background: url(../images/background/backgroung_go.png) rgb(0 66 138);*/
    background-color: #F6F8FA;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-blend-mode: multiply;
}

.divAkcijeLibusoft {
    height: 50px;
    background: #06559e !important;
    background: rgba(19,19,19,0.5);
    border-top: 1px solid #06559e !important;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.btnStilLibusoft {
    padding: 7px 9px 7px 9px;
    font-size: 13px;
    text-shadow: 0 0 1px #444;
    width: 140px;
    cursor: pointer;
    background: #f79423 !important; /* Old browsers */

    float: right;
    margin-right: 50px;
    color: #F6F8FA !important;
}

.btnAktivLibusoft {
    padding: 7px 9px 7px 9px;
    font-size: 13px;
    text-shadow: 0 0 1px #444;
    /* width: 140px; */
    cursor: pointer;
    background: #efefef !important;
    float: right;
    margin-right: 50px;
    color: #F6F8FA !important;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
}
    .btnAktivLibusoft a:hover {
        color: #444;
    }

.siviBoxZaTamniLogo {
    /*    background: url('../../resources/images/background/sivas.jpg') repeat-x;
    background-size: contain;*/
    /*box-shadow: 0 0 8px #333;
    border: 3px solid #95C13D;*/
    border: 3px solid #1B963E;
    background-color: #F6F8FA;
    font-family: Raleway;
    border-radius: 12px;
    padding: 25px;
}

.libusoftBoxZaTamni {
    /*    background: url('../../resources/images/background/sivas.jpg') repeat-x;*/
    background-size: contain;
    box-shadow: 0 0 8px #333;
    border: 3px solid #00276d !important;
    background-color: #F6F8FA;
    font-family: Raleway;
    border-radius: 4px;
    background-color: #FFF;
    padding-left: 25px;
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 15px;
}

.btnRijesiLibusoft {
    padding: 7px 9px 7px 9px;
    font-size: 13px;
    text-shadow: 0 0 1px #444;
    cursor: pointer;
    width: 100px;
    background: #1B963E !important; /* Old browsers */
    color: #F6F8FA !important;
}

.btnOdbijLibusoft {
    padding: 7px 9px 7px 9px;
    font-size: 13px;
    text-shadow: 0 0 1px #444;
    cursor: pointer;
    width: 100px;
    padding: 7px 9px 7px 9px;
    font-size: 13px;
    background: #DD0A0A !important; /* Old browsers */
    color: #F6F8FA !important;
}

.divKomentirajLibusoft {
    height: 50px;
    background: #06559e !important;
    background: rgba(19,19,19,0.5);
    border-top: 1px solid #06559e !important;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
}
/*end libusoft dorada*/
.loaderBorderPO {
    border: 3px solid #0880BF;
}

.greska {
    padding: 3px;
    border: 1px solid red !important;
    color: red !important;
    font-weight: normal;
    text-align: center;
    margin-top: 10px;
    margin: 5px;
    width: 90% !important;
}

.siviBox {
    /*  background: url('../../resources/images/background/sivas.jpg') repeat-x;*/
    background-color: #F6F8FA;
    background-size: contain;
    /* box-shadow: 0 0 8px #666;*/
    border-bottom: 3px solid #999;
    border-left: 3px solid #999;
    border-right: 3px solid #999;
    font-family: olnej;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.siviBoxLib {
    font-family: Raleway !important;
}

.siviBoxPreko {
    /*    background: url('../../resources/images/background/sivas.jpg') repeat-x;*/
    background-color: #F6F8FA;
    background-size: contain;
    /* box-shadow: 0 0 8px #666;*/
    border: 3px solid #888;
    font-family: Raleway;
    border-radius: 4px;
}

.siviBoxZaTamni {
    /* background: url('../../resources/images/background/sivas.jpg') repeat-x;*/
    background-color: #F6F8FA;
    background-size: contain;
    /* box-shadow: 0 0 8px #333;*/
    border: 3px solid #95C13D;
    font-family: Raleway;
    border-radius: 4px;
    padding: 25px;
}

.plaviBoxZaTamni {
    /*background: url('../../resources/images/background/sivas.jpg') repeat-x;*/
    background-color: #F6F8FA;
    background-size: contain;
    /*  box-shadow: 0 0 8px #333;*/
    border: 3px solid #0880BF;
    font-family: Raleway;
    border-radius: 4px;
    padding: 25px;
}

.siviBoxContent {
    /*background: url('../../resources/images/background/pozadina_zelenjava111.jpg') repeat-x;
    background-size: contain;*/
    /* box-shadow: 0 0 8px #666;*/
    background: #eee;
    /*border-bottom: 2px solid #888;
    border-left: 2px solid #888;
    border-right: 2px solid #888;
    border-top: 2px solid #888;*/
    border: 4px solid #999;
    font-family: Raleway;
    border-radius: 4px;
    min-height: 400px;
    min-width: 400px;
}

.imgLogoLib {
    /* height: 70px !important; */
    /* padding: 10px; */
    margin-left: 0px !important;
    /* margin-top: 10px;*/
}

.siviBoxContentPopUp {
    /* box-shadow: 0 0 8px #666;*/
    background: #eee;
    border: 4px solid #999;
    font-family: Raleway;
    border-radius: 4px;
    min-height: 400px;
    min-width: 350px;
}

.naslovBoxContent {
    margin-top: 0;
    float: left;
    width: 100%;
    height: 48px;
    color: #444;
    font-size: 19px;
    text-shadow: 0 0 1px #444;
    font-size: 19px;
    text-align: left;
    vertical-align: middle;
    line-height: 48px;
}

    .naslovBoxContent img {
        float: left;
        margin-right: 15px;
    }

.overshadow {
    /*box-shadow: 0 0 8px #666;*/
    box-shadow: none;
    border-left: transparent;
    border-right: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 2px solid #aaa;
}

.celaKontrola {
    border: none !important;
}

.faqOdgovor {
    font-family: Raleway;
    font-size: 12px;
    padding: 7px 10px 7px 10px;
    text-shadow: 0 0 1px #aaa;
}

.panelIzgledTeksta {
    font-family: Raleway !important;
    font-size: 14px !important;
    margin: 2px !important;
    height: 40px !important;
    line-height: 40px !important;
    vertical-align: central !important;
    background: #ddd !important;
    border-radius: 4px !important;
    /*font-weight: 400 !important;*/
}

    .panelIzgledTeksta:hover {
        background: #ccc !important;
        border-radius: 4px !important;
        height: 40px !important;
        line-height: 40px !important;
        vertical-align: central !important;
    }

.prosireniPanelHead {
    background: #95C13D !important;
    color: white !important;
    font-family: olnej !important;
    border: 0 !important;
    border-radius: 4px;
    margin: 2px !important;
    height: 40px !important;
    line-height: 40px !important;
    vertical-align: central !important;
}

.prosireniPanelHeadLib {
    background: #06559e !important;
    color: white !important;
    font-family: Raleway !important;
    border: 0 !important;
    border-radius: 4px;
    margin: 2px !important;
    height: 40px !important;
    line-height: 40px !important;
    vertical-align: central !important;
}

.prosireniPanelHeadPO {
    background: #0880BF !important;
    color: white !important;
    font-family: Raleway !important;
    border: 0 !important;
    border-radius: 4px;
    margin: 2px !important;
    height: 40px !important;
    line-height: 40px !important;
    vertical-align: central !important;
}

.RadPanelBar .rpRootGroup {
    border: none !important;
    text-decoration: none;
}

    .RadPanelBar .rpRootGroup .rpLink,
    .RadPanelBar .rpRootGroup .rpOut {
        border: 0 !important;
        padding: 0 !important;
    }

.RadPanelBar .rpExpandHandle {
    margin-top: 12px !important;
    margin-right: 15px !important;
}

.RadPanelBar .rpGroup {
    background: transparent !important;
}

/*:: MASTER PAGE ::*/

#divSadrzaj {
    height: 100%;
    z-index: 0;
}

/*:: LOGO ::*/

#divLogo {
    z-index: 1000;
    position: fixed;
    top: 0;
    margin-left: 15px;
    width: 395px;
    float: left;
    border-bottom: 3px solid #888;
    border-left: 3px solid #888;
    border-right: 3px solid #888;
}

#lnkLogo {
    height: 90px;
}

    #lnkLogo img {
        float: left;
    }

.text_logo {
    color: #3B3B3B;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-size: 28px;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    /*-webkit-text-stroke: 0.2px;*/
    text-shadow: 0 0 1px #666;
}

.naslov {
    height: 90px;
    width: 285px;
    float: right;
    text-align: center;
}

#divKontrole {
    z-index: 100;
    position: fixed;
    top: 300px;
    right: 14px;
    width: 160px;
    float: right;
    height: 260px;
    text-align: center;
    font-size: 11px;
}

#divDof {
    padding: 15px;
    border: 3px solid #888;
    float: right;
    font-size: 16px;
    width: 125px;
    height: 60px;
    top: 0;
    text-align: center;
    margin-top: 10px;
}

#divSakrij {
    float: left;
}

    #divSakrij img {
        margin: 5px;
        width: 60px;
        height: 70px;
    }

#divObjekti {
    float: right;
}

    #divObjekti img {
        margin: 5px;
        width: 60px;
        height: 70px;
    }

#divMjesni {
    float: left;
}

    #divMjesni img {
        margin: 5px;
        width: 60px;
        height: 70px;
    }

#divPrikazi {
    padding: 5px 15px;
    float: left;
    width: 145px;
    height: 40px;
    top: 0;
    left: 10px;
    text-align: center;
    margin-top: 10px;
    z-index: 1000;
    position: fixed;
}

#divZoom {
    padding: 5px;
    width: 45px;
    color: #ccc;
    vertical-align: middle;
    border: 3px solid #888;
    float: right;
}

/*:: GRAD ::*/

#divGrad {
    z-index: 999;
    position: fixed;
    top: 0;
    margin-left: 410px;
    width: auto;
    float: left;
    border-bottom: 3px solid #888;
    border-left: 3px solid #888;
    border-right: 3px solid #888;
    color: #333;
    padding: 10px 12px 10px 20px;
}

    #divGrad img {
        float: right;
    }

#lblGrad {
    vertical-align: central;
    line-height: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
    text-shadow: 0 0 2px #999;
    line-height: 1;
}

#lblOpis {
    width: 100%;
}

/*:: MENU ::*/

#divMenu {
    position: fixed;
    top: 0;
    right: 0;
    margin-right: 170px;
    float: right;
    /*width: calc(100% - 320px - 1px - 1px - 1px - 1px - 305px - 150px);*/
    width: auto;
    min-width: 150px;
    z-index: 999;
}

    #divMenu a {
        /*width: calc(25% - 1px - 10px);*/
        width: auto;
        display: block;
        float: left;
        text-align: center;
        margin-top: 6px;
        margin-bottom: 8px;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        color: #666;
        text-decoration: none;
        text-shadow: 0 0 1px #666;
    }

/*#divMenu a:hover {
            color: #92C022;
            text-decoration: none;
            text-shadow: 0 0 1px #92C022;
        }*/

/*#divMenu a:link {
            text-decoration: none;
            color: #333;
            font-weight: bold;
        }*/

.menuBorder {
    border-right: 1px solid #999;
}

/*:: KORISNIK ::*/

#divKorisnik {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    margin-right: 14px;
    float: right;
    width: 155px;
    min-height: 75px;
    height: auto;
    font-size: 13px;
    color: #555;
    text-decoration: none;
    text-shadow: 0 0 1px #666;
    font-size: 15px !important;
    border-bottom: 3px solid #888;
    border-left: 3px solid #888;
    border-right: 3px solid #888;
    padding-bottom: 4px;
}

    #divKorisnik a {
        text-decoration: none;
        color: #666;
    }

/*#divKorisnik a:hover {
            color: #92C022;
            text-decoration: none;
            text-shadow: 0 0 1px #92C022;
        }*/

#divPrijaviSe {
    float: left;
    min-height: 50px;
    height: auto;
    text-align: center;
    margin-bottom: 4px;
    border-bottom: 2px solid #aaa;
    width: inherit;
}

.prijaviSeTekst {
    min-height: 25px;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    color: #444;
    text-decoration: none;
    text-shadow: 0 0 1px #666;
    font-size: 15px;
    width: auto;
    max-width: 114px;
    margin-bottom: 12px;
}

    .prijaviSeTekst a:hover {
        color: #aaa;
        text-decoration: none;
        text-shadow: 0 0 1px #555;
    }

#divOpcije {
    min-height: 25px;
    height: inherit;
    text-align: center;
}

#divPrijavljen a {
    width: calc(50% - 4px);
    display: block;
    float: left;
    text-align: center;
    height: inherit;
}

/*:: POPUPOVI ::*/

.modalGO {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B;
    /*background: #797B75;*/
}

    .modalGO:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalGO > div {
        width: 700px;
        height: 680px;
        position: relative;
        margin: 0 auto 20px auto;
        /*padding: 5px 20px 20px 20px;*/
        top: -1000px;
    }

.slikaStrip {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    border: 2px solid #666;
    box-shadow: 0 0 3px #444;
}

.naslovStrip {
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 0 1px #aaa;
    text-align: left;
}

.tekstStrip {
    font-size: 12px;
    text-shadow: 0 0 1px #aaa;
    margin-bottom: 5px;
    text-align: left;
}

.objasnjenje {
    width: 100%;
    float: left;
    text-align: left;
    text-align: center;
}

.modalFaq {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B80;
    /*background: #797B75;*/
}

    .modalFaq:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalFaq > div {
        width: 400px;
        position: relative;
        margin: 0 auto 20px auto;
        top: -1000px;
    }

.modalKontakti {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B80;
    /*background: #797B75;*/
}

    .modalKontakti:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalKontakti > div {
        width: 400px;
        position: relative;
        margin: 0 auto 20px auto;
        top: -1000px;
    }

.modalPomoc {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B80;
    /*background: #797B75;*/
}

    .modalPomoc:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalPomoc > div {
        width: 650px;
        position: relative;
        margin: 0 auto 20px auto;
        top: -1000px;
        height: 400px;
    }

.modalCookie {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B;
    /*background: #797B75;*/
}

    .modalCookie:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalCookie > div {
        width: 650px;
        position: relative;
        margin: 0 auto 20px auto;
        top: -1000px;
    }

.modalAktivacija {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B;
    /*background: #797B75;*/
}

    .modalAktivacija a:hover {
        color: #444;
    }

    .modalAktivacija:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalAktivacija > div {
        width: 400px;
        height: 250px;
        position: relative;
        margin: 0 auto 20px auto;
        top: -1000px;
    }

.modalPrijava {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B80;
    /*background: #797B75;*/
}

    .modalPrijava:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalPrijava > div {
        width: 250px;
        position: relative;
        margin: 0 auto 20px auto;
        top: -1000px;
    }

.modalRegistracija {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B80;
    /*background: #797B75;*/
}

    .modalRegistracija:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalRegistracija > div {
        width: 340px;
        position: relative;
        margin: 0 auto 20px auto;
        top: -1000px;
    }

    .modalRegistracija table {
        border: none;
        table-layout: fixed;
        width: 320px;
    }

    .modalRegistracija th, td {
        border: none;
        width: 160px;
    }

.modalPredmet {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*-ms-opacity: 0;
    opacity: 0;*/
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    /*background: #000000;*/
    /*background: rgba(0,10,0,0.2);*/
    /*background: rgba(0,10,0,0.8);*/
}

    .modalPredmet:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalPredmet > div {
        width: 550px;
        height: 480px;
        margin: 0 20px 20px 20px;
        position: relative;
        top: -1000px;
    }

.lijevoUocavanje {
    width: 260px;
    float: left;
    border-right: 1px solid #999;
    padding-right: 5px;
}

.desnoUocavanje {
    width: 250px;
    float: right;
    padding-left: 30px;
}

#ctl00_rdpOd_wrapper {
    padding-top: 5px;
    padding-bottom: 10px;
}

#ctl00_cbGrupaFilter {
    padding-top: 5px;
    padding-bottom: 10px;
}

#ctl00_rdpDo_wrapper {
    padding-top: 5px;
}

#ctl00_cbKlasifikacijaFilter {
    padding-top: 5px;
}

.uvjeti {
    position: absolute;
    top: -1000px;
    height: 600px;
    width: 500px;
    margin-left: -80px;
    margin-top: -40px;
}

#divPrivatnost {
    font-size: 14px;
    height: 100%;
    width: 100%;
    background-color: #444;
}

.privatnost {
    height: calc(100% - 240px);
    overflow-y: scroll;
}

.gotovReg {
    position: absolute;
    top: -1000px;
    height: 600px;
    width: 340px;
    margin-top: 50px;
}

.modalProfil {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #41443B80;
    /*background: #797B75;*/
}

    .modalProfil:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalProfil > div {
        width: 700px;
        height: 350px;
        position: relative;
        margin: 0 auto 20px auto;
        top: -1000px;
    }

.close {
    line-height: 25px;
    position: absolute;
    right: -32px;
    font-weight: bold;
    top: -32px;
    width: 25px;
    height: 25px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #000 !important;
    border: 2px solid #AD0404;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 8px #333;
    /*-webkit-filter: drop-shadow(0px 0px 2px #ccc);
    filter: drop-shadow(0px 0px 2px #ccc);*/
}

    .close:hover {
        /*box-shadow: 0px 0px 2px #333;*/
        /*-webkit-filter: drop-shadow(0px 0px 2px #fff);
        filter: drop-shadow(0px 0px 2px #fff);*/
        color: white;
        border: 2px solid red;
        text-decoration: none;
    }

/*boja #92C022*/
/*:: COOKIE ::*/

#divCookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: none repeat scroll 0 0 #000000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, .5);
    color: rgb(255, 255, 255);
    font-size: 13px;
    text-align: left;
    z-index: 1001;
}

#divCookieTekst {
    float: left;
    width: calc(100% - 180px);
    padding: 20px;
    text-align: center;
}

.divCookieClose {
    float: right;
    width: 100px;
    padding: 20px;
}

    .divCookieClose a {
        background: green;
        color: #fff;
        -ms-border-radius: 3px;
        border-radius: 3px;
        padding: 7px;
        border: 0;
        font-weight: bold;
    }

/*:: DEFAULT ::*/

#map {
    height: 100%;
    /*background: rgba(65, 68, 59, 5);*/
    background: #41443B;
    /*background: #797B75;*/
}

.modalDialogVise {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight: normal;
    background: #666;
    background: rgba(0,0,0,0.5);
    /*background: #41443B;*/
    /*background: #797B75;*/
}

    .modalDialogVise:target {
        opacity: 1;
        pointer-events: all;
    }

    .modalDialogVise > div {
        width: 600px;
        height: auto;
        position: relative;
        margin: 0 auto 0 auto;
        /*padding: 20px 20px 20px 20px;*/
        top: -1000px;
    }

#divSlike {
    height: auto;
    overflow: auto;
    max-height: 300px;
    /*box-shadow: inset 0px -6px 6px -8px;*/
}

.komentariVise {
    float: right;
    width: 205px;
    overflow: hidden;
    background-color: transparent;
    border-left: 1px solid #999;
    padding-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 13px;
}

.komentariDefault {
    font-size: 11px;
}

.poruke {
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: inset 0 -6px 6px -8px;
}

.detaljiPoruke {
    font-size: 11px;
    color: #777;
    margin-bottom: 5px;
    /*color: #92C022;*/
    text-decoration: none;
    /*text-shadow: 0 0 1px #92C022;*/
}

/* MARKER POPUP */

.MapPopup {
    font-size: 14px;
    overflow: auto;
    cursor: default;
    clear: both;
    position: relative;
    /* background: url('../../resources/images/background/pozadina-08.jpg') repeat-x;*/
    background-size: contain;
    width: auto;
    height: 91px;
    padding: 15px;
    color: #444;
    border-radius: 4px;
    font-size: 15px;
    background-color: #F6F8FA;
    /*    box-shadow: 0 0 5px #222 inset;*/
}

.MapPopupLokacija {
    font-size: 14px;
    overflow: auto;
    cursor: default;
    clear: both;
    position: relative;
    background: url('../../resources/images/background/pozadina-08.jpg') repeat-x;
    background-size: contain;
    width: auto;
    height: 78px;
    padding: 15px;
    color: #444;
    border-radius: 4px;
    font-size: 15px;
    box-shadow: 0 0 5px #222 inset;
}

.infowindow {
    overflow: hidden;
    text-shadow: 0 0 1px #aaa;
    width: 250px;
}

.infoNaslov {
    height: 60px;
    overflow: hidden;
    /*width: 175px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.infoOstalo {
    height: 21px;
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

/*.infoOstalo img {*/
/*margin: -1px 7px 0 0;
        vertical-align: middle;*/
/*}*/

.viseInfo {
    float: right;
    font-weight: normal;
    *float: none;
    *padding-left: 60px;
    font-size: 13px;
}

.btnStil {
    padding: 7px 9px 7px 9px;
    font-family: Raleway;
    font-size: 13px;
    text-shadow: 0 0 1px #444;
    cursor: pointer;
}

.btnStilRed {
    padding: 7px 9px 7px 9px;
    font-family: Raleway;
    font-size: 13px;
    text-shadow: 0 0 1px #444;
    cursor: pointer;
    background: red;
}

.hrStil {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #aaa;
}

.naslovFilter {
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    /*margin-top: 15px;*/
    clear: left;
    width: 250px;
    font-size: 14px;
    color: #333;
}

.sadrzajFiltera {
    width: 225px;
    float: left;
    margin-left: 25px;
    font-size: 13px;
}

.sliderFiltera {
    padding: 5px;
}

.nasloviUocenoga {
    color: #444;
    font-weight: bold;
    font-size: 13px;
}

.sadrzajUocenoga {
    color: #444;
    float: left;
    width: 275px;
    font-size: 14px;
}

    .sadrzajUocenoga label {
        width: 275px;
    }

.fotoUocenoga {
    float: right;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: 1px solid #999;
    min-height: 50px;
    width: 150px;
    height: 350px;
    margin-right: 7px;
    max-height: 350px;
}

.glavniNaslovUocenog {
    color: #444;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    max-width: 275px;
    max-height: 68px;
    word-wrap: break-word;
    display: block;
    overflow: hidden;
}

.nevidljiva {
    color: red;
    font-size: 12px;
}

/*dužina spana u kojem se ispisuje naziv slike koja s uploada*/
.ruInputs li span span {
    width: 200px;
}

/*razina transparentnosti manja od 3 nije moguce registrirati*/

.disejblanLink {
    text-decoration: line-through !important;
}

    .disejblanLink a {
        text-decoration: line-through !important;
    }

        .disejblanLink a:hover {
            color: #666 !important;
            text-shadow: 0 0 1px #666 !important;
        }

input[type='range'] {
    -webkit-appearance: none;
    border-radius: 5px;
    box-shadow: inset 0 0 5px #333;
    background-color: #999;
    height: 10px;
    vertical-align: middle;
}

    input[type='range']::-moz-range-track {
        -moz-appearance: none;
        border-radius: 5px;
        box-shadow: inset 0 0 5px #333;
        background-color: #999;
        height: 10px;
    }

    input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        border-radius: 20px;
        background-color: #FFF;
        box-shadow: inset 0 0 10px rgba(000,000,000,0.5);
        border: 1px solid #999;
        height: 20px;
        width: 20px;
    }

    input[type='range']::-moz-range-thumb {
        -moz-appearance: none;
        border-radius: 20px;
        background-color: #FFF;
        box-shadow: inset 0 0 10px rgba(000,000,000,0.5);
        border: 1px solid #999;
        height: 20px;
        width: 20px;
    }