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

  Inovatorstvo.com CSS
  
  (c) 2005-2009 by Abacus, info (at) abacus (doth) hr
  
  v.1.23 19.11.2009. DSalopek

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


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

div.MainCont {
  width: 98%;
  min-width: 980px !important;
  max-width: 1210px !important;
  margin: 0px auto;
  padding-right: 1px;
  background: white url('img/shadow-right.jpg') repeat-y;
  background-position: top right;
  border-left: 1px solid #0A1001;
  border-right: 1px solid #0A1001;
  text-align: justify;
}

div.ContentCont {
  border-bottom: 1px solid #0A1001;
  background-color: white;
}

div.BottomShadow {
  background: white url('img/shadow-bottom.jpg') repeat-x;
  background-position: bottom left;
  width: 98%;
  min-width: 980px !important;
  max-width: 1210px !important;
  margin-right: 3px;
  font: normal 1px Verdana;
  height: 5px;
  margin-bottom: 20px;
}

div.BodyDvCont {
  font: normal 8pt Verdana;
  color: #333333;
  text-align: justify;
  line-height: 18px;
}

div.BodyNasDvCont {
  font: normal 8pt Verdana;
  color: #333333;
  text-align: justify;
  line-height: 18px;
}

div.ClaCont {
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 20px;
  font: normal 8pt Verdana;
  color: #333333;
  text-align: justify;
  line-height: 18px;
}

div.ClaCont table {
  font: normal 8pt Verdana;
  color: #333333;
  line-height: 18px;
}

div.MainNas {
  background: #DDDDDD url('img/main-nas-bg.png') repeat-x;
  border: 1px solid #DDDDDD;
  padding: 5px;
  font: bold 8pt Verdana;
  color: #333333;
  margin-bottom: 5px;
  text-align: left;
}

.MainNasB {
  background: #DDDDDD url('img/main-nas-bg.png') repeat-x;
  border: 1px solid #DDDDDD;
  font: bold 8pt Verdana;
  color: #333333;
  margin-bottom: 5px;
  width: 100%;
}

div.Naslovi {
  background: #DDDDDD url('img/main-nas-bg.png') repeat-x;
  border: 1px solid #DDDDDD;
  padding: 5px;
  font: bold 8pt Verdana;
  color: #333333;
  text-align: left;
}

div.ContentTitle {
  margin-top: 5px;
  border-top: 1px solid #D3D3D3;
  background: white url('img/content-title-bg.png') repeat-x;
  padding: 10px 0px 10px 10px;
  font: bold 8pt Verdana;
  color: #333333;
  text-align: justify;
}

div.ContentBox {
  padding: 15px;
  text-align: justify;
}

div.NasloviRight {
  background: red url('img/leftmenu-act-bg.png') repeat-x;
  border: 1px solid #D23330;
  padding: 6px;
  font: bold 8pt Verdana;
  color: white;
}

div.FooterCont {
  background: transparent url('img/footer-bg.png') repeat-x;
  background-position: bottom left;
  padding: 15px; 
  text-align: center;
  font: normal 8pt Verdana;
  color: #3169B5;
}

div.LoginPanel {
  background: #FFF7D2 url('img/login-panel.png') repeat-x;
  border: 1px solid #DCDCDC;
  text-align: justify;
  color: white;
  font: normal 7.5pt Verdana;
  line-height: 18px;
  margin-bottom: 5px;
}

div.RightCol {
  float: right;
  width: 165px;
  min-width: 165px;
  max-width: 165px;
  background-color: white;
  min-height: 50px;
}

.dPODNASLOV {
  font: bold 8.5pt Verdana;
  color: #1A76F1;
  line-height: 18px;
  margin-top: 15px;
}

.dNASSCROLL {
  height: 320px;
  overflow: auto;
  margin: 5px;
  padding: 5px;
}

/*------------------------------------------------------------------------------- 
//  tabovi
//-----------------------------------------------------------------------------*/

.dTABS {
  width: 99%;
  margin: 0 auto;
  border-top: 1px solid #BEDBFE;
  background-color: #255B9C;
  clear: left;
}

.dTABBOX {
  padding: 5px;
}

.dTABCC {
  border: 1px solid #BEDBFE;
  padding: 5px;
  background: white;
}

#naslovnatabs {
  margin: 0 auto;
  position: relative;
  top: 1px;
  left: 4px;
  width: 100%;
}

