@media screen {
	/* ----- mainMenu */
		.mainMenu {
			position: absolute;
			z-index: 100;
			right: 20px;
			bottom: 10px;
		}
		.mainMenu ul {
			margin: 0; padding: 0; 
			list-style-type: 0;
		}
		.mainMenu ul li {
			display: block; 
			float: left;
			text-align:center;
			margin: 0 2px 0 0;
		}
		.mainMenu ul li a {
			color: #fff;
			display: block;
			width: 67px;
			background: url(/files/img/images/menulist.png) 0 0 no-repeat;
			padding: 5px 7px 4px 7px;
			text-decoration: none;
			font-size: 90%;
			font-weight: bold;
		}
		
		.mainMenu ul li a:hover {
			color: #fff;
			display: block;
			width: 67px;
			background: url(/files/img/images/menulist_act.png) 0 0 no-repeat;
			padding: 5px 7px 4px 7px;
			text-decoration: underline;
			font-size: 90%;
			font-weight: bold;
		}		
		
		.mainMenu ul li.act a {
			background: url(/files/img/images/menulist_act.png) 0 0 no-repeat;
			text-decoration: underline;
		}
		
		.mainMenu ul li ul {
			display: none;
		}
		li     {behavior: url(/files/css/hover.htc);}
		.mainMenu ul li:hover ul,
		.mainMenu ul li.hover ul{
			display: block;
			position: absolute;
			z-index: 300;
			background-color: #93DC10;
			padding: 4px 0;
		}
		.mainMenu ul li ul li  {
			position: relative;
			display: block;
			float: none;
			text-align: left;
			border: 1px solid #93DC10;
		}
		.mainMenu ul li ul li a {
			background-image: none !important;
			padding: 3px 20px 3px 10px !important;
			display: block !important;
			position: relative;
			width: auto !important;
			text-decoration: none  !important;
		}
		.mainMenu ul li ul li a:hover {
			color: #195056;
		}
		.mainMenu ul li ul li.act a {
			text-decoration: underline !important;
			font-weight: bold;
		}
	/* end. mainMenu*/

}