/*------------------------------------------------------------------------------- 

  Vinoteka CSS
  
  (c) 2007-2009 by Abacus, info ath abacus doth hr
  
  v1.23 24.3.2009. TCrnicki

-------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------- 
  Struktura
-------------------------------------------------------------------------------*/

.CONTAINER-izbornik {  
  background-image: url('img/menu-bg.png');
  background-repeat: repeat-x;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  height: 26px;
  max-height: 26px;
}

.LIJEVO {
  font: normal 8pt Verdana;
  line-height: 25px;
  text-align: left;
  padding: 10px;
}

.DESNO {  
  font: normal 8pt Verdana;
  line-height: 18px;
  text-align: center;
  padding: 10px;
}

.FOOTER {  
  background-image: url('img/menu-bg.png');
  background-repeat: repeat-x;
  border-top: 1px solid black;
  height: 21px;
  max-height: 21px;
  font: normal 7.5pt Verdana;
  color: white;
  text-align: center;
}

.Body {
  font: normal 8pt Verdana;
  padding: 10px;
  text-decoration: none;
  color: black;
  line-height: 18px;
  height: 620px; 
  width: 550px; 
  min-width: 550px; 
  max-width: 550px;
  text-align: justify;
}

/*------------------------------------------------------------------------------- 
  formatiranje teksta i tablica
-------------------------------------------------------------------------------*/

.TDdesc {
  font: normal 7.5pt Verdana;
  color: #622307;
  line-height: 16px;
  text-align: right;
}

.TDdata {
  font: bold 8pt Verdana;
  color: #622307;
  line-height: 16px;
}

.LOGINERROR {
  border: 1px solid black; 
  padding: 3px; 
  font: bold 10pt Verdana;
  color:white;background-color:red;
  text-align:center;
}

.Ver8Brw {
  font: bold 8pt Verdana;
  color: #622307;
  line-height: 18px;
}

.Ver6Bl {
  font: normal 6.5pt Verdana;
  color: #000000;
  line-height: 18px;
}

.Ver8Bl {
  font: normal 8pt Verdana;
  color: #000000;
  line-height: 18px;
}

.ocjene {
  background-color: #622307;
}

.TD-sadrzaj { 
  font: normal 8pt Verdana;
  color: #622307;
  line-height: 20px;
  text-align: center;
}

.TD-vino { 
  font: normal 8pt Verdana;
  color: #622307;
  line-height: 20px;
  text-align: center;
}

.Ver8Blu {
  font: normal 8pt Verdana;
  color: #1C5DD3;
  line-height: 18px;
}

.ocjHead {
  background: #AA7F6B;
  font: normal 8pt Verdana;
}

.ocj {
  background: #FFFFF0;
  font: normal 8pt Verdana;
  color: black;
  line-height: 18px;
  text-align: left;
  border: 1px solid #E8DBAE;
  padding: 10px 5px 10px 15px;
  margin: 10px 10px 10px 20px;
}

.txt {
  font: normal 8pt Verdana;
  color: #2C2C2C;
  line-height: 18px;
}

.NAZIV-vina {
  font: bold 10pt Verdana;
  color: #622307;
  line-height: 20px;
  letter-spacing: 3px;
}

.Ver8 {
  font: normal 8pt Verdana;
  line-height: 18px;
}

.sSS {
  color:white;
  background-color: red;
}

/*------------------------------------------------------------------------------- 
  Online shopping
-------------------------------------------------------------------------------*/

.ShopTd {
  font: normal 8pt Verdana;
  line-height: 18px;
  color: #2C2C2C;
  padding: 10px 0px 10px 10px;
  border-bottom: 1px dotted #8C5D49;
}

.ShopTdR {
  font: normal 8pt Verdana;
  line-height: 18px;
  color: #2C2C2C;
  padding: 10px 0px 10px 10px;
  border-bottom: 1px dotted #8C5D49;
  text-align: right;
}

.SumTd {
  font: normal 8pt Verdana;
  line-height: 18px;
  color: #2C2C2C;
  background-color: #FAF0E7;
  text-align: right;
  padding: 10px 0px 10px 10px;
  border-bottom: 1px dotted #8C5D49;
}

.SveTd {
  font: normal 8pt Verdana;
  line-height: 18px;
  color: #2C2C2C;
  background-color: #FAF0E7;
  text-align: right;
  padding: 10px 0px 10px 10px;
  border-top: 1px solid #8C5D49;
  border-bottom: 2px solid #8C5D49;
}

.SlikeShop {
  border: 1px solid #622307;
}

.dSTR {
  background-color: #EBDFDA;
  text-align:center;
  padding: 4px;
}


/*------------------------------------------------------------------------------- 
  Meniji
-------------------------------------------------------------------------------*/

.IZBORNIK-link {
  font: bold 8pt Verdana;
  color: white;
  text-decoration: none;
  margin: 0px 5px 0px 5px;
}

.IZBORNIK-link-active {
  font: bold 8pt Verdana;
  color: yellow;
  text-decoration: none;
  margin: 0px 5px 0px 5px;
}

.IZBORNIK-link:hover {
  font: bold 8pt Verdana;
  color: #FFD800;
  text-decoration: none;
  border-bottom: 1px solid white;
  margin: 0px 5px 0px 5px;
}

#MENU-SOM, #MENU-ADM, #KORISNIK {
  width: 142px;
  max-width: 142px !important;
  padding: 0px;
  margin: 0px;
}

.SomMenu {
  display: block;
  font: bold 8pt Verdana;
  padding: 5px;
  margin-top: 2px;
  background-color: #814E38;
  color: white;
  text-decoration: none;
  border-left: 10px solid #5E230C;
}