#naslovnatabs a {
  display: block;
  float: left;
  height: 24px;
  margin-right: 4px;
  padding-right: 3px;
  font: normal 8pt Verdana;
  color: #575757;
  text-decoration: none;
  background: transparent url('img/tab0right.jpg') no-repeat;
  background-attachment: scroll;
  background-position: top right;
}

#naslovnatabs a span {
  display: block;
  padding: 4px 5px 6px 8px;
  line-height: 15px;
  background: transparent url('img/tab0left.jpg') no-repeat; 
  color: #575757;
}

#naslovnatabs a:hover {
  background: transparent url('img/tab2right.jpg') no-repeat;
  background-attachment: scroll;
  background-position: top right;
  color: white;
}

#naslovnatabs a:hover span {
  background: transparent url('img/tab2left.jpg') no-repeat; 
  display: block;
  padding: 4px 5px 6px 8px;
  line-height: 15px;
  color: white;
}

#naslovnatabs .selected {
  display: block;
  float: left;
  height: 24px;
  margin-right: 4px;
  padding-right: 3px;
  font: normal 8pt Verdana;
  color: white;
  text-decoration: none;
  background: transparent url('img/tab1right.jpg') no-repeat;
  background-attachment: scroll;
  background-position: top right;
}

#naslovnatabs .selected span {
  background: transparent url('img/tab1left.jpg') no-repeat; 
  display: block;
  padding: 4px 5px 6px 8px;
  line-height: 15px;
  color: white;
}

/*------------------------------------------------------------------------------- 
  Arhiva novosti
-------------------------------------------------------------------------------*/

.aGOD {
  background: transparent url('img/strelica-left.png') no-repeat;
  background-position: 5px 10px;
  padding: 5px 5px 5px 15px;
  font: bold 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  text-align: left;
  line-height: 18px;
  display: block;
  clear: both;
}

.aGOD:hover {
  color: #61799D;
  text-decoration: underline;
}

.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;
  width: 16px;
}

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

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

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

.aMJE:hover {
  color:cyan;
}

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

.aPOAR {
  font: bold 8pt Verdana;
  color: #034091;
  padding: 5px 0px 5px 25px;
  margin: 0px;
  background-image: url('img/arh.png');
  background-repeat: no-repeat;
  line-height: 20px;
  text-decoration: underline;
}

