﻿/*---- CROSS BROWSER DROPDOWN MENU ----*/

.trMenu
{
	border: solid 1px transparent;
	height: 40px;
	display: table;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

ul#nav , ul#nav > li, ul#nav > li a
{
	font-family: Nassim,b koodak, Tahoma, Arial;
}
ul#nav , ul#nav > li, ul#nav > li a
{
	font-size: 16pt;
	display: inline-block;
	line-height: 40px;
}


ul#nav > li {
	border-top: 2px solid transparent;
	padding: 5px 20px;
	transition: border 1s ease, background .5s ease;
}

ul#nav li ul, ul#nav li ul li , ul#nav li ul li a{
	font-size: 14pt;
	line-height: 30pt;
}

ul#nav li ul li {
	border-bottom: solid 2px transparent;
	transition:  border 1s ease, background .5s ease;
}

ul#nav > li:hover {
	border-top: 2px solid #fff;
}

ul#nav li ul li:hover {
	border-bottom: solid 2px #fff;
}



ul.drop a
{
	display: block;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgb(18, 18, 18);
	font-weight: normal;
	text-decoration: none;
}

ul.drop, ul.drop li, ul.drop ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0px solid #fff;
	background: transparent;
	color: #ffffff;
	/*text-align: right;*/
}

ul.drop
{
	position: relative;
	z-index: 1;
	float: none;
	/*direction: rtl;
	text-align: center;*/
	
}

ul.drop li
{
	font-weight: normal;
	/* 	font-size: 13pt; */
	/*float: right;*/
	/*float: right;*/
	/*line-height: 1.3em;*/
	/*font-family: b koodak, Tahoma, Arial;*/
	text-shadow: 1px 1px 1px rgb(18, 18, 18);
	vertical-align: middle;
	padding: 5px 10px;
}

ul.drop li.hover, ul.drop li:hover
{
	position: relative;
	z-index: 3;
	cursor: default;
}

ul.drop ul
{
	visibility: hidden;
	position: absolute;
	top: 100%;
	z-index: 2;
	width: auto;
	min-width: 150px;
	opacity: 0;
	filter:alpha(opacity=0);
	
	transition: opacity 1.2s;
	*opacity: 1;
	*filter:alpha(opacity=100);
}

ul.drop ul li
{
	font-size: 11pt;
	float: none;
}

ul.drop ul ul
{
	font-size: 13pt;
	top: -2px;
	/*right: 100%;*/
	/*right: 100%;*/
}

ul.drop li:hover > ul
{
	visibility: visible;
	opacity: 1;
	filter:alpha(opacity=100);
}

.NavigationMenuTxt
{
	/*font-family: Tahoma;
	font-size: 13pt;*/
}

ul.drop li.customDiv li.hover, ul.drop li.customDiv li:hover {
	background: inherit;
}