@charset "utf-8";
/*========== Accordion menu block ==========*/
.accordion-menu {
  max-width:100%;														/*take full width of parent`s div*/
  width:100%;
  margin:0;
  /*max-height:100%;*/
  max-height:550px; overflow:auto;										/*зафиксируем высоту и сделаем скроллинг*/
  font:normal 14px Helvetica, Arial, sans-serif; }
  .accordion-menu ul {													/*вложенные UL всех уровней*/
	list-style:none;
	margin:0;
	padding:0;
	text-align:left; }
  .accordion-menu > ul {												/*UL первого уровня вложенности*/
	border-top:1px solid #ddd;											/*рамка сверху меню*/
	-moz-border-radius:3px;												/*мкругление углов, как у .tabs section в main.css*/
	-webkit-border-radius:3px;
	border-radius:3px; }
	.accordion-menu > ul > li {
	  position:relative;
	  margin-right:20px;												/*костыль на случай появления вертикального скроллбара в RegionAccordeon()*/
	  width:100%;														/*ADD to overwrite default LI value in main.css*/
	  margin-left:0px!important; }										/*ADD to overwrite default LI value in main.css*/
	  .accordion-menu > ul > li > a {
		white-space:nowrap;
		display:block;
		outline:0;
		padding:.6em 2.2em .6em .5em ;
		text-decoration:none;
		color:#777;
		font-weight:normal;
		text-shadow:1px 1px 3px #bbb;
		background:#e6e6e6;
		background-image:-ms-linear-gradient(#eee, #d6d6d6);
		background-image:linear-gradient(#eee, #d6d6d6);
		border-bottom:1px solid #ccc; }
	  .accordion-menu > ul > li.selected > a,							/*ссылка выбранного пункта меню верхнего уровня*/
		.accordion-menu > ul > li > a:hover {color:#333; background:#d9d9d9;}
		.accordion-menu > ul > li > a > img {							/*картинка в меню - тут не используется */
		  height:18px; /*width:22px;*/									/*все иконки имеют стандартные пропорции*/
		  vertical-align:middle;
		  margin-right:5px;
		  margin-left:-5px; }											/*чуть сместить влево, место там есть*/
		.accordion-menu > ul > li > a:hover > img {opacity:0.7;}		/*затемнять при наведении мышки*/
		.accordion-menu > ul > li > ul {
		  counter-reset:items;											/*сбрасываем счётчик пунктов подМеню в этом пункте меню*/
		  height:0;														/*раскрывающийся список - пока скрыт*/
		  overflow:hidden;
		  background:#fefefe;
		  color:#777;
		  font-size:0.8em; }						/*counter-increment:items - насчитываем количество пунктов подМеню в этом пункте меню*/
		  .accordion-menu > ul > li > ul > li {counter-increment:items; padding:.5em 0.6em; border-bottom:1px dotted #c9c9c9;}
		  .accordion-menu > ul > li > ul > li.selected:before,			/*ссылка выбранного пункта вложенного меню*/
		  .accordion-menu > ul > li > ul > li:before		{content:"»"; float:left; margin-right:4px;}
		  .accordion-menu > ul > li > ul > li.selected,					/*выбранный пункт вложенного меню*/
		  .accordion-menu > ul > li > ul > li:hover			{background-color:#d6e4f3;}
		  .accordion-menu > ul > li > ul > li.nowrap {white-space:nowrap; }	/*аналог nobr для некоторых случаев, см  RegionAccordeon()*/
		  .accordion-menu > ul > li > ul > li > a			{/*color:#514b92;*/ text-decoration:none; font-size:1.3em;}	/*используем дефолтную цветовую схему*/
		  .accordion-menu > ul > li > ul > li.selected > a,				/*ссылка выбранного пункта вложенного меню*/
		  .accordion-menu > ul > li > ul > li > a:hover		{color:#e05f11; margin-left:6px;}
		  .accordion-menu > ul > li > ul > li > a > img		{			/*картинка-иконка в меню - тут не используется*/
			display:inline;
			height:15px;												/*иконки имеют стандартные пропорции*/
			float:right;
			vertical-align:middle; }
		.accordion-menu > ul > li > ul:after {							/*выводим счётчик пунктов подМеню в этом пункте меню, цифра в кружочке*/
		  content:counter(items);
		  font-size:0.857em;
		  display:inline-block;
		  position:absolute;
		  right:5px;
		  top:14px;
		  background:#ddd;												/*цвет заливки кружочка*/
		  line-height:1em;
		  padding:.6em .7em;
		  margin:-.9em 0 0 0;
		  color:#777;
		  text-indent:0;
		  text-align:center;
		  text-shadow:0px 1px 0px rgba(0, 0, 0, .5);
		  font-weight:500;
		  border-radius:.769em;											/*рамка вокруг кружочка*/
		  box-shadow:inset 0px 1px 3px 0px rgba(205, 205, 205, .26), 0px 1px 0px 0px rgba(0, 0, 0, .15); }/*размытие рамки вокруг кружочка*/