.aPOAR:hover { color: #DA2119; }

.aFOTGOD, .aFOTMAIN {
  font: bold 8pt Verdana;
  color: #034091;
  padding: 5px 0px 5px 25px;
  margin: 0px;
  background-image: url('img/fotoicon.png');
  background-repeat: no-repeat;
  line-height: 20px;
  text-decoration: none;
}

.aFOTGOD:hover, .aFOTMAIN:hover {
  color: #DA2119;
  text-decoration: underline;
}

/*------------------------------------------------------------------------------- 
  Izbornici
-------------------------------------------------------------------------------*/

/* gornji menu */

a.MM {
  display: block;
  background: #1855A6 url('img/mmbutton-off.png') repeat-x;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font: bold 10pt Arial;
  color: white;
  text-decoration: none;
  margin-right: 1px;
  text-transform: lowercase;
}

a.MMAct {
  display: block;
  background: #D02926 url('img/mmbutton-on.png') repeat-x;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font: bold 10pt Arial;
  color: white;
  text-decoration: none;
  margin-right: 1px;
  text-transform: lowercase;
}

a.MM:hover {
  background: #D02926 url('img/mmbutton-on.png') repeat-x;
}

/* lijevi menu */

a.LMLev0 {
  background: #3169B5 url('img/leftmenu-bg.png') repeat-x;
  font: bold 8pt Verdana;
  color: white;
  padding: 6px;
  display: block;
  text-decoration: none;
  border: 1px solid #98B4D9;
  margin-top: 3px;
  margin-bottom: 3px;
}

a.LMLev0Act {
  background: #DB231B url('img/leftmenu-act-bg.png') repeat-x;
  font: bold 8pt Verdana;
  color: white;
  padding: 6px;
  display: block;
  text-decoration: none;
  border: 1px solid #D02926;
}

a.LMLev0:hover {
  background: #DB231B url('img/leftmenu-act-bg.png') repeat-x;
}

a.LMLev1 {
  background: transparent url('img/strelica-left.png') no-repeat;
  background-position: 5px 10px;
  padding: 5px 5px 5px 15px;
  font: normal 8pt Verdana;
  color: #2C4C7C;
  display: block;
  text-decoration: none;
  text-align: left;
  line-height: 18px;
  border-bottom: 1px solid #C5C5C5;
}

a.LMLev1Act {
  background: transparent url('img/strelica-left.png') no-repeat;
  background-position: 5px 10px;
  padding: 5px 5px 5px 15px;
  font: bold 8pt Verdana;
  color: #2C4C7C;
  display: block;
  text-decoration: none;
  text-align: left;
  line-height: 18px;
  border-bottom: 1px solid #C5C5C5;
}

a.LMLev1:hover {
  color: #61799D;
  text-decoration: underline;
}

a.LMLev2 {
  background: transparent url('img/strelica-on.png') no-repeat;
  background-position: 0px 6px;
  padding-left: 10px;
  font: normal 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  display: block;
  line-height: 20px;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 2px;
}

a.LMLev2:hover {
  background: transparent url('img/strelica-off.png') no-repeat;
  background-position: 0px 6px;
  color: #1C5096;
}

a.LeftKucMenu {
  padding: 5px;
  font: normal 8pt Verdana;
  background-color: #DA2118;
  color: white;
  display: block;
  text-decoration: none;
  margin-top: 1px;
}

a.LeftKucMenu:hover {
  color: white;
  background-color: #3B4D5E;
}

/* desno */

a.RightSub {
  background: transparent url('img/strelica-on.png') no-repeat;
  background-position: 0px 6px;
  padding-left: 10px;
  font: normal 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  display: block;
  line-height: 20px;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 2px;
}

a.RightSubAct {
  background: transparent url('img/strelica-off.png') no-repeat;
  background-position: 0px 6px;
  padding-left: 10px;
  font: normal 8pt Verdana;
  color: #1C5096;
  text-decoration: none;
  display: block;
  line-height: 20px;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 2px;
}

a.RightSub:hover {
  background: transparent url('img/strelica-off.png') no-repeat;
  background-position: 0px 6px;
  color: #1C5096;
}

/*------------------------------------------------------------------------------- 
  Popis naslova
-------------------------------------------------------------------------------*/

.PnTab {
  background-color: #ECECEC;
  color: #555555;
  padding: 3px 5px 3px 5px;
  font: normal 8pt Verdana;
  text-decoration: none;
  display: block;
  line-height: 20px;
  text-align: left;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid white;
}

.aPnTabEn {
  color: #0D5399;
  background: #ECECEC url('img/eng.jpg') no-repeat;
  background-position: right top;
  padding: 3px 5px 3px 5px;
  font: normal 8pt Verdana;
  text-decoration: none;
  display: block;
  line-height: 20px;
  text-align: left;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid white;
}

.aPnTabEn:hover {
  color: white;
  background: #336BDB url('img/eng1.jpg') no-repeat;
  background-position: right top;
  border-top: 1px solid #3A3A3A;
  border-bottom: 1px solid #3A3A3A;
}

.PnTabAct {
  background-color: #DA2219;
  color: white;
  padding: 3px 5px 3px 5px;
  font: normal 8pt Verdana;
  text-decoration: none;
  display: block;
  line-height: 20px;
  text-align: left;
  border-top: 1px solid #1E1E1E;
}

.PnTab:hover {
  color: #ECECEC;
  background-color: #555555;
  border-top: 1px solid #3A3A3A;
  border-bottom: 1px solid #3A3A3A;
}

/*------------------------------------------------------------------------------- 
  Drop Down Menu
-------------------------------------------------------------------------------*/

#dropmenudiv {
  padding: 0px; margin: 0px;
}

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

.dropmenudiv a{
	text-decoration: none;
	color: white;
	background: #1B58A8 url('img/dropmenu-bg.jpg') repeat-x;
  font: normal 10pt Arial;
  line-height: 18px;
  display: block;
  padding: 4px;
  text-align: left;
}

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

.dropmenudiv a:hover{
	color:white;
	background: #D52824 url('img/dropmenu-bg-hover.jpg') repeat-x;
} 

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

  Mapa weba

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

a.L0Lnk {
  border-left: 7px solid #DA2119;
  font: bold 9pt Verdana;
  color: #DA2119;
  line-height: 18px;
  text-decoration: none;
  padding-left: 5px;
  text-align: left;
}

a.L1Lnk {
  background: transparent url('img/strelica-off.png') no-repeat;
  background-position: 0px 3px;
  font: normal 8pt Verdana;
  color: #013260;
  line-height: 18px;
  text-decoration: none;
  padding-left: 10px;
  margin: 2px 0px 2px 0px;
  text-align: left;
}

a.L2Lnk {
  font: normal 7.5pt Verdana;
  color: black;
  line-height: 18px;
  text-decoration: none;
  padding-left: 10px;
  margin: 2px 0px 2px 0px;
  text-align: left;
}

