body {
	padding: 0px;

	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
		
	background-image: url("../images/gribbg1600.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
	/* width: 1100px; */
	width: 100%
/*	max-width: 1920px; */
	height: auto;
}

	@font-face {
		font-family: "DSGoose";
		src: url("../fonts/DSGoose.ttf") format('truetype');
	}
	@font-face {
		font-family: "FuturisXCondd";
		src: url("../fonts/FuturisXCondd.ttf") format('truetype');
	}
	@font-face {
		font-family: "Arial";
		src: url("../fonts/arial.ttf") format('truetype');
	}
	@font-face {
		font-family: "Arctica script";
		src: url("../fonts/gPkoOBbU.ttf") format('truetype');
	}
	@font-face {
		font-family: "ScriptMTBold";
		src: url("../fonts/11487.ttf") format('truetype');
	}
	

	h10 {
		font-family: "DSGoose";
		font-style: normal;
		font-size: 50pt;
		text-shadow: 3px 2px 3px black, 6px 4px 8px dimgray; /* Параметры тени */
		color: #e4cda2;		/* wheat;	 F5 DE B3 */
	}


	h11 {
		font-family: "Arctica script";
		font-style: normal;
		font-size: 24pt;
		text-shadow: 0px 0px 0px black, 3px 2px 4px gray; /* Параметры тени */
		color: black;
	}


	h9 {
		font-family: "ScriptMTBold";
		font-style: normal;
		font-size: 24pt;
		text-shadow: 0px 0px 0px black, 3px 2px 4px gray; /* Параметры тени */
		color: black;
	}

	h12 {
		font-family: "Arial";
		font-style: normal;
		font-size: 14pt;
		text-shadow: 1px 1px 1px gray, 0px 0px 0px gray; /* Параметры тени */
	}
	h13 {
		font-family: "Arial";
		font-style: normal;
		font-size: 12pt;
		text-shadow: 1px 1px 1px gray, 0px 0px 0px gray; /* Параметры тени */
	}

	fc {
		font-family: "Arial";
		font-style: normal;
		font-size: 9pt;
	}

	.transparentbg {
		background-color: rgba(255, 250, 250, 0.8);	/* Цвет фона и значение прозрачности */
		padding: 0px;					/* Поля вокруг текста */
		color: #000; 					/* Цвет текста */
		margin-left: auto;
		margin-right: auto;
		height: auto;
		width: 100%;
		min-width: 840px;
		max-width: 1920px;
	}


	/* полупрозрачный градиент для заголовка сайта */
	.head_block {
		padding: 0;			/* Поля вокруг текста */
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		height: 136px;
		text-align:center;	/* выравнивание текста внутри колонок */
		text-indent: 0%;
		width: 100%;
		max-width: 820px;
		background: linear-gradient(to top, rgba(245, 222, 179, 0.3) 20%,  transparent);	/* Цвет фона "wheat" и значение прозрачности */
		background-position: top;
		display: block;
		background-size: cover;
		position:relative;
		float:none;
	}

	/* Текст */
	.text_block {
		padding: 1px 20px 10px;			/* Поля вокруг текста */
		color: #000; 					/* Цвет текста */
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		height: auto;
		text-align:justify;	/* выравнивание текста внутри колонок */
		width: 100%;
		max-width: 780px;
		font-family: "Arial";
		background-color: rgba(245, 222, 179, 0.3);	/* Цвет фона "wheat" и значение прозрачности */
		position:relative;
//		top:2px;
		float:none;
		min-height: 1200px;
	}

	a {
		text-decoration: none;
	}

	p {
		text-indent: 5%;
	}

	/* Основное горизонтальное меню */
	/* Основные пункты */
	#mainmenu { 
		margin:0; /* Сбрасываем все поля и отступы */
		padding:0
	}

	#mainmenu{
		font-size: 14pt;
		height:98px;
		color: #000;
		text-align:center;
		background-color: wheat;
		background: radial-gradient(circle farthest-side at center, wheat, wheat, rgba(245, 222, 179, 0) );
		position:relative;
		margin:0px;
		padding:0px, 30px;
		float:none;
		width:100%;
		z-index:100; /* для отображения подпунктов поверх остальных блоков */
		min-width: 840px;
		vertical-align: middle;
	}

	#mainmenu ul {
		clear:left;
		position:relative;
		right:50%;
		height:98px;
		float:right;
		text-align:center;
		list-style:none;
		padding:0px;
		margin:0px
	}

	#mainmenu ul li {
		position:relative;
		left:50%;
		float:left;
		height:98px;
		padding:0px;
		margin:0
	}

	#mainmenu ul li a {
		display:block;
		color: #222;
		text-decoration: none;
		padding:6px 34px;	/* второй параметр определяет расстояние от текста до края, влияет на ширину пункта меню */
	}

	#mainmenu ul li span {
		display:block;
		color: #fff;
		background-color: #c2ab80; 
		background: radial-gradient(ellipse at center, #b19a6f, #e4cda2);
		text-decoration: none;
		height: 92px;
		padding: 6px 34px 0px;	/* второй параметр определяет расстояние от текста до края, влияет на ширину пункта меню */
	}

	#mainmenu ul li:first-child a {border:none}
 
	#mainmenu ul li:hover a,
	#mainmenu ul li.hover a,
	#mainmenu ul li.active a {color:#222}
  
	#mainmenu ul li:hover,
	#mainmenu ul li.hover,
	#mainmenu ul li.active {
		background: #e4cda2;
		background: radial-gradient(ellipse at center, #f5deb3, #c2ab80);
	}
 
	/* Выпадающие пункты */
	#mainmenu ul li ul {
		position:absolute;
		left:0;
		top:98px;
		display:none;
		list-style:none;
		visibility:hidden;
		padding:0;
		margin:0;
		width:155px;		/* ширина выпадающих пунктов меню !!! */
	}

	#mainmenu ul li ul li {
		background-color:#e4cda2;
		position:relative;
		left:0;
		display:list-item;
		float:none;
		height:auto;
		margin:0;
		text-align:left;
	}

	#mainmenu ul li ul li a {
		padding:5px 10px;
		border:none
	}

	#mainmenu ul li ul li:hover,
	#mainmenu ul li ul li.hover {
		background-color:#d3bc91;
	}

	#mainmenu ul li:hover ul,
	#mainmenu ul li.hover ul{display:block}
 
	/* Выпадающие пункты второго уровня */
	#mainmenu ul li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}

	#mainmenu ul li ul li ul {
		top: 0;
		left: 110px;
		margin: 0 0 0 20px;
		width: 110px
	}

	table {
		table-layout: fixed;
		width: 740px;
		border: 1px solid #e4cda2;
		border-collapse: collapse;
	}
	th {
		border: 1px solid #e4cda2;
		padding: 5px;
		text-indent: 0px;
		text-align: center;
		background-color: rgba(245, 222, 179, 0.3);	/* Цвет фона "wheat" и значение прозрачности */
	}

	td {
		border: 1px solid #e4cda2;
		padding: 5px;
		text-indent: 0px;
		text-align: center;
	}

	tr.bg {
		background-color: rgba(245, 222, 179, 0.3);	/* Цвет фона "wheat" и значение прозрачности */
	}

	.col1 {
		width: 560px;
//		text-align: left;
	}
	.col2 { width: 180px }

	.col3 { width: 49px }

	.col4 { width: 400px }

	.col5 { width: 90px }

	.date {
		text-align: center;
		color: orangered;
		font-size: 120%;
		text-indent: 0px;
	}

	IMG.fig {
		float: right;		/* Обтекание картинки по левому краю */
		padding: 5px 5px 5px 20px;	/* Отступ */
	}
 
        .logo {
            font-size: 14px;
		position: absolute;
		top: -220px;
		left: 10px;
		line-height: 14px;
		text-align:center;	/* выравнивание текста внутри колонок */
//		z-index:199;
        }

        .NYtree {
            font-size: 14px;
		position: absolute;
		top: -240px;
		right: 50px;
		line-height: 14px;
		text-align:center;	/* выравнивание текста внутри колонок */
//		z-index:199;
        }

	#lang { 
		margin:0; /* Сбрасываем все поля и отступы */
		padding:0
	}

	#lang{
		font-size: 14pt;
		height:32px;
		color: #000;
		text-align:center;
		background-color: wheat;
		background: radial-gradient(ellipse farthest-side at center, wheat, rgba(245, 222, 179, 0) );
		position:relative;
		margin:0px;
		padding:0px, 5px;
		float:none;
		width:100%;
		z-index:100; /* для отображения подпунктов поверх остальных блоков */
		min-width: 840px;
		vertical-align: middle;
	}

	#lang ul {
		clear:left;
		position:relative;
		right:50%;
		height:32px;
		float:right;
		text-align:center;
		list-style:none;
		padding:0px;
		margin:0px
	}

	#lang ul li {
		position:relative;
		left:50%;
		float:left;
		height:32px;
		padding:0px;
		margin:0
	}

	#lang ul li a {
		display:block;
		color: #222;
		text-decoration: none;
		padding:5px 16px;
	}

	#lang ul li span {
		display:block;
		color: #fff;
		background-color: #c2ab80; 
		background: radial-gradient(ellipse at center, #b19a6f, #e4cda2);
		text-decoration: none;
		height: 32px;
		padding: 5px 16px;
	}

	#lang ul li:first-child a {border:none}
 
	#lang ul li:hover a,
	#lang ul li.hover a,
	#lang ul li.active a {color:#fff}
  
	#lang ul li:hover,
	#lang ul li.hover,
	#lang ul li.active {
		background-color: #c2ab80; 
		background: radial-gradient(ellipse at center, #c2ab80, #b19a6f, #e4cda2, transparent, transparent);
	}

