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

  Tegra CSS
  
  (c) 2007-2008 by Abacus, info (at) abacus . hr
  
  v.1.08 21.01.2008. DSalopek

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

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

  Struktura

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

.KUCICA-tekst {
  border-left: 10px solid #C4C4C3;
  margin-left: 10px;
  padding: 0px 0px 0px 10px;
  margin: 5px 0px 5px 0px;
  font: normal 9pt Arial;
  color: #5E5E5E;
  line-height: 18px;
  text-align: justify;
}
.KUCICA-tekst2 {
  border-left: 10px solid #C4C4C3;
  margin-left: 10px;
  padding: 0px 0px 0px 10px;
  margin: 5px 10px 5px 70px;
  font: normal 9pt Arial;
  color: #5E5E5E;
  line-height: 18px;
  text-align: left;
  width: 625px; 
  max-width: 625px;
}

.CONTAINER-lijevo {
  width: 193px; 
  max-width: 193px; 
  background-image: url('img/menu-bg.png'); 
  background-repeat: repeat-y;
}

.CONTAINER-header { 
  text-align: center; 
}

.CONTAINER-main {
  background-image: url('img/body-bg.png');
  background-repeat: no-repeat;
  font: normal 9pt Arial;
  color: #5E5E5E;
  padding: 5px 10px 5px 10px;
}

.CONTAINER-medley {  
  float: right;
  margin-left: 8px;
}

.CONTAINER-izbornik { padding: 0px 15px 15px 15px; }



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

  formatiranja teksta

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

.TD-tekst {
  font: normal 9pt Arial;
  color: #5E5E5E;
  line-height: 18px;
  text-align: justify;
}

.TD-sadrzaj {
  font: normal 9pt Arial;
  color: #5E5E5E;
  line-height: 18px;
  text-align: justify;
}
.TD-sadrzaj2 {
  font: normal 9pt Arial;
  color: #5E5E5E;
  line-height: 18px;
  text-align: left;
}

.TD-sadrzaj-p {
  font: normal 9pt Arial;
  color: #1455D9;
  line-height: 18px;
  text-align: justify;
}
.TD-sivo {
  font: normal 9pt Arial;
  color: #5E5E5E;
  line-height: 18px;
  background: #F1F1F0;
}
.DIV-kontakt {
  width: 600px; 
  max-width: 600px; 
}

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

  Glavni izbornik

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

.IZBORNIK-link {
  font: bold 8pt Arial;
  color: #1455D9;
  line-height: 18px;
  text-decoration: none;
}

.IZBORNIK-link-selected {
  font: bold 8pt Arial;
  color: red;
  line-height: 18px;
  text-decoration: none;
}

.IZBORNIK-link:hover {
  font: bold 8pt Arial;
  color: #004389;
  line-height: 18px;
  border-bottom: 1px solid red;
}

.BLINKTEKST {
  font: bold 8pt Arial;
  color: red;
  line-height: 18px;
  text-decoration: none;
  text-decoration: blink;
}

.BLINKTEKST-selected {
  font: bold 8pt Arial;
  color: red;
  line-height: 18px;
  text-decoration: none;
}

.BLINKTEKST:hover {
  font: bold 8pt Arial;
  color: red;
  line-height: 18px;
  text-decoration: blink;
  border-bottom: 1px solid red;
}

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

  Ostala navigacija

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

.NAVIGATOR {
    font: bold 8pt Arial;
    color: #1455D9;
    line-height: 18px;
    margin-bottom: 8px;
    margin-top: 2px;
}

.NAVIGATOR-link {
    font: bold 8pt Arial;
    color: #1455D9;
    line-height: 18px;
    text-decoration: none;
}

.NAVIGATOR-link:hover {
    font: bold 8pt Arial;
    color: #004389;
    line-height: 18px;
    text-decoration: none;
    border-bottom: 1px solid red;
}

.BUTTON-nav {
  font: normal 8pt Arial;
  color: #5E5E5E;
  border: 1px solid #DADADA;
  background-color: #F7F7F7;
  padding: 6px 10px 5px 10px;
  text-decoration: none;
  margin-left: 2px;
}

