@CHARSET "UTF-8";
ul.menu{
    margin:11px 0 0 7px;
    padding:0;
    list-style:none;
}
ul.menu li a.menus,a.last{
    display:block;
    overflow:hidden;
    width:225px;
    height:38px;
    margin:-5px 0 0 0;
    background:url(/web/i/bg-menu-sprite.png) no-repeat;
}
ul.menu li a.menus span{
    display:block;
    overflow:hidden;
    width:168px;
    height:18px;
    margin:10px 0 0 45px;
    text-indent:-9999px;
}

ul.menu li a.last span{
    cursor: pointer;
    margin:10px 0 0 45px;
}

/* ================= */
ul.menu li:hover a.last span, ul.menu li a.last.active span{
    margin:20px 0 0 52px;
}
	
ul.menu li:hover a.menus span, ul.menu li a.menus.active span{
    margin:20px 0 0 52px;
}
ul.menu li:hover a.menus, ul.menu li a.menus.active{
    width:228px;
    height:56px;
    margin:-15px 0 -13px -7px;
    background:url(/web/i/bg-menu-sprite.png) no-repeat 0px -39px;
}
ul.menu li:hover a.last, ul.menu li a.last.active{
    width:228px;
    height:56px;
    margin:-15px 0 -8px -7px;
    background:url(/web/i/bg-menu-sprite.png) no-repeat 0px -39px;
}
/* ================= */
ul.menu:hover li a.active {
	display:block;
    overflow:hidden;
    width:225px;
    height:38px;
    margin:-5px 0 0 0;
    background:url(/web/i/bg-menu-sprite.png) no-repeat;
}

ul.menu:hover li a.menus.active span{
    display:block;
    overflow:hidden;
    width:168px;
    height:18px;
    margin:10px 0 0 45px;
    text-indent:-9999px;
}


ul.menu:hover li a.last.active span{
    cursor: pointer;
    margin:10px 0 0 45px;
}

/* ================= */
ul.menu li a.last.active:hover span{
    margin:20px 0 0 52px;
}
	
ul.menu li a.menus.active:hover span{
    margin:20px 0 0 52px;
}
ul.menu li a.menus.active:hover{
    width:228px;
    height:56px;
    margin:-15px 0 -13px -7px;
    background:url(/web/i/bg-menu-sprite.png) no-repeat 0px -39px;
}
ul.menu li a.last.active:hover{
   width:228px;
    height:56px;
    margin:-15px 0 -8px -7px;
    background:url(/web/i/bg-menu-sprite.png) no-repeat 0px -39px;
}

/* ================= */
ul.menu li:hover .popup {
	margin:-23px 0 0 0;
	display: table;
	//display: block;
	position: absolute;
	z-index: 10;
}
ul.menu li:hover .popup {
	margin:-28px 0 0 0;
	display: table;
	//display: block;
	position: absolute;
	z-index: 10;
}	
ul.menu li .popup {
	display: none;
	position:absolute;
	margin:-28px 0 0 0;
	left:220px;
	border-collapse: collapse;
	border-spacing: 0px;
	z-index: 10;
}
ul.menu li .popup td {
	height: 20px;
    //height: 18px;
    padding: 2px 0px 0px 4px;	
}	
ul.menu li .popup td.bg-left {
	width: 12px;
	background:url(/web/i/popup-cl.png) repeat-y 1px 0px;
}
ul.menu li .popup tr.first td.bg-left {
    background:url(/web/i/popup-tl.png) no-repeat top right;
}
ul.menu li .popup tr.last td.bg-left {
    background:url(/web/i/popup-bl.png) no-repeat bottom right;
}
ul.menu li .popup td.bg-center {
    background:url(/web/i/popup-bg.png) repeat;
}
ul.menu li .popup tr.first td.bg-center {
    background:url(/web/i/popup-tc.png) repeat-x top left;
}
ul.menu li .popup tr.last td.bg-center {
    background:url(/web/i/popup-bc.png) repeat-x bottom left;
}
ul.menu li .popup tr.last td {
    height: 5px;
}	
ul.menu li .popup td.bg-right {
    width: 12px;
    background:url(/web/i/popup-cr.png) repeat-y top left;
}
ul.menu li .popup tr.first td.bg-right {
	background:url(/web/i/popup-tr.png) no-repeat top left;
}
ul.menu li .popup tr.last td.bg-right {
    background:url(/web/i/popup-br.png) no-repeat bottom left;
}
	
	

ul.menu li .popup td a {
    background:transparent url(/web/i/popup-bg_.png) repeat left top;
    color:#97388f;
    font:bold 11px/12px Arial, sans-serif;
    text-decoration:none;
}
/* ================= */


ul.menu li div.okno-top{
    position:absolute;
    left:190px;
    width:100px;
    margin:-28px 0 0 0;
}
ul.menu li:hover div.okno-top{
    display:block;
}
ul.menu li div.okno-top div.okno-bottom{
    display:block;
    padding:0 0 14px 0;
    background:url(/web/i/bg-okno-bottom.png) no-repeat 100% 100%;
}
ul.okno{
    margin:0;
    padding:0;
    width:100px;
    list-style:none;
}
ul.okno li.first{
    display:block;
    padding:2px 0 4px 0;
    background:url(/web/i/bg-okno.png) no-repeat 100% 0;
}
ul.okno li{
    display:block;
    background:url(/web/i/bg.png) repeat-y 100% 0;
    height:11px;
    padding:0 0 5px 0;
    margin:0;
}
ul.okno li a{
    margin:0 0 0 30px;
    color:#97388f;
    font:bold 11px/12px Arial, sans-serif;
    text-decoration:none;
}
ul.okno li a:hover{
    text-decoration:underline;
}