/*
<h10 style="color:#6A5ACD;"id="l1"><span>Г</span></h10>
<h10 style="color:#FFD700;"id="l2"><span>р</span></h10>
<h10 style="color:#F08080;"id="l3"><span>и</span></h10>
<h10 style="color:#32CD32;"id="l4"><span>б</span></h10>
<h10 style="color:#FFA500;"id="l5"><span>а</span></h10>
<h10 style="color:#48D1CC;"id="l6"><span>н</span></h10>
<h10 style="color:#1E90FF;"id="l7"><span>о</span></h10>
<h10 style="color:#ADFF2F;"id="l8"><span>в</span></h10>
<h10 style="color:#EE82EE;"id="l9"><span>к</span></h10>
<h10 style="color:#87CEFA;"id="l10"><span>а</span></h10>
*/

#l1 span {
	animation: first 11s linear infinite;
}
@keyframes first {
	0% {
		color:#6A5ACD;
	}
	10% {
		color:#FFD700;
	}
	20% {
		color:#F08080;
	}
	30% {
		color:#32CD32;
	}
	40% {
		color:#FFA500;
	}
	50% {
		color:#48D1CC;
	}
	60% {
		color:#1E90FF;
	}
	70% {
		color:#ADFF2F;
	}
	80% {
		color:#EE82EE;
	}
	90% {
		color:#87CEFA;
	}
	100% {
		color:#6A5ACD;
	}
}

