/*------------------------------------------------------------------------------- 
//
//  OBV CSS
//  
//  (c) 2007-2009 by Abacus, info (at) abacus . hr
//  
//  v.1.16 27.10.2009. DSalopek
//
-------------------------------------------------------------------------------*/

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

#NAVIGATOR {
  padding: 3px 5px 3px 0px;
  font: normal 7.5pt Verdana;
  margin-bottom: 5px;
}

#BODY {
  padding: 5px;
}

.KUCICA-body {
    font: normal 8pt Verdana;
    color: #4B4B4B;
    width: 700px !important;
    max-width: 700px;
    text-align: justify;
    border: 1px solid #D4D3D3;
}

.CONTAINER {
    font: normal 8pt Verdana;
    color: black;
    padding: 5px;
    line-height: 18px;
}

.SUBCONTAINER {
    font: normal 7.5pt Verdana;
    color: black;
    padding: 5px;
    line-height: 18px;
    border-left: 1px solid #D4D3D3;
    padding-left: 10px;
    margin-left: 10px;
}

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

.KUCICA-lijevo {
    background-color: #EDEDED;
    padding: 10px;
    font: normal 8pt Verdana;
    color: #4B4B4B;
    border: 1px solid #D4D3D3;
    border-top-width: 0px;
    text-align: left;
    line-height: 18px;
}

.KUCICA-lijevo-naslov {
    padding: 2px;
    border: 1px solid #D4D3D3;
}

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

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

.PdfLnk {
  font: bold 8pt Verdana;
  color: #D01211;
  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: #D01211;
  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: #D01211;
  padding: 1px 0px 2px 20px;
  margin: 0px;
  background-image: url('img/icon-foto.png');
  background-repeat: no-repeat;
  line-height: 20px;
  text-decoration: none;
}

.XlsLnk {
  font: bold 8pt Verdana;
  color: #D01211;
  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 { text-decoration: underline; color: #2471FE; }

/*------------------------------------------------------------------------------- 
//  Linkovi
//-----------------------------------------------------------------------------*/

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

.NavLink:hover {
	background-color: #0960B2;
	color: white;
	border-bottom: 1px solid #0C8FD2;
	text-decoration: none;
}

.COPYRIGHT-link {
    font: bold 8pt verdana;
    color: #D01211;
    text-decoration: none;
}

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

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

.LINK:hover, .MainLnk:hover, #BolData a.LINK:hover, .Lnk7Ver:hover, .Cnp a.LINK:hover, .aMAIN:hover {
    text-decoration: underline;
    color: #2471FE;
}

.LINK-Liste {
    font: bold 9pt Verdana;
    color: #267BCC;
    text-decoration: none;
    line-height: 18px;
}

.LINK-Liste:hover {
    text-decoration: underline;
    color: #2471FE;
}
#BolData a.LINK, .Cnp a.LINK {
  font: bold 9pt Verdana;
  color: #267BCC;
  text-decoration: none;
  line-height: 18px;
}

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

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

.LINK-strelica, .SeaLnk {
    font: bold 8pt Verdana;
    color: #D01211;
    text-decoration: none;
    background-image: url('img/strelica.png');
    background-repeat: no-repeat;
    padding-left: 15px;
}

.LINK-strelica:hover, .SeaLnk:hover {
    color: red;
    text-decoration: underline;
}

.SeaRez {
  color: #01438D; 
  font: bold 8pt Verdana;
}

/*------------------------------------------------------------------------------- 
  Mapa weba
-------------------------------------------------------------------------------*/

a.L0Lnk {
  border-left: 7px solid #01438D;
  font: bold 9pt Verdana;
  color: #01438D;
  line-height: 18px;
  text-decoration: none;
  padding-left: 5px;
  display: block;
  margin: 2px 0px 2px 0px; 
}

a.L1Lnk {
  border-left: 7px solid #ECECEC;
  font: normal 8pt Verdana;
  color: #013260;
  line-height: 18px;
  text-decoration: none;
  padding-left: 10px;
}

a.L2Lnk {
  border-left: 7px solid #ECECEC;
  font: normal 7.5pt Verdana;
  color: black;
  line-height: 18px;
  text-decoration: none;
  padding-left: 10px;
}

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

a.L1Lnk:hover {
  border-left: 7px solid #2D7FCD;
  color: #2D7FCD;
}

a.L2Lnk:hover {
  border-left: 7px solid #2D7FCD;
  color: #2D7FCD;
}
/*------------------------------------------------------------------------------- 
//  Naslovi
//-----------------------------------------------------------------------------*/

.NASLOVI-txt {
    font: bold 8pt Verdana;
    color: #540000;
    line-height: 18px;
}

.NASLOVI-txt-blue {
    font: bold 8pt verdana;
    color: #0056A7;
    line-height: 18px;
}

/*------------------------------------------------------------------------------- 
//  Formatiranje teksta, paragrafa
//-----------------------------------------------------------------------------*/

.Ver8Black {
  font: normal 8pt Verdana;
  color: black;
  line-height: 18px;
}

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

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

.sBPPNAS {
  font: bold 10pt Verdana;
  color: #008080;
  text-decoration: underline;
  display: block;
  margin-bottom: 10px;
}

.pMAIN {
  padding: 10px 0 10px 0;
  margin: 0;
}

.pAUTOR {
  text-align: right;
  font-style: italic;
}

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

