*, *:after, *:before 	
	{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*	{padding:0; margin:0;
	 -webkit-transform:translate3d(0, 0, 5); transform:translate3d(0, 0, 5);
	 -webkit-transition:all 0.6s; -moz-transition:all 0.6s;	transition:all 0.6s;}

 body, html 	
	{font-size:100%;}
 html 
	{scroll-behavior:smooth;}
 body 			
	{font-family:Verdana; color:DarkBlue; background:hsl(200 50% 95%);
	 text-align:center; overflow-x:hidden; overflow-y:hidden;
	 background-size:100% 100%; background-attachment:fixed;}
 table 		
	{width:100%; border-collapse:collapse;}
/* header */
.main-logo 		
	{max-width:215px; margin:8px 8px 8px 8px;
	 position:fixed; z-index:2; top:0; left:0;}
.sidenav 		
	{height:100%; width:280px; background:hsl(200 30% 80%);}
#inf-tit, #inf-hr		
	{font:Normal 10px Verdana; text-align:right; width:100%;
	 position:fixed; top:0px; left:0px; background:transparent;
	 text-decoration:none; display:block; color:DarkBlue;
	 white-space:normal; word-wrap:break-word;}
#inf-tit	
	{height:40px; z-index:3; border:none; padding:50px 30px 5px 10px;}
#inf-hr		
	{height:95px; z-index:2; border-bottom:4px solid #eaeaea;
	 margin:0px 0px 0px 100px; padding:5px 0px 5px 10px;}
#f-div	
	{position:fixed; right:5px;
	 margin:0px 0px 5px 0px; padding:4px; background:hsla(220, 30%, 60%, 0.6); 
	 background:transparent;
	 border-radius:10px; -moz-border-radius-:10px; -webkit-border-radius:10px;}
#МainInfo	
	{font:Bold 18px Verdana; color:DarkBlue; padding:auto 10;
	 background:hsla(200 30% 80%/1); height:30px; visibility:hidden;
	 border-radius:10px; -moz-border-radius-:10px; -webkit-border-radius:10px;}
.f-td
	{width:150px;}
#f-txt
	{font:Normal 12px Verdana; color:DimGrey; background:transparent; 
	 width:100px; text-align:Left; vertical-align:text-top;
	 border:1px solid hsla(220, 30%, 90%, 1);}
#f-but
	{font:Normal 8px Verdana; width:40px; color:DimGrey;
	 padding:0px 3px 0px 3px; margin:0px 5px 0px 5px;
	 background:transparent; border:none;
	 text-align:Left; vertical-align:text-top; text-align:center;}
.inf-ico 		
	{max-height:20px; margin:0px 8px 0px 8px; border:none;}
.shrink #inf-hr
	{width:254px; border-bottom:1px solid DarkBlue; margin:0px 0px 0px 10px;}
.shrink #inf-tit
	{padding:5px 0px 5px 10px;}
.shrink #f-div
	{background:hsla(220, 30%, 60%, 0.3);}
.shrink #f-txt
	{border:1px solid hsla(220, 30%, 40%, 0.3);}
.shrink #МainInfo	
	{width:300px; position:fixed; right:5px;
	 font:Normal 10px Verdana; color:Grey;
	 background:transparent;}
 footer	
	{font:Normal 12px Verdana; color:Slateblue; display:block;
	 background:lightgrey; border:none; text-align:center;
	 width:auto; height:20px; margin:5px 5px 5px 0px; padding:5px 0px 5px 0px;  
	 position:relative; bottom:0px; right:0px; z-index:20;
	 border-radius:10px; -moz-border-radius-:10px; -webkit-border-radius:10px;}
.b-foot-
	{font:Normal 10px Verdana; color:Slateblue; text-decoration:none;
	 margin:0px 20px 0px 0px; border:none; float:left;}
.b-foot	
	{font:Normal 10px Verdana; background:transparent; color:Slateblue;
	 text-align:center; display:block; margin:0px 20px 0px 0px;
	 text-decoration:none; border:none;}

.mbut-menu, .mbut-home
	{position:fixed; margin:0px; z-index:5; border:0px;}
.mbut-menu		
	{height:56px; top:4px; right:10px;}
.mbut-home		
	{height:56px; top:4px; right:65px;}

.MainIframe		
	{height:100%; width:100%; 
	 padding:0px;
	 border:none;}
.container 		
	{position:relative;	margin:100px 0px 0px 0px; text-align:center;
	 background:transparent;}

/* menu */
.div-menu 		
	{height:100%; width:240px; padding-top:0px;
	 position:fixed; z-index:2; top:0; left:0; overflow-x:hidden; 
	 background:transparent; padding-top:100px;}
.applemenu	
	{padding:4px 0px 1px 0px; overflow-x:hidden; overflow-y:auto;
	 position:relative; top:20px; left:8px; z-index:2;}
.but-menu, .but-sub
	{font:Normal 15.5px Verdana; text-align:left; color:DarkBlue;
	 padding:0px 0px 0px 2px; white-space:normal; word-wrap:break-word;
	 display:block; position:relative; list-style:none;}
.but-menu, .but-sub, .but-menu  a, .but-sub  a
	{height:24px;}
.but-menu a	
	{width:230px;}
.but-sub a		
	{width:220px;}
.but-menu  ul	
	{display:none;}
.but-menu a, .but-sub a	
	{background:transparent; padding:1px 0px 1px 1px; 
	 display:block; text-decoration:none; white-space:normal; word-wrap:break-word;
	 border-radius:10px; -moz-border-radius-:10px; -webkit-border-radius:10px;}
.but-menu a	
	{color:DarkBlue; margin:1px 0px 0px 0px;}
.but-sub a	
	{color:DarkSlateBlue;}
.but-sub a		
	{margin:4px 0px 0px 10px;}
.but-menu  a:hover	
	{background:hsla(220, 30%, 60%, 1); color:White;}

.but-sub		
	{float:none;}
.but-sub a:hover, .but-menu li li a:hover	
	{background:hsla(220, 30%, 60%, 1); color:White;}
.div-hid 		
	{visibility:hidden; height:1px; width:1px;}

/* signal */
#mlSignal 		
	{font:Normal 12px Verdana; width:230px; padding:4px;
	 position:fixed; z-index:6; top:40; right:20; overflow:hidden; 
	 background:transparent; border:2px solid Grey;
	 border-radius:10px; -moz-border-radius-:10px; -webkit-border-radius:10px;}
#mlSignal img		
	{height:34px; margin:2px 0px 4px 0px; border:none;}
#mlSignal li		
	{padding:0px 0px 8px 0px;}
/**/