body {
  background: #303030;
  color: white;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-image: url(../images/backgrounds/header.gif);
  background-repeat: repeat-x; 
}

a {
  color: blue;
}
a:hover {
  text-decoration: none;
}
.centered {
  width: 904px;
  text-align: left;
  margin: 0px auto; }

.clear-both {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }
p {
  line-height: 15px;
}
#header {
  height: 93px;
  text-align: center; }
  #header #logo-holder {
    width: 930px;
    text-align: left;
    margin: 0px auto; }

#navigation-holder {
  background: url(../images/backgrounds/navigation.gif);
  height: 31px; }
  #navigation-holder #navigation ul {
    margin-left: -15px;
  }
  #navigation-holder #navigation ul li {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 25px;
    height: 25px;
    display: block; }
    #navigation-holder #navigation ul li a {
      color: white;
      text-decoration: none;
    }
    #navigation-holder #navigation ul li.active {
      background: url(../images/backgrounds/navigation_active.gif);
    }

#navigation-holder.tabs {
  background-image: url(../images/backgrounds/navigation_tabs.gif);
  background-repeat: repeat-x;
  background-color: #e3e8dd;
  height: 63px; }
  #navigation-holder.tabs .tabs-holder ul {
    margin-top: 15px;
    margin-left: -10px; }
    #navigation-holder.tabs .tabs-holder ul li {
      float: left;
      color: #406618;
      font-size: 11px;
      font-weight: bold;
      padding: 6px 10px;
      margin-right: 11px; }

    #navigation-holder.tabs .tabs-holder ul li.active {
      background: white; }
#navigation-holder.tabs a {
  text-decoration: none;
  color: #406618; }

#navigation-holder.submenu {
  height: 48px; }

#navigation-holder.tabs.submenu {
  height: 83px; }
  #navigation-holder.tabs.submenu .tabs-holder ul {
    margin-top: 3px; }

#subnavigation-holder {
  background: url(../images/backgrounds/navigation_submenu.gif); }
  #subnavigation-holder #subnavigation {
    height: 23px; }
    #subnavigation-holder #subnavigation ul {
      margin-left: -15px;
    }
    #subnavigation-holder #subnavigation ul li {
      float: left;
      height: 17px;
      padding-right: 15px;
      padding-left: 15px;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
      padding-top: 6px; }
    #subnavigation-holder #subnavigation ul li.active {
      background: url(../images/backgrounds/navigation_submenu_active.gif);
    }
      #subnavigation-holder #subnavigation ul li a {
        color: white;
        text-decoration: none;
      }

#content-holder {
  background: white;
  color: black; }
  #content-holder #content {
    padding: 40px 0px; }



#footer-holder {
    background-image: url(../images/backgrounds/footer.gif);
    background-repeat: repeat-x;
    /*height: 100px;*/
    height: unset;
    overflow: hidden;
    padding-bottom: 30px;

    background-color: #303030;
  
    font-size: 13px;
    line-height: 15px;
}
  #footer-holder #footer #credits a {
    color: white;
    text-decoration: none;
  }
  #footer-holder #footer #credits a:hover {
    color: white;
    text-decoration: underline;
  }
  #footer-holder #footer #credits {
    color: #aabc98;
    /*font-size: 10px;*/
    padding-top: 9px; }
    #footer-holder #footer #credits #copyright {
      float: left; }

    #footer-holder #footer #credits #design {
      float: right; }


    .footer-links {
  margin-top: 20px;
  margin-bottom:5px;
  margin-left: 10px;
  /*font-size: 10px;
  line-height: 14px;*/
   line-height: 22px;
}
.footer-links a {
  color: white;
  text-decoration: none;
}
.footer-links a:hover {
  text-decoration: underline;
}



