/* UNIVERSAL */

.smanjixindex {z-index: 66 !important;}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}


.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;}
.breadcrumb {color:#777;}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;font-size: 2em; font-weight: 300; line-height: 36px !important; margin: 6px 0 18px 0;}
.glavna-tekst {text-align:justify;}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* SPECIFIC */

body {color:#484848;}
p {color:#484848;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

#footer {margin-top:0; background: #156c00; border-top: 0px solid #0e0e0e; padding: 0px 0 0;}

#footer ul.simple-post-list li {padding:5px 0; border:none;}

#footer .contact i {float:right; margin:7px 0 10px 8px;}

#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}

ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}

.container-fluid {
    max-width: 1680px;
}

#header .header-body {
    background: #FFF;
    border-top: 5px solid #61b300;
    border-bottom: 0px solid transparent;
    padding: 8px 0;
    -webkit-transition: min-height 0.3s ease;
    -moz-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    width: 100%;
    z-index: 1001;
    min-height: 100px;
}

#header .header-top {
    background-color: #61b300;
    border-bottom: 0px solid #ededed;
    margin-top: -13px;
    padding: 0 0;
    position: relative;
    z-index: 4;
}

#header .header-nav.header-nav-stripe nav > ul > li > a {
    color: #000;
}

#header .header-nav-main nav > ul > li > a {
    border-radius: 0px;
    font-size: 1.1em;
    font-style: normal;
    font-weight: 100;
    line-height: 24px;
    padding: 10px 13px;
    text-transform: uppercase;
}

#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    background: transparent;
    padding: 47px 12px 43px;
    margin: -3px 0 0;
}

#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {
    color: #61b300;
}

#header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    background-color: #61b300;
}

.social-icons li a {
    background: #156c00;
    color: #61b300 !important;
}

.social-icons li a {
    height: 28px;
    line-height: 28px;
    width: 28px;
    margin-top: 10px;
}

.trazilica-top {
width: 300px;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    padding: 16px 12px 10px;
    font-size: 1em;
    width: 100%;
    margin-bottom: 00px;
    height: 50px;
}


.input-group-btn>.btn {
    position: relative;
    padding: 13px;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.novosti-gore {
margin-top: -386px;
}

.traka-naslov-novosti {
padding: 16px 36px;
background: #156c00;
}

.traka-naslov-novosti h2 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 0px 0;
    text-transform: uppercase;
}

.traka-naslov-novosti h2 a {
    color: #fff;
    font-weight: 700;

}

.traka-naslov-novosti h2 a:hover {
    text-decoration: none !important;

}

.plava-owl-text {
    padding: 4%;
    background-color: rgba(21,108,0, 0.5);
}

.bez-paddinga-strane h3 {
    margin-bottom: 22px !important;
    font-size: 1.8em;
    font-weight: 600;
    margin-top: 32px;
    color: #ffe400;
    line-height: 30px;
}

.bez-paddinga-strane h3 a {
    color: #ffe400; 

}


.objavljeno {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    font-style: italic;
}

.objavljeno span {
    color: #ffe400;
    font-weight: 600;
    font-size: 12px;
}

.tekst-novosti-pocetna {
    max-height: 162px !important;
    overflow: hidden;
    color: #fff;
}

#owl-novosti-box.owl-carousel.show-nav-title .owl-nav {
    top: 0px;
    left: 0px !important;
    color: #bae400;
}

#owl-novosti-box.owl-carousel.show-nav-title .owl-nav .owl-next {
    color: #bae400;
}

#owl-novosti-box.owl-carousel.show-nav-title .owl-nav .owl-prev {
    left: 1100px;
    color: #bae400;
}

#owl-novosti-box.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 36px;
    margin: 0px;
    margin-left: 0px;
    padding: 0px 0px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#owl-novosti-box.owl-carousel .owl-nav .owl-prev:before {
    font-family: FontAwesome;
    content: "\f104";
    position: relative;
    left: -1px;
    top: 1px;
}

