/*------------------------------------------------------------------------------- 
//
//  Obrtnici-Zagreb CSS
//  
//  (c) 2007-2009 by Abacus, info ath abacus doth hr
//  
//  v1.51 18.12.2009. TCrnicki
//
//-----------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- 
//  arhiva novosti
//-----------------------------------------------------------------------------*/

.aARHICO {
  font: bold 8pt Verdana;
  color: #01438D;
  padding: 3px 0px 3px 25px;
  margin: 0px;
  background: transparent url('img/arh.png') no-repeat;
  line-height: 20px;
  text-decoration: none;
}

.aARHICO:hover { color: red; text-decoration: underline; }

.dMJE0 {
  float:left;
  font: bold 7.5pt Verdana;
  color:white;
  background-color:lightgray;
  text-align:center;
  padding: 2px;
  margin: 1px;
}

.dMJE1 {
  float:left;
  background-color:#01438D;
  text-align:center;
  padding: 2px;
  margin: 1px;
}

.dMJE2 {
  float:left;
  font: bold 7.5pt Verdana;
  color:white;
  background-color:red;
  text-align:center;
  padding: 2px;
  margin: 1px;
}

.aMJE {
  color:white;
  font: bold 7.5pt Verdana;
  text-decoration: none;
}

.aMJE:hover {
  color:cyan;
}

.dRED {
  clear:both;
  margin-left: 4px;
}

.aGOD {
  display:block;
  font: bold 9pt Verdana;
  text-align: left;
  padding-left: 0px;
  padding-bottom: 0px;
  color: #01438D;
  text-decoration: none;
  line-height: 17px;
  background-repeat: no-repeat;
  margin: 12px 0px 4px 4px;
  background-color: white;
  opacity:.50; 
}

.aGOD:hover {
  display:block;
  font: bold 9pt Verdana;
  text-align: left;
  padding-left: 0px;
  padding-bottom: 0px;
  color: white;
  text-decoration: none;
  line-height: 17px;
  background-repeat: no-repeat;
  margin: 12px 0px 4px 4px;
  background-color: #01438D;
  opacity:1;
}

.aSLIKE {
  opacity:1;

}


.aSLIKE:hover {
opacity:.50;

}

.OBlist {
  background: url('img/oblist-gore.jpg');
  background-repeat: repeat-x;
  color: white;
  font: bold 8pt Verdana;
  padding: 0px;
  margin: 8px;
  border: 1px solid #508BC3;
  height: 26px;
}

/*------------------------------------------------------------------------------- 
//  tabovi za informacije sekcija
//-----------------------------------------------------------------------------*/

.dTABCC {
  border: 1px solid #01438D;
  padding: 5px;
  background-color: white;
}

#dNOSAS {
  width: 205px;
  position: relative;
  top: 1px;
}

#dNOSAS a {
  border: 1px solid #01438D;
  color: white;
  background-color: #01438D;
  text-decoration: none;
  padding: 5px;
  float: left;
  display: block;
  outline: none;
  font: normal 8pt Verdana;
  margin-right: 5px;
}

#dNOSAS a:hover {
  color: white;
  background-color: #186BE6;
}

#dNOSAS .selected {
  border-bottom: 1px solid white;
  border-left: 1px solid #01438D;
  border-right: 1px solid #01438D;
  border-top: 1px solid #01438D;
  color: #004689;
  background-color: white;
  text-decoration: none;
  padding: 5px;
  float: left;
  display: block;
  font: normal 8pt Verdana;
  margin-right: 5px;
}

/*------------------------------------------------------------------------------- 
//  Glavna formatiranja
//-----------------------------------------------------------------------------*/

.tabMAIN {
  border: 1px solid #004689;
  width: 95%;
  min-width: 980px !important;
  max-width: 1210px !important;
}

.MAIN-table { height: 700px; min-height: 700px; }