.frontpage-columns {
  width: 284px;
  margin-right: 26px;
  float: left; }
  .frontpage-columns h2 {
    color: #406618;
    font-size: 12px;
    font-weight: bold;
    padding-left: 115px;
    padding-top: 105px;
    background-repeat: no-repeat;
    display: block; }
  .frontpage-columns p {
    color: #3c3c3c;
    line-height: 16px;
    margin-top: 10px; }
  .frontpage-columns blockquote {
    margin: 15px 30px 5px 15px;
    color: #406618;
    
   }

.frontpage-columns#antun-bauer {
  margin-right: 0px; }
  .frontpage-columns#antun-bauer h2 {
    background-image: url(../images/backgrounds/h2_antun_bauer.gif); }

.frontpage-columns#projekt-digitalizacije h2 {
  background-image: url(../images/backgrounds/h2_projekt_digitalizacije.gif); }

.frontpage-columns#zbirka-bauer h2 {
  background-image: url(../images/backgrounds/h2_zbirka_bauer.gif); }
.frontpage-links {
  margin-top: 10px;
  border-left: 1px solid #cacfb8;
  border-top: 1px solid #cacfb8;
  color: #406618;
  padding: 10px;
}
.frontpage-links a {
  line-height: 14px;
  text-decoration: none;
  color: #406618;
}
.frontpage-links a:hover {
  text-decoration: underline;
}
#bibliografija-left-column {
  width: 260px;
  float: left; }
  #bibliografija-left-column #image-and-info {
    width: 230px;
    float: left; }
  #bibliografija-left-column #prev-next-holder {
    float: right; }
    #bibliografija-left-column #prev-next-holder img {
      display: block;
      margin-bottom: 10px; }
  #bibliografija-left-column p {
    color: black;
    margin-top: 20px;
    line-height: 12px; }
    #bibliografija-left-column p strong {
      display: block;
      margin-bottom: 10px; }

#bibliografija-right-column {
  margin-left: 15px;
  float: left;
  width: 629px;
  padding: 0px; }
  #bibliografija-right-column h2, h2.title {
    font-family: Trebuchet MS;
    font-size: 40px;
    font-weight: bold;
    color: #c5d1b9;
    padding: 0px;
    text-transform: uppercase;
    margin-top: -6px;
    margin-bottom: 20px; }
#bibliografija-right-column h3, h3.title {
    font-family: Trebuchet MS;
    font-size: 18px;
    font-weight: bold;
    color: #c5d1b9;
    padding: 0px;
    margin-top: -6px;
    margin-bottom: 20px;	
	line-height:24px;}
	
  #bibliografija-right-column p, #bibliografija-right-column li, #bibliografija-right-column table {
      margin-bottom: 5px;
      color: #3c3c3c; 
      line-height: 15px;
      width: 350px;
      }
  #bibliografija-right-column .text-column {
    width: 350px;
    margin-right: 25px;
    padding-left: 3px;
    float: left; }
    #bibliografija-right-column .text-column p {
      margin-bottom: 5px;
      color: #3c3c3c; 
      width: 350px;
    }
    #bibliografija-right-column .text-column ol {
      list-style-type: decimal;
      padding-left: 20px;}
      #bibliografija-right-column .text-column ol li {
        padding: 2px 0px; }
        #bibliografija-right-column .text-column ol li b {
          color: #406618; }
#bibliografija-right-column blockquote p, #bibliografija-right-column .text-column blockquote p {
  margin: 15px 30px 15px 15px;
  color: #406618;; 
}


#bibliografija-right-column.kolumna-sredina {
    margin: 0 auto;
    float: none;
    max-width: 550px;
    width: 99%;
}
#bibliografija-right-column.kolumna-sredina p, #bibliografija-right-column.kolumna-sredina li, #bibliografija-right-column.kolumna-sredina table {
    width: unset;
}

ol.links a {
  color: #406618;
  text-decoration: none;
}
ol.links a:hover {
  text-decoration: underline;
}
#select-holder {
  margin-bottom: 30px; }
  #select-holder label {
    display: block;
    float: left;
    color: #406618;
    margin-top: 5px; }
  #select-holder select {
    float: right;
    width: 160px;
    padding: 2px;
    border: 1px solid #CCC; }