#owl-novosti-box.owl-carousel .owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f105";
    position: relative;
    left: -1px;
    top: 1px;
}

#owl-novosti-box.owl-carousel .owl-nav .owl-next {
    right: 12px;
}


.gumb-novosti-poc {
margin-top: -20px;
}

.gumb-zanimljivosti-poc {
margin-top: -18px;
}

.izbornik-dolje-sve {
background: #fff;
padding: 0px !important;
}

h3.naslov-izbornik-dolje {
font-weight: 900;
color: #505050;
font-size: 1.3em;
text-decoration: none !important;
text-align: center;
line-height: 24px;
 margin-bottom: 10px;
height: 46px;
}

.izbornik-pocetna-zasebno a:hover {
text-decoration: none !important;
}


.podnaslov-izbornik-dolje {
font-weight: 300;
color: #505050;
font-size: 1em;
text-decoration: none !important;
text-align: center;
}


.col-md-3-custom {
width: 20%;
float: left;
height: 246px;
padding: 12px;
background: #fafafa;
}

.izbornik-pocetna-zasebno:hover {
background: #e0e0e0;
}

img.zanimljivosti-slika {
margin-left: -107px;
}


.zanimljivosti-naslov {
	transform: rotate(90deg);
	transform-origin: right top 0;
        padding: 15px;
        background: #156c00;
        color: #fff;
        font-weight: 700;
        height: auto;
        float: right;
        width: 287px;
        
}

.zanimljivosti-naslov h2 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 0px 0;
    text-transform: uppercase;
    transform: rotate(-180deg);
    text-align: right;
}

.zanimljivosti-naslov h2 a {
    color: #fff;
    font-weight: 700;

}

.zanimljivosti-naslov h2 a:hover {
    text-decoration: none !important;

}

.svijetlo-zanimljivosti {
background: #85c300;
height: 230px;

}

.tamno-zanimljivosti {
background: #5ca900;
height: 230px;

}

.nemapadding-lijevo {
padding-left: 0px !important;

}

.nemapadding-desno {
padding-right: 0px !important;

}

.svijetlo-zanimljivosti h3, .tamno-zanimljivosti h3 {
    margin-bottom: 6px !important;
    font-size: 1.2em;
    font-weight: 600;
    color: #ffe400;
    height: 46px;
}

.svijetlo-zanimljivosti h3 a, .tamno-zanimljivosti h3 a {
color: #ffe400;
}

.tekst-zanimljivosti {
height: 66px;
color: #fff;
font-size: 0.9em;
line-height: 18px;
}

.padding-lijevo-malo {
padding-left: 15px;
}

.galerija-box {
background: #61b300;
}

.slika-krava {
    height: 286px;
}


h2.korisni-naslov {
    color: #000;
    font-size: 2.4em;
    margin: 0 0 21px 0;
}

h2.korisni-naslov a {
    text-decoration: none !important;
    color: #000;
}

.linkovi-naslov {
color: #b9b9b9;
font-weight: 700;
font-style: italic;
text-align: center;
margin-bottom: 10px;
font-size: 1.3em;
height: 66px;
}

.linkovi-zasebno a {
text-decoration: none !important;
}

.lijevo-skroz-footer {
    background-color: #156c00;
    min-height: 587px;
}


.lijevo-footer {
    background-image: url("https://osiz.hr/slike/footer-karta-1.png");
    background-color: #156c00;
    background-position: top right;
    background-repeat: none;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px;
    min-height: 587px;
    margin-right: -2px;
}

.sredina-footer {
    background-color: #61b300;
    padding: 96px 60px 60px;
    min-height: 587px;
}

.desno-footer {
    background-color: #4a9e00;
    padding: 96px 60px 60px;
    min-height: 587px;
}

.footer-zajedno p {
  color: #fff;
}

h3.naslov-opcine-footer {
text-transform: none !important;
color: #fff;
margin-bottom: 12px;
}

