/*все размеры в меню фиксированы, поэтому нет относительных размеров*/
#mainMenu {
	border: 0;
	margin-left: 5px;
}

#mainMenu .ui-menu-item {
	height: 76px;
	width: 76px;
	margin-top: 4px;
	border: 3px solid #336699;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#mainMenu.ui-menu .ui-menu-item-wrapper {
	width: 72px;
	padding: 0;
}

#mainMenu .ui-icon {
	width: 64px;
	height: 64px;
	/*background-position: center;*/
}

#mainMenu .ui-menu-item.ui-menu-item-focus,
#mainMenu .ui-menu-item.ui-menu-item-selected {
	border: 3px solid #99ffff;
}

/*навели курсор*/
#mainMenu.ui-menu .ui-menu-item .ui-state-active {
	border: transparent;
	background: transparent;
}

#mainMenu.ui-menu .ui-icon-mmhome{
	background-image: url(../img2/mainMenu/home_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mmhome{
	background-image: url(../img2/mainMenu/home_sel.png);
}

#mainMenu.ui-menu .ui-icon-mmtemp{
	background-image: url(../img2/mainMenu/temperature_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mmtemp{
	background-image: url(../img2/mainMenu/temperature_sel.png);
}

#mainMenu.ui-menu .ui-icon-mmbulb{
	background-image: url(../img2/mainMenu/bulb_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mmbulb{
	background-image: url(../img2/mainMenu/bulb_sel.png);
}

#mainMenu.ui-menu .ui-icon-mmheater{
	background-image: url(../img2/mainMenu/heater_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mmheater{
	background-image: url(../img2/mainMenu/heater_sel.png);
}

#mainMenu.ui-menu .ui-icon-mmip_camera{
	background-image: url(../img2/mainMenu/ip_camera_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mmip_camera{
	background-image: url(../img2/mainMenu/ip_camera_sel.png);
}

#mainMenu.ui-menu .ui-icon-mmkey{
	background-image: url(../img2/mainMenu/key_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mmkey{
	background-image: url(../img2/mainMenu/key_sel.png);
}

#mainMenu.ui-menu .ui-icon-mmpower{
	background-image: url(../img2/mainMenu/power_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mmpower{
	background-image: url(../img2/mainMenu/power_sel.png);
}

#mainMenu.ui-menu .ui-icon-mmpref{
	background-image: url(../img2/mainMenu/power_button_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mmpref{
	background-image: url(../img2/mainMenu/power_button_sel.png);
}

#mainMenu.ui-menu .ui-icon-mm_setup{
	background-image: url(../img2/mainMenu/setup_.png);
}

#mainMenu.ui-menu .ui-menu-item-selected .ui-icon-mm_setup{
	background-image: url(../img2/mainMenu/setup_sel.png);
}
