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

  Matis Sport Adrija CSS
  
  v2.03 26.10.2010.

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


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

body {
  margin: 0;
  padding: 0;
  background: #D18426 url('img/body-bg.jpg') repeat-x;
  background-attachment: fixed;
  text-align: center;
}

.dWRAP {
  width: 982px;
  min-width: 982px;
  max-width: 982px !important;
  margin: 0 auto;
  text-align: justify;
  padding: 0;
}

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

.dHEADER {
  width: 980px;
  height: 148px;
  background: #CF7E1F url('img/header5.jpg') no-repeat;
}

.dHEADDATA {
  text-align:center;
  padding-top: 80px;
  padding-left: 30px;
  font: bold 7.5pt Verdana;
  line-height: 15px;
  color: white;
}

.dHEADDATA a.LINK {
  font: bold 7.5pt Verdana;
  padding: 1px;
  color: white;
}

.dHEADDATA a.LINK:hover {
  font: bold 7.5pt Verdana;
  background-color: black;
  color: white;
}

.dLOGOAREA {
  background: white url('img/logoarea-bg.png') repeat-x;
  text-align: center;
  padding: 0;
  margin: 0;
}

.dMENU {
  border-top: 1px solid black;
  background: #201911 url('img/tm0.png') repeat-x;
}

.dCONT {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid black;
  background: white;
}

.dLEFT {
  margin: 10px 0px 10px 10px;
  width: 210px;
	float:left;
	text-align: left;
	font: normal 8pt Verdana;
	line-height: 18px;
}

.dMID {
  margin: 10px 5px 10px 10px;
  width: 740px;
	float: left;
	text-align: justify;
	font: normal 8pt Verdana;
	line-height: 18px;
}

.dFOOTER {
  clear: both;
  border-top: 1px solid black;
  background: #DBA044 url('img/footer-bg.jpg') no-repeat;
  height: 65px;
  text-align: center;
}

.dFOOTDATA {
  padding-top: 24px;
  font: normal 8pt Verdana;
  line-height: 18px;
  color: black;
}

.dKUCLEFT {
  border: 1px solid #CFCFCF;
  margin-bottom: 10px;
  padding: 5px;
}

.dPONUDA {
  border: 1px solid #CFCFCF;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dOBAVLEFT {
  border: 1px solid #CFCFCF;
  background: white url('img/obav-bg.jpg') no-repeat;
  padding: 10px;
  margin-bottom: 10px;
}

.dNSLV {
  border: 1px solid #313131; 
  color:white;
  background: #AC6106 url('img/nslv-bg.png') repeat-x;
  font:bold 8pt Verdana;
  margin-bottom:5px;
  padding:5px;
  text-align: justify;
}

.dNEWSLEFT {
  border: 1px solid #CFCFCF;
  background: white url('img/mailbox.jpg') no-repeat;
  background-position: bottom right;
  padding: 10px;
  margin-bottom: 10px;
}

#BODY { min-height: 500px; }

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

.sSS {
  background-color: yellow;
}

.sNASLEFT {
  font: bold 9pt Verdana;
  color: black;
  line-height: 25px;
}

.sNASPON {
  font: bold 9pt Verdana;
  color: black;
  line-height: 25px;
  display: block;
  margin-left: 5px;
}

.sNASLEFTRED {
  font: bold 9pt Verdana;
  color: #993300;
  line-height: 25px;
}

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

.sKOLCIJ {
  font: bold 8pt Verdana;
  color: #F28B13;
  line-height: 18px;
}

.sLOGOS img {
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 4px;
}


/*------------------------------------------------------------------------------- 
//  menus
//-----------------------------------------------------------------------------*/

.aMM {
  display: block;
  font: bold 9pt Verdana;
  background: #201911 url('img/tm0.png') repeat-x;
  color: white;
  text-decoration: none;
  padding: 7px 10px 10px 10px;
  border-right: 1px solid black;
}

.aMMA {
  display: block;
  font: bold 9pt Verdana;
  background: #593F1F url('img/tm1.png') repeat-x;
  color:#FBB044;
  text-decoration: none;
  padding: 7px 10px 10px 10px;
  border-right: 1px solid black;
}

.aMM:hover {
  background: #593F1F url('img/tm1.png') repeat-x;
  color:#FBB044;
}

.tabMM {
  background-color: white;
  border-left: 1px solid #CFCFCF;
  border-right: 1px solid #CFCFCF;
  border-bottom: 1px solid #CFCFCF;
}

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

.dropmenudiv{
  width: 300px;
  position:absolute;
  z-index:100;
  visibility: hidden;
}

.dropmenudiv a{
  text-decoration: none;
  color: #563D20;
  background-color: #FFFFFF;
  font: normal 8pt Verdana;
  line-height: 18px;
  display: block;
  padding: 2px 5px 2px 5px;
  text-align: left;
}

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

.dropmenudiv a:hover{
	color:#B66915;
	background-color: #F8F8F8;
} 

/*------------------------------------------------------------------------------- 
//  linkovi
//-----------------------------------------------------------------------------*/

