#header  {
    z-index: 1;
}

.accessibility-gumb {
    /*position: absolute;
    top: 23px;
    right: 0px;
    width: 34px;
    height: 29px;
    background-image: url(../images/acc/dig-pr.png);
    z-index: 2;*/
   
   /* width: 34px;
    height: 29px;
    background-image: url(../images/acc/dig-pr.png);*/

    position: fixed;
    top: 23px;
    right: 0;

    width: 46px;
    height: 41px;
    background-image: url(../images/acc/digitalna-pristupacnost2.png);
    z-index: 2;
}

.accessibility-gumb:hover {
    cursor: pointer;
    background-image: url(../images/acc/digitalna-pristupacnost2hover.png);
}

.accizbornik {
    /*position: absolute;
    z-index: 3;
    top: 60px;
    right: 0px;
    background-color: #9a9a9a;
    padding: 15px 25px 22px 25px;*/
    position: fixed;
    z-index: 3;
    top: 70px;
    right: 0px;
    /*background-color: #9a9a9a;*/
    background-color: #496F20;
    padding: 15px 25px 22px 25px;
}
.accizbornik ul li{
    /*width: 10px;
    height: 10px;*/
    color: #ffffff;
    margin-top: 9px;
    margin-bottom: 9px;
    padding-top: 6px;
    padding-bottom: 3px;
    display: flex;
    font-size: 14px;
    /*line-height: 19px;*/
    line-height: 22px;
    vertical-align: middle;
}

.accizbornik ul li:hover{
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.25);
}

.accizbornik {
    display: none;
}


    .accizbornik ul li a {
        color: #ffffff;
        text-decoration: none;
    }
    .accizbornik ul li span.acctxt {
        padding-top: 3px;
    }
    .accizbornik ul li a span.acctxt {
        color: #ffffff;
    }

.icon-increase-font {
    background: url(../images/acc/ikonice/increase-font.svg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 20px;
    padding-right: 12px;
}
.icon-gray-tones {
    background: url(../images/acc/ikonice/grey-fonts.svg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 20px;
    padding-right: 12px;
}
.icon-contrast {
    background: url(../images/acc/ikonice/contrast-change.svg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 20px;
    padding-right: 12px;
}
.icon-undo {
    background: url(../images/acc/ikonice/reset.svg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 20px;
    padding-right: 12px;
}
.icon-paperclip {
    background: url(../images/acc/ikonice/enhance-links.svg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 20px;
    padding-right: 12px;
}

.icon-change-font {
    background: url(../images/acc/ikonice/change-letters.svg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 37px;
    height: 19px;
    padding-right: 12px;
}

.icon-izjava {
    background: url(../images/acc/izjava-ikona1.png);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    padding-right: 20px;
}


/* ================ SMALL ================ */



/* ================ SMALL KRAJ ================ */





/* =========================================== */
/* ================ LARGE  ================ */
/* =========================================== */

html.font-size-l #navigation-holder.tabs {
    height: unset;
    overflow: hidden;
}
html.font-size-l #navigation-holder.tabs.submenu {
    height: unset;
    overflow: hidden;
}
html.font-size-l #navigation-holder.submenu {
    height: unset;
    overflow: hidden;
}


html.font-size-l #navigation-holder {
    background-repeat: repeat-x;
    background-color: #9a9a9a;
}
html.font-size-l #subnavigation-holder {
    background-image: none;
    background-color: #9a9a9a;
}
html.font-size-l #navigation-holder #navigation ul li {
   font-size: 18px;
}

html.font-size-l #subnavigation-holder #subnavigation ul li {
   font-size: 18px;
   padding-top: 7px;
   padding-bottom: 7px;
}
html.font-size-l #subnavigation-holder #subnavigation ul li a {
    background-color: #9a9a9a;
}



html.font-size-l #navigation-holder.tabs .tabs-holder ul li {
    font-size: 15px;
    line-height: 20px;
}