.right-column {
  float: right;
  width: 250px; }

.popis-knjiga {
  width: 350px;
  margin-top: 20px;
  border: 0px; }
  .popis-knjiga .godine {
    text-align: left;
    width: 180px; }
    .popis-knjiga .godine a {
      color: #406618;
      text-decoration: none;
      font-weight: bold; }
      .popis-knjiga .godine a:hover {
        text-decoration: underline; }
#bibliografija-left-column .book-info p
{
  color: #406618;
}
.popis-knjiga td {
  padding: 5px;
}
.popis-knjiga tr.stripe td {
	background: #E3E8DD;
}

.selector-div {
  float: left;
  width: 213px;
  margin-right: 10px;
}
.selector-div select {
  height: 100px;
  width: 213px;
  font-size: 10px;
}
#selector-holder {
  background: #ecefe8;
  padding: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
}
#spinner {
	margin: 10px 0px;
	text-align: center;
}
.next, .prev {
	cursor: pointer;
}
.search-results, .search-results tbody
{
	width: 904px;	
	margin: 10px 0px;
	display: block;
	/*zoom: 1;*/
}
.search-results th {
	padding: 10px;
	font-weight: bold;
	color: #406618;
}
.search-results td
{
	background: #ECEFE8;
	padding: 10px;
	color: #406618;
	border-bottom: 2px solid white;
}
.book-buttons {
	margin-bottom: 15px;
}
.book-buttons img {
	margin-right: 10px;
}
#selector-holder strong {
  display: block;
  margin-bottom: 5px;
}


a.greenLnk {
	display:block;
	width:160px;
	color: #406618;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 0 20px;
	background: transparent url(../images/menu/green-arrow.gif) no-repeat left 2px;
	line-height:12px;
}


a.greenBack {
	display:block;
	float:right;
	text-align: right;
	color: #406618;
	font-size: 10px;
	margin: 0px;
	background: transparent url(../images/menu/green-arrow-back.jpg) no-repeat left 3px;
	padding: 0 0 0 16px;
	line-height:12px;
}

/* =========== 2022 ============ */

body, html {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#header #logo-holder a.logo-m {
    display: none;
    position: relative;
}
#header #logo-holder a.logo-m img {
    margin-top: -8px;
}
#header #logo-holder a.logo-m span.logo-txt {
    display: block;
    position: absolute;
    top: 25px; 
    left: 130px;
    width: 120px;
    height: 50px;
    color:#ffffff;
    font-size: 12px;
    line-height: 15px;
}

h1.mobile-h1-homepage {
    display: none;
}

  .upute-pretrazivac{
      margin-top: 10px; 
  }

  .napomena-za-tablicu-rezultata-mobile {
      display: none;
  }

/* na 1203px počinje problem na dijelu pod "knjige" */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1203px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 1203px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 1203px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1203px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 1203px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 1203px),
	only screen and (max-width: 1203px) {

   
      /* OVAJ DIO UBACILA OVDJE, BIO JE PRVO POD 964 PX : */

        #bibliografija-left-column {
            width: 27%;
            float: left;
            margin-right: 2%;
            position: relative;
        }

        #bibliografija-right-column {
            width: 69%;
            margin: 0px;
            float: left;
            position: relative;
        }

            #bibliografija-right-column h2 {
                font-size: 26px;
                line-height: 30px;
            }

            #bibliografija-right-column p {
                width: 100%;
            }

        a.greenLnk {
            width: unset!important;
        }

            #bibliografija-right-column .text-column p {
                width: unset;
            }

            #bibliografija-right-column .text-column {
                width: 78%!important;
                padding: 0px;
                margin: 0px;
                position: relative;
            }
             #bibliografija-right-column .right-column {
                width: 20%!important;
                padding-left: 1.5%;
            }
             #bibliografija-right-column .right-column img {
                width: 100%;
                max-width: 150px;
                height: auto;
                display: block;
            }


        #bibliografija-left-column #image-and-info {
            width: 100%;
            padding:0px;
            margin:0px;
        }
         #bibliografija-left-column #image-and-info img {
            display: block;
            width: 100%;
            height: auto;
            float: none;
            clear: both;
        }

         /* ======== */


          /* za stranicu: http://antunbauer.mdc.hr/index.php/static/bibliografije  tako da tablica ne prelazi van okvira*/

         /* DODATNA NAPOMENA: ovo je jedina stranica koja u biti nema left column već je sve u right,
            no vuče iste stilove pa za nju trenutno ne mogu ništa jer right column mora biti u postocima  width: 69%; za ostale
         */

         /* NAPOMENA3:  čini se da ne smeta ta širina jer se na 980 prebaci na width: unset , a prije toga je ok ...*/

        /*#bibliografija-right-column table.popis-knjiga {
            width: 100%;
        }*/

       
}


    