a.L0Lnk:hover {
  border-left: 7px solid #013260;
  color: #013260;
}


a.L1Lnk:hover, .L2Lnk:hover {
  background: transparent url('img/strelica-on.png') no-repeat;
  background-position: 0px 3px;
  color: #DA2119;
}

/*------------------------------------------------------------------------------- 
  Utility linkovi - horizontalna navigacija, trazilica
-------------------------------------------------------------------------------*/

#NAVIGATOR {
  font: normal 7.5pt Verdana;
  margin: 0px 0px 5px 0px;
  padding-bottom: 2px;
  color: #20559B;
}

a.NavLink {
	font: normal 7.5pt Verdana;
	color: #20559B;
	text-decoration: none;
	padding: 1px;
}

a.NavLink:hover {
	color: #DA2017;
}

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

a.SeaLnk:hover {
  background: transparent url('img/list0.png') no-repeat;
  color: #990100;
}

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

/*------------------------------------------------------------------------------- 
  Naslovi i linkovi
-------------------------------------------------------------------------------*/

div.NasLeft {
  font: bold 8pt Verdana;
  color: #2661AD;
  border-bottom: 1px solid #E2E2E2;
  margin: 5px 0px 8px 0px;
  line-height: 18px;
}

.NovNas {
  color: #20559B;
  font: bold 9pt Verdana;
  line-height: 18px;
}

.aPUB {
  font: bold 10pt Verdana;
  color: #DA2119;
  text-decoration: none;
  line-height: 18px;
  display: inline-block;
  margin-bottom: 10px;
}

.aPUB:hover {
  color: #034091;
}

a.NasLnk {
  font: bold 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  line-height: 18px;
}

a.NasLnk:hover {
  color: #034091;
}

.MapLnk {
  font: bold 8pt Verdana;
  color: #DA2119;
  padding: 1px 0px 2px 20px;
  margin: 0px;
  background-image: url('img/icon-world.png');
  background-repeat: no-repeat;
  line-height: 20px;
  text-decoration: none;
}

a.MainLnk, .LINK, .aMAIN {
  font: bold 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  line-height: 18px;
}

a.MainLnk:hover, .LINK:hover, .MapLnk:hover, .aMAIN:hover {
  color: #034091;
}

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

.aMAN:hover {
  color: #034091;
}

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

.aMANPORTAL:hover {
  color: black;
  text-decoration: underline;
}

.aSTR {
  font: normal 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  line-height: 20px;
  padding-left: 10px;
  background: transparent url('img/strelica-on.png') no-repeat;
  background-position: 0px 7px;
  display: block;
  float: left;
  clear: both;
}

.aSTR:hover {
  color: #034091;
  background: transparent url('img/strelica-off.png') no-repeat;
  background-position: 0px 7px;
  padding-left: 10px;
}

a.OpsLnk {
  background: transparent url('img/strelica-on.png') no-repeat;
  background-position: 0px 5px;
  padding-left: 10px;
  font: normal 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
}

a.OpsLnk:hover {
  background: transparent url('img/strelica-off.png') no-repeat;
  background-position: 0px 5px;
  color: #034091;
}

a.CrLnk {
  font: normal 8pt Verdana;
  line-height: 18px;
  color: #DA2119;
  text-decoration: none;
}

a.CrBLnk {
  font: bold 8pt Verdana;
  line-height: 18px;
  color: #DA2119;
  text-decoration: none;
}

a.CrLnk:hover, .CrBLnk:hover {
  color: #3881E5;
}

a.PnsLnk {
  font: normal 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  line-height: 20px;
  padding-left: 10px;
}

a.PnsLnk:hover {
  color: #034091;
  background: transparent url('img/strelica-off.png') no-repeat;
  background-position: 0px 4px;
  padding-left: 10px;
}

a.PnsLnkAct {
  font: normal 8pt Verdana;
  color: #034091;
  text-decoration: none;
  line-height: 20px;
}

div#InoTrz a {
  font: bold 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  line-height: 18px;
}

div#InoTrz a:hover {
  color: #034091;
}

a.GodLnk {
  background: #3169B5 url('img/leftmenu-bg.png') repeat-x;
  font: bold 8pt Verdana;
  color: white;
  padding: 6px;
  display: block;
  text-decoration: none;
  border: 1px solid #98B4D9;
  margin-top: 3px;
  margin-bottom: 3px;
}

