/* barve 
R:243 G:112 B:50 #F37032
R:250 G:166 B:52 #FAA634
R:255 G:194 B:14 #FFC20E
R:191 G:205 B:49 #BFCD31
R:141 G:198 B:63 #8DC63F
R:39 G:189 B:190 #27BDBE
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=latin,latin-ext);

html, body {
    min-height: 100%;
}

body {
    background: url("bg.jpg") center -100px;
    background-attachment: fixed;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}

.item .content p {
    text-align: justify;
}

.midCol {
    background-color: #fff;
    padding: 40px;
}

.midCol .item {
    margin-bottom: 30px;
}

.navbar.navbar-default {
    border-radius: 0;
    background-color: transparent;
    border: none;
    margin: 0;
}

.navbar.navbar-default.affix {
    top: 0;
    width: 100%;
    z-index: 1000;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}

.navbar.navbar-default ul.nav > li > a {
    color: #fff;
    font-size: 20px;
    text-transform: none;
    background-color: #000;
}

.navbar.navbar-default ul.nav > li > a {
    margin-left: 15px;
    min-height: 90px;
}

.nav > li > a {
    padding: 15px 15px 15px 0px;
}

.navbar.navbar-default ul.nav > li > a:hover, .navbar.navbar-default ul.nav > li.active > a {
    background-color: #000;
}

.navbar-default .navbar-nav > li:hover {
    background: none;
}

.navbar-nav {
    width: 100%;
}

.dropdown-menu > li > a {
    text-align: left;
}

.itemSitemap li .fa {
    display: none;
}

#searchBox {
    position: relative;
}

#searchBox input {
    padding-left: 30px;
}

#searchBox .fa {
    position: absolute;
    left: 8px;
    font-size: 16px;
    top: 8px;
}

.toolbarMenu ul li a {
    padding-top: 8px;
    padding-bottom: 7px;
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
}

.toolbarMenu ul li a:hover {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

ul li a .fa-caret-down {
    display: none;
    color: rgba(255, 255, 255, 0.4);
    margin-left: 4px;
}

.topBar {
    padding: 0 15px 40px 15px;
}

.rbox {
    position: relative;
    width: 100%;
}

.topBar .cinfo {
    color: #fff;
    background-color: #abb9b3;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 0;
    font-family: "Roboto", sans-serif;
    text-align: center;
}

.topBar a.cinfo:hover, .topBar a.cinfo:focus {
    text-decoration: none;
}

.navbar-brand {
    height: 177px;
    background: url(logo.png) no-repeat left center;
    width: 505px;
    margin-top: 20px;
}

.container .navbar-collapse {
    padding: 0;
}

.panel ul li a.active {
    color: #000;
}

.footerWrapper {
    margin: 30px 0 0 0;
    padding: 60px 0 25px 0;
    border-top: 4px solid #9a610f;
    border-bottom: 4px solid #4c7c02;
}

.footer h4, .footer h3 {
    margin-top: 0;
}

.footer h4 {
    margin-bottom: 13px;
    padding: 0 0 13px 0;
    border-bottom: 3px solid #ccc;
}

.footer .error.label {
    display: block;
    float: left;
    margin: 5px 0 0 0;
}

.kabi {
    font-size: 12px;
    color: #ccc;
    display: block;
}

.kabi strong {
    display: block;
    color: #8e8d8d;
    font-weight: normal;
    font-style: normal;
}

.footer .msg {
    display: none;
}

.footer form .form-group {
    margin-bottom: 10px;
}

.footer form label {
    font-weight: normal;
    padding-top: 4px !important;
}

/* bcmsform kontaktni obrazec */
.bcms-form label {
    display: none;
}

.bcms-form {
    font-size: 18px;
}

.bcms-form .form-control {
    font-size: 18px;
    padding: 10px 30px 30px 30px;
    height: auto;
    -webkit-box-shadow: -45px 45px 0px 0px rgba(176, 220, 215, 1);
    -moz-box-shadow: -45px 45px 0px 0px rgba(176, 220, 215, 1);
    box-shadow: -45px 45px 0px 0px rgba(176, 220, 215, 1);
    position: relative;
    margin-bottom: 30px;
    border: none;
    border-radius: 0;
    background-color: #f7fbf9;
    color: #b0dcd7;
    border-bottom: 20px solid #b0dcd7;
}

