/************** структура шаблона *****************
* id=menu_top - левое меню, описывается и в st.css
	- id=top-menu-structure - div
			
			Структура меню:
			UL LI
				UL LI
					Ul LI /LI /UL
				/LI /UL
			/LI /UL 

**************************************************
!!! все фоны должны находиться в папке pic !!! 
**************************************************/

/************ Структура для меню ****************/
#menu_top{
/*border-bottom: 1px dotted #fff;*/
border-right: 1px dotted #fff;
/* background-color: #2e968d;
background-image: url(pic/footer-t.jpg);
     background-repeat: repeat-x;
     background-position: bottom;*/
	 min-height: 10px;

}



#top-menu-structure{
  	margin: 0;
	padding: 0;
    float: right;
empty-cells:show;	
}
#top-menu-structure *{
	margin: 0;
	padding: 0;
}
/********* основное меню *****************/
#top-menu-structure ul{
	list-style:none;
	float:left;
	text-align: center;
	padding: 0;	
	min-width:200px;
}
#top-menu-structure li{       /* разделялки в меню */
    border-left: 1px dotted #fff;
    position: relative;
	/*margin-top: 3px;
	margin-bottom: 3px;*/
	padding: 3px 0px 3px 0px;
	background-position:center;
	min-height: 10px;
}
#top-menu-structure li:hover{
	cursor:pointer;
	z-index:100;
}
#top-menu-structure li a{      /* текст меню */
      	margin: 0;
	padding: 5px 5px 5px 5px;
	font-size: 10pt;
	display:block;
	color: #dddbda;
	text-decoration: none;
	white-space: nowrap;
 	font-weight: bold;
    font-family: Arial;
    font-style: normal;
}
#top-menu-structure li a:hover{    /* рамка подменю */
    color: #fff;
	
}
#top-menu-structure li a#top-current, #top-menu-structure li.active a{     /* фон активации */
    color: #fff;
}
/********* подменю 1 уровня *****************/
#top-menu-structure ul ul{

	background-color: #fff;
    border: 1px dotted #404040;
	position: absolute;
	top: 25px;
	/*left:-250px;*/
	display: none;
	width: 200px;
	padding: 0 ;
    border-bottom: 0;
}
#top-menu-structure ul ul li{ /* выскакивающие меню при наведении, фон */
    border-left: 0px;
   border-bottom: 1px dotted #404040;
	margin: 0;
    padding-left: 8px;
    padding-right: 8px;
}
#top-menu-structure ul ul a{ /* выскакивающие меню при наведении, наполнение */
	display:block;
	color: #404040;
 	text-align: left;
	padding: 5px;
	text-decoration: none;
    background-image: url(pic/dotssm.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-left: 3px;
	font-size: 10pt;
    font-weight: bold;
  font-style: normal;
  white-space: normal;
}
#top-menu-structure ul ul a:hover{    /* текст активного подменю */
    background-image: url(pic/dotssm.png);
    background-position: left top;
    background-repeat: no-repeat;
	color: #669900;
}
#top-menu-structure li li a#top-current, #top-menu-structure li li.active a{
	color: #669900;
    font-weight: bold;
    background-image: url(pic/dotssm.png);
    background-position: left top;
    background-repeat: no-repeat;
}

/********* подменю 2 уровня *****************/
#top-menu-structure ul ul ul{
	top: -1px;
	left: -200px;
	width: 200px;
}
#top-menu-structure ul ul ul li{}
#top-menu-structure ul ul ul a{}
#top-menu-structure ul ul ul a:hover{}
#top-menu-structure li li li a#top-current, #top-menu-structure li li li.active a{}
/*************** НЕ МЕНЯЕМОЕ ****************/
/* Fix IE. Hide from IE Mac \*/
* html #top-menu-structure ul li { float: left; height: 1%; }
* html #top-menu-structure ul li a { height: 1%; }
* html #top-menu-structure ul.one{width: 10px;}
/* End */
#top-menu-structure li:hover ul ul,
#top-menu-structure li li:hover ul ul
{display:none;}

#top-menu-structure li:hover ul,
#top-menu-structure li li:hover ul
{display:block;}