#footer h4 {
    font-size: 1.8em;
    font-weight: 700;
    color: #eac602;
}

#footer h4 a {
    color: #eac602;
}

#footer h4 a:hover {
    color: #eac602;
    text-decoration: none;
}

#footer .footer-copyright {
    background: #ffe400;
    border-top: 0px solid #060606;
    margin-top: 0px;
    padding: 0px 0 0px;
    clear: both;
}


ul.footerprojekti li {
    line-height: 24px;
    color: #fff;
}

img.pratite-nas {
margin-top: -160px;
}

.lijevo-skroz-potpis {
background: #437500;
min-height: 60px;
}

.lijevo-potpis {
background: #437500;
color: #ffe400 !important;
padding: 18px 0px 18px 56px;
}

.lijevo-potpis p {
color: #ffe400 !important;
}

.desno-potpis {
color: #156c00 !important;
padding: 18px 0px 18px 46px !important;
}


.desno-potpis p {
color: #156c00 !important;
}

.desno-potpis p a {
color: #156c00 !important;
font-weight: 600;
}

.traka-naslov-galerija {
    font-size: 1.8em;
    font-weight: 200;
    line-height: 28px;
    margin: 0 0 0 9px;
    padding: 18px 26px;
    background: #61B300;
    color: #fff;
}

.galerija-okolo {
    padding-left: 5px !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: #61b300;
}

.page-header {
    height: 250px;
    width: 100%;
    background: url(https://osiz.hr/slike/header-02.jpg) top center no-repeat;
    border-bottom: 2px solid #61b300;
    border-top: 0px solid #384045;
    margin: 0 0 25px 0;
    min-height: 50px;
    padding: 132px 0 10px;
}

.page-header h1 {
    border-bottom: 0px solid #CCC;
    font-size: 2.4em;
}

.page-header .breadcrumb > li a {
color: #FFE400;
}

.page-header .breadcrumb > li i {
color: #FFE400;
}

.breadcrumb {
    padding: 12px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;

}


#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
    display: inline-block;
    margin-left: 6px;
}

#header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle {
    padding-right: 6px;
}

#header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle:after, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle:after {
    display: none !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #FFE400 !important;
    text-decoration: none;
    background-color: #fff;
    outline: 0;
}

.sidebar {
    background: #fff;
    color: 61b300;
}

aside ul.nav-list > li > a {
    color: #fff;
    font-size: 0.9em;
    padding: 8px 0 8px 18px;
    border-bottom: 0px solid #EDEDDE;
}

aside ul.nav-list > li > a:hover {
    background-color: transparent !important;
    text-decoration: none;
    color: #FFE400;
}

h4.smaller-naslov {
background: #61b300;
color: #fff;
padding: 2px 0 10px;
text-align: center;
text-transform: uppercase;
margin-bottom: 6px !important;
}

h4.smaller-naslov a {
color: #fff;
text-decoration: none;
}

h4.smaller-naslov-linkovi {
background: #transperent;
color: #156c00;
padding: 10px;
text-align: center;
text-transform: uppercase;
margin-bottom: 6px !important;
}

h4.smaller-naslov-linkovi a {
color: #156c00;
text-decoration: none;
}


h3.smaller-izbornik-naslov {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #156c00;

}

.smaller-izbornik-podnaslov {
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    margin-bottom: 2px;
    text-align: center;

}

.smaller-izbornik a:hover {
    text-decoration: none !important;
}

.sidebar-aktualno {
background: #61b300;
padding: 10px;
}

.smaller-izbornik-zasebno {
padding: 12px;

}

.smaller-izbornik-zasebno:hover {
color: #fff;
background: #FFE400;

}

.google-map-borders {
    border: 1px solid #fff;
    padding: 1px;
    border-radius: 0px;
}

aside ul.nav-list > li > a:before {
    border-left: 4px solid #FFE400 !important;

}

