/*######################################################################################

    Copyright (c) 2007-2024 NIT-MREZA D.O.O. All rights reserved.

    This work is the property of the company NIT-Mreza d.o.o. and may without express
    written permission not to be copied, modified, distributed or be published.

    Codename: Quantura
    Filename: %FILENAME%
    Last updated: %LAST_UPDATED%
    Description:

  ######################################################################################*/


#nav-icon {
	z-index:2;
	right: 0px;
	float: right;
	margin-left: auto; margin-right: auto;
}

#nav-icon h2 {
	font-family: 'Roboto', sans-serif;
 	font-size: 14px;
	font-weight: normal;
	display:block;
	white-space:nowrap;
	margin: 0;
	padding: 19px 13px 18px 13px;
	color:#EFEFEF;
}

#nav-icon ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#nav-icon li {
	position:relative;
}

#nav-icon li:hover{
	cursor:pointer;
	z-index:100;
	background-color: hsla(0, 0%, 50%, 0.4);
}





#nav-user {
	z-index:2;
	right: 0px;
	float: right;
	margin-left: auto; margin-right: auto;
}

#nav-user h2 {
	font-family: 'Roboto', sans-serif;
 	font-size: 14px;
	font-weight: normal;
	display:block;
	white-space:nowrap;
	margin: 0;
	padding: 19px 13px 18px 13px;
	color:#EFEFEF;
}


#nav-user a {
	font-weight: normal;
	display:block;
	border-left: 1px solid #eaecee;
	border-right: 1px solid #eaecee;
	background: #FFFFFF;
	width: 160px;
	white-space:nowrap;
	margin:0;
	padding: 12px 5px;
	float: left;
}

#nav-user a {
	font-family: 'Roboto', sans-serif;
 	font-size: 14px;
	padding-left: 7px;
	color: #000000;
	text-decoration:none;
}

#nav-user a:hover{
	background-color: #f1f1f1;	
}

#nav-user #block {
	border-top: 1px solid #eaecee;			
}

#nav-user ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#nav-user li {
	position:relative;
}

#nav-user .arrow {
	background: url(../site/menu_arrow_down.gif) no-repeat 97% center;
}

#nav-user ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	right: 0px;
	display:none;
	border-top: 1px solid #eaecee;				
	border-bottom: 1px solid #eaecee;		
	box-shadow: 2px 2px 10px grey;			
}

#nav-user ul ul ul {
	top:0;
	left:100%;
	border-top: 1px solid #eaecee;			
}

#nav-user ul#nav-first h2 {

}


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#nav-user li:hover h2{
	/*color: #baddf8;*/
	/*background-color: #eaecee;*/
}

div#nav-user li:hover{
	cursor:pointer;
	z-index:100;
	background-color: hsla(0, 0%, 50%, 0.4);
}

div#nav-user li:hover ul ul,
div#nav-user li li:hover ul ul,
div#nav-user li li li:hover ul ul,
div#nav-user li li li li:hover ul ul
{display:none;}

div#nav-user li:hover ul,
div#nav-user li li:hover ul,
div#nav-user li li li:hover ul,
div#nav-user li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#nav-user a.x {
	font-weight:normal;
	color:#000000;
	background: #FFFFFF url(../site/menu_arrow_right.gif) no-repeat 98% center;
}

#nav-user a.x:hover {
	/*border-bottom: 1px solid #86c3f2;*/
	background-color: #f1f1f1;
}

/* End CSS Popout Menu */