#l2 span {
	animation: second 9s linear infinite;
}
@keyframes second {
	0% {
		color:#87CEFA;
	}
	10% {
		color:#6A5ACD;
	}                     
	20% {         
		color:#FFD700;
	}                     
	30% {         
		color:#F08080;
	}                     
	40% {         
		color:#32CD32;
	}                     
	50% {         
		color:#FFA500;
	}                     
	60% {         
		color:#48D1CC;
	}                     
	70% {         
		color:#1E90FF;
	}                     
	80% {         
		color:#ADFF2F;
	}                     
	90% {         
		color:#EE82EE;
	}                                                                                       
	100% {
		color:#87CEFA;
	}
}                                                                                               
                                                                                  
#l3 span {
	animation: third 7s linear infinite;
}
@keyframes third {
	0% {
		color:#EE82EE;
	}
	10% {
		color:#87CEFA;
	}                     
	20% {         
		color:#6A5ACD;
	}                     
	30% {         
		color:#FFD700;
	}                     
	40% {         
		color:#F08080;
	}                     
	50% {         
		color:#32CD32;
	}                     
	60% {         
		color:#FFA500;
	}                     
	70% {         
		color:#48D1CC;
	}                     
	80% {         
		color:#1E90FF;
	}                     
	90% {         
		color:#ADFF2F;
	}                                                                                                     
	100% {
		color:#EE82EE;
	}
}                                                                                               
                                                                                  
#l4 span {
	animation: fourth 6s linear infinite;
}
@keyframes fourth {
	0% {
		color:#ADFF2F;
	}
	10% {
		color:#EE82EE;
	}                     
	20% {         
		color:#87CEFA;
	}                     
	30% {         
		color:#6A5ACD;
	}                     
	40% {         
		color:#FFD700;
	}                     
	50% {         
		color:#F08080;
	}                     
	60% {         
		color:#32CD32;
	}                     
	70% {         
		color:#FFA500;
	}                     
	80% {         
		color:#48D1CC;
	}                     
	90% {         
		color:#1E90FF;
	}                                                                                                                   
	100% {
		color:#ADFF2F;
	}
}                                                                                               
                                                                                  