.aKUPI {
  font: bold 9pt Verdana;
  color: #6B3C05;
  line-height: 18px;
  padding-left: 18px;
  background: transparent url('img/check0.png') no-repeat;
  text-decoration: none;
}

.aKUPI:hover {  
  background: transparent url('img/check1.png') no-repeat;
  color: #CC3300;
}

.aFTLNK {
  font: bold 8pt Verdana;
  color: black;
  text-decoration: none;
}

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

.aNEWSPRI {
  font: bold 10pt Verdana;
  line-height: 20px;
  padding-left: 25px;
  color: #6B3C05;
  background: transparent url('img/nl0.png') no-repeat;
  background-position: center left;
  text-decoration: none;
}

.aNEWSARH {
  font: bold 8pt Verdana;
  line-height: 20px;
  padding-left: 25px;
  color: #999999;
  background: transparent url('img/nl2.png') no-repeat;
  background-position: center left;
  text-decoration: none;
}

.aNEWSPRI:hover, .aNEWSARH:hover {
  color: #CC3300;
  background: transparent url('img/nl1.png') no-repeat;
  background-position: center left;
}

.aNEWSNAS {
  width: auto;
  font: bold 11pt Verdana;
  color: #CB7314;
  text-decoration: none;
  line-height: 20px;
  text-align: left;
}

.aNEWSNAS:hover {
  color: red;
  text-decoration: none;
}

.dNEWSDAT {
  font: normal 8pt Verdana;
  margin-top: 3px;
  margin-bottom: 3px;
  color: #6B3C05;
  white-space: nowrap;
}

.LINK {
  font: bold 8pt Verdana;
  color: #6B3C05;
  text-decoration: none;
  line-height: 20px;
  border-bottom: 1px solid red;
}

.LINK:hover {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid #6B3C05;
}

/* STARO */

.DvCen { 
  text-align: justify; 
  width: 380px; 
}

.NovNasDv {
  font: normal 8pt Verdana;
  text-align: left;
  color: #513A22;
  padding: 5px;
  line-height: 20px;
  border: 1px solid #FFF5E9;
  margin-bottom: 4px;
  border-left: 10px solid #A15C03;
  border-right: 10px solid #A15C03;
  border-bottom: 1px solid #A15C03;
  border-top: 1px solid #A15C03;
  background-color:#FFECD3;
}

.NovDv {
  font: normal 8pt Verdana;
  text-align: justify;
  color: #513A22;
  padding: 5px;
  margin-bottom: 4px;
  border-left: 10px solid #A15C03;
  border-right: 10px solid #A15C03;
  border-bottom: 1px solid #A15C03;
  border-top: 1px solid #A15C03;
  background-color:#FFF5E9;
  line-height: 18px;
}

.BoxDv {
  font: normal 8pt Verdana;
  text-align: justify;
  color: #22170B;
  padding: 5px;
  margin-bottom: 4px;
  border-left: 10px solid #CC0000;
  border-right: 10px solid #CC0000;
  border-bottom: 1px solid #CC0000;
  border-top: 1px solid #CC0000;
  background-color:#FEF4F4;
  line-height: 18px;
}

.PogDv {
  font: normal 8pt Verdana;
  text-align: justify;
  color: black;
  padding: 5px;
  margin-bottom: 4px;
  border-left: 10px solid #5D411E;
  border-right: 10px solid #5D411E;
  border-bottom: 1px solid #5D411E;
  border-top: 1px solid #5D411E;
  background-color:#FFECD3;
  line-height: 18px;
}

.dERROR {
  padding: 3px; 
  font: bold 10pt Verdana;
  color:white;
  background-color:red;
  text-align:center;
}

.pUVJ {
  text-align:justify;
  padding: 4px 0px 4px 20px;
  margin: 0;
}

/*------------------------------------------------------------------------------- 
//
//  OnLine shopping
//
//-----------------------------------------------------------------------------*/

.KosHead {
  font: bold 10pt Verdana;
  color: #704002;
  line-height: 20px;
  border-bottom: 2px solid #2D2D2D;
  padding: 8px;
}


.KosData {
  font: normal 8pt Verdana;
  color: #535353;
  line-height: 20px;
  padding: 8px;
  border-bottom: 1px solid #EBEBEB; 
}

.KosUku {
  font: normal 8pt Verdana;
  color: #704002;
  line-height: 20px;
  padding: 8px;
  border-top: 1px solid #666666;
  text-align:right;
}

.KosSve {
  font: normal 8pt Verdana;
  color: #704002;
  line-height: 20px;
  padding: 8px;
  border-top: 2px solid #2D2D2D;
  text-align:right;
}

.KosCij {
  color: #DE401B; 
  font-weight: bold;
}

.KosTxt {
  font: bold 10pt Verdana;
  color: #535353;
  text-align:right;
}

.KosNap {
  font: bold 8pt Verdana;
  color: #DE401B;
  text-align:center;
  padding: 3px;
  border-top: 1px solid #666666;
}

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

a.BoxNaslov {
  font: bold 8pt Verdana;
  color: #A20504;
  text-decoration: none;
  line-height: 20px;
  border-bottom: 1px solid red;
}