.bcms-form .bcms-form-input:before {
    content: "";
    top: 0;
    left: -30px;
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 45px 45px;
    border-color: transparent transparent #b0dcd7 transparent;
}

.bcms-form .bcms-form-input:after {
    content: "";
    bottom: -15px;
    right: 15px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 45px 0 0;
    border-color: #b0dcd7 transparent transparent transparent;
}

.bcms-form .form-fn-submit .bcms-form-input:after, .bcms-form .form-fn-submit .bcms-form-input:before {
    display: none;
}

.bcms-form .btn {
    border: none;
    background-color: #b0dcd7;
    font-size: 18px;
}

.form-fn-submit {
    margin-top: 30px;
}

.has-error .alert-danger {
    position: absolute;
    left: 0;
    top: 10px;
    width: 40%;
    margin-left: -47%;
    font-size: 14px;
}

/* end */
/* color naslovi */
.item h1 {
    margin-top: 0;
    padding: 0 0 12px 0;
    text-transform: none;
    font-size: 30px;
}

.listItem h2 {
    font-size: 22px;
}

.katcol1 .item h1 {
    color: #F37032;
}

.katcol2 .item h1 {
    color: #FAA634;
}

.katcol3 .item h1 {
    color: #FFC20E;
}

.katcol4 .item h1 {
    color: #BFCD31;
}

.katcol5 .item h1 {
    color: #8DC63F;
}

.katcol6 .item h1 {
    color: #27BDBE;
}

/* end */
.item .content {
    padding: 10px 0 0 0;
    line-height: 1.6em;
}

.side-img img {
    width: 100%;
    border-radius: 4px;
}

.imagesCol a:first-of-type img {
    margin-top: 0;
}

.imagesCol img {
    width: 100%;
    border-radius: 0;
}

.imagesCol a {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.imagesCol a:before, .Galerija a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #ffffff transparent transparent transparent;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.imagesCol a:after, .Galerija a:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #ffffff transparent;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.imagesCol p, .fckImgPopup em, .cFigure p {
    text-align: center;
    font-style: normal;
    color: #717171;
    padding: 10px 0 0 0;
    margin: 0;
    display: block;
}

.fckImgPopup em, .cFigure p {
    padding: 0 0 10px 0;
    margin: 0;
    margin-top: -10px;
}

.imagesColLeft {
    padding-left: 0;
    padding-right: 25px;
    border-right: 1px solid #e0e0e0;
    margin: 0 25px 10px 0;
}

.fckImgPopup img, .cFigure img {
    margin: 0 0 20px 0;
}

.imagesColRight, .fckImgPopup, .cFigureRight {

    margin: 0 0 10px 0;
}

.Galerija {
    position: relative;
}

.Galerija a {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.Galerija img {
    width: 100%;
}

/* @group fancybox */
#fancybox-wrap *, #fancybox-wrap {
    box-sizing: content-box;
}

#tip7-title b {
    color: #fff;
    text-shadow: 1px 1px #000;
    font-size: 15px;
    font-weight: normal;
}

#tip7-title span {
    color: #c0bfbf;
    display: block;
    text-shadow: 1px 1px #000;
}

/* @end */

/* @group Files dl */

.itemFiles h4 {
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #ccc;
}

.itemFiles {
    clear: both;
}

.itemFiles ul {
    margin: 0;
    padding: 0;
}

.itemFiles ul li {
    list-style: none;
    clear: both;
    background: url(page_white.png) no-repeat left center;
    display: block;
    padding: 5px 0 5px 22px;
}

.itemFiles ul li.datoteke_pdf {
    background-image: url(page_white_acrobat.png);
}

.itemFiles ul li.datoteke_txt {
    background-image: url(page_white_text.png);
}

.itemFiles ul li.datoteke_psd, .itemFiles ul li.datoteke_jpg, .itemFiles ul li.datoteke_gif, .itemFiles ul li.datoteke_png {
    background-image: url(page_white_paintbrush.png);
}

