@charset "utf-8";

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	}
#nav {
	float: right;
	}
#nav a {
	display:block;
	padding:3px 10px;
	border-right:1px solid #ddd;
	text-decoration:none;
	background-color: #fff;
	}
#nav li.menu-last a {
	border-right:none;
	}
#nav li ul.submenu li a {
	border-right:1px solid #ddd;
	}

#nav li{
	float:left;
	position:relative;
	}

/* submenu */
#nav ul {
	position:absolute;
	display:none;
	width:12em;
	margin-top:0;
	border: 1px solid #f9f9f9;
	border-top: none;
	}
	#nav ul li {
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		background: transparent url('../images/fundalSubmeniu.png') repeat;
		}
	#nav ul li a {
		display:block;
		text-decoration:none;
		font-size: 12px;
		font-weight: normal;
		color: #333;
		border-left: 3px solid #fff;
		background: none;
		}
	#nav ul li a:hover{
		background: none;
		background-color:#EE3E26;
		color:#fff;
		border-left: 3px solid #EF9286;
		}

		#nav ul.submenu li.menu-expand {
			background: transparent url('../images/fundalSubmeniu.png') repeat;
			}
		#nav ul.submenu li.menu-expand a {
			background: transparent url('../images/menuIndicator.png') 12em 13px no-repeat;
			}
		#nav li.menu-expand ul.submenu li.menu-expand a:hover {
			background: #EE3E26 url('../images/menuIndicator_h.png') 12em 13px no-repeat;
			}
		#nav li.menu-expand ul.submenu li.menu-expand ul.submenu a,
		#nav  li.menu-expand ul.submenu li.menu-expand ul.submenu a:link,
		#nav  li.menu-expand ul.submenu li.menu-expand ul.submenu a:visited {
			width: 186px;
			background: none;
			}
		#nav  li.menu-expand ul.submenu li.menu-expand ul.submenu a:hover {
			background: #EE3E26 none;
			}

#nav li ul a{
	width:12em;
	height:auto;
	float:left;
	}

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
	left:12em;
	margin:0 0 10px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
	}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
	}


/* Caseta login */
#header #casetaLogin {
	margin: 0 0 15px 570px;
	padding-top: 5px;
	white-space: nowrap;
	width: 400px;
	text-align: right;
	}