a.BoxNaslov:hover {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid #A20504;
}

a.PogNaslov {
  font: bold 8pt Verdana;
  color: #6B3C05;
  text-decoration: none;
  line-height: 20px;
}

a.BoxNaslov:hover {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid #A20504;
}

.vazno a.NovNaslov {
  font: bold 10pt Verdana;
  color: #6B3C05;
  text-decoration: none;
  line-height: 20px;
  border-bottom: 1px solid red;
  text-align: left;
}

a.NovNaslov {
  font: bold 8pt Verdana;
  color: #6B3C05;
  text-decoration: none;
  line-height: 20px;
  border-bottom: 1px solid red;
}

a.NovNaslov:hover, .vazno a.NovNaslov:hover {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid #6B3C05;
}

.MainLink {
  font: bold 8pt Verdana;
  color: #6B3C05;
  text-decoration: underline;
  padding: 2px;
  line-height: 20px;
}

.MainLink:hover {
  color: white;
  text-decoration: none;
  background-color: #6B3C05;
}

.COPYRIGHT-link {
  font: bold 7.5pt Verdana;
  color: #063678;
  text-decoration: none;
}

.COPYRIGHT-link:hover { border-bottom: 1px solid #48B3F3; }

.LNKNASLOV { 
  font: bold 11pt Verdana;
  color: #6B3C05;
  line-height: 20px;
  text-decoration:none;
  border-bottom: 1px solid red;
}

.LNKNASLOV:hover { 
  color: red;
  border-bottom: 1px solid #6B3C05;
}

.linkic {
  font: bold 12pt Verdana;
  color: #FE7D19; 
  text-decoration: none;
}
.linkic:hover{
  color: white; 
}

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

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

.dSEP {
    padding: 0px;
    height: 10px;
    max-height: 3px;
    font-size: 1px;
    border-bottom: 1px solid #E2E2E2;
    margin: 10px 0px 10px 0px;
    line-height: 1px;
    clear: both;
}




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

.SAMOTEKST { font: normal 8pt Verdana; }

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

.NAGLASENO {
  font: bold 10.5pt Verdana;
  color: #DC3C22;
  line-height: 20px;
}

.NASLOV { 
  font: bold 11pt Verdana;
  color: #704002;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: justify;
}

.TD-sivo {
  font: normal 9pt Verdana;
  color: #663C0A;
  line-height: 18px;
  background-color: #FFF0DF;
  text-align: right;
}

.TD-sadrzaj {
  font: normal 9pt Verdana;
  line-height: 18px;
  text-align: center;
  color: #513A22;
}

.TR-sivo {
  font: normal 9pt Verdana;
  color: #663C0A;
  line-height: 18px;
  background-color: #FFF0DF;
  text-align: center;
}

.Ver8Brw {
  font: normal 8pt Verdana;
  color: #663C0A;
  line-height: 18px;
}

.Ver8BBrw {
  font: bold 8pt Verdana;
  color: #663C0A;
  line-height: 18px;
}

/*------------------------------------------------------------------------------- 
//
//  Katalog
//
//-----------------------------------------------------------------------------*/

.tabKAT { 
  border-left: 1px solid #F1F1F1; 
  border-bottom: 1px solid #F1F1F1;
  border-top: 1px solid #F1F1F1;
  margin-top: -1px;
}

.KatTd {
  text-align: center;
  padding: 20px;
  border-right: 1px solid #F1F1F1;
}

.KatNaslov {
  font: bold 9pt Verdana;
  color: #704002;
  line-height: 22px;
}

.KatCij {
  font: normal 8pt Verdana;
  color: #F28B13;
}

.KatLink {
  font: bold 7.5pt Verdana;
  color: #6B3C05;
  text-decoration: underline;
  padding: 1px;
}

.KatLink:hover {
  color: white;
  text-decoration: none;
  background-color: #6B3C05;
}

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

.SLIKE-border {
  border: 1px solid #622307;
  margin-top: 5px;
  margin-bottom: 5px;
}

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

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

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

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

.FrmFields, .Field0 {
    font: bold 8pt Verdana;
    color: #713E02;
    padding: 2px;
    background-color: #FEF4E9;
    border: 1px solid #713E02;
}

.FrmFieldsFocus, .Field1 {
    font: bold 8pt Verdana;
    color: white;
    padding: 2px;
    background-color: #814704;
    border: 1px solid #713E02;
}

.FrmButton, .Button0 {
    font: bold 8pt Verdana;
    color: #713E02;
    background-color: #FEF4E9;
    border: 1px solid #713E02;
    padding: 3px 10px 3px 10px;
}

.FrmButtonOn, .Button1 {
    font: bold 8pt Verdana;
    color: white;
    background-color: #814704;
    border: 1px solid #713E02;
    padding: 3px 10px 3px 10px;
}

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

#dhtmltooltip {
    font: normal 8pt Verdana;
    color: black;
    position: absolute;
    border: 1px solid #CFCFCF;
    padding: 3px;
    visibility: hidden;
    z-index: 100;
    background-color: white;
}