/* html							{ background:#000 url("../img/fractal.jpg") fixed 100% 25% / cover; width:1200px; margin:auto; } */
html							{ background:#000; width:100%; height:100%;min-height:100%;margin:auto;position:relative;text-align:center; }
body							{ width:1200px; height:auto;min-height:100%;margin:auto; background:#FFF; overflow:auto;opacity:100%;position:relative;}

@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;
}
 
 p,a{transition: 0.5s;line-height:150%;}
 h1{font:bold 16pt Fregat;color:#000;text-align:center;padding:5pt 0 15pt 0;cursor:default;}
 h2{font:bold 14pt Fregat;color:#A00;text-align:center;padding:5pt 0 15pt 0;cursor:default;}
	p{position:relative;font:12pt Fregat;color:#333;margin:0;padding:0;margin:0 15pt;line-height:150%;text-indent:15pt;text-align:justify;cursor:default;}
		p.page_not_found{font:14pt Fregat;color:#C00;text-align:center;padding:15pt;}
	a{color:#07F;text-decoration:none;background:none;padding:1pt;border-radius:3pt;cursor:pointer;}
		a:hover{color:#FFF;text-decoration:none;background:#07F;} /* для текстовых ссылок */
	
b,strong{font-weight:bold;}
	
div#header{font:bold 16pt Fregat;color:#C00;height:150px;text-align:center;max-height:150px;background:rgba(0,0,0,.8) url("/img/header_bg.png") repeat-x 100% 100% / cover;position:relative;}
	div#header a{background:none;}
	div#header a#logo img{opacity:100%;position:relative;top:0pt;left:0pt;}
		div#header a#logo:hover img{opacity:75%;}
	div#header span.tech{font:12pt Fregat;display:inline-block;position:relative;top:0;right:0;color:#FFF;line-height:80%;}
div#darkness{z-index:1;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:3;}
div#shuttle{background:#FFF;position:relative;display:inline-block;width:auto;height:auto;max-width:100%;margin:auto;vertical-align:middle;padding:5px;top:15%;box-shadow: rgba(0,0,0,.8) 0px 0px 35px 15px;}
div#shuttle_content{background:#FFF;position:relative;top:0;left:0;width:auto;height:auto;padding:0;}
	div#shuttle_content img{width:100%;height:100%;}
div#shuttle_close{position:absolute;top:10px;right:10px;color:#FFF;font:14pt Fregat;cursor:pointer;background:rgba(0,0,0,.3);border-radius:7pt;padding:2pt 5pt;}
	div#shuttle_close:hover{background:rgba(0,0,0,1);}
	
div#topcontacts 			{ position:sticky;display:block;background:rgba(0,40,150,1);margin:0;text-align:center;top:0;z-index:1;padding:5pt 0;font:11pt Fregat; color:#CCC;}
	div#topcontacts span.microblock	{position:relative;margin:0 10pt;}
	div#topcontacts a,div#topcontacts span.query{ color:#CDE; margin:0 10pt;text-decoration:none;font:11pt Fregat;cursor:pointer;padding:1pt 3pt;border-radius:3pt;}
	div#topcontacts a:hover,div#topcontacts span.query:hover{ color:#FFF;background:#07F;}

img#open_top_menu{display:none;}
div#mobmenu{display:none;}
div#topmenu 			{ position:sticky;display:block;background:rgba(0,90,220,.9);margin:0;text-align:center;top:25pt;cursor:default;z-index:2;}
div#topmenu a			{ font:13pt Fregat; color:#EEE; display:inline-block;text-decoration:none;padding:3px 7px 3px;margin:3pt;}
div#topmenu a:hover	{ color:#FFF;background:linear-gradient(0,#03A,#04B);}
div#topmenu a.current	{ color:#FFF;background:#268; }
div#topmenu a.add_option	{ display:inline-block;border:0px solid #FFF;border-radius:0 10px 10px 0;color:#FFF;padding:3px 5px;margin:0 5px 0 0;background:#26B; }
div#topmenu a.add_option_disabled	{ display:inline-block;border:0px solid #FFF;border-radius:0 10px 10px 0;color:#777;padding:3px 5px;margin:0 5px 0 0;background:#AAA; }
div#topmenu a.add_option:hover	{ color:#FEA; background:rgb(240,150,50); }
	div.subpoint														{ display:inline-block; width:auto; border:0px solid #DDD; color:#DDD; margin:0px 3px; position:relative; text-align:center; }
	div.subpoint a														{ color:#DDD; text-decoration:none;  }
	div.subpoint a.anchor										{ background:#26B; background:linear-gradient(0,#AAA,#777);}
	div.subpoint a.anchor:hover							{ background:red; background:linear-gradient(0,#000,#A00);}
	div.active a.anchor												{ color:#FFF; background:linear-gradient(0,#07C,#028); }
	div.subpoint:hover a.anchor							{ background:linear-gradient(0,#259,#59E);}
	div.subpoint div.dropdownmenu						{ display:none;position:absolute; left:5pt; top:32px;padding:0; text-align:left; border:0px solid #FFF; background:rgba(0,90,220,.9); z-index:2; color:#FFF; font:11pt Fregat; line-height:120%; box-shadow: rgba(0,0,0,.8) 5px 5px 25px 0px;}
	div.subpoint:hover div.dropdownmenu			{ opacity:1;display:block;}
	div#topmenu div.subpoint div.dropdownmenu a	{ cursor:pointer; white-space: nowrap; text-decoration:none; }
	div#topmenu div.subpoint:hover div.dropdownmenu a	{ color:#EEE; display:block; }
	div.subpoint:hover div.dropdownmenu a:hover	{ color:#FFF; background:rgb(220,120,50); }
	
span.breadcrumb{display:block;font:12pt Fregat;margin:5pt;text-align:left;}
	
div.planks a{display:inline-block;width:150pt;height:30pt;border:1px solid #05C;color:#05C;font:14pt Fregat;padding:3pt 5pt;margin:3pt 5pt;background:#ACF;vertical-align:top;}
	div.planks a:hover{background:#CFC;color:#080;border:1px solid #080;}
	
ul li{text-align:left;font:12pt Fregat;line-height:150%;}
p.slogan_first{font:bold 14pt Fregat;color:#D70;}
p.slogan_second{font:bold 14pt Fregat;color:rgb(0,60,170);background:none;line-height:150%;}
p.slogan_third{font:bold 14pt Fregat;color:rgb(0,60,170);background:none;line-height:150%;}
p.slogan_forth{font:bold 14pt Fregat;color:rgb(0,60,170);background:none;line-height:150%;}

img.img_center	{margin:10pt auto;background:#FFF;padding:3pt;border:1px solid #AAA;}
img.img_right_side	{float: right; width: 250px; height: 250px;margin:0 0 0 30pt;background:#FFF;padding:3pt;border:1px solid #AAA;}
div.image_slider{display:inline-block;border:1px solid #CCC;width:auto;height:auto;padding:10pt;position:relative;}
	div.image_slider img{background:#FFF;padding:3pt;border:1px solid #AAA;}
	div.image_slider div.image_counter{display:inline-block;background:rgba(0,0,0,.3);padding:5pt 7pt;border-radius:10pt;font:16pt Fregat;color:#FFF;position:absolute;top:15pt;left:50%;cursor:default;}
	div.image_slider div.image_prev,div.image_slider div.image_next{display:inline-block;background:rgba(0,0,0,.2);padding:5pt 7pt;border-radius:10pt;font:16pt Fregat;color:#FFF;position:absolute;top:48%;cursor:pointer;}
	div.image_slider div.image_prev:hover,div.image_slider div.image_next:hover{background:rgba(0,0,0,.5);}
	div.image_slider div.image_prev{left:15pt;}
	div.image_slider div.image_next{right:15pt;}

footer#footer{position:absolute;display:block;left:0;bottom:0;width:100%;padding:0;text-align:center;background:rgba(200,200,200,.75);}
	footer#footer div.left{display:inline-block;position:absolute;left:10pt;margin:10pt;font:12pt Fregat;}
	
div#gallery_box,div#gallery_list{text-align:center;}
div#gallery_box img,div#gallery_list img{margin:2pt;padding:2pt;border:1px solid #AAA;width:240px;height:180px;background:#FFF;}
	div#gallery_box a,div#gallery_list a{display:inline-block;}
	div#gallery_box a:hover,div#gallery_list a:hover{background:#CCC;} /* для ссылок-картинок */
	
div#content{padding-bottom:50pt;}
	
iframe.ytb{margin:10pt;border:1px solid #AAA;padding:2pt;}
	
/* трансформация колонки дл¤ мобильных устройств */
@media (max-width:900px)
	{
	*{transition:none !important;}
	html{width:100%;}
	body{ width:100%;}
	div#toprow{width:100%;text-align:center;}
	a#logo{z-index:3;width:100%;margin:auto;}
	a#logo img{opacity:100%;}
	div#topcontacts span.microblock	{display:block;}
	div#snetshare{display:block;width:100%;position:relative;text-align:center;}
	div.promo{width:90%;}
	div#basement{width:100%;}
	a.picture{display:block;margin:auto;float:none;text-align:center;}
	div#shuttle_content img{max-width:100%;}
	
	div#header{height:80pt;}
	div#topmenu{display:none;}
		
	img#open_top_menu{display:inline-block;background:rgba(200,0,0);width:20pt;height:20pt;padding:5pt;position:absolute;left:0;top:0;z-index:1;}
	div#mobmenu{display:none;position:absolute;top:100pt;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;z-index:2;}
		div#mobmenu section{background:rbg(0,0,0);}
			div#mobmenu section a{color:#07F;font:12pt Fregat;margin:2pt 5pt;padding:2pt 5pt;border-radius:5pt;background:#FFF;}
			div#mobmenu section a.top{font-weight:bold;}
			div#mobmenu section div.subsection{display:block;margin-left:20pt;}
	
	iframe,img{max-width:80%;margin:auto;}
    }