/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#main_navigation{
	float:left;
	margin-left:80px;
	margin-top:15px;
	width:730px;
	height:60px;

}

#nav {
    padding:0;
    margin:0;
    list-style:none;
    height:60px;
    position:relative;
    z-index:500;
}

#nav li.top{
    display:block;
    float:left;
    height:40px;
    cursor:default;
	margin-right:0px;
}

#nav li a.top_link{
    display:block;
    float:left;
    line-height:40px;
    color:#000;
    text-decoration:none;
    font-size:12px;
    cursor:default;
	/*background:#9d9d9d;*/
}

#nav li a.top_link span {
    float:left;
    display:block;
    height:40px;
	margin-right: 2px;
	display: inline;
}

#nav li a.top_link span.down{
    float:left;
    height:40px;
	font-size:12px;
	font-weight:normal;
    display:inline;
	line-height:40px;
	/*padding-left:20px;
	padding-right:20px;*/
	display: inline;
	margin-top: 15px;
	text-align:center;
}

#nav li a.top_link span.down_ena{
		width:134px;
}

#nav li a.top_link span.down_dva{
		width:191px;
}

#nav li a.top_link span.down_tri{
		width:147px;
}

#nav li a.top_link span.down_stiri{
		width:131px;
}

#nav li a.top_link span.down_pet{
		width:80px;
}


#nav li a.top_link span.active {
    /*background:#008fae;*/
    color:#ffffff;
}

#nav li a.top_link span.active_ena{
	background: url('../images/menu_active1.gif') no-repeat;
	color: #fff;
	width:134px;

}

#nav li a.top_link span.active_dva{
	background: url('../images/menu_active2.gif') no-repeat;
	color: #fff;
	width:191px;
}


#nav li a.top_link span.active_tri{
	background: url('../images/menu_active3.gif') no-repeat;
	color: #fff;
	width:147px;
}


#nav li a.top_link span.active_stiri{
	background: url('../images/menu_active4.gif') no-repeat;
	color: #fff;
	width:131px;
}


#nav li a.top_link span.active_pet{
	background: url('../images/menu_active5.gif') no-repeat;
	color: #fff;
	width:80px;
}


#nav li a.top_link span.last {
    padding-right:23px;
}

.no_dropdown{
    cursor:pointer;
}



/*----------------HOVER -----------*/

#nav li:hover a.top_link span.down {
/*    background:#008fae;*/
    color:#ffffff;
}

#nav li:hover a.top_link span.down_ena{
	background: url('../images/menu_active1.gif') no-repeat;
}

#nav li:hover a.top_link span.down_dva{
	background: url('../images/menu_active2.gif') no-repeat;
	
}


#nav li:hover a.top_link span.down_tri{
	background: url('../images/menu_active3.gif') no-repeat;
}


#nav li:hover a.top_link span.down_stiri{
	background: url('../images/menu_active4.gif') no-repeat;
}


#nav li:hover a.top_link span.down_pet{
	background: url('../images/menu_active5.gif') no-repeat;
}



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

/* Default list styling */

#nav li:hover{
    position:relative;
    z-index:200;
}



/*-----------izjema za ie -----------*/








/*-----------------------------------*/
#nav li:hover ul.sub{
    left:0px;
    top:55px;
    background: #e2e2e2;
	border-top:none;
    width:100%;
    height:auto;
    z-index:300;
}



#nav li:hover ul.sub_about{
    width:135px;
	text-align: left;
}

#nav li:hover ul.sub_razvoj{
    width:180px;
	text-align: left;
}

#nav li:hover ul.sub_ostali{
    width:90px;
	text-align: left;
}



#nav li:hover ul.sub li{
    display:block;
    height:25px;
    position:relative;
    float:left;
    width:100%;
    font-weight:normal;
}

#nav li:hover ul.sub li a{
    padding-right:2px;
	padding-left:3px;
    display:block;
    font-size:12px;
    height:25px;
    width:auto;
    line-height:24px;
    text-indent:3px;
    color:#000;
    text-decoration:none;
}

#nav li:hover ul.sub .last_a{
	padding-bottom:5px;
}

#nav li:hover ul.sub li a:hover {
    background:#1b8e97;
    color:#fff;    
}


#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul{
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:0;
    height:0;
    margin:0;
    padding:0;
    list-style:none;
}

.margin_top_span{
	margin-top:15px;	
}