html.font-size-l .frontpage-columns h2 {
    font-size: 22px;
    line-height: 26px;
}

html.font-size-l p {
    font-size: 18px!important;
    line-height: 27px!important;
}

html.font-size-l .frontpage-columns p {
    font-size: 18px;
    line-height: 27px;
}

html.font-size-l .frontpage-links {
    font-size: 18px;
    line-height: 27px;
}

html.font-size-l #content  {
    font-size: 18px;
}

html.font-size-l #content ul li,
html.font-size-l #content ol li {
    font-size: 18px;
    line-height: 27px;
}




html.font-size-l a.greenLnk {
   font-size: 18px;
    line-height: 27px;
}
html.font-size-l table.popis-knjiga tr.stripe td.naslov {
    font-size: 18px!important;
    line-height: 27px;
}

/* ======== PRETRAŽIVANJE: ======== */

html.font-size-l .selector-div select {
    height: 200px;
    width: 213px;
    font-size: 18px;
}
html.font-size-l #help {
    font-size: 18px;
    line-height: 27px;
}
html.font-size-l .search-results td {
   line-height: 22px;
}

/* ======== PRETRAŽIVANJE - kraj  ======== */


/* ======== FOOTER: ======== */

html.font-size-l #footer-holder #footer #credits {
    font-size: 18px;
}
html.font-size-l .footer-links {
    font-size: 18px;
    line-height: 27px;
}
html.font-size-l .centered#footer {
    padding-bottom: 70px;
}

/* ======== FOOTER - kraj  ======== */


/* ============================================= */
/* ================ LARGE KRAJ  ================ */
/* ============================================= */


/* ============================================= */
/* ================ GRAYSCALE:  ================ */
/* ============================================= */

html.grayscale {
  filter: grayscale(100%);
  filter: gray; /* IE6-9 */
}


html.grayscale .accessibility-gumb {
    position: fixed;
    top: 23px;
    right: 0;
}

html.grayscale .accizbornik {
    position: fixed;
    z-index: 3;
    top: 70px;
    right: 0px;
}






/* ================================================= */
/* ================ GRAYSCALE KRAJ  ================ */
/* ================================================= */


/* ============================================= */
/* ================ CONTRAST:  ================ */
/* ============================================= */


html.contrast #content-holder {
    background: #333333;
    color: #ffffff!important;
}

html.contrast #content-holder .frontpage-columns h2,
html.contrast #content-holder .frontpage-columns#zbirka-bauer h2,
html.contrast #content-holder .frontpage-columns p,
html.contrast #content-holder .frontpage-columns a,
html.contrast #content-holder .frontpage-columns .frontpage-links,
html.contrast #content-holder .frontpage-columns .frontpage-links a   {
   color: #ffffff!important; 
}


html.contrast #content-holder a,
html.contrast #content-holder .links a,
html.contrast #content-holder #select-holder label,
html.contrast #content-holder #bibliografija-right-column,
html.contrast #content-holder #bibliografija-left-column,
html.contrast #content-holder h2.title,
html.contrast #content-holder #bibliografija-right-column .text-column p,
html.contrast #content-holder #bibliografija-left-column p,
html.contrast #content-holder #bibliografija-right-column h2,
html.contrast #content-holder #bibliografija-right-column li  {
   color: #ffffff!important; 
}

html.contrast #content-holder .search-results th {
    color: #ffffff!important; 
}

html.contrast #content-holder #selector-holder .selector-div strong,
html.contrast #content-holder .search-results a {
    color: #333333!important; 
}

   


/* ================================================= */
/* ================ CONTRAST KRAJ  ================ */
/* ================================================= */

/* ================================================= */
/* ================  ISTICANJE POVEZNICA  ================ */
/* ================================================= */



html.highlight-links a {
   text-decoration: underline!important;
}



/* ================================================= */
/* ================ ISTICANJE POVEZNICA  KRAJ  ================ */
/* ================================================= */




/* ================================================= */
/* ================  PROMJENA FONTA  ================ */
/* ================================================= */