@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1103px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 1103px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 1103px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1103px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 1103px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 1103px),
	only screen and (max-width: 1103px) {

   
        #header #logo-holder {
            width: 98%;
        }

       
}

/* ovdje sam sa 964px prebacila sve već na 1080px: */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1080px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 1080px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 1080px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1080px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 1080px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 1080px),
	only screen and (max-width: 1080px) {


    body{
        position: relative;
        width: 100vw;
    }
    #header{
        position: relative;
        width: 100vw;
    }



    /* ======== IZBORNIK - POVEĆANJE FONTA I micanje gifova POZADINE :======== */


        
#navigation-holder.tabs {
    height: unset;
    overflow: hidden;
}
#navigation-holder.tabs.submenu {
    height: unset;
    overflow: hidden;
}
#navigation-holder.submenu {
    height: unset;
    overflow: hidden;
}


        #navigation-holder {
            background-image: none;
            background-color: #678646;
            position: relative;
             width: 100vw;
        }
            #navigation-holder.tabs {
                background-image: none;
                background-color: #e3e8dd;
                height: unset;
            }
                #navigation-holder.tabs.submenu .tabs-holder ul {
                    margin-top: 0px;
                }


            #navigation-holder .centered#navigation {
                background-color: #678646;
                width: 100%;
            }

            #navigation-holder #navigation ul {
                 margin-left: 20px; 
            }

            #navigation-holder #navigation ul li {
                line-height: unset;
                height: unset;
                padding-top: 7px;
                padding-bottom: 7px;
            }
            #navigation-holder #navigation ul li.active {
                background: none;
                background-color: #3e5c1c;
            }

                #navigation-holder #navigation ul li a {
                    font-size: 14px;
                    line-height: 19px;
                }



        #subnavigation-holder {
             background: none;
             background-color: #9a9a9a;
        }
       

            #subnavigation-holder .centered#subnavigation {
                height: unset;
                width: 100%;
                background-color: #9a9a9a;
                overflow: hidden;
            }

                #subnavigation-holder #subnavigation ul {
                    margin-left: 20px;
                }

                    #subnavigation-holder #subnavigation ul li {
                        height: unset;
                        font-size: 12px;
                        padding: 0px;
                    }
                        #subnavigation-holder #subnavigation ul li.active {
                            background: none;
                            /*background-color: #787878;*/
                        }

                        #subnavigation-holder #subnavigation ul li a {
                            padding: 7px 15px 7px 15px;
                            display: block;
                        }
                         #subnavigation-holder #subnavigation ul li.active a {
                            background-color: #787878;
                        }

        #navigation-holder.tabs .tabs-holder.centered {
            background-color: #e3e8dd;
        }

        #navigation-holder.tabs .tabs-holder ul {
            margin-left: 10px;
        }





  

    
/*#navigation-holder.tabs {
    height: unset;
    overflow: hidden;
}
#navigation-holder.tabs.submenu {
    height: unset;
    overflow: hidden;
}
#navigation-holder.submenu {
    height: unset;
    overflow: hidden;
}*/














