html							{ background:#0A0; }
body							{ width:1000px; height:auto; margin:auto; background:rgba(255,255,255,1); overflow:auto; position:relative; }
h1								{ font:bold 20pt Brusnika; color:#A30; padding:15pt 10pt; margin:0;cursor:default;}	
h2								{ display:block;font:bold 14pt Brusnika; color:#A30; padding:5 5 10; margin:5pt 0pt;cursor:default;}	
p								{ font:18pt Brusnika; line-height:150%; text-align:justify; text-indent:15pt;cursor:default;margin:3px 10px;}
a								{ color:#07C; text-decoration:none;font:16pt Brusnika;}
a:hover						{ text-decoration:underline; }

		@font-face {
			font-family: "Brusnika";
			src: url("/fonts/Brusnika.woff") format("woff2");
			font-weight: 400;
			font-style: normal;
		}

		@font-face {
			font-family: "BrusnikaBold";
			src: local("/fonts/Brusnika.woff");
			font-weight: 700;
			font-style: normal;
		}

div#main{width:100%;height:100%;background:rgba(255,255,255,1);position:relative;font:32pt Brusnika;overflow:auto;}
div#toplogofield{width:100%;height:150px;background:rgba(150,150,150,.5) url("../img/topbg.jpg") 100% 25%;position:relative;font:12pt Brusnika;text-align:center;}
	a#logo{display:inline-block;}
	img#tphoto{width:140px;height:140px;padding:0;margin:auto;position:absolute;top:5px;right:15px;z-index:1;}
	span#slogan{position:absolute;width:100%;bottom:0px;left:0;padding:3px 7px;background:rgb(250,130,0);color:#FFF;font:20pt Brusnika;}

/* TOP MENU */
div#menu{display:block;width:100%;font:12pt Brusnika;background:rgba(0,0,0,.7);padding:0pt;position:sticky;top:0;left:0;margin:0;text-align:center;white-space:nowrap;z-index:5;}
	div#menu a{display:inline-block;font:14pt Brusnika;color:#FC7;cursor:pointer;background:rgba(100,0,0,.7);padding:2pt 5pt;border:2px inset #CCC;border-radius:5pt;margin:3pt;text-decoration:none;position:relative;}
	div#menu a{display:inline-block;font:bold 18pt Brusnika;color:#D00;cursor:pointer;background:rgb(255,255,255);padding:2pt 5pt;border:0 inset #CCC;border-radius:5pt;margin:3pt;text-decoration:none;position:relative;}
		div#menu a:hover{background:#700;color:#FFF;}
	div#menu div.tm_section{display:inline-block;position:relative;}
		div#menu div.tm_dropdown{display:none;position:absolute;top:25pt;left:5pt;width:300pt;box-shadow:rgba(0,0,0,.7) 0px 0px 25px 0px;}
		div#menu div.tm_section:hover div.tm_dropdown{display:block;}
		div#menu div.tm_dropdown a{display:block;font:18pt Brusnika;color:#FC7;background:rgba(0,0,0,.7);border:0;border-radius:0;margin:0;white-space:normal;text-align:left;}
		div#menu div.tm_dropdown a:hover{background:#A00;color:#FFF;}

div#content{width:auto;height:auto;text-align:center;overflow:auto;background:rgba(255,255,255,1);}

div#basement{position:absolute;width:100%;bottom:0;background:#333;font:16pt Brusnika;}
	div#basement p{font:16pt Brusnika;color:#EEE;}
	div#basement a{font:16pt Brusnika;color:#0AF;}
	
/* блоки видеороликов */
div.movie_card{display:inline-block;width:320px;border-radius:10px;margin:7px;text-align:center;background:#FFF;vertical-align:top;position:relative;}
div.movie_card span.movie_title{display:block;width:306px;font:20pt Brusnika;background:rgba(0,50,200,.7);border-radius:10px 10px 0 0;padding:3px 7px;color:#FFF;position:absolute;top:0;left:0;}
div.movie_card img.frame{display:block;margin:auto;border-radius:10px;}

@media (max-width:900px)
	{
	html{width:100%;}
	body{width:100%;height:100%; margin:auto; background:#EEE; overflow:auto; position:relative; }
	a#logo,a#logo img		{width:85%;}
	div#toplogofield{height:auto;}
	img#tphoto{display:block;position:relative;}
	span#slogan{display:block;position:relative;margin-top:10px;background:rgb(200,100,0);}
	iframe#youframe{width:85%;height:40%;}
    }