/* XXX Menu Style Sheet */

/**********************************************
     Tu spreminjam podobo glavnega menija 
***********************************************/
/* TABELA */
table.XXXMenu
{
	/*	background-image: url(/img/bg-semitrans.png);
*/	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464648;
	text-decoration: none;
	padding:	0px;
	/*white-space:	nowrap;*/
	cursor:		default;
	height: 15px;
	font-weight: bold;
}

/*--------------------------------- 
GLAVNI MENI, NAVPICNI!!! 
-----------------------------------*/
tr.XXXMainItem
{
	border:		0;
	cursor:		default;
	white-space:	nowrap;
	background-color:	#FFFFFF;
	color: #000000;
	width: 157px;
	height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

tr.XXXMainItemHover,
tr.XXXMainItemActive
{
	border:		0;
	padding: 0px;
	cursor:		hand;
	white-space:	nowrap;
	background-color:	#FFFFFF;
	color: #38A8ED;
	width: 157px;
	height: 24px;
}

/*  To velja za LEVE celice */
tr.XXXMainItem td.XXXMainFolderLeft,
tr.XXXMainItem td.XXXMainItemLeft
{
	border:		0;
	padding: 0px;
	white-space:	nowrap;
	background-color:	inherit;
	width: 12px;
	background-image: url(../images/menu_left.gif);
	background-repeat: repeat-y;
	background-position: left center;
}

tr.XXXMainItemHover td.XXXMainFolderLeft,
tr.XXXMainItemHover td.XXXMainItemLeft,
tr.XXXMainItemActive td.XXXMainFolderLeft,
tr.XXXMainItemActive td.XXXMainItemLeft
{
	
	border:		0;
	padding: 0px;
	/*white-space:	nowrap;*/
	background-color:	inherit;
	width: 12px;
	background-image: url(../images/menu_left_hover.gif);
	background-repeat: repeat-y;
	background-position: left center;
}

/*  To velja za SREDNJE celice */
tr.XXXMainItem td.XXXMainFolderText,
tr.XXXMainItem td.XXXMainItemText
{
	border:		0;
	padding: 6px 0px 6px 5px;
	background-color:	inherit;
	width: 125px;
	background-image: url(../images/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
tr.XXXMainItemHover td.XXXMainFolderText,
tr.XXXMainItemHover td.XXXMainItemText,
tr.XXXMainItemActive td.XXXMainFolderText,
tr.XXXMainItemActive td.XXXMainItemText
{
	border:		0;
	padding: 6px 0px 6px 5px;
	background-color:	inherit;
	width: 125px;
	background-image: url(../images/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*  To velja za DESNE celice */
tr.XXXMainItem td.XXXMainItemRight,
tr.XXXMainItem td.XXXMainFolderRight,
tr.XXXMainActive td.XXXMainItemRight,
tr.XXXMainActive td.XXXMainFolderRight
{
	border:		0;
	padding: 0px;
	background-color:	inherit;
	width: 20px;
	background-image: url(../images/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
tr.XXXMainItemHover td.XXXMainItemRight,
tr.XXXMainItemHover td.XXXMainFolderRight
{
	border:		0;
	padding: 0px;
	background-color:	inherit;
	width: 20px;
	background-image: url(../images/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*--------------------------------- 
GLAVNI MENI, VODORAVNI!!! 
-----------------------------------*/
/*celica v tabeli vodoravni del menija */
td.XXXMainItem
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464648;
	text-decoration: none;
	padding-right: 15px;
	font-weight: bold;
	width:111px;
	height:34px;
	text-align:center;
	
	/*	cursor:		default;
	
	white-space:	nowrap;
	border:		0;
*/	
}
td.XXXMainItemHover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	cursor:		pointer;
	text-decoration: none;
	padding-right: 15px;
	font-weight: bold;
	width:111px;
	height:34px;
	background-image: url(js-main-menu-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align:center;
	
	/*	cursor:		default;
	white-space:	nowrap;
	padding:	3px 30px 3px 3px;
	border:		0;
	font-weight: bold;
	background-color: #98CBFF;
*/
}
td.XXXMainItemActive
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	cursor:		pointer;
	text-decoration: none;
	padding-right: 15px;
	font-weight: bold;
	width:111px;
	height:34px;
	background-image: url(js-main-menu-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align:center;
/*	
	cursor:		default;
	white-space:	nowrap;
	padding:	3px 30px 3px 3px;
	border:		0;
	font-weight: bold;
	background-color: #98CBFF;
*/
}
span.XXXMainItemLeft,
span.XXXMainItemText,
span.XXXMainItemRight,
span.XXXMainFolderLeft,
span.XXXMainFolderText,
span.XXXMainFolderRight
{
	background-color:	inherit;
}

/*--------------------------------- 
Podmeni!!! 
-----------------------------------*/
/*
<div id="cmSubMenuID1" class="XXXSubMenu" style="top: 175px; left: 417px; visibility: hidden;">
  <table class="XXXSubMenuTable" cellspacing="0" summary="sub menu">
    <tbody>
      <tr class="XXXMenuItem" 
	    onmouseup="cmItemMouseUp (this,1)" 
		onmouseout="cmItemMouseOut (this,500)" 
		onmousedown="cmItemMouseDown (this,1)" 
		onmouseover="cmItemMouseOverOpenSub (this,'XXX',0,null,'vbr',1)">
		<td class="XXXMenuItemLeft"/>
		<td class="XXXMenuItemText">O nas</td>
		<td class="XXXMenuItemRight"/>
	  </tr>
*/
/*Glava in noga*/
.XXXsubMenuTop
{
	background-image: url(js-sub-menu-top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 9px;
	width: 175px;/*	background-image: url(../images/menu_l_corner.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
}
.XXXsubMenuBottom
{
	background-image: url(js-sub-menu-bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 9px;
	width: 175px;/*	background-image: url(../images/menu_r_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
}

div.XXXSubMenu
{
	position:	absolute;
	visibility:	hidden;
	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	padding:	0px;
	overflow:	visible;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}


.XXXSubMenuTable
{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:	12px;
	padding:	1;
	/*white-space:	nowrap;*/
	cursor:		default;
	width: 175px;
	overflow:	visible;
	color: #ffffff;
}


.XXXMenuItem
{
	border:		0;
	cursor:		pointer;
	/*white-space:	nowrap;*/
	/*background-image: url(js-sub-menu-bg.png);
	background-repeat: repeat-y;
	background-position: center center;*/
	width: 175px;
}

.XXXMenuItemHover,
.XXXMenuItemActive
{
	border:		0;
	cursor:		pointer;
	/*white-space:	nowrap;
	background-color:	#98CBFF;*/
	color: #464648;
	text-decoration: underline;
	/*background-image: url(js-sub-menu-bg.png);
	background-repeat: repeat;
	background-position: center center;*/
	width: 175px;
	background-color: #f7941d;
}

.XXXMenuFolderLeft,
.XXXMenuItemLeft
{
	border:		0;
	width: 10px;
	margin: 0px;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 0;
	
	background-image: url(js-sub-menu-bg.png);
	background-repeat: repeat;
	background-position: center center;
	/*background-color:	inherit;
	white-space:	nowrap;
	*/
	
}

.XXXMenuFolderText,
.XXXMenuItemText
{
	border:		0;
	margin: 0px;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 0;
	width: 155px;
	background-image: url(js-sub-menu-bg.png);
	background-repeat: repeat;
	background-position: center center;
	/*background-color:	inherit;
	white-space:	nowrap;*/
}

.XXXMenuFolderRight,
.XXXMenuItemRight
{
	border:		0;
	margin: 0px;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 0;
	width: 10px;
	background-image: url(js-sub-menu-bg.png);
	background-repeat: repeat;
	background-position: center center;
	/*background-color:	inherit;
	white-space:	nowrap;*/
}




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

.XXXMenuSplit
{
	margin:		0px;
	height:		11px;
	overflow:	hidden;
	background-color:	inherit;
	background-image: url(js-sub-menu-spliter.png);
	background-repeat: repeat-y;
	background-position: center center;
	width: 175px;
}


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














/* Barve ozadja!!! */
/* Normalno! */
/*.xyzMainItem
{
	background-color:	#FFFFFF;
}*/
/* HOVER! */
/*je že.xyzMainItemHover, 
.xyzMainItemActive 
{
	background-color:	#FFFFFF;
	color: #0099FF;
}
*/



/* horizontal main menu */

/*.xyzMainItem
{
	padding:	1px;
	border:		0;
}*/

/*je že
td.xyzMainItemHover,  
td.xyzMainItemActive 
{
	padding:	0px;
	border:		1px solid #3169C6;
}
*/

/* vertical main menu sub components */





/* sub menu sub components */








/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.xyzMenuItem img.seq1
{
	display:	inline;
}

.xyzMenuItemHover seq2,
.xyzMenuItemActive seq2
{
	display:	inline;
}

.xyzMenuItem .seq2,
.xyzMenuItemHover .seq1,
.xyzMenuItemActive .seq1
{
	display:	none;
}