@charset "windows-1251";

ul.mainmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: auto; 
	list-style: none;
	height: 22px;
	position:relative;
	z-index:10;
}

ul.mainmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; 
	display: inline;
	list-style: none;
	position: relative;
	height: 22px;
	z-index:11;
}

ul.mainmenu li.last {
	border-right: 1px solid #FFF;
}


ul.mainmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
}

ul.mainmenu ul:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul.mainmenu ul li {
	width: 170px;
	float: left; 
	display: block !important;
	display: inline; 
}


ul.mainmenu a,
ul.mainmenu a:visited,
ul.mainmenu li.active li a,
ul.mainmenu li.active li a:visited {
	border: 1px solid #FFF;
	border-top-color: #EEE;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0px 6px;
	float: none !important; 
	float: left; 
	display: block;
	background: #EEE url(../images/grey_grad.gif) repeat left top;
	color:#358CB5;
	font: bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration: none;
	height: auto !important;
	height: 1%; 
}


ul.mainmenu li:hover li a,
ul.mainmenu li.hover li a,
ul.mainmenu li.hover li a:visited {
	float:none;
	background: #DEDEDE url(../images/white_grad.gif) repeat left top;
	border-left-color: #CCC;
	/*border-top-color:#FFF;*/
}


ul.mainmenu a:hover,
ul.mainmenu li:hover li a:hover,
ul.mainmenu li.hover li a:hover,
ul.mainmenu li.active a,
ul.mainmenu li.active a:visited,
ul.mainmenu li.active li.active a,
ul.mainmenu li.active li.active  a:visited{
	background: #F5F5F5 url(../images/grey_grad.gif) repeat left top;
	/*color:#FFCC00;*/
	border-top-color:#FFF;
	color:#da251d;
	text-decoration: none;
}

ul.mainmenu a:hover,
ul.mainmenu li.active a:hover{
	background: #DEDEDE url(../images/grey_grad2.gif) repeat left top;
	/*border-top-color:#EEE;*/
}



ul.mainmenu ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 170px;
}

ul.mainmenu li:hover ul ul {
	display: none;
}

ul.mainmenu li:hover ul,
ul.mainmenu ul li:hover ul,
ul.mainmenu li.hover ul,
ul.mainmenu ul li.hover ul {
	display: block;
}



ul.mainmenu li.city {
	width:500px;
	text-align:right;
	position:absolute;
	right:0;
	z-index:10;
	background:none;
}

ul.mainmenu .city ul {
	width:500px;
}

ul.mainmenu .city li {
	width:169px;
	float:right;
}


ul.mainmenu .city a,
ul.mainmenu .city a:visited {
	border-right:0;	
	color:#333;
}

ul.mainmenu .city li a,
ul.mainmenu .city li a:visited, 
ul.mainmenu .city span {
	color:#358CB5;
	padding-left:2px;
}

ul.mainmenu .city a:hover span {
	color:#da251c;
}