a.GodLnk:hover {
  background: #DB231B url('img/leftmenu-act-bg.png') repeat-x;
}

.aCON {
  display: block;
  font: bold 8pt Verdana;
  color: #DA2119;
  text-decoration: none;
  line-height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  padding: 4px;
  border: 1px solid #F2F2F2;
}

.aCON:hover { 
  color: #034091;
}


/*------------------------------------------------------------------------------- 
//  Linkovi na dokumente
//-----------------------------------------------------------------------------*/

.DocLnk {
  font: bold 8pt Verdana;
  color: #DA2119;
  padding: 1px 0px 2px 20px;
  margin: 0px;
  background-image: url('img/icon-doc.png');
  background-repeat: no-repeat;
  line-height: 20px;
  text-decoration: none;
}

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

.PpsLnk {
  font: bold 8pt Verdana;
  color: #DA2119;
  padding: 1px 0px 2px 20px;
  margin: 0px;
  background-image: url('img/icon-pps.png');
  background-repeat: no-repeat;
  line-height: 20px;
  text-decoration: none;
}

.SwfLnk {
  font: bold 8pt Verdana;
  color: #DA2119;
  padding: 2px;
  margin: 0px;
  line-height: 20px;
  text-decoration: none;
}

.XlsLnk {
  font: bold 8pt Verdana;
  color: #DA2119;
  padding: 1px 0px 2px 20px;
  margin: 0px;
  background-image: url('img/icon-xls.png');
  background-repeat: no-repeat;
  line-height: 20px;
  text-decoration: none;
}

.DocLnk:hover, .PpsLnk:hover, .SwfLnk:hover, .PdfLnk:hover, .XlsLnk:hover { color: #034091; }

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

.pMAIN {
  padding: 0;
  font: normal 8pt Verdana !important;
  line-height: 18px !important;
}

.pAUTOR {
  padding: 0;
  text-align: right;
  font: normal 8pt Verdana !important;
  line-height: 18px !important;
}

p.pDC {
  padding: 0;
}

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

.Ver8Dark {
  font: normal 8pt Verdana;
  color: #4E4E4E;
  line-height: 18px;
}

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

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

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

.Ver8BBlu, .sNAGLASENO {
  font: bold 8pt Verdana;
  color: #235395;
  line-height: 18px;
}

div#InoTrz {
  font: normal 8pt Verdana;
  color: #4E4E4E;
  line-height: 18px;
}

/*------------------------------------------------------------------------------- 
  liste
-------------------------------------------------------------------------------*/

.ulCIRC {
  list-style-type: circle;
}

/*------------------------------------------------------------------------------- 
  Formatiranje slika i fotoalbuma
-------------------------------------------------------------------------------*/

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

.imgLEFT { float: left; margin: 5px 15px 5px 0; }
.imgRIGHT { float: right; margin: 5px 0 5px 15px; }

