/* Elementi unutar layouta */
      html body div#wrapper h2
      {
        color: #608000;
        font-family: Georgia,Times New Roman,Times,serif;
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        letter-spacing: 0.15em;
        line-height: normal;
        padding-top: 25px;
        margin-bottom: 15px;
        text-decoration: none;
        text-transform: uppercase;
      }
      
      html body div#wrapper h3
      {
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        line-height: normal;
        margin-bottom: 10px;
        text-decoration: none;
      }
      
      html body div#wrapper h4
      {
        font-family: Georgia,Times New Roman,Times,serif;
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        line-height: normal;
        text-decoration: none;
        text-transform: none;
      }
      
      html body div#wrapper h5
      {
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        line-height: normal;
        text-decoration: none;
      }
      
      /* Mali članak koji je širok (vrh naslovnice) */
      html body div#wrapper div.mali-clanak-sirok
      {
        padding-bottom: 25px;
      }
        html body div#wrapper div.mali-clanak-sirok img
        {
          border: 5px solid #fbf2bb;
          float: right;
          height: 160px;
          margin-left: 20px;
          width: 160px;
        }
        html body div#wrapper div.mali-clanak-sirok p
        {
          font-family: Georgia,Times New Roman,Times,serif;
          font-size: 14px;
        }
        
          html body div#wrapper div.mali-clanak-sirok p.autor
          {
            font-family: arial,helvetica,clean,sans-serif;
            font-size: 11px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            line-height: normal;
            margin-bottom: 5px;
            margin-top: 3px;
            text-decoration: none;
          }
        
      /* Mala vijest koja je uska */
      html body div#wrapper div.mala-vijest
      {
        float: left;
        padding-bottom: 15px;
        padding-right: 20px;
        width: 250px;
      }
      html body div#wrapper div.kolumna-desna div.mala-vijest
      {
        padding-right: 0px; /* U desnoj kolumni nema potrebe za desnim paddingom */
      }
        html body div#wrapper div.mala-vijest img
        {
          border: 5px solid #fbf2bb;
          float: left;
          height: 80px;
          margin-right: 10px;
          margin-bottom: 10px;
          width: 80px;
        }
        html body div#wrapper div.mala-vijest p
        {
          font-size: 12px;
        }
      
      /* Samo slika naslovnice knjige s naslovom i autorom */
      html body div#wrapper div.slika-i-naslov, html body div#wrapper div.slika-i-naslov-siri
      {
        float: left;
        margin-right: 30px;
        width: 100px;
      }
      html body div#wrapper div.slika-i-naslov-siri
      {
        margin-right: 40px;
        margin-bottom: 10px;
      }
        html body div#wrapper div.slika-i-naslov h5
        {
          font-size: 11px;
        }
        html body div#wrapper div.slika-i-naslov img, html body div#wrapper div.slika-i-naslov-siri img
        {
          border: 5px solid #fbf2bb;
          height: 146px;
          width: 95px;
        }
        html body div#wrapper div.slika-i-naslov p, html body div#wrapper div.slika-i-naslov-siri p
        {
          font-size: 11px;
          margin-bottom: 15px;
          text-transform: none;
          font-weight: normal;
        }
        
      /* Mali članak koji je uzak */
      html body div#wrapper div.mali-clanak-uski, html body div#wrapper div.mali-clanak-najuzi
      {
        float: left;
        margin-bottom: 20px;
        width: 370px;
      }
      html body div#wrapper div.mali-clanak-najuzi
      {
        float: left;
        margin-bottom: 25px;
        margin-right: 20px;
        width: 270px;
      }
      /* Iznimka kod jedne kolumne */
      html body div#wrapper div.kolumna-1-dno div.mali-clanak-uski
      {
        margin-right: 35px;
      }  
        html body div#wrapper div.mali-clanak-uski img, html body div#wrapper div.mali-clanak-najuzi img
        {
          border: 5px solid #fbf2bb;
          float: right;
          height: 146px;
          margin-left: 20px;
          width: 95px;
        }
          html body div#wrapper div.mali-clanak-uski img.bio, html body div#wrapper div.mali-clanak-najuzi img.bio
          {
            border: 5px solid #fbf2bb;
            float: right;
            height: 145px;
            margin-left: 20px;
            width: 100px;
          }
        html body div#wrapper div.mali-clanak-uski img.horizontalna-slika
        {
          border: 5px solid #fbf2bb;
          float: right;
          height: 120px;
          margin-left: 20px;
          width: 159px;
        }
        html body div#wrapper div.mali-clanak-uski p, html body div#wrapper div.mali-clanak-najuzi p
        {
          font-size: 12px;
          margin-bottom: 15px;
          text-transform: none;
          font-weight: normal;
        }
          html body div#wrapper div.mali-clanak-uski p.no_bottom_margin, html body div#wrapper div.mali-clanak-najuzi p.no_bottom_margin
          {
            margin-bottom: 0px;
          }
          html body div#wrapper div.mali-clanak-uski p.autor, html body div#wrapper div.mali-clanak-najuzi p.autor
          {
            font-size: 12px;
            margin-bottom: 15px;
            text-transform: none;
            font-weight: normal;
          }
          html body div#wrapper div.mali-clanak-uski p.predstavljamo-podaci, html body div#wrapper div.mali-clanak-najuzi p.predstavljamo-podaci
          {
            font-size: 11px;
            margin: 0;
            padding: 0;
            font-weight: normal;
          }
          html body div#wrapper div.mali-clanak-uski p.last, html body div#wrapper div.mali-clanak-najuzi p.last
          {
            margin-bottom: 15px;
          }
          html body div#wrapper div.mali-clanak-uski a.nagrada, html body div#wrapper div.mali-clanak-najuzi a.nagrada
          {
            color: #608000;
            float: right;
            font-size: 10px;
            text-decoration: none;
            width: 140px;
          }
          html body div#wrapper div.mali-clanak-uski a.linkovi, html body div#wrapper div.mali-clanak-najuzi a.linkovi
          {
            color: #608000;
            float: right;
            font-size: 10px;
            text-decoration: none;
            width: 180px;
          }
          html body div#wrapper div.mali-clanak-uski p.linkovi, html body div#wrapper div.mali-clanak-najuzi p.linkovi
          {
            margin-top: 10px;
          }
          html body div#wrapper div.mali-clanak-uski p.linkovi a:hover, html body div#wrapper div.mali-clanak-najuzi p.linkovi a:hover
          {
            color: #000;
          }
          html body div#wrapper div.mali-clanak-uski img.litkuh
          {
            height: 122px;
            width: 122px;
          }
          html body div#wrapper div.mali-clanak-uski form.nagradna-igra p
          {
            margin-bottom: 5px;
          }
          html body div#wrapper div.mali-clanak-uski form.nagradna-igra .znam-odgovor
          {
            margin-top: 25px;
          }
            html body div#wrapper div.mali-clanak-uski a.nagrada img, html body div#wrapper div.mali-clanak-najuzi a.nagrada img
            {
              
            }
            html body div#wrapper div.mali-clanak-uski a.nagrada span, html body div#wrapper div.mali-clanak-najuzi a.nagrada span
            {
              display: block;
              text-align: right;
            }
            html body div#wrapper div.mali-clanak-uski a.linkovi span, html body div#wrapper div.mali-clanak-najuzi a.linkovi span
            {
              display: block;
              text-align: right;
              font-family: Georgia,Times New Roman,Times,serif;
              font-weight: bold;
            }
      
      /* Mali članak koji je uzak */
      html body div#wrapper a.oglas
      {
        display: block;
        height: 180px;
        margin-bottom: 30px;
        width: 368px;
      }
        html body div#wrapper a.oglas img
        {
          border: 5px solid #fbf2bb;
          display: block;
          height: 180px;
          width: 368px;
        }
      
      html body div#wrapper p.autor
      {
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        line-height: normal;
        text-decoration: none;
      }
      
      html body div#wrapper ul.stranice-velike
      {
        margin: 15px auto;
        text-align: center;
      }      
        html body div#wrapper ul.stranice-velike li
        {
          display: inline;
          margin-right: 10px;
          
        }
          html body div#wrapper ul.stranice-velike li a
          {
            background-color:transparent;
            background-image:url(../images/listalica.velika.inactive.gif);
            background-position:0 4px;
            background-repeat:no-repeat;
            color:#f9dec5;
            display: inline;
            font-size:10px;
            font-weight:bold;
            height: 16px;
            padding:8px;
            text-decoration:none;
            width: 16px;
          }
          html body div#wrapper ul.stranice-velike li a:hover
          {
            background-image:url(../images/listalica.velika.hover.gif);
            color: #efbe9a;
            text-decoration: none;
          }
          html body div#wrapper ul.stranice-velike li.active a
          {
            background-image:url(../images/listalica.velika.active.gif);
            color: #bfcc99;
            text-decoration: none;
          }
          
      html body div#wrapper ul.stranice-male
      {
        margin: 0 auto;
        padding-top: 20px;
        text-align: center;
      }      
        html body div#wrapper ul.stranice-male li
        {
          display: inline;
          margin-right: 10px;
        }
          html body div#wrapper ul.stranice-male li a
          {
            background-color:transparent;
            background-image:url(../images/listalica.mala.inactive.gif);
            background-position:0 4px;
            background-repeat:no-repeat;
            color: #f4e6a2;
            display: inline;
            font-size:10px;
            font-weight:bold;
            height: 13px;
            padding: 5px;
            text-decoration:none;
            width: 13px;
          }
          html body div#wrapper ul.stranice-male li a:hover
          {
            background-image:url(../images/listalica.mala.hover.gif);
            color: #e5cf73;
            text-decoration: none;
          }
          
      html body div#wrapper a.opsirnije
      {
        background-image: url('../images/opsirnije.gif');
        display: block;
        height: 25px;
        margin-top: 15px;
        text-indent: -9999px;
        width: 62px;
      }
      html body div#wrapper a.opsirnije:hover
      {
        background-image: url('../images/opsirnije1.gif');
      }
      html body div#wrapper a.uvjeti-oglasavanja
      {
        background-image: url('../images/uvjetioglasavanja.gif');
        display: block;
        height: 23px;
        text-indent: -9999px;
        width: 122px;
      }
      html body div#wrapper a.uvjeti-oglasavanja:hover
      {
        background-image: url('../images/uvjetioglasavanja1.gif');
      }
      
      html body div#wrapper input.trazi, html body div#wrapper input.zapisi-se, html body div#wrapper input.znam-odgovor
      {
        margin-top: 10px;
      }
      
      .banner-2
      {
        display: block;
        margin-top: 30px;
      }
      
      .polje
      {
        display: block;
        margin: 7px 0;
      }
      .pretrazivanje label
      {
        font-size: 11px;
        line-height: 20px;
        padding-right: 10px;
      }
      
      p.pitanje
      {
        font-size: 12px;
        padding-bottom: 10px;
      }
      
      p.max
      {
        font-weight: bold;
      }
      p.rezultat
      {
        font-size: 11px;
        padding-bottom: 2px;
      }
      img.rezultat
      {
        margin-bottom: 4px;
      }
      
      p.glasaj
      {
        height: 24px;
        padding-bottom: 20px;
        padding-top: 10px;
      }
      p.newsletter
      {
        padding-bottom: 20px;
      }
      .pretrazivanje .rezultati
      {
        float: right;
      }
      
      .pretrazivanje .posalji
      {
        float: left;
      }

      
