html		{background: #000 url("/img/background/fractal.jpg") fixed 100% 25% / cover;background-position-y: 25%;}
html		{background: #000;}
body		{ text-align:center; background: #777; height:100%; color: #AAA; padding:0; margin:auto; width:900px; height:100%; overflow:auto;}

@font-face {
    font-family: 'Fregat';
    src: local('Fregat'), url('/fonts/fregat.woff2') format('woff2'), url('/fonts/fregat.woff') format('woff'), url('/fonts/fregat.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'FregatBold';
    src: local('Fregat Bold'), local('Fregat-Bold'), url('fregatbold.woff2') format('woff2'), url('fregatbold.woff') format('woff'), url('fregatbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

s								{ font-weight:bold; color:#A00; }
h1				{ font:bold 16pt Fregat; color:#000; text-indent:30pt; margin-top:20pt; }
	h1 a				{ display:inline-block;font:bold 16pt Fregat; color:#C00; margin:0; }

/* шапка */
div#header 						{ position:sticky;width:900px;height:auto;top:0;background:#333 url("/img/topbg.jpg"); text-align:center; z-index:3; }
div#header a 					{ display:inline-block; font:16pt Fregat; text-decoration:none; color:rgba(255,255,255,.5);margin:0;padding:10pt;}
div#header a:hover		{ color:#FFF; }
	div#header img.author{border:2px solid #FFF;border-radius:75px;position:absolute;top:10px;right:10px;opacity:100%;box-shadow: rgba(0,0,0,0.7) 0px 0px 35px 5px;z-index:4}
	div#header img.author:hover{opacity:100%;}
	
/* div#bodylayer_1		{position:fixed;top:0;left:0;width:100%;height:100%;background:url("/img/background/layer01.png") fixed 0 0;z-index:-1;} */
/* div#bodylayer_2		{position:fixed;top:0;left:0;width:100%;height:100%;background:url("../img/background/layer02.png") fixed 8% 15%;z-index:-1;} */

/* меню */
img#open_top_menu{display:none;}
div#mobmenu{display:none;}
div#menu 							{ display:block;position:relative;border:0px solid red;height:auto;bottom:0px;background:#000; }
	div#menu div.section	{ display:inline-block;color:#FFF;margin:0 3pt;padding:0;font:14pt Fregat;text-align:left;vertical-align:top;position:relative;}
		div#menu div.section a.top	{ display:block;position:relative;top:0;left:0;color:#FFF;}
		div#menu div.section div.subsection		{ display:none;position:absolute;top:20pt;left:0;background:rgba(0,0,0,.8);min-width:100%;}
		div#menu div.section div.subsection a	{ display:block;white-space:nowrap;color:#FFF;}
			div#menu div.section:hover div.subsection { display:block;}
	div#menu a				{ display:inline-block; font:13pt Fregat; padding:5px; background:none; text-align:left; color:#000; text-decoration:none; }
	div#menu a:hover		{ background:#8BE; }
	div#menu a#fix			{ background:#FB0; }
	
	div#darkness			{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;z-index:5;}
	div#shuttle				{display:none;position:relative;display:inline-block;vertical-align:middle;width:auto;height:auto;margin:auto;top:50%;transform: translateY(-50%);border:2px solid #333;padding:10pt;background:#FFF;box-shadow: rgba(0,0,0,0.7) 0px 0px 35px 15px;z-index:6;}

div#content						{border:0px solid red;background:#EEE;min-height:100%;height:auto;padding:5pt;bottom:0;color:red;position:relative;}
	div#content p				{font:12pt Fregat;text-align:justify;padding:1pt;margin:5pt 0;color:#555;line-height:120%;text-indent:15pt;}
		div#content p.brcr	{font:bold 12pt Fregat;text-align:left;padding:1pt;margin:5pt 0;color:#777;line-height:120%;text-indent:15pt;}
		div#content p.brcr a	{font:bold 12pt Fregat;}
	div#content a:not(h1 a)				{display:inline-block;font:bold 12pt Fregat;text-decoration:none;color:#07C;text-indent:0;}
	div#content a:hover	{text-decoration:underline;}

div#gallery						{}
	div#gallery img				{ border:1px solid #777;margin:10pt;padding:0pt;width:160px;height:120px;cursor:pointer;opacity:75%;}
	div#gallery img:hover	{ opacity:100%;}
	
div#video							{}
	div#video img				{ border:1px solid #777;margin:10pt;padding:0pt;width:320px;height:180px;cursor:pointer;opacity:75%;}
	div#video img:hover	{ opacity:100%;}
	
div#story							{}
	div#video p					{ font:12pt Fregat; text-indent:15pt;line-height:130%;padding:2pt 15pt;cursor:default;}

div#main_photo													{ display:block; border:0; text-align:center; }
div#main_photo div#container						{ display:inline-block;margin:auto;margin-top:10px;margin-bottom:15px; position:relative; border:0; }
div#main_photo img.main_photo						{ padding:2px;background:#FFF;border:0;border-radius:15px;box-shadow: rgba(0,0,0,0.5) 0px 0px 35px 5px; z-index:1; }
div#main_photo img.arrow_left						{ position:absolute; z-index:2; left:10px; top:155px; cursor:pointer; background:rgba(0,0,0,.3); border-radius:25px; }
div#main_photo img.arrow_right						{ position:absolute; z-index:2; right:10px; top:155px; cursor:pointer; background:rgba(0,0,0,.3); border-radius:25px; }
div#main_photo img.arrow_right:hover			{ background:rgba(0,0,0,.5); }
div#main_photo img.arrow_left:hover			{ background:rgba(0,0,0,.5); }

div#contextmenu 						{ border:0; padding:0px; margin:15px; z-index:1; }
div#contextmenu a					{ border:1px solid #07C; color:#07C; border-radius:10px; background:#ACF; padding:3px 7px; margin:5px; position:relative; }
div#contextmenu a:hover		{ text-decoration:none; background:#BDF; }
div#contextmenu a.checked		{ border:1px solid #A50; background:#FB0; color:#A50; }

div#footer					{ width:900px; display:block; position:fixed; background:rgba(0,40,120,.5) url("/img/footerbg.png"); text-align:left; bottom:0; z-index:2; }
div#footer	img			{ float:right; margin:5px; border-radius:0; border:0; }
div#footer	p				{ margin:2px 7px; color:#FFF; font:12pt Fregat; }
div#footer	a				{ color:#DB7; font-weight:bold; line-height:20%; }

form.feedbackform textarea,form.feedbackform button {font:12pt Fregat;padding:3pt;margin:0 0 10pt 0;}
form.feedbackform textarea{width:30%;height:100pt;max-width:80%;max-height:300pt;min-width:150pt;min-height:50pt;}
form.feedbackform button {cursor:pointer;}

code{ margin:2px 7px; color:#000; font:12pt Fregat; text-align:justify;}

/* для мобильных устройств */
@media (max-width:700px) {
	html{width:100%;}
	body{width:100%;}
	div#header{width:100%;}
		div#header img.author{position:absolute;top:0;z-index:1;}
	div#menu{display:none;}
	img#open_top_menu{display:inline-block;background:rgba(255,0,0,.5);width:20pt;height:20pt;padding:5pt;position:absolute;left:0;top:0;transition-duration: .7s;transition-property: all;}
	div#mobmenu{display:none;position:absolute;font:12pt Fregat;text-align:left;padding:10pt;background:#FFF;border:2px solid #07F;margin:10pt;box-shadow:rgba(0,0,0,.7) 0px 0px 15px 0px;}
		div#mobmenu section{background:rbga(0,0,0,1);}
			div#mobmenu section a{color:#07F;font:12pt Fregat;margin:2pt 5pt;padding:2pt 5pt;border-radius:5pt;background:#FFF;}
				div#mobmenu section a:hover{color:#03D;background:#ACF;}
			div#mobmenu section a.top{font-weight:bold;}
			div#mobmenu section div.subsection{display:block;margin-left:20pt;}
    }
/* для мобильных устройств */