/* ======== IZBORNIK - POVEĆANJE FONTA I POZADINE KRAJ ======== */


    /* ======== POVEĆANJE FONTA:======== */

    body #content-holder{
        font-size: 14px;
        line-height: 20px;
    }
        p {
           font-size: 14px;
           line-height: 20px;
        }

        .frontpage-columns p {
            font-size: 14px;
            line-height: 20px;
        }
        .frontpage-links,
        .frontpage-links a{
            font-size: 14px;
            line-height: 20px;
        }

        .frontpage-columns h2{
            font-size: 18px;
            line-height: 22px;
        }
       


        #bibliografija-right-column p, 
        #bibliografija-right-column li, 
        #bibliografija-right-column table, 
        #bibliografija-left-column p {
            font-size: 14px;
            line-height: 20px;
        }

        a.greenLnk {
            font-size: 14px;
            line-height: 20px;
        }
        a.greenBack {
            font-size: 14px;
            line-height: 20px;
        }


        .footer-links {
            font-size: 14px;
            line-height: 26px;
            margin-top: 30px;
        }



         /* ========  za stranicu pretraživanja  ======== */

        #selector-holder {
            width: 100%;
        }

        .selector-div {
            float: left;
            width: 48%;
            margin-right: 1.5%;
        }
     
         .selector-div#year-div,
         .selector-div#naziv-div {
            margin-top: 25px;
        }



        .selector-div select {
            height: 200px;
            /*width: 213px;*/
            width:100%;
            font-size: 14px;
        }

        .selector-div select option {
            width: 90%;
            overflow: hidden;
            white-space: normal;
            /*white-space: nowrap;*/
           /*text-overflow: ellipsis;*/
           padding-bottom: 5px;
        }

        /* ======== za stranicu pretraživanja  KRAJ ======== */



    /* ======== POVEĆANJE FONTA KRAJ ======== */


   

        /* OVO JE ZA NASLOVNU: */

        #content-holder {
            width: 100%!important;
            position: relative;
            display: block;
            float: none;
            clear: both;
        }


        .centered {
            width: 95%;
            position: relative;
            display: block;
            float: none;
            clear: both;
        }

        h1.mobile-h1-homepage {
            display: block;
            font-family: Trebuchet MS;
            font-size: 28px;
            line-height: 32px;
            font-weight: bold;
            color: #c5d1b9;
            text-align: center;
            margin: 0px 0px 30px 0px;
            padding: 0px 10px 0px 10px;
        }
        .frontpage-columns {
            width: 98%!important;
            max-width: 570px;
            padding-bottom: 18px;
            border-bottom: 1px solid #406618;
            margin: 0 auto 20px auto!important;
            float: none;
        }

        
        /* OVO JE ZA OSTALE STRANICE: */

        h2.title {
                font-size: 26px;
                line-height: 30px;
            }

       

        .search-results, .search-results tbody {
            width: unset;
            
        }
       

        

}



