/* Accordion Menu powered by www.menucool.com */

/* ##### Top level items #####*/

#idodmenija 
{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    Usually a fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
    height: auto;
    width: 200px;
}


#idodmenija ul.top
{
	padding-left:0;
    background:white;
/*    border:1px solid #D2D8DE;*/
    border-top:1px solid #dc2136;
    border-right:1px solid #dc2136;
    border-bottom:1px solid #dc2136;	
}

#idodmenija div.heading, #idodmenija a.link
{
    padding:8px; padding-left:18px;
    text-align:left;
    background: url(bg.gif) no-repeat right bottom;
    font:normal 13px Arial;
    color:Black; 
    text-decoration:none;
    outline:none;
}

#idodmenija div.current, #idodmenija div:hover, #idodmenija a.link:hover, #idodmenija div.current a.link
{
    color:#333;
    font-weight:normal;
    text-decoration:none;
    background: url(bg-2.gif) no-repeat right bottom;

}

/* arrow image for the top headings */
#idodmenija div.arrowImage {
    width:12px;
    height:12px;
    top:9px;
    right:2px; /* Changing it to "left:2px;" will position the arrow image to the left */
/*    background-image:url(arrows.gif);*/
    background-position:0 0;
}

#idodmenija div.current div.arrowImage {
    background-position:0 -12px;
}

#idodmenija li.separator
{
/*    border-top:1px solid #D2D8DE;*//*1*/
    border-top:1px solid #ab0b0b;	
    border-bottom:none; 
}


/* ##### Sub level items #####*/
#idodmenija ul.sub
{
	padding-left:14px; /*This determines the hierarchical offset*/ 
}

#idodmenija ul.sub div.heading
{
    text-align:left;
    font:normal 12px Arial;
    padding:5px; padding-left:20px;
    color:Black;
    background:none; 
}
#idodmenija ul.sub div.heading a
{
    color:Black;
}

#idodmenija ul.sub div.current
{
    color:Black;
    background:none; 
}

#idodmenija ul.sub a.link
{
    font:normal 12px Arial;
    color:#333;
    padding:5px; padding-left:20px;
    text-decoration:none;
    background:none; 
}

#idodmenija ul.sub a.link:hover, #idodmenija ul.sub a.current, #idodmenija ul.sub div.heading a:hover, #idodmenija ul.sub div.heading a.current
{
    color: #8d0105;
    text-decoration:underline;
    background:none; 
}


#idodmenija ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    right:4px;
    background-image:url(arrows.gif);
    background-position:0 -24px;
}
#idodmenija ul.sub div.current div.arrowImage {
    background-position:0 -36px;
}


/*moje*/
*#idodmenija ul.sub li
{
	padding-left:0px;  
}

#idodmenija ul.sub li div.heading
{
    text-align:left;
    font:normal 12px Arial;
    padding: 5px 20px 5px 17px;
    color:Black;
    background:none; 
}
#idodmenija ul.sub li div.heading a
{
    color:Black;
}

#idodmenija ul.sub li div.current
{
    color:Black;
    background:none; 
}

#idodmenija ul.sub li a.link
{
    font:normal 12px Arial;
    color:#000000;
    padding: 5px 20px 5px 17px;
    text-decoration:none;
    background:none; 
}

#idodmenija ul.sub li a.link:hover, #idodmenija ul.sub li a.current, #idodmenija ul.sub li div.heading a:hover, #idodmenija ul.sub li div.heading a.current
{
    color: #dc2136;
    text-decoration:underline;
    background:none; 
}


#idodmenija ul.sub li div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    right:4px;
    background-image:url(arrows.gif);
    background-position:0 -24px;
}
#idodmenija ul.sub li div.current div.arrowImage {
    background-position:0 -36px;
}






#idodmenija ul.sub li ul
{
	padding-left:10px;  
}

#idodmenija ul.sub li ul div.heading
{
    text-align:left;
    font:normal 11px Arial;
    padding: 5px 20px 5px 17px;
    color:#333333;
    background:none; 
}
#idodmenija ul.sub li ul div.heading a
{
    color: #333333;
}

#idodmenija ul.sub li ul div.current
{
    color:Black;
    background:none; 
}

#idodmenija ul.sub li ul a.link
{
    font:normal 11px Arial;
    color:#333333;
    padding: 5px 20px 5px 17px;
    text-decoration:none;
    background:none; 
}

#idodmenija ul.sub li ul a.link:hover, #idodmenija ul.sub li ul a.current, #idodmenija ul.sub li ul div.heading a:hover, #idodmenija ul.sub li ul div.heading a.current
{
    color: #dc2136;
    text-decoration:underline;
    background:none; 
}


#idodmenija ul.sub li ul div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    right:4px;
    background-image:url(arrows_manji.gif);
    background-position:0 -24px;
}
#idodmenija ul.sub li ul div.current div.arrowImage {
    background-position:0 -36px;
}




/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#idodmenija,  #idodmenija ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
#idodmenija li {font-size:12px; line-height:16px;}
#idodmenija:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
#idodmenija ul, #idodmenija li, #idodmenija div.heading, #idodmenija a.smLink, #idodmenija div.description {*zoom:1;}
#idodmenija li {*float:left;*width:100%;}

#idodmenija ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;padding-left:10px;
}
#idodmenija>ul{visibility: hidden;}
#idodmenija li {padding:0;margin:0;}

#idodmenija div.heading, #idodmenija div.current
{
	position:relative;
    cursor: pointer;
}
#idodmenija div.arrowImage {position:absolute; overflow:hidden;}