/*------------------------------------------------------------------------------- 
//
//  Mari.hr CSS
//  
//  (c) 2009 by Abacus, info ath abacus doth hr
//  
//  v1.01 16.07.2009. DSalopek
//
//-----------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- 
//  body
//-----------------------------------------------------------------------------*/

.bBODY {
  background-color: white;
  padding: 0 0 20px 0;
  margin: 0;
}

/*------------------------------------------------------------------------------- 
//  divs
//-----------------------------------------------------------------------------*/

.dMAIN {
  width: 100%;
}

.dHEADER {
  background: #47B3FE url('img/hbg.jpg') repeat-x;
  height: 85px;
  border-top: 4px solid #002200;
  text-align: justify;
}

.dHRIGHT {
  float: right;
  background: #47B3FE url('img/hrightbg.jpg') no-repeat;
  background-position: right top;
  height: 85px;
  width: 283px;
  text-align: center;
}

.dMENU {
  background-color: #002200;
  padding: 5px 0 5px 15px;
  height: 25px;
}

.dUTILS {
  vertical-align: middle;
}

.dWRAP {
  font: normal 9pt Verdana;
  line-height: 20px;
  text-align: justify;
  width: 99% !important;
}

.dCONTENT {
  padding: 20px;
  margin-right: 300px;
  background: white;
  min-height: 320px;
}

.dOUTER {
  background: #002200 url('img/rightbg.jpg') no-repeat;
  background-position: right bottom;
  margin-right: 20px;
}

.dBOX {
  padding: 0 20px 5px 20px;
}

.dRIGHT {
  float: right;
  width: 300px;
  background: #002200;
  margin-right: 20px;
  min-height: 200px;
  font: normal 8pt Verdana;
  color: #FFEECC;
  line-height: 20px;
  padding-bottom: 10px;
}

.dMARINAS {
  font: bold 20pt Georgia, Times New Roman, serif;
  color: #FFEECC;
  line-height: 30px;
  text-align: center;
  font-variant: small-caps;
  letter-spacing: 2px;
}

.dRIGHTNAS {
  font: normal 13pt Georgia, Times New Roman, serif;
  color: #FFEECC;
  line-height: 24px;
  letter-spacing: 1px;
}

.dSEPWHITE {
  font: normal 1px/1px Verdana;
  padding-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid white;
}

.dPODNASLOV {
  font: bold 10pt Verdana;
  color: #002200;
  line-height: 22px;
}

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

.dFRMLINE { 
  margin-bottom: 5px;
  font: bold 8pt Verdana;
}

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

.dCCERR {
  padding: 4px;
  background-color: #CC0000;
  color: white;
}

/*------------------------------------------------------------------------------- 
//  spans
//-----------------------------------------------------------------------------*/

.sNAGLRIGHT {
  font: normal 8pt Verdana;
  color: #FF9800;
  line-height: 20px;
}

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

/*------------------------------------------------------------------------------- 
//  menu
//-----------------------------------------------------------------------------*/

.aMAIN0 {
  display: block;
  float: left;
  height: 24px;
  margin-right: 6px;
  padding-right: 5px;
  font: bold 8pt Verdana;
  color: #FFEEA3;
  text-decoration: none;
}

.aMAIN0 span {
  display: block;
  padding: 4px 0 8px 5px;
  line-height: 15px;
}

.aMAIN0:hover {
  background: transparent url('img/menuright.png') no-repeat;
  background-attachment: scroll;
  background-position: top right;
}

.aMAIN0:hover span {
  background: transparent url('img/menuleft.png') no-repeat; 
  display: block;
  padding: 4px 0 8px 5px;
  line-height: 15px;
} 

.aMAIN1 {
  background: transparent url('img/menuright.png') no-repeat;
  background-attachment: scroll;
  background-position: top right;
  display: block;
  float: left;
  height: 24px;
  margin-right: 6px;
  padding-right: 5px;
  font: bold 8pt Verdana;
  color: #FFEEA3;
  text-decoration: none;
}

.aMAIN1 span {
  background: transparent url('img/menuleft.png') no-repeat; 
  display: block;
  padding: 4px 0 8px 5px;
  line-height: 15px;
}

/*------------------------------------------------------------------------------- 
//  links
//-----------------------------------------------------------------------------*/

.aLNK {
  font: bold 9pt Verdana;
  color: #002200;
  line-height: 20px;
  text-decoration: none;
  border-bottom: 1px solid #FF6600;
}

.aLNK:hover {
  color: #FF6600;
  border-bottom: 1px solid #002200;
}

.LINK {
  font: bold 9pt Verdana;
  color: #002200;
  line-height: 20px;
  text-decoration: none;
  border-bottom: 1px solid #FF6600;
}