.clear
{
  clear: both;
}

.lijevo
{
  float: left;
}

.desno
{
  float: right;
}

strong
{
  font-weight: bold;
}

a
{
  color: #608000;
  text-decoration: none;
}
a:hover
{
  color: #000;
}
a:visited
{
  color: #608000;
}

h2 a:hover
{
  color: #000;
}

h3 a, h4 a, h5 a
{
  color: #000;
  text-decoration: none;
}
h3 a:visited, h4 a:visited, h5 a:visited
{
  color: #000;
}
h3 a:hover, h4 a:hover, h5 a:hover
{
  color: #608000;
  text-decoration: none;
}


/* CSS properties for JavaScript behaviour */
div#izdvojeno-2, div#izdvojeno-3, div#izdvojeno-4, div#izdvojeno-5,
div#preporuke-2, div#preporuke-3, div#preporuke-4, div#preporuke-5,
div#dogadjanja-5, div#dogadjanja-6, div#dogadjanja-7, div#dogadjanja-8, div#dogadjanja-9, div#dogadjanja-10, div#dogadjanja-11, div#dogadjanja-12,
div#vijesti-3, div#vijesti-4, div#vijesti-5, div#vijesti-6 
{
  display: none;
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div#naslovnica-scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 592px; 
    height:570px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div#naslovnica-scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div#naslovnica-scrollable div.items div { 
    float:left;
    width: 592px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}