/* 620 >>  980 */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 980px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 980px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 980px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 980px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 980px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 980px),
	only screen and (max-width: 980px) {

    /* ovo je dio uzroka problema, trebalo je unsetat širine: */

        #bibliografija-right-column p, #bibliografija-right-column li, #bibliografija-right-column table {
            width: unset;
        }

        #bibliografija-right-column .text-column {
            width: unset;
        }

            #bibliografija-right-column .text-column p {
                width: unset;
            }

    /**/

        #header #logo-holder a.logo-m {
            display: block;
        }
        #header #logo-holder a.logo-d {
            display: none;
        }

        #content-holder .centered#content {
            /*max-width: 500px;*/
            max-width: 800px;
        }

         #bibliografija-left-column {
            width: 100%;
            max-width: 260px;
            float: none;
            margin-right: 0px;
        }

         /* ovaj divider sam dodala u predloške: 
            \code\views\static \cjeline.php
            \code\views\static \opis.php 
         */

         #bibliografija-left-column .clear-both {
           width: 100%;
           display: block;
           height: 25px;
        }
         


        #bibliografija-right-column {
            width: 100%;
            float: none;
        }
            #bibliografija-right-column .right-column {
            width: unset!important;
            float: none;
            clear: both;
            }
            #bibliografija-right-column .text-column {
                width: unset !important;
                float: none;
                clear: both;
                padding: 0px 5px 28px 5px;
            }
             #bibliografija-right-column .right-column img {
                float: none!important;
            }



        
        /* OVO JE ZA FOOTER: */

        #footer-holder {
           background-image: none;
           padding-bottom: 70px;
        }
            #footer-holder .centered#footer {
                width: 100%;
                max-width: 700px;
            }

            #footer-holder #footer #credits {
                padding: 10px 20px 10px 20px;
                overflow: hidden;
            }

           .footer-links {
            margin-top: 20px;
            margin-left: 20px;
           }

            #footer-holder #footer #credits #design {
            float: none;
            display: block;
            position: absolute;
            bottom: -48px;
            right: 20px;
          }


            /* --- */

        /*#content-holder .centered#content {
           overflow:visible;
        }*/

            #results {
           overflow-x:auto;
           /*width: 98vw!important;*/
        }
            .search-results, .search-results tbody {
            width: 100%!important;
        }
       

        
}



@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 859px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 859px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 859px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 859px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 859px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 859px),
	only screen and (max-width: 859px) {

    

    /* ======== IZBORNIK -  manje veličine ======== */

        

        #subnavigation-holder #subnavigation ul {
            display: table;
            height: 1px; /* any small value will work */
        }

            #subnavigation-holder #subnavigation ul li  {
                display: table-cell;
                height: 100%;
                max-width: 145px;
            }

      

        #subnavigation-holder #subnavigation ul li a {
            font-size: 11px;
            line-height:15px;
            text-align: center;
            letter-spacing:1px;
            display: block;
            height: 100%;
            padding: 7px 7px 7px 7px;
        }
               
        #subnavigation-holder #subnavigation ul li:first-child a {
            height: 29px;
            line-height: 29px;
            vertical-align: middle;
        }       

/* ======== IZBORNIK -  manje veličine KRAJ ======== */
       
       
}







@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 663px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 663px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 663px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 663px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 663px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 663px),
	only screen and (max-width: 663px) {


     /* ======== IZBORNIK -  manje veličine 663 ======== */

        

        #subnavigation-holder #subnavigation ul {
           margin-left: 0px;
        }

            #subnavigation-holder #subnavigation ul li  {
                max-width: unset;
            }
            #subnavigation-holder #subnavigation ul li:nth-child(1)  {
                width: 24%;
            }

            #subnavigation-holder #subnavigation ul li:nth-child(2),
            #subnavigation-holder #subnavigation ul li:nth-child(3)   {
                width: 38%;
            }

            #subnavigation-holder #subnavigation ul li:nth-child(4),
            #subnavigation-holder #subnavigation ul li:nth-child(5)   {
                width: 50%;
            }

      

        #subnavigation-holder #subnavigation ul li a {
            font-size: 11px;
            line-height:15px;
            text-align: center;
            letter-spacing:1px;
            display: block;
            height: 100%;
            padding: 7px 7px 7px 7px;
        }
               
        #subnavigation-holder #subnavigation ul li:first-child a {
            height: unset;
            line-height: 15px;
            vertical-align: baseline;
        }       

/* ======== IZBORNIK -  manje veličine 663 KRAJ ======== */



        .napomena-za-tablicu-rezultata-mobile {
            display: block;
        }
       
}



