/*
################
Dropdown meni
###############
*/


/*GLAVNI  UL holder */
#mainNav{	
	margin: 2px 0px 0px 0px;
	padding: 0;
	z-index: 30
}


#mainNav li{
	margin: 0 1px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 12px "Trebuchet MS",sans-serif;
	background: #272727;
}

/* Glavni element */
#mainNav li a {	
    display: block;
	margin: 0 1px 0 1px;
	padding: 5px 6px 8px 6px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-left:solid 1px #272727;
	border-right:solid 1px #272727;
	border-top:solid 1px #272727;
	

}

/* Glavni element hover */
#mainNav li a:hover{	
    background: #f1f1f1;
    color:#313131;
   
    padding: 5px 6px 8px 6px;
    border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-top:solid 1px #000;

}

/* Shatro glavni hover 
    sluzi da glavni element ostane aktivan kad se ode
    misem na dropdown   

*/
.shatroHover{	
    background: #f1f1f1;
    /*boja mora u JS da se podesi   :( */
    border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-top:solid 1px #000;

}

/* Dropdown hodler div */
#mainNav div{	
    position: absolute;
	visibility: hidden;
	margin: 0 0 0 1px;
	padding: 0;
	background: #EAEBD8;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	z-index: 999;
}

/* Dropdown element */
#mainNav div a{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 40px 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #dfdfdf;
	color:#313131;
	border-bottom:solid 1px #d0d0d0;
	border-top:solid 1px #ececec;
	border-left:none;
	border-right:none;
	z-index: 999;
}

/* Dropdown element hover*/
#mainNav div a:hover{	
    background: #efefef;
	color: #313131;
	margin: 0;
	padding: 5px 40px 5px 10px;
	border-bottom:solid 1px #d0d0d0;
	border-top:solid 1px #ececec;
	border-left:none;
	border-right:none;
	z-index: 999;
}