#menu {

	background: transparent;
	float: right;
	width: auto;
	padding-top: 20px;
	border: 0px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	float: left;
}

/*drugi deo*/
#menu a, #menu h2 {
	font: 11px Tahoma, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;

}

#menu h2 {

		float:left;
      background:url("tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
		font-weight: bold;
		
}
#menu h2 a {
		font-weight: bold;
  		float:left;
      display:block;
      background:url("tabrightB.gif") no-repeat right top;
   	padding: 6px 13px 5px 6px;
      color:#1B3479;
		
}
#menu h2:hover {
 		 background-position:0% -42px;
}
#menu h2 a:hover {
		 background-position:100% -42px;
      color:#46869B;
		text-decoration: none;
}

#menu a {
color: #000;
}

#menu a:hover {
color: White;
text-decoration: none;
}	
	
/* treci deo */

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;

}
#menu ul ul li {
	background-color: #F8FAFC;
	border-bottom: 1px solid #00008B;
	padding: 2px 5px 2px 6px;
	
}
#menu ul ul li:hover {
	background-color: #45678D;
	border-bottom: 1px solid #F4F6FF;
	
}
/*cetvrti*/

#menu ul ul {
min-width: 120px;
width: 100%;
top: 21px;
left: auto;
position: absolute;
z-index: 500;
}
/**/
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}





	/*- Menu Tabs B--------------------------- */

    #tabsB {
      float:left;
      width:100%;
      background: transparent;
      font-size:93%;
      line-height:normal;
		
      }
    #tabsB ul {
        margin:0;
        padding:22px 0px 0 0px;
        list-style:none;
		  float: right;

		 		  
		
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
		
      }
    #tabsB a {
      float:left;
      background:url("tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
		font-weight: bold;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

        #tabsB #current a {
                background-position:0% -42px;
        }
        #tabsB #current a span {
                background-position:100% -42px;
        }
		  
		  

#tabsB li {position: relative;}


#tabsB ul ul ul {
position: absolute;
top: 0;
left: 10%;
}



#tabsB ul ul {
float: left;
background-color: Blue;
position: relative;
z-index: 500;

}
#tabsB ul ul li {
background-color: Red;
width: 100px;
display: block;
}




div#tabsB ul ul {
display: none;
}
div#tabsB ul li:hover ul
{display: block;}

div#tabsB ul ul,
div#tabsB ul li:hover ul ul,
div#tabsB ul ul li:hover ul ul
{display: none;}

div#tabsB ul li:hover ul,
div#tabsB ul ul li:hover ul,
div#tabsB ul ul ul li:hover ul
{display: block;}