@media only screen and (max-width: 1000px) {
		/* Выпадающее меню логина */

	div.login_title{
		display: none;
	}
	
	div.loginpanel {
		position: relative;
		padding: 0px;
		width: 200px;
	}

	div.logintable {
		margin: 0px;
		padding: 10px;
		display: block;
	}

	div.loginpanel:hover div.logintable {
		position: relative;
		display: block;
		right:0px;
		top: 0px;
	}
	
	div.loginpanel_caption {
		font-size: 12pt;
	}
	
	/* Вертикальное меню */
	/* Левое меню */
	/* зададим стиль для анкора в списке */
	.cssmenu li span {
	   display: block;
	   width: 180px;
	   line-height:25px;
	   color: var(--dark-menu-text);
	   background-color: var(--dark-color);
	   text-transform: uppercase;
	   font-size: 12pt;
	   padding: 10px;
	   position:relative;
	}

	/* меняем цвета при наведении */
	.cssmenu li span:hover {
	   color: var(--menu-text);
	   background-color: var(--menu-highlited-color);
	}
	.cssmenu li span:active  {
	   color: var(--menu-text);
	   background-color: var(--menu-highlited-color);
	}

	/* Правое меню */
	table.right_menu {
		background: #c0c7cf;
	}

	/* зададим стиль для анкора в списке */
	.right_cssmenu li span {
	   display: block;
	   width: 180px;
	   line-height:25px;
	   color: #000000;
	   background-color:  #c0c7cf;
	   text-transform: uppercase;
	   font-size: 12pt;
	   padding: 10px;
	}

	/* меняем цвета при наведении */
	.right_cssmenu li span:hover {
	   color: var(--menu-text);
	   background-color: var(--menu-highlited-color);
	}
	.right_cssmenu li span:active  {
	   color: var(--menu-text);
	   background-color: var(--menu-highlited-color);
	}
	/* выделяем родительские пункты, при наведении на дочерние */
	.right_cssmenu li:hover > span {
	   color: var(--menu-text);
	   background: var(--menu-highlited-color);
	}
	.right_cssmenu li:active  > span {
	   color: var(--menu-text);
	   background: var(--menu-highlited-color);
	}
}