.itemFiles ul li.datoteke_ppt, .itemFiles ul li.datoteke_pptx {
    background-image: url(page_white_powerpoint.png);
}

.itemFiles ul li.datoteke_ai, .itemFiles ul li.datoteke_eps {
    background-image: url(page_white_vector.png);
}

.itemFiles ul li.datoteke_zip, .itemFiles ul li.datoteke_rar {
    background-image: url(page_white_zip.png);
}

.itemFiles ul li.datoteke_xls, .itemFiles ul li.datoteke_xlsx {
    background-image: url(page_excel.png);
}

.itemFiles ul li.datoteke_doc, .itemFiles ul li.datoteke_docx {
    background-image: url(page_word.png);
}

/* @end */

/* @group Search */
.searchItem .badge a {
    color: #fff;
}

.searchItem .badge {
    padding: 5px 10px;
    margin: 0;
}

.searchItem h2 {
    margin: 0;
    padding: 3px 0 10px 0;
}

.searchItem {
    padding: 0 0 20px 0;
    margin: 20px 0 0 0;
    border-bottom: 1px dashed #eee;
}

/* @end */

/* @group FCK styles */

.customBold {
    font-weight: bold;
}

/* @end */

/* @group jQuery autocomplete */
ul.ui-autocomplete {
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

ul.ui-autocomplete li {
    list-style: none;
}

.ui-autocomplete .ui-menu-item a {
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
    display: block;
    color: #6f6c6c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 16px;
}

.ui-autocomplete .ui-menu-item a em {
    clear: both;
    display: block;
    font-style: normal;
}

.ui-autocomplete .ui-menu-item a strong {
    display: block;
    font-weight: normal;
    font-size: 11px;
    float: left;
    padding: 4px 10px;
    background-color: #d8e4dd;
    margin: 0 0 5px 0;
    color: #78867e;
    border-radius: 4px;
}

.ui-autocomplete .ui-menu-item:last-child a {
    /*border-bottom: none;*/
}

.ui-autocomplete .ui-menu-item a.ui-state-focus, .ui-autocomplete .ui-menu-item a.ui-state-hover {
    background: #d8e4dd !important;
    border: none;
    border-bottom: 1px solid #eee;
}

.ui-autocomplete .ui-menu-item a.ui-state-focus strong, .ui-autocomplete .ui-menu-item a.ui-state-hover strong {
    background-color: #78867e;
    color: #fff;
}

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    background: #fff;
    z-index: 1000 !important;
    text-align: left;
    width: 300px !important;
    margin-left: -100px;
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.34);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.34);
    border: none;
    overflow: hidden;
    font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.ui-autocomplete .all-results-link a {
    margin: 10px;
    border: 1px solid #eee;
    padding: 10px 25px;
    text-align: center;
    color: #009044;
}

/* @end */
/* barve kategorije */
.katcol a {
    text-align: center;
    position: relative;
    font-family: "Roboto Slab", sans-serif;
}

.katcol1 a {
    color: #F37032;
}

.katcol2 a {
    color: #FAA634;
}

.katcol3 a {
    color: #FFC20E;
}

.katcol4 a {
    color: #BFCD31;
}

.katcol5 a {
    color: #8DC63F;
}

.katcol6 a {
    color: #27BDBE;
}

.katcol > a:before {
    content: "";
    height: 100%;
    top: 0;
    left: -15px;
    position: absolute;
    border-top: 15px solid transparent;
    border-right: 15px solid #000;
}

.navbar.navbar-default ul.nav > li.active > a:before {
    border-right-color: #fff !important;
}

.navbar-default .navbar-nav > .hovernav.active:hover > a, .navbar-default .navbar-nav > .hovernav.active:hover > a:hover, .navbar-default .navbar-nav > .hovernav.active:hover > a:focus {
    background-color: #fff !important;
}

.navbar.navbar-default ul.nav > li.katcol1 > a {
    background-color: #F37032;
}

.navbar.navbar-default ul.nav > li.katcol1 > a:before {
    border-right-color: #F37032;
}