#l5 span {
	animation: fifth 10s linear infinite;
}
@keyframes fifth {
	0% {
		color:#1E90FF;
	}
	10% {
		color:#ADFF2F;
	}                     
	20% {         
		color:#EE82EE;
	}                     
	30% {         
		color:#87CEFA;
	}                     
	40% {         
		color:#6A5ACD;
	}                     
	50% {         
		color:#FFD700;
	}                     
	60% {         
		color:#F08080;
	}                     
	70% {         
		color:#32CD32;
	}                     
	80% {         
		color:#FFA500;
	}                     
	90% {         
		color:#48D1CC;
	}                                                                                                                                 
	100% {
		color:#1E90FF;
	}
}                                                                                                             

#l6 span {
	animation: sixth 8s linear infinite;
}
@keyframes sixth {
	0% {
		color:#48D1CC;
	}                     
	10% {         
		color:#1E90FF;
	}       
	20% {   
		color:#ADFF2F;
	}                     
	30% {         
		color:#EE82EE;
	}                     
	40% {         
		color:#87CEFA;
	}                     
	50% {         
		color:#6A5ACD;
	}                     
	60% {         
		color:#FFD700;
	}                     
	70% {         
		color:#F08080;
	}                     
	80% {         
		color:#32CD32;
	}                     
	90% {         
		color:#FFA500;
	}                                                                                                                                 
	100% {
		color:#48D1CC;
	}                     
}                                                                                                             
                                                                                  
#l7 span {                                                                        
	animation: seventh 7s linear infinite;                                    
}
@keyframes seventh {
	0% {
		color:#FFA500;
	}                     
	10% {         
		color:#48D1CC;
	}                     
	20% {         
		color:#1E90FF;
	}       
	30% {   
		color:#ADFF2F;
	}                     
	40% {         
		color:#EE82EE;
	}                     
	50% {         
		color:#87CEFA;
	}                     
	60% {         
		color:#6A5ACD;
	}                     
	70% {         
		color:#FFD700;
	}                     
	80% {         
		color:#F08080;
	}                     
	90% {         
		color:#32CD32;
	}                                                               
	100% {
		color:#FFA500;
	}                     
}                                                                                                             
                                                                                  
#l8 span {
	animation: eighth 9s linear infinite;
}
@keyframes eighth {
	0% {
		color:#32CD32;
	}                     
	10% {         
		color:#FFA500;
	}                     
	20% {         
		color:#48D1CC;
	}                     
	30% {         
		color:#1E90FF;
	}       
	40% {   
		color:#ADFF2F;
	}                     
	50% {         
		color:#EE82EE;
	}                     
	60% {         
		color:#87CEFA;
	}                     
	70% {         
		color:#6A5ACD;
	}                     
	80% {         
		color:#FFD700;
	}                     
	90% {         
		color:#F08080;
	}                                                                                                                                 
	100% {
		color:#32CD32;
	}                     
}                                                                                                             
                                                                                  
#l9 span {
	animation: ninth 12s linear infinite;
}
@keyframes ninth {
	0% {
		color:#F08080;
	}                     
	10% {         
		color:#32CD32;
	}                     
	20% {         
		color:#FFA500;
	}                     
	30% {         
		color:#48D1CC;
	}                     
	40% {         
		color:#1E90FF;
	}       
	50% {   
		color:#ADFF2F;
	}                     
	60% {         
		color:#EE82EE;
	}                     
	70% {         
		color:#87CEFA;
	}                     
	80% {         
		color:#6A5ACD;
	}                     
	90% {         
		color:#FFD700;
	}                                                                                                                                 
	100% {
		color:#F08080;
	}                     
}                                                                                                             
                                                                                  
#l10 span {
	animation: tenth 13s linear infinite;
}
@keyframes tenth {
	0% {
		color:#FFD700;
	}                     
	10% {         
		color:#F08080;
	}                     
	20% {         
		color:#32CD32;
	}                     
	30% {         
		color:#FFA500;
	}                     
	40% {         
		color:#48D1CC;
	}                     
	50% {         
		color:#1E90FF;
	}       
	60% {   
		color:#ADFF2F;
	}                     
	70% {         
		color:#EE82EE;
	}                     
	80% {         
		color:#87CEFA;
	}                     
	90% {         
		color:#6A5ACD;
	}                                                                                                                                 
	100% {
		color:#FFD700;
	}                     
}