/*OmoType ispadne ružno*/ 
/*@font-face {
  font-family: OmoType;
  src: url(https://asset.novena.hr/fonts/omotypestd/OmoType-BoldStdThree.ttf);
}*/

html.font-dyslexic {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
    letter-spacing: 1px!important;
  }


 html.font-dyslexic div, 
 html.font-dyslexic span, 
 html.font-dyslexic object, 
 html.font-dyslexic iframe, 
 html.font-dyslexic h1, 
 html.font-dyslexic h2, 
 html.font-dyslexic h3, 
 html.font-dyslexic h4, 
 html.font-dyslexic h5, 
 html.font-dyslexic h6, 
 html.font-dyslexic p, 
 html.font-dyslexic blockquote, 
 html.font-dyslexic pre, 
 html.font-dyslexic a, 
 html.font-dyslexic abbr, 
 html.font-dyslexic acronym, 
 html.font-dyslexic address, 
 html.font-dyslexic code, 
 html.font-dyslexic del, 
 html.font-dyslexic dfn, 
 html.font-dyslexic em, 
 html.font-dyslexic img, 
 html.font-dyslexic q, 
 html.font-dyslexic dl, 
 html.font-dyslexic dt, 
 html.font-dyslexic dd, 
 html.font-dyslexic ol, 
 html.font-dyslexic ul, 
 html.font-dyslexic li, 
 html.font-dyslexic fieldset, 
 html.font-dyslexic form, 
 html.font-dyslexic label, 
 html.font-dyslexic legend, 
 html.font-dyslexic table, 
 html.font-dyslexic caption, 
 html.font-dyslexic thtml, 
 html.font-dyslexic tfoot, 
 html.font-dyslexic thead, 
 html.font-dyslexic tr, 
 html.font-dyslexic th, 
 html.font-dyslexic td {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
    letter-spacing: 1px!important;
  }


    /* ================================================= */
/* ================  PROMJENA FONTA KRAJ ================ */
/* ================================================= */



 /* ================================================= */
/* ================  dodala zbog izmjene body-html: ================ */
/* ================================================= */


html.font-dyslexic body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
    letter-spacing: 1px!important;
  }


 html.font-dyslexic body div, 
 html.font-dyslexic body span, 
 html.font-dyslexic body object, 
 html.font-dyslexic body iframe, 
 html.font-dyslexic body h1, 
 html.font-dyslexic body h2, 
 html.font-dyslexic body h3, 
 html.font-dyslexic body h4, 
 html.font-dyslexic body h5, 
 html.font-dyslexic body h6, 
 html.font-dyslexic body p, 
 html.font-dyslexic body blockquote, 
 html.font-dyslexic body pre, 
 html.font-dyslexic body a, 
 html.font-dyslexic body abbr, 
 html.font-dyslexic body acronym, 
 html.font-dyslexic body address, 
 html.font-dyslexic body code, 
 html.font-dyslexic body del, 
 html.font-dyslexic body dfn, 
 html.font-dyslexic body em, 
 html.font-dyslexic body img, 
 html.font-dyslexic body q, 
 html.font-dyslexic body dl, 
 html.font-dyslexic body dt, 
 html.font-dyslexic body dd, 
 html.font-dyslexic body ol, 
 html.font-dyslexic body ul, 
 html.font-dyslexic body li, 
 html.font-dyslexic body fieldset, 
 html.font-dyslexic body form, 
 html.font-dyslexic body label, 
 html.font-dyslexic body legend, 
 html.font-dyslexic body table, 
 html.font-dyslexic body caption, 
 html.font-dyslexic body thtml, 
 html.font-dyslexic body tfoot, 
 html.font-dyslexic body thead, 
 html.font-dyslexic body tr, 
 html.font-dyslexic body th, 
 html.font-dyslexic body td {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
    letter-spacing: 1px!important;
  }



 /* ================================================= */
/* ================  dodala zbog izmjene body-html:KRAJ ================ */
/* ================================================= */