.dFLINE { 
  margin-bottom: 5px;
  font: bold 8pt Verdana;
  text-align: left;
}

.dFRADIO { 
  font: bold 8pt Verdana;
  text-align: left;
  width: 400px;
  margin: 10px auto 10px auto;
}

.dFREST {
  margin: 0 auto;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align:center;
}

.dFRMS {
  width: 600px;
  margin: 0 auto;
}

.KUCICA-container {
  margin-left: 15px; 
  border: 1px solid #336699; 
  margin-bottom: 3px; 
  width: 160px;
  display: block;
  float: right;
}

.KUCICA-nasfot {
  border: 1px solid #336699; 
  width: 185px;
}

.CLANAKDATOTEKE-container { 
  font: normal 7.5pt verdana; 
  padding: 15px 40px 15px 40px;
  border-top: 1px solid #336699;
}

.KUCICA-popis {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  text-align: left; 
  padding: 5px; 
  background-color: #E7F3FF;
}

.KUCICA-naslov {
  font: bold 9pt Verdana;
  line-height: 18px;
  color: white;
  background-color: #336699;  
  text-align: center;
  padding: 4px 0px 5px 0px;
}

.DESNO-blue {
   border-left: 1px solid #01438D; 
   padding: 10px; 
   background: url('img/left-alt-bg.jpg'); 
   background-repeat: repeat-x; 
   background-color: #BDDEFD;
   width: 200px;
   max-width: 200px;
}

.LIJEVO-blue {
  padding: 10px; 
  background: url('img/left-alt-bg.jpg'); 
  background-repeat: repeat-x; 
  background-color: #BDDEFD;
  width: 200px;
  max-width: 200px;
}

.DESNO-yellow {
  border-left: 1px solid #01438D; 
  padding: 10px; 
  background: url('img/dolje-bg.jpg'); 
  background-repeat: repeat-x; 
  background-color: #FFFDE9;
  width: 200px;
  max-width: 200px;
}

.LIJEVO-yellow {
  font: normal 7.5pt Verdana;
  border-right: 1px solid #01438D; 
  padding: 10px; 
  background: url('img/dolje-bg.jpg'); 
  background-repeat: repeat-x; 
  background-color: #FFFDE9;
  width: 200px;
  max-width: 200px;
}

.MAIN-content {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  padding: 8px;
  background-color: white;
  text-align: justify;
}

.IMEizlog {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  padding-left: 5px;
  text-align: justify;
}

.tekstkatalog {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  padding-left: 1px;
}

.katalog { 
  border-right: 1px solid black; 
  border-bottom: 1px solid black;
  background-color:#0C8FD2;
  font: normal 8pt Verdana;
  text-align: center;
  line-height: 18px;
  color:#FFFFFF;
}

.F8 {
  font: normal 8pt Arial;
  color: #3D3D3D;
}

.F8R {
  font: normal 8pt Arial;
  color: #3D3D3D;
  text-align: right;
}

.F8L {
  font: normal 8pt Arial;
  color: #3D3D3D;
  text-align: left;
}

.F8B {
  font: bold 8pt Arial;
  color: #3D3D3D;
}

/*------------------------------------------------------------------------------- 
//  Formatiranje tablica, TD-a
//-----------------------------------------------------------------------------*/

.tabOVLASTENI {
  font: normal 8pt Verdana;
  line-height: 18px;
  border-collapse: collapse;
}