.SomMenuAct {
  display: block;
  font: bold 8pt Verdana;
  padding: 5px;
  margin-top: 2px;
  background-color: #814E38;
  color: yellow;
  text-decoration: none;
  border-left: 10px solid #814E38;
}

.SomMenu:hover {
  color: #FFD800;
  background-color: #5E230C;
  border-left: 10px solid #5E230C;
}

.PoNasLnk {
  text-align: left;
  display: block;
  font: bold 7.5pt Verdana;
  color: #703319;
  text-decoration: none;
  background-image: url('img/list0.png');
  padding: 2px 5px 2px 13px;
  background-position: 0px 7px;
  background-repeat: no-repeat;
  line-height: 18px;
}

.PoNasLnk:hover {
  background-image: url('img/list0.png');
  color: #F00B36;
}

/*------------------------------------------------------------------------------- 
  Linkovi, naslovi
-------------------------------------------------------------------------------*/

.LINK {
  font: bold 8pt Verdana;
  color: #178FE6;
  text-decoration: none;
  line-height: 20px;
}

.LINK:hover {
  color: #622307;
  text-decoration: none;
  border-bottom: 1px solid #178FE6;
}

.LINK-naruci {
  font: bold 8pt Verdana;
  color: #178FE6;
  text-decoration: none;
  background-image: url('img/kolica.png');
  background-repeat: no-repeat;
  padding: 3px 0px 3px 25px;
}

.LINK-naruci:hover {
  color: #03538C;
  text-decoration: underline;
}

.LINK-cr {
  font: bold 7.5pt Verdana;
  color: white;
  text-decoration: none;
  border-bottom: 1px solid yellow;
}

.LINK-cr:hover {
  color: yellow;
  text-decoration: none;
  border-bottom: 1px solid white;
}

.NASLOV {
  font: bold 8pt Verdana;
  color: #F00B36;
  line-height: 20px;
}

.NAGLASENO {
  font: bold 8pt Verdana;
  color: #622307;
  line-height: 20px;
}

.NAGLASENO-light { 
  font: normal 8pt Verdana;
  color: #622307;
  line-height: 20px;
}

.LinkSort {
  text-align: center;
  font: bold 8pt Verdana;
  color: white;
  text-decoration: none;
}


/*------------------------------------------------------------------------------- 
  separators
-------------------------------------------------------------------------------*/

.SEPARATOR-gray {
    padding: 0px;
    height: 3px;
    max-height: 3px;
    font-size: 1px;
    border-bottom: 1px solid #E2E2E2;
    margin: 0px 0px 3px 0px;
    line-height: 5px;
}

.SEPARATOR-brown {
    padding: 0px;
    height: 3px;
    max-height: 3px;
    font-size: 1px;
    border-bottom: 1px dotted #8C5D49;
    margin: 10px 0px 10px 0px;
    line-height: 5px;
}

/*------------------------------------------------------------------------------- 
  Slike
-------------------------------------------------------------------------------*/

.SLIKE-border {
  border: 1px solid #622307;
  margin-top: 5px;
  margin-bottom: 5px;
}

.SLIKE-right {
  border: 1px solid #622307;
  float: right;
  margin: 5px 0px 5px 10px;
}

.SLIKE-left {
  border: 1px solid #622307;
  float: left;
  margin: 5px 10px 5px 0px;
}

/*------------------------------------------------------------------------------- 
  Izgled elemenata na formama 
-------------------------------------------------------------------------------*/

.OPIS {
  font: normal 8pt Verdana;
  line-height: 18px;
  padding: 1px;
}

.FORMA-opis {
    font: normal 8pt Verdana;
    color: black;
    text-align: right;
    line-height: 18px;
    padding: 1px;
}

.FORMA-opis-obavezno {
    font: bold 8pt Verdana;
    color: black;
    text-align: right;
    line-height: 18px;
    padding: 1px;
}

.FORMA-tekst {
    font: bold 8pt Verdana;
    color: red;
    text-align: center;
    line-height: 18px;
    padding: 1px;
}

.FORMA-tekst2 {
    font: bold 8pt Verdana;
    text-align: center;
    line-height: 18px;
    padding: 1px;
}

.FORMA-fields-off {
    font: bold 8pt Verdana;
    color: #622307;
    padding: 3px;
    line-height: 10px;
    background-color: #FAF0E7;
    border: 1px solid #622307;
}

.FORMA-fields-on {
    font: bold 8pt Verdana;
    color: white;
    padding: 3px;
    line-height: 10px;
    background-color: #8C5D49;
    border: 1px solid #622307;
}

.FORMA-buttons-off {
    font: bold 8pt Verdana;
    color: white;
    background-color: #AA7F6B;
    border: 1px solid #622307;
    padding: 3px 10px 3px 10px;
}

.FORMA-buttons-on {
    font: bold 8pt Verdana;
    color: white;
    background-color: #8C5D49;
    border: 1px solid #622307;
    padding: 3px 10px 3px 10px;
}

.SeaButtonOff {
    margin-top: 3px;
    font: bold 7.5pt Verdana;
    color: white;
    line-height: 9px;
    background-color: #AA7F6B;
    border: 1px solid #622307;
    padding: 3px 5px 2px 5px;
}

.SeaButtonOn {
    margin-top: 3px;
    font: bold 7.5pt Verdana;
    color: white;
    line-height: 9px;
    background-color: #8C5D49;
    border: 1px solid #622307;
    padding: 3px 5px 2px 5px;
}

/*------------------------------------------------------------------------------- 
  Utilities 
-------------------------------------------------------------------------------*/
  
#dhtmltooltip {
    font: normal 7.5pt Verdana;
    color: #780117;
    position: absolute;
    border: 1px solid #9F0925;
    padding: 3px;
    visibility: hidden;
    z-index: 100;
    background-color: white;
}