.imgLEFTBRDR { padding: 2px; border: 1px solid #255B9C; float: left; margin-right: 15px; }
.imgRIGHTBRDR { padding: 2px; border: 1px solid #255B9C; float: right; margin-left: 15px; }

.FabOkvir {
  background-color: white; 
  padding: 4px; 
  border: solid; 
  border-color: #DFDEDE #707070 #707070 #DFDEDE; 
  border-width: 1px 2px 2px 1px;
  text-align: center;
  margin-bottom: 5px;
}

.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;
}

.GrayBrdr { border: 1px solid #E7E7E7; }

.BannerBrdr {
  border: 1px solid #B9B8B8;
  margin-bottom: 5px;
}

.imgBRDR { padding: 4px; border: 1px solid #255B9C; }

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

  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;
  clear: both;
}

/*------------------------------------------------------------------------------- 
  Za tablice
-------------------------------------------------------------------------------*/

td.MainNasTd {
  background-color: #CBD7FD;
  font: bold 8pt Verdana;
  color: #002072;
  line-height: 18px;
  padding: 5px;
}

td.TdGrB {
  background-color: #FAFAFA;
  font: bold 8pt Verdana;
  color: #5E5E5E;
  line-height: 18px;
  text-align: left;
}

td.tdCON {
  font: normal 8pt Verdana;
  color: #0E318B;
  line-height: 18px;
  background-color: #F6F6F6;
  text-align: left;
  padding: 8px;
}

.tdNAME {
  font: normal 9pt Verdana;
  color: #0E318B;
  line-height: 18px;
  background-color: #F6F6F6;
  text-align: left;
  padding: 8px;
}

.tabDOBITNICI, .tabDATA {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
  font: normal 8pt Verdana;
  line-height: 18px;
  background-color: #F7F7F7;
  text-align: left;
}

.tabDOBITNICI td, .tabDATA td {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
  padding: 5px;
}

.trHEADER {
  font: bold 10pt Verdana;
  line-height: 24px;
  padding: 8px;
  text-align: center;
  border: 1px solid #AAAAAA;
  background-color: #20559B;
  color: white;
}

.tr1 {
  background-color: white;
}

.trYELLOW {
  background-color: #FFFF99;
  padding: 5px;
  font-weight: bold;
}

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

  Izgled elemenata na formama 

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

.Fieldset {
  border: 1px solid #DCDCDC;
  margin-top: 10px;
}

.Legend {
  font: bold 9pt Verdana;
  color: #333333;
  padding-left: 5px;
  padding-right: 5px;
}

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

.FrmObv {
    font: bold 8pt Verdana;
    color: #012A61;
    text-align: right;
    line-height: 18px;
    padding: 1px;
}

.Field1 {
    font: bold 8pt Verdana;
    color: white;
    padding: 2px;
    background-color: #E93737;
    border: 1px solid #B40404;
}

.Field0 {
    font: bold 8pt Verdana;
    color: white;
    padding: 2px;
    background-color: #4886DA;
    border: 1px solid #033F8E;
}

.Button0 {
    font: bold 8pt Verdana;
    color: white;
    background-color: #4886DA;
    border: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #2E7EEB #3573C8 #3573C8 #2E7EEB;
    padding: 3px 10px 3px 10px;
}

.Button1 {
    font: bold 8pt Verdana;
    color: white;
    background-color: #CD0101;
    border: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #B40404;
    padding: 3px 10px 3px 10px;
}

#TRAZILICA .Field0 {
    font: bold 7.5pt Verdana;
    color: #1B58A8;
    padding: 2px;
    background-color: #FDFDFD;
    border: 1px solid #B1B1B1;
}

#TRAZILICA .Field1 {
    font: bold 7.5pt Verdana;
    color: white;
    padding: 2px;
    background-color: #D42722;
    border: 1px solid #B31612;
}

#TRAZILICA .Button0 {
    font: bold 8pt Verdana;
    color: white;
    padding: 0px 4px 0px 4px;
    background: transparent;
    border: 0px solid white;
}

#TRAZILICA .Button1 {
    font: bold 8pt Verdana;
    color: #FFD200;
    padding: 0px 4px 0px 4px;
    background: transparent;
    border: 0px solid white;
}

#LOGIN .Field0 {
  font: bold 7.5pt Verdana;
  color: #1B58A8;
  padding: 2px;
  background-color: #FDFDFD;
  border: 1px solid #B1B1B1;
  margin-bottom: 3px;
}

#LOGIN .Field1 {
  font: bold 7.5pt Verdana;
  padding: 2px;
  background-color: #FFCC66;
  color: #333333;
  border: 1px solid #F8B225;
  margin-bottom: 3px;
}

#LOGIN .Button0 {
  margin-top: 4px;
  font: bold 7.5pt Verdana;
  color: #555555;
  padding: 1px 4px 1px 4px;
  background-color: white;
  border: 1px solid #DCDCDC;
  line-height: 18px;
}

#LOGIN .Button1 {
  margin-top: 4px;
  font: bold 7.5pt Verdana;
  color: black;
  padding: 1px 4px 1px 4px;
  background-color: white;
  border: 1px solid #DCDCDC;
  line-height: 18px;
}

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

  Utilities 

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

.hide {
  display: none;
}

.ClaCont .show {
  display: block;
  border-top-width: 0px;
}

.show {
  margin-top: 3px;
  border-top: 1px solid #C5C5C5;
  display: block;
}

#NajaveSmall { 
  font: normal 8pt Verdana;
  color: #333333;
  line-height: 18px;
  margin:5px;
}

#marqueecontainer{
position: relative;
height: 100px; 
background-color: white;
overflow: hidden;
border: 0px solid #F6F6F7;
padding: 2px;
padding-left: 4px;
}

#marqueecontainer5{
  position: relative;
  height: 150px;
  overflow: hidden;
}

#marqueecontainer0,#marqueecontainer1,#marqueecontainer2,#marqueecontainer3,#marqueecontainer6,#marqueecontainer4{
  position: relative;
  height: 150px;
  overflow: hidden;
}

