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

  Obrtnicko uciliste CSS
  
  (c) 2009 by Abacus, info (at) abacus (doth) hr
  
  v.1.03 05.11.2009. NMihin

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


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

  Struktura

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

div.MainCont {
  width: 955px;
  max-width: 955px !important;
  min-width: 955px;
  margin: 0px auto;
  text-align: justify;
  background: transparent url('img/bodycont-bg.png') no-repeat;
  background-position: 0px 135px;
}

div.HeaderCont {
  border-left: 1px solid #357CBA; 
  border-right: 1px solid #357CBA; 
  background: #6FA7DC url('img/main-header.jpg') no-repeat; 
  height: 135px;
}

div.NavCont {
  background: #F8D925 url('img/nav-bg.png') repeat-x;
  border: 1px solid #AD9402;
  padding: 4px;
}

.LeftCont {
  padding: 0px;
  width: 180px;
  min-width: 180px;
  max-width: 180px !important;
  border: solid; 
  border-color: #DFDEDE #707070 #707070 #DFDEDE; 
  border-width: 1px 1px 1px 1px;
  font: normal 8pt Verdana;
  line-height: 18px;
  color: #333333;
  text-align: justify;
  background: white url('img/bottom-gray.png') repeat-x; 
  background-position: bottom left;
}

div.BodyCont {
  margin-left: 10px;
  padding: 0px;
  background-color: white;
  border: solid; 
  border-color: #DFDEDE #707070 #707070 #DFDEDE; 
  border-width: 1px 1px 1px 1px;
  font: normal 8pt Verdana;
  line-height: 18px;
  color: #333333;
  text-align: justify;
}

div.FooterCont {
  height: 100px;
  margin: 0px 5px 0px 5px; 
  background: white url('img/bottom-gray.png') repeat-x; 
  background-position: bottom left;
  font: normal 8pt Verdana;
  line-height: 18px;
  color: #035EAF;
  text-align: center;
}

#BODY { padding: 25px; }

div.Content {
  padding: 10px 5px 5px 5px;
}

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

div.UtilityBox {
  padding: 10px 15px 10px 15px;
}


.dBOX { padding: 0 10px 0 10px; }

.dNASLOV {
  background: transparent url('img/dot.png') 0 7px no-repeat;
  padding-left: 20px;
}

.dARHNOV {
  padding: 5px;
  text-align: left;
  clear: left;
}

.dNOV {
  padding: 10px;
  text-align: left;
}

.dRED {
  padding-top: 5px;
  padding-bottom: 5px;
  clear: left;
}

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

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

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

.aGOD {
  font: bold 9pt Tahoma,Verdana;
  margin: 3px 15px 3px 0;
  color: black;
  text-decoration: none;
  display: block;
  background: transparent url('img/right.png') no-repeat;
  background-position: 0 5px;
  padding: 3px 1px 1px 15px;
  float: left;
}

.aARHLNK {
  font: bold 9pt Tahoma,Verdana;
  color: #0075D3;
  float:right;
  padding: 5px 5px 7px 25px;
  background: transparent url('img/cal.jpg') no-repeat;
  text-decoration: none;
}

.aARHLNK:hover {
  color: #CC0000;
  text-decoration: underline;
}

/*------------------------------------------------------------------------------- 
//  headers
//-----------------------------------------------------------------------------*/

.hH1 {
  font: bold 12pt Tahoma,Verdana;
  color: #4D6B17;
  line-height: 24px;
  text-align: left;
}


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

  Izbornici

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

a.Level0Lnk {
  display: block;
  font: bold 8pt Verdana;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #AD9402;
  color: #333333;
  background: #F8D821 url('img/leftmenu-off.png') repeat-x;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-indent: 10px;
}

a.Level0LnkAct {
  display: block;
  font: bold 8pt Verdana;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px solid #F4131A;
  color: white;
  background: #F23E44 url('img/leftmenu-on.png') repeat-x;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-indent: 10px;
}

a.Level0Lnk:hover {
  color: white;
  background: #F23E44 url('img/leftmenu-on.png') repeat-x;
  border-bottom: 1px solid #F4131A;
}

a.Level1Lnk {
  padding: 4px 5px 4px 20px;
  display: block;
  font: bold 8pt Verdana;
  line-height: 18px;
  text-decoration: none;
  background-color: #FFCC66;
  color: #333333;
  border-bottom: 1px solid #FF9933;
}

a.Level1LnkAct {
  padding: 4px 5px 4px 20px;
  display: block;
  font: bold 8pt Verdana;
  line-height: 18px;
  text-decoration: none;
  background-color: #F23E44;
  border-bottom: 1px solid #FF9933;
  color: #FFCFD1;
}

a.Level1Lnk:hover {
  background-color: #F23E44;
  border-bottom: 1px solid #F4131A;
  color: #FFCFD1;
}