.SLIKE-grayborder { border: 1px solid #D4D3D3; margin-bottom: 3px; }

.SlcOkvir { border: 1px solid #01438D; }

.imgIZV { border: 1px solid #01438D; float: left; margin-right: 15px; clear: both; }

.SLIKE-lijevo {
    float: left;
    border: 1px solid #D4D3D3;
    margin-right: 12px;
}

.SLIKE-desno {
    float: right;
    border: 1px solid #D4D3D3;
    margin-left: 12px;
}

/*------------------------------------------------------------------------------- 
//  Meniji, popis naslova
//-----------------------------------------------------------------------------*/

.Izb {
  border: 1px solid #B91138;
  font: bold 8pt Verdana;
  color: white;
  background: #B72C40 url('img/button-bg.png') repeat-x;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
  line-height: 18px;
}

.IzbActive {
  font: bold 8pt Verdana;
  color: white;
  border: 1px solid #2661AD;
  background: #2661AD url('img/button-bg-act.png') repeat-x;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
  line-height: 18px;
}

.Izb:hover {
  border: 1px solid #2661AD;
  background: #2661AD url('img/button-bg-act.png') repeat-x;
}

#MENU-ODJ {
  border-left: 1px solid #D4D3D3; 
  border-right: 1px solid #D4D3D3; 
  background-color: #EFEFEF;
  border-bottom: 1px solid #D4D3D3;
}

.SubMenu {
    display: block;
    font: normal 8pt Verdana;
    color: #033F8E;
    background-color: #DEECFE;
    border-top: 1px solid #033F8E;
    text-decoration: none;
    line-height: 16px;
    padding: 5px 10px 5px 10px;
}

.SubMenuAct {
    display: block;
    font: bold 8pt Verdana;
    background-color: #EFEFEF;
    color: #717171;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #033F8E;
    text-decoration: none;
    line-height: 16px;
    max-width: 188px;
    padding: 5px 10px 5px 10px;
}

.SubMenu:hover {
    background-color: #C82A3F;
    color: white;
}

.Lvl2Lnk {
    display: block;
    text-align: left;
    padding: 1px 10px 3px 15px;
    font: normal 8pt Verdana;
    color: #595959;
    text-decoration: none;
    background-image: url('img/list.png');
    background-repeat: no-repeat;
    line-height: 18px;
    margin-left: 5px;
}

.PnLeft {
    display: block;
    text-align: left;
    padding: 1px 10px 3px 15px;
    font: normal 8pt Verdana;
    color: #595959;
    text-decoration: none;
    background-image: url('img/list.png');
    background-repeat: no-repeat;
    line-height: 18px;
    margin-left: 5px;
}

.PnLeftAct {
    display: block;
    text-align: left;
    padding: 1px 10px 3px 15px;
    font: normal 8pt Verdana;
    color: #852929;
    text-decoration: none;
    background-image: url('img/list.png');
    background-repeat: no-repeat;
    line-height: 18px;
    margin-left: 5px;
}

.Lvl2Lnk:hover, .PnLeft:hover { color: #852929; }

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

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

.PnSimple:hover {
  text-decoration: underline;
  color: #540000;
}

.NASLOVI-container {
    width: 150px;
    float: right;
    margin-left: 15px;
    margin-bottom: 5px;
    border: 1px solid #D4D3D3;
    background-color: #EDEDED;
    padding: 5px;
}

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

.SEPARATOR {
    height: 10px;
    max-height:10px;
    font-size: 1px;
}

.SEPARATOR-gray {
    height: 10px;
    max-height:10px;
    font-size: 1px;
    border-bottom: 1px solid #D4D3D3;
    margin-bottom: 5px;
}

.dSEP {
    font-size: 1px;
    line-height: 1px;
    border-bottom: 1px solid #D4D3D3;
    margin-bottom: 7px;
    padding-top: 5px;
    clear: both;
}


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

.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-anketa {
    font: normal 8pt Verdana;
    color: black;
    text-align: left;
    line-height: 18px;
}
.FORMA-fields-off {
    font: bold 8pt Verdana;
    color: #044583;
    padding: 1px;
    background-color: #E3F1FF;
    border: 1px solid #044583;
}

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

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

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

.SeaFields {
    font: bold 7.5pt Verdana;
    color: white;
    padding: 1px;
    background-color: #717171;
    border: 1px solid #313131;
}

.SeaFieldsFocus {
    font: bold 7.5pt Verdana;
    color: white;
    padding: 1px;
    background-color: #2E87FF;
    border: 1px solid #0B72FD;
}

.SeaButton {
    font: bold 7.5pt Verdana;
    color: white;
    background-color: #717171;
    border: 1px solid #313131;
    padding: 0px 3px 0px 3px;
}

.SeaButtonOn {
    font: bold 7.5pt Verdana;
    color: white;
    background-color: #2E87FF;
    border: 1px solid #0B72FD;
    padding: 0px 3px 0px 3px;
}



/*------------------------------------------------------------------------------- 
//  Za tablice
//-----------------------------------------------------------------------------*/
.NasTd {
  background-color: #FAFAFA;
  font: normal 8pt Verdana;
  color: #5E5E5E;
  text-align: center;
  line-height: 18px;
}

.MainNasTd {
  background-color: #EDECE0;
  font: bold 8pt Verdana;
  color: #5E5E5E;
  text-align: center;
  line-height: 18px;
  padding: 3px;
  border: 1px solid #DEDDDB; 
}

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

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

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

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

.TD-sadrzaj{ 
	font: normal 8pt Verdana;
  color: black;
	line-height: 18px;
}

/*------------------------------------------------------------------------------- 
//  Utilities
//-----------------------------------------------------------------------------*/

.hide {
  display: none;
}

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