#dhtmltooltip {
  font: normal 7.5pt Verdana;
  color: white;
  position: absolute;
  border: 1px solid #002754;
  padding: 3px;
  visibility: hidden;
  z-index: 100;
  background-color: #2D7FCD;
}

a.flagLinkCro {
	display:block;
	width:100px;
	height:71px;
	background: url('slike/cro_fl.png');
}

a.flagLinkCro:hover{
	background: url('slike/cro_flH.png');
}

a.flagLinkEn {
	display:block;
	width:100px;
	height:71px;
	background: url('slike/en_fl.png');
}

a.flagLinkEn:hover{
	background: url('slike/en_flH.png');
}

a.flagLinkIta {
	display:block;
	width:100px;
	height:71px;
	background: url('slike/ita_fl.png');
}

a.flagLinkIta:hover{
	background: url('slike/ita_flH.png');
}

#brojac {
	font-weight: bold;
	font-size: 12px;
	color: #044d32;
}

.brojacTxt{
	font-weight: bold;
	font-size: 12px;
	color: #044d32;
}

/* NASLOVNA BANNER HOVER EFFECTS */
.uih {
	display:block; 
	width:88px; 
	height:60px; 
	position:absolute; 
	top:110px; 
	left:34px;
}

.uih img{
	display:block; 
	width:88px; 
	height:60px;
}

.uih:hover {
	width:120px;
	height:79;
	top:100px;
	left:34px;
	z-index:2;
}

.uih:hover img{
	width:100px;
	height:79px;
}

.nsb {
	display:block; 
	width:123px; 
	height:50px; 
	position:absolute; 
	top:120px; 
	left:152px;
}

.nsb img{
	display:block; 
	width:123px; 
	height:50px;
}

.nsb:hover {
	width:160px;
	height:65px;
	top:110px;
	left:140px;
	z-index:2;
}

.nsb:hover img{
	width:160px;
	height:65px;
}

.vlada {
	display:block; 
	width:252px; 
	height:32px; 
	position:absolute; 
	top:129px; 
	left:298px;
}

.vlada img{
	display:block; 
	width:252px; 
	height:32px;
}

.vlada:hover {
	width:300px;
	height:38px;
	top:125px;
	left:260px;
	z-index:2;
}

.vlada:hover img{
	width:300px;
	height:38px;
}

.mingorp {
	display:block; 
	width:96px; 
	height:38px; 
	position:absolute; 
	top:200px; 
	left:34px;
}

.mingorp img{
	display:block; 
	width:96px; 
	height:38px;
}

.mingorp:hover {
	width:120px;
	height:48px;
	top:195px;
	left:30px;
	z-index:2;
}

.mingorp:hover img{
	width:120px;
	height:48px;
}

.mzos {
	display:block; 
	width:90px; 
	height:44px; 
	position:absolute; 
	top:195px; 
	left:152px;
}

.mzos img{
	display:block; 
	width:90px; 
	height:44px;
}

.mzos:hover {
	width:120px;
	height:59px;
	top:190px;
	left:145px;
	z-index:2;
}

.mzos:hover img{
	width:120px;
	height:59px;
}

.hztk {
	display:block; 
	width:90px; 
	height:42px; 
	position:absolute; 
	top:197px; 
	left:278px;
}

.hztk img{
	display:block; 
	width:90px; 
	height:42px;
}

.hztk:hover {
	width:110px;
	height:51px;
	top:193px;
	left:273px;
	z-index:2;
}

.hztk:hover img{
	width:110px;
	height:51px;
}

.hgk {
	display:block; 
	width:126px; 
	height:44px; 
	position:absolute; 
	top:197px; 
	left:406px;
}

.hgk img{
	display:block; 
	width:126px; 
	height:44px;
}

.hgk:hover {
	width:140px;
	height:49px;
	top:195px;
	left:400px;
	z-index:2;
}

.hgk:hover img{
	width:140px;
	height:49px;
}

.bicro {
	display:block; 
	width:90px; 
	height:33px; 
	position:absolute; 
	top:270px; 
	left:37px;
}

.bicro img{
	display:block; 
	width:90px; 
	height:33px;
}

.bicro:hover {
	width:110px;
	height:41px;
	top:262px;
	left:34px;
	z-index:2;
}

.bicro:hover img{
	width:110px;
	height:41px;
}

.ifia {
	display:block; 
	width:188px; 
	height:38px; 
	position:absolute; 
	top:265px; 
	left:179px;
}

.ifia img{
	display:block; 
	width:188px; 
	height:38px;
}

.ifia:hover {
	width:200px;
	height:40px;
	top:263px;
	left:175px;
	z-index:2;
}