.LINK:hover {
  color: #FF6600;
  border-bottom: 1px solid #002200;
}

#STRANA-RIGHT .LINK {
  font: normal 8pt Verdana;
  color: #FFEECC;
  line-height: 20px;
  text-decoration: none;
  border-bottom: 1px dotted white;
}

#STRANA-RIGHT .LINK:hover {
  color: white;
  border-bottom: 1px solid #FFEECC;
}

.aEXTLNK {
  font: normal 9pt Verdana;
  color: #FFEECC;
  line-height: 20px;
  text-decoration: none;
  background: transparent url('img/dot.png') no-repeat;
  background-position: 0 5px;
  padding-left: 10px;
}

.aEXTLNK:hover {
  color: white;
  text-decoration: underline;
}

.aFTLNK {
  font: normal 8pt Verdana;
  color: white;
  line-height: 18px;
  text-decoration: none;
  padding: 1px;
}

.aFTLNK:hover {
  color: black;
  background-color: #FF9933;
}

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

.hH1 {
  font: bold 13pt Verdana;
  color: #002200;
  line-height: 24px;
}

/*------------------------------------------------------------------------------- 
//  text
//-----------------------------------------------------------------------------*/

.pMAIN {
  line-height: 20px;
  text-indent: 15px;
}

.pQUOTE {
  padding-left: 20px;
  padding-right: 20px;
  font-style: italic;
}

/*------------------------------------------------------------------------------- 
//  lists
//-----------------------------------------------------------------------------*/

.ulCIRC {
  list-style-type: circle;
  padding: 0;
  margin: 5px 5px 5px 25px;
}

/*------------------------------------------------------------------------------- 
//  slike
//-----------------------------------------------------------------------------*/

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

.imgFOTO {
  padding: 5px;
  border: 1px solid #868686; 
}

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

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

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

/*------------------------------------------------------------------------------- 
//  input
//-----------------------------------------------------------------------------*/

.inpFIELD0 {
  font: normal 9pt Verdana;
  color: black;
  border: 1px solid #002200;
  padding: 3px;
  margin: 0;
  background-color: #FFEECC;
}

.inpFIELD1 {
  font: normal 9pt Verdana;
  color: #FFCC33;
  border: 1px solid black;
  padding: 3px;
  margin: 0;
  background-color: #002200;
}

.inpBUTTON0 {
  font: normal 9pt Verdana;
  display: inline;
  border: 1px solid #002200;
  padding: 2px 12px 2px 12px;
  background-color: #FFEECC;
  color: black;
}

.inpBUTTON1 {
  font: normal 9pt Verdana;
  display: inline;
  border: 1px solid black;
  padding: 2px 12px 2px 12px;
  background-color: #002200;
  color: #FFCC33;
}

#TRAZILICA { 
  margin: 0;
  padding: 0;
  display: inline;
}

#TRAZILICA .inpFIELD0 {
  font: normal 10pt Georgia, Times New Roman, serif;
  color: black;
  border: 1px solid white;
  padding: 2px 25px 2px 2px;
  background: #FFEECC url('img/seabg.png') no-repeat;
  background-position: right center;
  margin: 0;
}

#TRAZILICA .inpFIELD1 {
  font: normal 10pt Georgia, Times New Roman, serif;
  color: black;
  border: 1px solid #FFCC66;
  padding: 2px 25px 2px 2px;
  background: #FFCC33 url('img/seabg.png') no-repeat;
  background-position: right center;
  margin: 0;
}

#TRAZILICA .inpBUTTON0 {
  font: normal 10pt Georgia, Times New Roman, serif;
  line-height: 16px;
  display: inline;
  border: 1px solid white;
  padding: 1px 12px 1px 12px;
  background-color: #FFEECC;
  color: black;
  margin: 0 0 0 5px;
}

#TRAZILICA .inpBUTTON1 {
  font: normal 10pt Georgia, Times New Roman, serif;
  line-height: 16px;
  display: inline;
  border: 1px solid #FFCC66;
  padding: 1px 12px 1px 12px;
  background-color: #FFCC33;
  color: black;
  margin: 0 0 0 5px;
}

/*------------------------------------------------------------------------------- 
//  utilities
//-----------------------------------------------------------------------------*/

.hide { display: none; }
.show { display: block; }

#LANGUAGE { display: inline; padding-left: 3px; padding-right: 3px; }

#dhtmltooltip {
  font: normal 8pt Verdana;
  color: #002200;
  position: absolute;
  border: 1px solid #562B08;
  padding: 4px;
  visibility: hidden;
  z-index: 100;
  background-color: #FFEEC9;
}