.tabOVLASTENI td { padding: 5px; border: 1px solid #EEF0F3; }

.trHEADER {
  font: bold 9pt Verdana;
  line-height: 20px;
  background-color: #0946AB;
  color: white;
  padding: 5px;
  text-align: center;
}

.tabLINIJE td {
  border-bottom: 1px solid #EEEEEE;
}

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

.tablice { border-top: 1px solid black; border-left: 1px solid black; }

.tds { border-bottom: 1px solid black; border-right: 1px solid black; }

.TDSBL { 
        border: 1px solid black; 
	font: normal 7.5pt Verdana;
	line-height: 18px;
	color: #585858;
	padding: 4px;
	text-align: left;
}

.TDSBC { 
        border: 1px solid black; 
	font: normal 7.5pt Verdana;
	line-height: 18px;
	color: #585858;
	padding: 2px;
	text-align: center;
}

.TDSBCsol { 
        border: 1px solid black; 
	font: normal 7.5pt Verdana;
	line-height: 18px;
	color: #585858;
	text-align: center;
}

.TDDATA {
        border: 1px solid black; 
	border-collapse: collapse;
	background-color:#EBF4FE;
	font: bold 8pt Verdana;
	line-height: 18px;
	color: #585858;
	padding-left: 5px;
}

.TDOPIS {
        border: 1px solid black; 
	border-collapse: collapse;
	background-color:white;
	font: normal 7.5pt Verdana;
	line-height: 18px;
	color: #585858;
	padding-right: 5px;
	text-align:right;
}

.TDNASL { 
        border: 1px solid black; 
	border-collapse: collapse;
	background-color:#0C8FD2;
	font: normal 8pt Verdana;
	text-align: center;
	line-height: 18px;
	color:#FFFFFF;
}

.TD-list {
  border: 1px solid #EEEEEE; 
	font: normal 7.5pt Verdana;
	line-height: 18px;
	color: #585858;
	padding: 2px;
	text-align: center;
}

.TD-listB {
  border: 1px solid #EEEEEE; 
	font: normal 7.5pt Verdana;
	line-height: 18px;
	color: #585858;
	padding: 2px;
	text-align: left;
}


.Ver7Gr {
  font: normal 7.5pt Verdana;
	line-height: 18px;
	color: #585858;
}

/*------------------------------------------------------------------------------- 
//  Formatiranje diva
//-----------------------------------------------------------------------------*/

.DIV-docs {
  width: 50%; 
  text-align: left; 
  margin-top: 30px;
}

.DIV-povijest {
  width: 90%; 
  text-align: justify; 
  
  }

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

.SortLnk {
  font: normal 8pt Verdana;
  color: white;
  text-decoration: none;
}

.SortLnk:hover {
  color: yellow;
}

.ArhLnk {
  font: normal 8pt Verdana;
  color: #0D5496;
  line-height: 18px;
  text-decoration: none;
}

.ArhLnk:hover {
  color: red;
}

.aSAJ {
  font: bold 8pt Verdana;
  color: #0D5496;
  line-height: 18px;
  text-decoration: none;
}

.aSAJ:hover {
  color: red;
}

.PageLnk {
  padding: 3px;
  color: #0D5496;
  text-decoration: none;
}

.PageLnk:hover {
  color: red;
}

.PageLnkAct {
  padding: 3px;
  color: red;
  text-decoration: none;
}

.NAVIGLINK {
	font: normal 7.5pt Arial;
	color: #01438D;
	border-bottom: 1px solid #0C8FD2;
	text-decoration: none;
}

.NAVIGLINK:hover {
	background-color: #01438D;
	color: white;
	border-bottom: 1px solid #01438D;
	text-decoration: none;
}

.POPISNASLOVA {
    display: block;
    text-align: left;
    padding-bottom: 4px;
    padding-left: 15px;
    font: bold 7.5pt Verdana;
    color: #585858;
    text-decoration: none;
    line-height: 18px;
    background-image: url('img/list.png');
    background-repeat: no-repeat;
}

.POPISNASLOVA:hover { text-decoration: underline; }

.POPISNASLOVA1 {
    display: block;
    text-align: left;
    padding-bottom: 4px;
    padding-left: 15px;
    font: bold 7.5pt Verdana;
    color: #585858;
    text-decoration: none;
    line-height: 18px;
    background-repeat: no-repeat;
    margin-left:5px;
}

.POPISNASLOVA1:hover { text-decoration: underline; }

.POPISNASLOVA2 {
    display: block;
    text-align: left;
    padding-bottom: 4px;
    padding-left: 15px;
    font: bold 7.5pt Verdana;
    color: #585858;
    text-decoration: none;
    line-height: 18px;
    background-repeat: no-repeat;
    margin-left:15px;
}

.POPISNASLOVA2:hover { text-decoration: underline; }

.FabNasAct {
  font: bold 11pt Verdana;
  color: red;
  text-decoration: none;
}

.FabNas {
  font: bold 11pt Verdana;
  color: #01438D;
  text-decoration: none;
}

.FabMainLnk {
  font: bold 11pt Verdana;
  color: #01438D;
  text-decoration: none;
}

.FabMainLnk:hover {
  color: red;
}

.SeaLnk { 
    text-align: left;
    padding-left: 15px;
    font: bold 8pt Verdana;
    color: #01438D;
    text-decoration: none;
    line-height: 17px;
    background-image: url('img/list-blue.png');
    background-repeat: no-repeat;
    margin: 4px 0px 4px 0px;
}

.SeaLnk:hover {
  background-image: url('img/list-red.png'); 
  color: red; 
}

.SeaRez {
  color: blue; 
  font: bold 8pt Verdana;
}

.SUBMENU-link { 
    display: block;
    text-align: left;
    padding-left: 15px;
    font: bold 8pt Verdana;
    color: #01438D;
    text-decoration: none;
    line-height: 17px;
    background-image: url('img/list-blue.png');
    background-repeat: no-repeat;
    margin: 4px 0px 4px 0px;
}

.SUBMENU-link-selected { 
    display: block;
    text-align: left;
    padding-left: 15px;
    font: bold 8pt Verdana;
    color: red;
    text-decoration: none;
    line-height: 17px;
    background-image: url('img/list-red.png');
    background-repeat: no-repeat;
}

.SUBMENU-link:hover { 
  color: red;
  text-decoration: underline;
  background-image: url('img/list-red.png');
}


.Lev2Lnk { 
    display: block;
    text-align: left;
    padding-left: 15px;
    font: bold 8pt Verdana;
    color: #585858;
    text-decoration: none;
    line-height: 15px;
    background-image: url('img/list.png');
    background-repeat: no-repeat;
    margin: 4px 0px 4px 0px;
}

.Lev2Lnk-selected { 
    display: block;
    text-align: left;
    padding-left: 15px;
    font: bold 8pt Verdana;
    color: red;
    text-decoration: none;
    line-height: 15px;
    background-image: url('img/list-red.png');
    background-repeat: no-repeat;
    margin: 4px 0px 4px 0px;
}

.Lev2Lnk:hover { 
  color: red;
  text-decoration: underline;
  background-image: url('img/list-red.png');
}

.LINK-doc {
    margin-top: 4px;
    font: bold 8pt Verdana;
    color: #01438D;
    padding: 0px 0px 3px 20px;
    margin: 0px;
    display: inline-block;
    background-image: url('img/doc.png');
    background-repeat: no-repeat;
    background-position: 0px 2px; 
    line-height: 20px;
    text-decoration: none;
}

.LINK-doc:hover { color: red; text-decoration: underline; }

.LINK-pdf {
    font: bold 7.5pt Verdana;
    color: #01438D;
    padding: 2px 0px 2px 20px;
    margin: 0px;
    background-image: url('img/icon-pdf.png');
    background-repeat: no-repeat;
    line-height: 20px;
    text-decoration: none;
}

.LINK-pdf:hover { color: red; text-decoration: underline; }

.LINK-ppt {
    font: bold 7.5pt Verdana;
    color: #01438D;
    padding: 2px 0px 2px 20px;
    margin: 0px;
    background-image: url('img/icon-ppt.png');
    background-repeat: no-repeat;
    line-height: 20px;
    text-decoration: none;
}

.LINK-ppt:hover { color: red; text-decoration: underline; }

.LINK-vid {
    font: bold 7.5pt Verdana;
    color: #01438D;
    padding: 2px 0px 2px 20px;
    margin: 0px;
    background-image: url('img/icon-foto.png');
    background-repeat: no-repeat;
    line-height: 20px;
    text-decoration: none;
}

.LINK-vid:hover { color: red; text-decoration: underline; }

.naslovi { font: bold 8pt Verdana; color: #01438D; line-height: 18px; margin-bottom: 5px; }

.dPRO { font: bold 8pt Verdana; color: #B6171D; line-height: 18px; margin-bottom: 5px; }

.Ver8BBlu { font: bold 8pt Verdana; color: #001D59; line-height: 18px; }

.NASLOV-novosti {
       font: bold 11pt Verdana;
       color: #01438D;
       text-decoration: none;
       margin-bottom: 3px;
}

.ops {
       font: bold 7pt Verdana;
       color: #004689;
       padding: 2px;
       text-decoration: underline;
}

.ops:hover {
       background-color: #004689;
       color: #FFFCD9;
       text-decoration: none;
}


.LINK {
       font: bold 7.5pt Verdana;
       color: #01438D;
       text-decoration: underline;
       line-height: 18px;
}

.LINK8 {
       font: bold 8pt Verdana;
       color: #01438D;
       text-decoration: underline;
       line-height: 18px;
}


.aPRO {
   font: bold 8pt Verdana;
   color: #01438D;
   text-decoration: none;
   line-height: 18px;
   display: inline-block;
   margin-left: 5px;
   margin-right: 5px;
}

.aPRO:HOVER { color: red; }

.MainLnk {
 font: bold 8pt Verdana;
 color: #01438D;
 line-height: 18px;
 text-decoration: none;
}

.MainLnkRed {
 font: bold 8pt Verdana;
 color: white;
 line-height: 18px;
 text-decoration: none;
 float:left;
}

.MainLnkRed img{
 font: bold 8pt Verdana;
 color: white;
 line-height: 18px;
 text-decoration: none;
 float:left;
}

.MainLnkRed:hover {
 font: bold 8pt Verdana;
 color: #01438D;
 line-height: 18px;
 text-decoration: none;
 float:left;
 display: block;
 text-align: left;
 text-decoration: underline;
}



.MainLnkRed a{
 font: bold 8pt Verdana;
 color: white;
 line-height: 18px;
 text-decoration: none;
 float:left;
}


.MainLnkOli {
 font: bold 10pt Verdana;
 color: #255B9C;
 line-height: 20px;
 text-decoration: none;
 background-color: white;
 text-decoration: none;
 display:block;
}

.MainLnkOli:hover {
color: white;
background-color: #255B9C;
text-decoration: none;
display:block;
}

.mali-text-oli {
       font: normal 8pt Verdana;
       color: #01438D;
       text-decoration: none;
       padding: 3px;
}
.mali-text-oli a{
       font: normal 8pt Verdana;
       color: #01438D;
       text-decoration: none;
       padding: 3px;
}

.mali-text-oli:hover {
       font: normal 8pt Verdana;
       color: red;
       text-decoration: underline;
       padding: 3px;
}


.LINK:hover, .LINK8:hover, .MainLnk:hover {
       color: red;
}

.novosti-link-tp {
       font: normal 7.5pt Verdana;
       color: #9A9A9A;
       text-decoration: none;
}


.mali-link-tp {
       font: normal 7.5pt Verdana;
       color: #01438D;
       text-decoration: none;
}

.mali-link-tp:hover {
       text-decoration: underline;
}

.mali-link-bijeli {
       font: normal 7.5pt Verdana;
       color: white;
       text-decoration: none;
}

.mali-link-bijeli:hover {
       text-decoration: underline;
}

.veliki-link-tp {
       font: bold 11pt Verdana;
       color: #01438D;
       text-decoration: none;
}

.veliki-link-tp:hover {
       text-decoration: underline;
}

.mali-link-sp {
       font: normal 8pt Verdana;
       color: #0C8FD2;
       text-decoration: none;
}

.mali-link-sp:hover {
       text-decoration: underline;
}

.mali-link-wt {
       font: normal 7.5pt Verdana;
       color: white;
       text-decoration: none;
}

.mali-link-wt:hover {
       text-decoration: underline;
}

.black-link {
       font: bold 7.5pt Verdana;
       color: #585858;
       text-decoration: none;
       line-height: 18px;
}

.black-link:hover {
       text-decoration: underline;
}
.link-o-nama {
       font: normal 8pt Verdana;
       color: #0C8FD2;
       text-decoration: none;
       line-height: 18px;
}
.link-o-nama:hover {
      text-decoration: underline;
}

/*------------------------------------------------------------------------------- 
//
//  Separators
//
//-----------------------------------------------------------------------------*/

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

.mali-razmak { font: normal 4pt Verdana; }

.smallsep {
  height: 1px;
  border: 0px solid #004689;
  color: #004689;
  background-color: #004689;
  margin-top: 4px;
}

.bigsep {
  height: 2px;
  border: 0px solid #004689;
  color: #004689;
  background-color: #004689;
  margin-top: 4px;
}

.SepBlue {
  padding: 0px;
  height: 3px;
  max-height: 3px;
  font-size: 1px;
  border-top: 2px solid #004689;
  margin: 3px 0px 5px 0px;
  line-height: 5px;
}

.NISTA {
  font: bold 7.5pt Verdana;
  color: red;
  text-align: center;
  margin-top: 40;
}

/*------------------------------------------------------------------------------- 
//  Formatiranje teksta
//-----------------------------------------------------------------------------*/

.tekst {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  padding-left: 5px;
  text-align: justify;
}

.Ver7Left {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  padding-left: 5px;
}

.Ver9BBlu {
  font: bold 9pt Verdana;
  line-height: 20px;
  color: #235395;
}

.SAMOTEKST {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  text-align: justify;
}

.lijevo {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  text-align: left;
}

.VerGray {
  font: normal 7.5pt Verdana;
  color: #585858;
  text-align: left;
  line-height: 18px;
}

.VerBoPnk {
  font: bold 8pt Verdana; 
  color: #FF52A7;
}

.VerBoVio {
  font: bold 8pt Verdana; 
  color: #7124B9;
}

.VerBoViP {
  font: bold 8pt Verdana; 
  color: #D45757;
}

.VerBoGld{
  font: bold 8pt Verdana; 
  color: #CC9F04;
}

.tf {
  font: normal 7.5pt Verdana;
  line-height: 18px;
  color: #585858;
  padding-left: 5px;
}

.DESC {
  font: bold 8pt Verdana;
  color: #585858;
}

.FbV75gry {
  font: bold 7.5pt Verdana;
  color: #585858;
}

/*------------------------------------------------------------------------------- 
//  paragrafi
//-----------------------------------------------------------------------------*/

p.pDC {
  padding: 0;
}

p.pDC:first-letter {
  font-size: 200%;
  float: left;
}

/*------------------------------------------------------------------------------- 
//  Za forme
//-----------------------------------------------------------------------------*/

.BUTTON {
  font: normal 8pt Arial;
  color: white;
  border: 1px solid black;
  background-color: #004588;
}

.SeaFields {
    font: bold 8pt Verdana;
    background-color: #E4FDFF;
    color: #01438D;
    border: 1px solid #01438D;
    padding: 1px;
}

.SeaFieldsFocus {
    font: bold 8pt Verdana;
    background-color: #044583;
    color: white;
    border: 1px solid #01438D;
    padding: 1px;
}

.SeaButton {
    font: bold 8pt Verdana;
    color: #044583;
    background-color: #E3F1FF;
    border: 1px solid #204282;
    padding: 0px 4px 0px 4px;
}

.SeaButtonOn {
    font: bold 8pt Verdana;
    color: white;
    background-color: #044583;
    border: 1px solid #012C55;
    padding: 0px 4px 0px 4px;
}


/*------------------------------------------------------------------------------- 
//  label
//-----------------------------------------------------------------------------*/

.lOBV {
  display: block;
  float: left;  
  font: bold 8pt Verdana;
  color: #336699;
  text-align: right;
  width: 200px;
  padding: 4px;
  vertical-align: top;
}

.lTXT {
  display: block;
  float: left;
  font: normal 8pt Verdana;
  text-align: right;
  width: 200px;
  padding: 4px;
  vertical-align: top;
}

/*------------------------------------------------------------------------------- 
  Forme
-------------------------------------------------------------------------------*/

/*matko-katalog,izlog*/

fieldset {
    border:1px solid #ccc;
    margin:0.5em;
    padding:0.4em
}

legend {
    font-size:10pt;
    color:#333;
    padding:0 .4em
}

label {
    float:left;
    display:block;
    clear:left;
    margin-right:1em;
    text-align:left;
    color:#333;
}

textarea,input,select {
    margin:0.5em 0.5em 0 0;
    padding:.2em
}

select {
    background-color:#fff;
    color:#000;
    padding:0
}

input[type="checkbox"] { color:#000 }

input[type="radio"] {
    background-color:#fff;
    color:#000;
    padding:0.5em
}

option {
    background-color:#fff;
    color:#000
}

optgroup {
    background-color:#ccc;
    color:#000
}

input[type="submit"],button {
    background-color:#ccc;
    color:#333;
    margin:0.5em 0.5em 0 0;
    padding:.4em
}

.obavezno {
    font-size:9pt;
    color: black;
    text-align: right;
    line-height: 18px;
    padding: 1px;
}

.obaveznol {
    font-size:9pt;
    color: black;
    text-align: left;
    line-height: 18px;
    padding: 1px;
}

/* ostalo forme */

.fsMAIN {
  margin-bottom: 15px;
}

.legMAIN {
  font: bold 9pt Verdana;
  color: #CC0000;
  line-height: 20px;
}

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

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

.FORMA-fields-off, .inpFIELD0 {
    font: bold 8pt Verdana;
    background-color: #E4FDFF;
    color: #01438D;
    border: 1px solid #01438D;
    margin: 5px 0px 5px 0px;
    padding: 1px;
}

.FORMA-fields-on, .inpFIELD1 {
    font: bold 8pt Verdana;
    background-color: #044583;
    color: white;
    border: 1px solid #01438D !important;
    margin: 5px 0px 5px 0px;
    padding: 1px;
}

.FORMA-buttons-off, .inpBUTTON0 {
  font: bold 8pt Verdana;
  color: #044583;
  background-color: #E3F1FF;
  border: 1px solid #204282;
  padding: 3px 10px 3px 10px;
}

.FORMA-buttons-on, .inpBUTTON1 {
  font: bold 8pt Verdana;
  color: white;
  background-color: #044583;
  border: 1px solid #012C55;
  padding: 3px 10px 3px 10px;
}

/* ostale forme - staro */

.fields {
  font: normal 7pt Verdana;
  background-color: #E4FDFF;
  color: #01438D;
  border: 1px solid #01438D;
  margin: 5px 2px 5px 2px;
  padding: 1px;
}

.fields-blue {
  font: normal 8pt Verdana;
  background-color: #E0F4FD;
  color: #01438D;
  border: 1px solid #01438D;
  margin-left: 5px;
  margin-bottom: 2px;
  margin-top: 5px;
  padding: 1px;
}

.I0 {
  font: normal 7pt Verdana;
  background-color: white;
  color: #01438D;
  border: 1px solid #01438D;
  margin: 5px 2px 5px 2px;
  padding: 1px;
}

.I1 {
  font: normal 7pt Verdana;
  background-color: #E4FDFF;
  color: black;
  border: 1px solid black;
  margin: 5px 2px 5px 2px;
  padding: 1px;
}

.IF0 {
  font: bold 8pt Verdana;
  background-color: #E4FDFF;
  color: #01438D;
  border: 1px solid #01438D;
  padding: 1px;
}

.IF1 {
  font: bold 8pt Verdana;
  background-color: #044583;
  color: white;
  border: 1px solid #01438D;
  padding: 1px;
}



/*------------------------------------------------------------------------------- 
// Za izlog template - default
//-----------------------------------------------------------------------------*/

.NaslovIzlog {
  font: bold 10pt Verdana;
  color: #0066CC;
  line-height: 18px;
}

.NazivIzloga {
  font: bold 8pt Verdana;
  color: white;
  line-height: 18px;
  background: #336699 url('img/nas-izlog.png') repeat-x;
  padding: 4px 10px 4px 10px;
  border-bottom: 1px solid #336699;
  margin: 0px;
}

td.IzlogLeft {
  font: normal 8pt Verdana;
  color: #585858;
  line-height: 18px;
  width: 25%; 
  padding: 20px; 
  border-right: 1px solid #336699;
} 

td.IzlogRight {
  font: normal 8pt Verdana;
  color: #585858;
  line-height: 18px;
  width: 75%; 
  padding: 20px;
  text-align: justify; 
} 

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

.imgFOTO {
  margin:5px;
  padding:4px;
}

.FabOff { border: 1px solid #2D7FCD; }
.FabOn  { border: 1px solid red; }

/*------------------------------------------------------------------------------- 
// Izgled izbornika
//-----------------------------------------------------------------------------*/

.menured {
    font: normal 9pt Verdana;
    color: white;
    text-decoration: none;
    background-color: #01438D;
}

.menulink {
    font: normal 9pt Verdana;
    color: white;
    text-decoration: none;
    padding: 6px 10px 6px 10px;
    height: 26px;
    background-color: #01438D;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.menulink:hover {
    background-color: #0C8FD2;
    border-bottom: 1px solid #0C8FD2;
}

.menuselected {
    display: block;
    font: normal 9pt Verdana;
    color: white;
    text-decoration: none;
    padding: 6px 10px 6px 10px;
    background-color: #0C8FD2;
    border-right: 1px solid black;
    border-bottom: 1px solid #0C8FD2;
}

/*------------------------------------------------------------------------------- 
//  Utilities - najave, za izbornik
//-----------------------------------------------------------------------------*/

#FotoAlbum { height: 800px; }

.hide { display: none; margin: 0px; padding: 0px; }
.show { display: block; margin: 0px; padding: 0px; }

#marqueecontainer {
position: relative;
width: 205px; /*marquee width */
height: 170px; /*marquee height */
overflow: hidden;
}

/* CHROME MENU */

.dropmenudiv{
  width: 180px;
	position:absolute;
	border: 1px solid black;
	z-index:100;
	background-color: white;
	visibility: hidden;
}

.dropmenudiv a{
  display: block;
	padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 8px;
	text-decoration: none;
	color: white;
	background-color: #01438D;
  font: normal 8pt Verdana;
  line-height: 16px;
}

.menutable {
	border-bottom: 1px solid black;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{
	color:white;
	background-color: #0C8FD2;
}

#dhtmltooltip{
font: normal 7.5pt Verdana;
color: white;
position: absolute;
border: 1px solid #060041;
padding: 3px;
visibility: hidden;
z-index: 100;
background-color: #01438D;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

.hide {
  display: none;
}

.show {
  display: block;
}