html {}
  html body {}
  
/* LAYOUT */
    html body div#wrapper
    {
      margin: 0 auto;
      padding-top: 43px;
      position: relative;
      width: 861px;
    }
    
      html body div#wrapper h1
      {
        background-image: url(../images/header.back.png);
        background-position: bottom;
        background-repeat: no-repeat;
        height: 128px;
        margin-bottom: 10px;
        position: relative;
      }
        html body div#wrapper h1 a, html body div#wrapper h1 span
        {
          background-position: 0;
          background-repeat: no-repeat;
          display: block;
          height: 35px;
          position: absolute;
          text-indent: -9999px;
        }
        html body div#wrapper h1 a
        {
          background-image: url(../images/logo.gif);
          left: 28px;
          position: absolute;
          top: 75px;
          width: 369px;
        }
        html body div#wrapper h1 span
        {
          background-image: url(../images/portal.gif);
          left: 667px;
          position: absolute;
          top: 75px;
          width: 163px;
        }

      html body div#wrapper ul#izbornik
      {
        height: 40px;
        margin-left: 30px;
        position: relative;
      }
        html body div#wrapper ul#izbornik li
        {
          float: left;
          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;
          margin-right: 35px;
          text-decoration: none;
          text-transform: none;
        }
          html body div#wrapper ul#izbornik li a
          {
            color:#DE441E;            
            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;
            text-decoration: none;
            text-transform: uppercase;
          }
          html body div#wrapper ul#izbornik li a:hover
          {
            color:#608000;
          }
          
          html body div#wrapper ul#izbornik li ul
          {
            background-image: url('../images/line.dotted.horizontal.gif');
            background-position: top;
            background-repeat: repeat-x;
            display: none;
            padding-top: 7px;
            position: absolute;
          }
            html body div#wrapper ul#izbornik li ul li
            {
              margin-right: 18px;
            }
              html body div#wrapper ul#izbornik li ul li a
              {
                color:#608000;            
                font-family:Arial,sans-serif;
                font-size:10px;
                font-style:normal;
                font-variant:normal;
                font-weight:bold;
                letter-spacing:0;
                line-height:normal;
                text-decoration:none;
                text-transform:none;
              }
              html body div#wrapper ul#izbornik li ul li a:hover
              {
                color:#000;
              }
      
      /* Zajedničko */
      html body div#wrapper div.kolumna-1, html body div#wrapper div.kolumna-2-jednake, html body div#wrapper div.kolumna-2-razlicite
      {
        background-position: top;
        background-repeat: no-repeat;        
      }
      html body div#wrapper div.kolumna-1-dno, html body div#wrapper div.kolumna-2-jednake-dno, html body div#wrapper div.kolumna-2-razlicite-dno
      {
        background-position: bottom;
        background-repeat: no-repeat;
        overflow: auto;
      }
      
      /* Individualno */
      /* 1 kolumna s pozadinom */
      html body div#wrapper div.kolumna-1
      {
        background-image: url('../images/1.column.back.up.png');
      }
      html body div#wrapper div.kolumna-1-dno
      {
        background-image: url('../images/1.column.back.down.png');
        padding: 6px 25px 20px 25px;
      }
      
      /* 1 kolumna bez pozadine */
      html body div#wrapper div.kolumna-bijelo-1
      {
        padding: 6px 25px 20px 25px;
      }
      
      /* 2 kolumne s pozadinom jednakih širina */
      html body div#wrapper div.kolumna-2-jednake
      {
        background-image: url('../images/2.column.equal.back.up.png');
      }
      html body div#wrapper div.kolumna-2-jednake-dno
      {
        background-image: url('../images/2.column.equal.back.down.png');
      }
        html body div#wrapper div.kolumna-2-jednake-dno div.kolumna-lijeva
        {
          background-image: url('../images/line.dotted.vertical.gif');
          background-position: top right;
          background-repeat: repeat-y;
          float: left;
          padding: 6px 0px 20px 25px;
          width: 405px;
        }
        html body div#wrapper div.kolumna-2-jednake-dno div.kolumna-desna
        {
          float: left;
          padding: 6px 25px 20px 25px;
          width: 381px;
        }
        
      /* 2 kolumne bez pozadine jednakih širina */
      html body div#wrapper div.kolumna-bijelo-2-jednake
      {
        overflow: auto;
      }
        html body div#wrapper div.kolumna-bijelo-2-jednake div.kolumna-lijeva
        {
          float: left;
          padding: 1px 25px 20px 25px;
          width: 380px;
        }
        html body div#wrapper div.kolumna-bijelo-2-jednake div.kolumna-desna
        {
          float: left;
          padding: 1px 25px 20px 25px;
          width: 381px;
        }
      
      /* 2 kolumne s pozadinom različitih širina */
      html body div#wrapper div.kolumna-2-razlicite
      {
        background-image: url('../images/2.column.notequal.back.up.png');
      }
      html body div#wrapper div.kolumna-2-razlicite-dno
      {
        background-image: url('../images/2.column.notequal.back.down.png');
      }
        html body div#wrapper div.kolumna-2-razlicite-dno div.kolumna-lijeva
        {
          background-image: url('../images/line.dotted.vertical.gif');
          background-position: top right;
          background-repeat: repeat-y;
          float: left;
          padding: 15px 25px 20px 30px;
          width: 592px;
        }
        html body div#wrapper div.kolumna-2-razlicite-dno div.kolumna-desna
        {
          float: left;
          padding: 15px 25px 20px 25px;
          width: 159px;
        }
      
      /* 2 kolumne bez pozadine različitih širina */
      html body div#wrapper div.kolumna-bijelo-2-razlicite
      {
        margin-bottom: 15px;
        overflow: auto
      }
        html body div#wrapper div.kolumna-bijelo-2-razlicite div.kolumna-lijeva
        {
          float: left;
          padding: 1px 0px 20px 30px;
          width: 568px;
        }
        html body div#wrapper div.kolumna-bijelo-2-razlicite div.kolumna-desna
        {
          float: left;
          padding: 1px 0px 20px 0px;
          width: 263px;
        }
      
      html body div#wrapper div#banner
      {
        height: 60px;
        right: 30px;
        position: absolute;
        top: 15px;
        width: 468px;
      }
      
      html body div#wrapper div#footer
      {
        background-image: url(../images/footer.back.png);
        background-repeat: no-repeat;
        height: 104px;
        margin-top: 50px;
        padding-top: 20px;
        width: 861px;
      }
      
        html body div#wrapper div#footer ul.footer-glavni-izbornik
        {
          margin: 15px auto;
          text-align: center;
        }
        
          html body div#wrapper div#footer ul.footer-glavni-izbornik li
          {
            color:#de441e;
            display: inline;
            font-family: Georgia,Times New Roman,Times,serif;
            font-size: 11px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            letter-spacing:0.15em;
          }
            html body div#wrapper div#footer ul.footer-glavni-izbornik li a
            {
              color:#de441e;
              font-weight: bold;
              text-decoration: none;
            }
            html body div#wrapper div#footer ul.footer-glavni-izbornik li a:hover
            {
              color: #608000;
              text-decoration: none;
            }
            
        html body div#wrapper div#footer ul.footer-manji-izbornik
        {
          margin: 0 auto;
          text-align: center;
        }
        
          html body div#wrapper div#footer ul.footer-manji-izbornik li
          {
            color:#de441e;
            display: inline;
            font-size: 10px;
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
          }
            html body div#wrapper div#footer ul.footer-manji-izbornik li a
            {
              color:#de441e;
              font-weight: bold;
              text-decoration: none;
            }
            html body div#wrapper div#footer ul.footer-manji-izbornik li a:hover
            {
              color: #608000;
              text-decoration: none;
            }
            
        html body div#wrapper div#footer p.copyright
        {
          margin: 0 auto;
          margin-top: 5px;
          font-size: 10px;
          text-align: center;
        }