/************** структура шаблона *****************
* id=menu_middle - левое меню, описывается и в st.css
	- id=midle-menu-structure - div
			
			Структура меню:
			UL LI
				UL LI
					Ul LI /LI /UL
				/LI /UL
			/LI /UL 

**************************************************
!!! все фоны должны находиться в папке pic !!! 
**************************************************/

/************ Структура для меню ****************/
#menu_middle{
    /*border-left: 1px dotted #fff;*/
	/*background-color:#65a29a;
	background-image: url(pic/footer.jpg);
     background-repeat: repeat-x;
     background-position: top;*/
	 
}
#middle-menu-structure{
  	margin: 0;
	padding: 0;
	float:left;
	border-left: 1px dotted #fff;
}
#middle-menu-structure *{
	margin: 0;
	padding: 0;
}
/********* основное меню *****************/
#middle-menu-structure ul{
    list-style:none;
	float:left;
	margin: 0;
	padding: 0;
	min-width:100px;
}
#middle-menu-structure li{     /* разделялки в меню */
    /*background-image: url(pic/menu_gor_select.jpg);*/
	background-position: bottom;
	border-left: 0;
    border-right: 1px dotted #fff;
    position: relative;
	margin: 0;
	padding: 0 0 5px 0;
	min-height: 26px;
}
#middle-menu-structure li:hover{
	cursor:pointer;
	z-index:100;
}
#middle-menu-structure li a{
     /* текст меню */
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 10pt;
	display:block;
	color: #dddbda;
	text-decoration: none;
	white-space: nowrap;
 	font-weight: bold;
    font-family: Arial;
    font-style: normal;
	text-align: center;

}
#middle-menu-structure li a#middle-current,#middle-menu-structure li.active a{    /* фон активации */
     /*background-image: url(pic/footer.jpg);
     background-repeat: repeat-x;
     background-position: top;*/
     color: #fff;

}
#middle-menu-structure li a:hover{     /* рамка подменю */
     /*background-image: url(pic/footer.jpg);
     background-repeat: repeat-x;
     background-position: top;*/
     color: #fff;
     }
/********* подменю 1 уровня *****************/
#middle-menu-structure ul ul{

  background-color: #fff;
    border: 1px dotted #404040;
	position: absolute;
	top: 28px;
	left: -1px;
	display: none;
	width: 230px;
	padding: 0;
    border-bottom: 0;
}
#middle-menu-structure ul ul li{
    border-right: 0;
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
    border-bottom: 1px dotted #404040;
}
#middle-menu-structure ul ul a{
    padding: 5px;
    background-image: url(pic/dotssm.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-left: 4px;
	margin-top: 4px;
	display:block;
	color: #404040;
 	text-align: left;
	text-decoration: none;

	font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    white-space: normal;
}
#middle-menu-structure ul ul a:hover{  /* текст наведённого подменю */

    background-image: url(pic/dotssm.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #669900;
    padding-left: 25px;
    margin-left: 4px;

}
#middle-menu-structure li li a#middle-current,#middle-menu-structure li li.active a{
    
  	color: #669900;
    font-weight: bold;
    padding-left: 25px;
    margin-left: 4px;
    background-image: url(pic/dotssm.png);
    background-position: left top;
    background-repeat: no-repeat;

}
/********* подменю 2 уровня *****************/
#middle-menu-structure ul ul ul{
    top: -1px;
	left: 228px;
	width: 230px;
}
#middle-menu-structure ul ul ul li{}
#middle-menu-structure ul ul ul a{}
#middle-menu-structure ul ul ul a:hover{}
#middle-menu-structure li li li a#middle-current,#middle-menu-structure li li li.active a{}
/*************** НЕ МЕНЯЕМОЕ ****************/
/* Fix IE. Hide from IE Mac \*/
* html #middle-menu-structure ul li { float: left; height: 1%; }
* html #middle-menu-structure ul li a { height: 1%; }
* html #middle-menu-structure ul.one{width: 10px;}
/* End */
#middle-menu-structure li:hover ul ul,
#middle-menu-structure li li:hover ul ul
{display:none;}

#middle-menu-structure li:hover ul,
#middle-menu-structure li li:hover ul
{display:block;}