.BUTTON-nav:hover {
  color: #E20125;
  border: 1px solid #FF91A3;
  background-color: #FFEBEE;
}

.BUTTON-nav-selected {
  font: normal 8pt Arial;
  color: #E20125;
  border: 1px solid #FF91A3;
  background-color: #FFEBEE;
  padding: 6px 10px 5px 10px;
  text-decoration: none;
  margin-left: 2px;
}

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

  Linkovi, naslovi 

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

.LINK {
  font: bold 8pt Arial;
  color: #0B2C84;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #1455D9;
}

.LINK:hover {
  font: bold 8pt Arial;
  color: #1455D9;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #0B2C84;
}

.LINK-main:hover {
    font: bold 8pt Arial;
    color: red;
    line-height: 18px;
    text-decoration: none;
    border-bottom: 1px solid #004389;
}

.LINK-main {
    font: bold 8pt Arial;
    color: #004389;
    line-height: 18px;
    text-decoration: none;
    border-bottom: 1px solid red;
}

.LINK-naslov {
  font: bold 10pt Arial;
  color: #1455D9;
  line-height: 18px;
  text-decoration: none;
}

.LINK-naslov:hover {
    font: bold 10pt Arial;
    color: #004389;
    line-height: 18px;
    text-decoration: none;
    border-bottom: 1px solid red;
}

.NASLOV {
  font: bold 10pt Arial;
  color: #E20125;
  line-height: 18px;
  padding: 5px 0px 5px 0px;
}

.PODNASLOV {
  font: bold 10pt Arial;
  color: #1455D9;
  line-height: 18px;
}

.NAGLASENO {
  font: bold 9pt Arial;
  color: #0B2C84;
  line-height: 18px;
  text-align: justify;
}

.LINK-copyright {
    font: bold 7.5pt Verdana;
    color: #0B2C84;
    text-decoration: none;
}

.LINK-copyright:hover { border-bottom: 1px solid #585858; }

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

  Izgled slika

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

.FabTd {
  background-color: #EEEEEE; 
  padding: 4px; 
  border: solid; 
  border-color: #A3A3A3 #808080 #808080 #A3A3A3; 
  border-width: 1px 2px 2px 1px;
}

.SLIKE-header {
  border: 1px solid #6E6E6E;
  margin: 0px 5px 0px 5px;
}

.SLIKE-border {
  border: 1px solid #6E6E6E;
}

.FAB-slike-off { border: 1px solid #6E6E6E; }
.FAB-slike-on  { border: 1px solid #96B8FB; } 


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

  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-big {
    padding: 0px;
    height: 3px;
    max-height: 3px;
    font-size: 1px;
    border-bottom: 1px solid #F3F3F2;
    margin: 0px 0px 3px 0px;
    line-height: 5px;
}

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

  Izgled elemenata na formama 

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

.FORMA-opis {
    font: normal 8pt Arial;
    color: #5E5E5E;
    text-align: right;
    line-height: 18px;
}

.FORMA-opis-obavezno {
    font: bold 8pt Arial;
    color: #5E5E5E;
    text-align: right;
    line-height: 18px;
}

.FORMA-fields-off {
    font: bold 8pt Arial;
    color: #044583;
    padding: 1px;
    background-color: #C8D9FC;
    border: 1px solid #476EE5;
}

.FORMA-fields-on {
    font: bold 8pt Arial;
    color: white;
    padding: 1px;
    background-color: #044583;
    border: 1px solid #072379;
}

.FORMA-buttons-off {
    font: bold 8pt Arial;
    color: #044583;
    background-color: #C8D9FC;
    border: 1px solid #476EE5;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.FORMA-buttons-on {
    font: bold 8pt Arial;
    color: white;
    background-color: #044583;
    border: 1px solid #072379;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

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

  Utilities 

-------------------------------------------------------------------------------*/
  
#dhtmltooltip {
    font: normal 7.5pt Verdana;
    color: black;
    position: absolute;
    border: 1px solid #336699;
    padding: 3px;
    visibility: hidden;
    z-index: 100;
}