.navbar-default .navbar-nav > .hovernav.katcol1:hover > a, .navbar-default .navbar-nav > .hovernav.katcol1:hover > a:hover, .navbar-default .navbar-nav > .hovernav.katcol1:hover > a:focus {
    background-color: #F37032;
}

.navbar.navbar-default ul.nav > li.active.katcol1 > a {
    background-color: #fff;
    color: #F37032;
}

.navbar.navbar-default ul.nav > li.katcol2 > a {
    background-color: #FAA634;
}

.navbar.navbar-default ul.nav > li.katcol2 > a:before {
    border-right-color: #FAA634;
}

.navbar-default .navbar-nav > .hovernav.katcol2:hover > a, .navbar-default .navbar-nav > .hovernav.katcol2:hover > a:hover, .navbar-default .navbar-nav > .hovernav.katcol2:hover > a:focus {
    background-color: #FAA634;
}

.navbar.navbar-default ul.nav > li.active.katcol2 > a {
    background-color: #fff;
    color: #FAA634;
}

.navbar.navbar-default ul.nav > li.katcol3 > a {
    background-color: #FFC20E;
}

.navbar.navbar-default ul.nav > li.katcol3 > a:before {
    border-right-color: #FFC20E;
}

.navbar-default .navbar-nav > .hovernav.katcol3:hover > a, .navbar-default .navbar-nav > .hovernav.katcol3:hover > a:hover, .navbar-default .navbar-nav > .hovernav.katcol3:hover > a:focus {
    background-color: #FFC20E;
}

.navbar.navbar-default ul.nav > li.active.katcol3 > a {
    background-color: #fff;
    color: #FFC20E;
}

.navbar.navbar-default ul.nav > li.katcol4 > a {
    background-color: #BFCD31;
}

.navbar.navbar-default ul.nav > li.katcol4 > a:before {
    border-right-color: #BFCD31;
}

.navbar-default .navbar-nav > .hovernav.katcol4:hover > a, .navbar-default .navbar-nav > .hovernav.katcol4:hover > a:hover, .navbar-default .navbar-nav > .hovernav.katcol4:hover > a:focus {
    background-color: #BFCD31;
}

.navbar.navbar-default ul.nav > li.active.katcol4 > a {
    background-color: #fff;
    color: #BFCD31;
}

.navbar.navbar-default ul.nav > li.katcol5 > a {
    background-color: #8DC63F;
}

.navbar.navbar-default ul.nav > li.katcol5 > a:before {
    border-right-color: #8DC63F;
}

.navbar-default .navbar-nav > .hovernav.katcol5:hover > a, .navbar-default .navbar-nav > .hovernav.katcol5:hover > a:hover, .navbar-default .navbar-nav > .hovernav.katcol5:hover > a:focus {
    background-color: #8DC63F;
}

.navbar.navbar-default ul.nav > li.active.katcol5 > a {
    background-color: #fff;
    color: #8DC63F;
}

.navbar.navbar-default ul.nav > li.katcol6 > a {
    background-color: #27BDBE;
}

.navbar.navbar-default ul.nav > li.katcol6 > a:before {
    border-right-color: #27BDBE;
}

.navbar-default .navbar-nav > .hovernav.katcol6:hover > a, .navbar-default .navbar-nav > .hovernav.katcol6:hover > a:hover, .navbar-default .navbar-nav > .hovernav.katcol6:hover > a:focus {
    background-color: #27BDBE;
}

.navbar.navbar-default ul.nav > li.active.katcol6 > a {
    background-color: #fff;
    color: #27BDBE;
}

/* end */
/* side nav */
.myMenu {
    border: none;
    background-color: #F37032;
    font-family: "Roboto Slab", sans-serif;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 0;
    position: relative;
}

.myMenu:before {
    content: "";
    height: 100%;
    top: 0;
    left: -15px;
    position: absolute;
    border-top: 15px solid transparent;
    border-right: 15px solid #000;
}

.myMenu:after {
    content: "";
    height: 100%;
    top: 0;
    right: -15px;
    position: absolute;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #000;
}