a.Level2Lnk {
  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.Level2Lnk:hover {
  color: #61799D;
  text-decoration: underline;
}

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

  Mapa weba

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

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

a.L1Lnk {
  font: bold 8pt Verdana;
  color: #013260;
  line-height: 18px;
  text-decoration: none;
  padding-left: 10px;
  margin: 2px 0px 2px 0px;
}

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

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


a.L1Lnk:hover, .L2Lnk:hover {
  color: #DA2119;
}

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

  Utility linkovi - horizontalna navigacija, trazilica

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

#NAVIGATOR {
  font: bold 8pt Verdana;
  color: #333333;
  margin-left: 5px;
}

a.NavLink {
	font: bold 8pt Verdana;
	color: #333333;
	text-decoration: none;
	line-height: 19px;
}

a.NavLink:hover {
	border-bottom: 1px solid #EE272E;
}

a.SeaLnk { 
  font: bold 8pt Verdana;
  line-height: 18px;
  color: #0D5496;
  text-decoration: none;
  padding-left: 15px;
  background: transparent url('img/ops-off.png') no-repeat;
  background-position: 2px 5px;
}

a.SeaLnk:hover {
  color: #EE262D;
}

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

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

  Naslovi i linkovi

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

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

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

.NovDat {
  font: normal 8pt Verdana;
  color: #0D5496;
  line-height: 18px;
}

div.MainNas {
  border: 1px solid #F4131A;
  background: #F33E44 url('img/naslov-bg.png') repeat-x;
  font: bold 8pt Verdana;
  padding: 4px 5px 4px 10px;
  line-height: 16px;
  color: white;
}

#OuInfo a.LINK {
  font: bold 8pt Verdana;
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
}

#OuInfo a.LINK:hover {
  text-decoration: none;
  border-bottom: 1px solid #F23A40;
}

a.FooterLnk {
  font: bold 8pt Verdana;
  color: #ED2027;
  text-decoration: none;
} 

a.FooterLnk:hover {
  text-decoration: underline;
}

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

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

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

a.MainLnk:hover {
  color: #EE262D;
}

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

a.LINK:hover {
  color: #EE262D;
}

a.OpsLnk {
  font: bold 8pt Verdana;
  line-height: 18px;
  color: #0D5496;
  text-decoration: none;
  padding-left: 15px;
  background: transparent url('img/ops-off.png') no-repeat;
  background-position: 2px 5px;
}

a.OpsLnk:hover {
  color: #EE262D;
}

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

a.ProLnk:hover { color: #ED2027; }

a.LINK-pdf, a.PdfLnk {
    font: bold 8pt 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;
}

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

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

  Formatiranje teksta & lista

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

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

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

.Ver8DBLu {
  font: normal 8pt Verdana;
  color: #0D5496;
  line-height: 18px;
}

ul.MainList {
  font: bold 8pt Verdana;
  color: #666666;
  line-height: 18px;
  margin: 0px 0px 0px 15px;
  padding: 10px 5px 10px 5px;
  list-style-type: circle;
}

.Ver10Dark {
  font: normal 9pt Verdana;
  color: #333333;
  line-height: 18px;
}

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

  Formatiranje slika i fotoalbuma

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

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

.BluBrdr { border: 1px solid #0D5496; }

.RedBrdr { border: 1px solid #F02F36; }

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

.Banner { border: 1px solid #336699; margin-top: 10px; }

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

  Separators

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

.Sep {
  padding: 0px;
  height: 5px;
  max-height: 5px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 1px;
}

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

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

  Izgled elemenata na formama 

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

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

.FrmDesc {
    font: normal 8pt Verdana;
    color: #333333;
    line-height: 18px;
    padding: 1px;
}

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

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

.FrmFields {
    font: bold 8pt Verdana;
    color: #C91A20;
    padding: 2px;
    background-color: #FED6D8;
    border: 1px solid #C91A20;
}

.SeaFields {
    font: bold 7.5pt Verdana;
    color: #AD9402;
    padding: 2px;
    background-color: #FDFDFD;
    border: 1px solid #AD9402;
}

.SeaFieldsFocus {
    font: bold 7.5pt Verdana;
    color: #F23A40;
    padding: 2px;
    background-color: #FDFDFD;
    border: 1px solid #F23A40;
}

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

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

.FrmButton {
    font: bold 8pt Verdana;
    color: #B40404;
    background-color: #FED6D8;
    border: 1px solid #B40404;
    padding: 3px 10px 3px 10px;
}

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

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

  Utilities 

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

.hide {
  display: none;
}

.show {
  display: block;
}

#marqueecontainer{
  margin: 10px 5px 10px 5px;
  position: relative;
  width: 175px; /*marquee width */
  height: 120px; /*marquee height */
  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;
}