.objavljeno-glavna {
    color: #b8a400;
    font-weight: 400;
    font-size: 12px;
    font-style: italic;
}

.objavljeno-glavna span {
    color: #1A8600;
    font-weight: 600;
    font-size: 12px;
}

.page-header .breadcrumb > li {
color: #ccc;
}

.poveznice {
background: #ddd;
padding: 12px;
}

a[href $='.pdf'] {
    padding: 0 0 3px 20px;
    background: url(https://osiz.hr/slike/page_white_acrobat.png) top left no-repeat;
    font-size: 0.92em;
}

a[href $='.doc'] {
    padding: 0 0 3px 20px;
    background: url(https://osiz.hr/slike/page_white_word.png) top left no-repeat;
    font-size: 0.92em;
}

a[href $='.docx'] {
    padding: 0 0 3px 20px;
    background: url(https://osiz.hr/slike/page_white_word.png) top left no-repeat;
    font-size: 0.92em;
}

a[href $='.xls'] {
    padding: 0 0 3px 20px;
    background: url(https://osiz.hr/slike/page_white_excel.png) top left no-repeat;
    font-size: 0.92em;
}

a[href $='.xlsx'] {
    padding: 0 0 3px 20px;
    background: url(https://osiz.hr/slike/page_white_excel.png) top left no-repeat;
    font-size: 0.92em;
}

.fa.pull-right {
    margin-top: 4px !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffe400;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
}

.table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td, .table-condensed>thead>tr>td {
    padding: 12px;
}

.table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>th {
    background-color: #ddd;
    border-bottom: 1px solid #ddd;
}

.galerija-naslov {
    background-color: #ddd;
    border-bottom: 1px solid #ddd;
}

.galerija-naslov h4 {
    padding: 12px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    color: #484848;
    margin-bottom: 0px;
    font-weight: 700;
}

.linkovi-smaller {
color: #b9b9b9;
font-weight: 600;
font-style: italic;
text-align: center;
font-size: 1.2em;
}


#owl-multimedija-box.owl-carousel.show-nav-title .owl-nav {
    top: 0px;
    right: 0px !important;
    color: #156c00;
}

#owl-multimedija-box.owl-carousel.show-nav-title .owl-nav .owl-next {
    color: #156c00;
}

#owl-multimedija-box.owl-carousel.show-nav-title .owl-nav .owl-prev {
    left: -410px;
    color: #156c00;
}

#owl-multimedija-box.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 36px;
    margin: 0px;
    margin-left: 0px;
    padding: 0px 0px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#owl-multimedija-box.owl-carousel .owl-nav .owl-prev:before {
    font-family: FontAwesome;
    content: "\f104";
    position: relative;
    left: -1px;
    top: 1px;
}

#owl-multimedija-box.owl-carousel .owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f105";
    position: relative;
    left: -1px;
    top: 1px;
}

#owl-multimedija-box.owl-carousel .owl-nav .owl-next {
    right: 350px;
}

.thumb-info:hover .thumb-info-title {
    background: #61B300;
}

.thumb-info .thumb-info-title {
    background: #61B300;
}

.naslov-korisni {
height: 76px;
}



input[type="search"].form-pretraga::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1A8600;
}

input[type="search"].form-pretraga::-moz-placeholder { /* Firefox 19+ */
  color: #1A8600;
}

input[type="search"].form-pretraga:-ms-input-placeholder { /* IE 10+ */
  color: #1A8600;
}

input[type="search"].form-pretraga:-moz-placeholder { /* Firefox 18- */
  color: #1A8600;
}

.search {
    border: 0px solid #ccc !important;
}

#header {
max-height: 163px !important;
}

.banner-gore {top: -400px; position: relative; z-index: 4}
.banner-gore a[href$=".pdf"] {background: none}

/*Pristupačnost*/
.element-invisible {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.popobronl {
    margin-top: -30px;
    margin-bottom: 40px;
}
.obroko {
    background: #eee;
    padding-top: 30px;
}