.katcol1 .myMenu:before {
    border-right-color: #F37032;
}

.katcol1 .myMenu:after {
    border-left-color: #F37032;
}

.katcol2 .myMenu:before {
    border-right-color: #FAA634;
}

.katcol2 .myMenu:after {
    border-left-color: #FAA634;
}

.katcol3 .myMenu:before {
    border-right-color: #FFC20E;
}

.katcol3 .myMenu:after {
    border-left-color: #FFC20E;
}

.katcol4 .myMenu:before {
    border-right-color: #BFCD31;
}

.katcol4 .myMenu:after {
    border-left-color: #BFCD31;
}

.katcol5 .myMenu:before {
    border-right-color: #8DC63F;
}

.katcol5 .myMenu:after {
    border-left-color: #8DC63F;
}

.katcol6 .myMenu:before {
    border-right-color: #27BDBE;
}

.katcol6 .myMenu:after {
    border-left-color: #27BDBE;
}

.myMenu .panel-heading {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    padding: 10px 20px;
}

.myMenu.panel ul li a.active {
    color: #fff;
}

.myMenu .nav > li > a {
    color: #fff;
    padding: 20px;
    font-size: 20px;
    line-height: 20px;
    text-align: left;
    border-radius: 0;
}

.myMenu .nav > li > a:hover, myMenu .nav > li > a:focus {
    background-color: transparent;
    color: #000;
}

.myMenu.panel .nav > li a.active {
    background-color: #fff;
    position: relative;
    color: #000;
}

.myMenu .nav > li a.active:before {
    content: "";
    height: 100%;
    top: 0;
    left: -15px;
    position: absolute;
    border-right: 15px solid #fff;
}

.myMenu .nav > li a.active:after {
    content: "";
    height: 100%;
    top: 0;
    right: -15px;
    position: absolute;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff;
    z-index: 1;
}

.katcol1 .myMenu {
    background-color: #F37032;
}

.katcol2 .myMenu {
    background-color: #FAA634;
}

.katcol3 .myMenu {
    background-color: #FFC20E;
}

.katcol4 .myMenu {
    background-color: #BFCD31;
}

.katcol5 .myMenu {
    background-color: #8DC63F;
}

.katcol6 .myMenu {
    background-color: #27BDBE;
}

/* end */
/* gmap */
.gmapWrapper {
    margin-bottom: 30px;
}

.bcmsGmapCalcRouteText {
    margin: 7px 0;
}

.bcmsGmapCalcRouteButton {
    background-color: #000;
    color: #fff;
    border: none;
    height: 34px;
    border-radius: 5px;
    margin-left: 8px;
}

.katcol1 .bcmsGmapCalcRouteButton {
    background-color: #F37032;
}

.katcol2 .bcmsGmapCalcRouteButton {
    background-color: #FAA634;
}

.katcol3 .bcmsGmapCalcRouteButton {
    background-color: #FFC20E;
}

.katcol4 .bcmsGmapCalcRouteButton {
    background-color: #BFCD31;
}

.katcol5 .bcmsGmapCalcRouteButton {
    background-color: #8DC63F;
}

.katcol6 .bcmsGmapCalcRouteButton {
    background-color: #27BDBE;
}

/* carousel */
.carousel-inner .active.left {
    left: -33%;
}

.carousel-inner .next {
    left: 33%;
}

.carousel-inner .prev {
    left: -33%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.carousel .item:not(.prev) {
    visibility: visible;
}

.carousel .item.right:not(.prev) {
    visibility: hidden;
}

.rightest {
    visibility: visible;
}

.carousel .item .slajd {
    padding: 0;
}

.slajd img {
    width: 100%;
}

.carousel-inner {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 80%, 93% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 80%, 93% 100%);
}

/* end */
/* responsive */
@media (max-width: 767px) {
    .nav > li {
        width: 100% !important;
    }

    .myMenu {
        margin-right: 30px;
    }

    .bcms-form .bcms-form-input:after {
        bottom: -45px;
    }

    .navbar-brand {
        width: 100%;
        background-size: contain;
    }
}

/* end */