.ifia:hover img{
	width:200px;
	height:40px;
}

.hbor {
	display:block; 
	width:55px; 
	height:40px; 
	position:absolute; 
	top:264px; 
	left:423px;
}

.hbor img{
	display:block; 
	width:55px; 
	height:40px;
}

.hbor:hover {
	width:67px;
	height:48px;
	top:260px;
	left:420px;
	z-index:2;
}

.hbor:hover img{
	width:67px;
	height:48px;
}

.hamag {
	display:block; 
	width:140px; 
	height:36px; 
	position:absolute; 
	top:330px; 
	left:32px;
}

.hamag img{
	display:block; 
	width:140px; 
	height:36px;
}

.hamag:hover {
	width:155px;
	height:40px;
	top:327px;
	left:32px;
	z-index:2;
}

.hamag:hover img{
	width:155px;
	height:40px;
}

.zgzup {
	display:block; 
	width:182px; 
	height:40px; 
	position:absolute; 
	top:327px; 
	left:228px;
}

.zgzup img{
	display:block; 
	width:182px; 
	height:40px;
}

.zgzup:hover {
	width:195px;
	height:43px;
	top:325px;
	left:224px;
	z-index:2;
}

.zgzup:hover img{
	width:195px;
	height:43px;
}

.hatz {
	display:block; 
	width:40px; 
	height:40px; 
	position:absolute; 
	top:326px; 
	left:462px;
}

.hatz img{
	display:block; 
	width:40px; 
	height:40px;
}

.hatz:hover {
	width:50px;
	height:50px;
	top:323px;
	left:457px;
	z-index:2;
}

.hatz:hover img{
	width:50px;
	height:50px;
}

.koncar {
	display:block; 
	width:133px; 
	height:40px; 
	position:absolute; 
	top:395px; 
	left:32px;
}

.koncar img{
	width:133px; 
	height:40px;
}

.koncar:hover {
	width:150px;
	height:45px;
	top:392px;
	left:29px;
	z-index:2;
}

.koncar:hover img{
	width:150px;
	height:45px;
}

.tehnix {
	display:block; 
	width:98px; 
	height:36px; 
	position:absolute; 
	top:397px; 
	left:194px;
}

.tehnix img{
	display:block; 
	width:98px; 
	height:36px;
}

.tehnix:hover {
	width:105px;
	height:39px;
	top:395px;
	left:190px;
	z-index:2;
}

.tehnix:hover img{
	width:105px;
	height:39px;
}

.jamnica {
	display:block; 
	width:130px; 
	height:28px; 
	position:absolute; 
	top:400px; 
	left:320px;
}

.jamnica img{
	display:block; 
	width:130px; 
	height:28px;
}

.jamnica:hover {
	width:140px;
	height:30px;
	top:399px;
	left:318px;
	z-index:2;
}

.jamnica:hover img{
	width:140px;
	height:30px;
}

.bursic {
	display:block; 
	width:45px; 
	height:48px; 
	position:absolute; 
	top:391px; 
	left:480px;
}

.bursic img{
	display:block; 
	width:45px; 
	height:48px;
}

.bursic:hover {
	width:80px;
	height:86px;
	top:377px;
	left:466px;
	z-index:2;
}

.bursic:hover img{
	width:80px;
	height:86px;
}

.giulio {
	display:block; 
	width:94px; 
	height:67px; 
	position:absolute; 
	top:458px; 
	left:36px;
}

.giulio img{
	display:block; 
	width:94px; 
	height:67px;
}

.giulio:hover {
	width:150px;
	height:107px;
	top:420px;
	left:34px;
	z-index:2;
}

.giulio:hover img{
	width:150px;
	height:107px;
}

.tehnoplastika {
	display:block; 
	width:220px; 
	height:45px; 
	position:absolute; 
	top:467px; 
	left:178px;
}

.tehnoplastika img{
	display:block; 
	width:220px; 
	height:45px;
}

.tehnoplastika:hover {
	width:245px;
	height:48px;
	top:465px;
	left:170px;
	z-index:2;
}

.tehnoplastika:hover img{
	width:245px;
	height:48px;
}

.shake {
	display:block; 
	width:125px; 
	height:40px; 
	position:absolute; 
	top:472px; 
	left:414px;
}

.shake img{
	display:block; 
	width:125px; 
	height:40px;
}

.shake:hover {
	width:140px;
	height:48px;
	top:469px;
	left:411px;
	z-index:2;
}

.shake:hover img{
	width:140px;
	height:48px;
}