@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 500px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 500px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 500px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 500px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 500px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 500px),
	only screen and (max-width: 500px) {

        h1.mobile-h1-homepage {
            font-size: 27px;
            line-height: 32px;
            margin: -20px 0px 30px 0px;

        }


        
     /* ======== IZBORNIK -  manje veličine 500 ======== */

        #navigation-holder #navigation ul {
            /*margin-left: 0px;
            width: 100%;*/
             margin: 0 auto;
             width: 428px;
        }

            #navigation-holder #navigation ul li {
                padding: 0px;
                display: table-cell;
                height: 100%;
            }

            #navigation-holder #navigation ul li:nth-child(1)  {
                width: 96px;
            }
            #navigation-holder #navigation ul li:nth-child(2)  {
                width: 196px;
            }
            #navigation-holder #navigation ul li:nth-child(3)  {
                width: 136px;
            }



        #navigation-holder #navigation ul li a {
            font-size: 10px;
            line-height: 15px;
            letter-spacing:1px;
            text-align: center;
            padding: 7px 15px 7px 15px;
            display: block;
            height: 100%;
        }

         #subnavigation-holder #subnavigation ul li a {
            font-size: 10px;
            line-height: 15px;
        }
               


    /* ======== IZBORNIK -  manje veličine 500 KRAJ ======== */

       

        #content-holder .centered#content {
            max-width: 450px;
            width: 90%;
        }


        #results {
           overflow-x:auto;
        }
        table.search-results  {
   
        }
        
}


@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 428px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 428px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 428px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 428px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 428px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 428px),
	only screen and (max-width: 428px) {

       
          /* ======== IZBORNIK -  manje veličine 428 ======== */

        #navigation-holder #navigation ul {
             width: 358px;
        }


            #navigation-holder #navigation ul li:nth-child(1)  {
                width: 90px;
            }
            #navigation-holder #navigation ul li:nth-child(2)  {
                width: 134px;
            }
            #navigation-holder #navigation ul li:nth-child(3)  {
                width: 134px;
            }

    /* ======== IZBORNIK -  manje veličine 428 KRAJ ======== */


        
}



@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 400px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 400px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 400px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 400px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 400px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 400px),
	only screen and (max-width: 400px) {

       
         /* ========  za stranicu pretraživanja  ======== */

        #selector-holder {
            width: 100%;
        }

        .selector-div {
            float: none;
            width: 97%;
            margin-right: 0%;
        }

         .selector-div#prostorije-div,
         .selector-div#year-div,
         .selector-div#naziv-div {
            margin-top: 25px;
        }

      
        /* ======== za stranicu pretraživanja  KRAJ ======== */


        
}


@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 357px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 357px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 357px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 357px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 357px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 357px),
	only screen and (max-width: 357px) {

       
          /* ======== IZBORNIK -  manje veličine 357 ======== */

        #navigation-holder #navigation ul {
             width: 270px;
        }


            #navigation-holder #navigation ul li:nth-child(1)  {
                width: 68px;
            }
            #navigation-holder #navigation ul li:nth-child(2)  {
                width: 100px;
            }
            #navigation-holder #navigation ul li:nth-child(3)  {
                width: 102px;
            }


             #navigation-holder #navigation ul li a {
            font-size: 9px;
            line-height: 13px;
            padding: 7px 10px 7px 10px;
        }

         #subnavigation-holder #subnavigation ul li a {
            font-size: 9px;
            line-height: 13px;
            padding: 7px 10px 7px 10px;
        }

         #subnavigation-holder #subnavigation ul li:first-child a {
            line-height: 13px;
        }   

    /* ======== IZBORNIK -  manje veličine 357 KRAJ ======== */


        
}


@media
	only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 315px),
	only screen and (    min-moz-device-pixel-ratio: 2)      and (max-width: 315px),
	only screen and (   -o-min-device-pixel-ratio: 2/1)      and (max-width: 315px),
	only screen and (        min-device-pixel-ratio: 2)      and (max-width: 315px),
	only screen and (           min-resolution: 192dpi)      and (max-width: 315px),
	only screen and (            min-resolution: 2dppx)      and (max-width: 315px),
	only screen and (max-width: 315px) {


        #header #logo-holder a.logo-m span.logo-txt {
            left: 118px;
            width: 110px;
            height: 50px;
            color: #ffffff;
            font-size: 11px;
            line-height: 14px;
        }

        
}