html, body {
border : 0;
margin : 0;
padding : 0;
background-repeat : no-repeat;
overflow-x: visible;

background: radial-gradient(rgba(0, 0, 0, 0.5)1px, rgba(0, 40, 60, .9) 1px);
-webkit-background-size: 20px 20px;
background-size: 20px 20px;

font : 14px/100% Tahoma;
color : #255255255;
text-decoration : none;

}

body {
    /* Создаем градиент с плавным переходом между цветами */
    background: linear-gradient(
        45deg, 
        rgba(0, 32, 92, 0.8) 0%,         /* Тёмный синий */
        rgba(0, 64, 184, 0.8) 5%,       /* Более яркий синий */
        rgba(0, 32, 92, 0.8) 10%,
        rgba(0, 64, 184, 0.8) 15%,
        rgba(0, 32, 92, 0.8) 20%,
        rgba(0, 64, 184, 0.8) 25%,
        rgba(0, 32, 92, 0.8) 30%,
        rgba(0, 64, 184, 0.8) 35%,
        rgba(0, 32, 92, 0.8) 40%,
        rgba(0, 64, 184, 0.8) 45%,
        rgba(0, 32, 92, 0.8) 50%,
        rgba(0, 64, 184, 0.8) 55%,
        rgba(0, 32, 92, 0.8) 60%,
        rgba(0, 64, 184, 0.8) 65%,
        rgba(0, 32, 92, 0.8) 70%,
        rgba(0, 64, 184, 0.8) 75%,
        rgba(0, 32, 92, 0.8) 80%,
        rgba(0, 64, 184, 0.8) 85%,
        rgba(0, 32, 92, 0.8) 90%,
        rgba(0, 64, 184, 0.8) 95%,
        rgba(0, 32, 92, 0.8) 100%
    );
    
    /* Настройки для эффекта ряби */
    background-size: 1000% 1000%;
    background-blend-mode: soft-light;
    
    /* Анимации */
    animation: 
        ripple-move 15s linear infinite,
        ripple-distort 10s ease-in-out infinite;
    
    /* Префиксы */
    -webkit-background-size: 1000% 1000%;
    -webkit-animation: 
        ripple-move 15s linear infinite,
        ripple-distort 10s ease-in-out infinite;
}

@keyframes ripple-move {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 100%;
    }
}

@-webkit-keyframes ripple-move {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 100%;
    }
}

#footer, #content
{
	position: absolute;
}

#header
{
	/*min-width: 1280px;*/
	height: 160px; /* Высота слоя */
	background: linear-gradient(rgb(0,30,65) 0px, #0a446a 124px, silver 125px, silver 125px, rgba(255,255,255,0.5) 129px, silver 130px, #ffffff 130px, #e5e6ec 160px);
	background: -moz-linear-gradient(rgb(0,30,65) 0px, #0a446a 124px,silver 125px, silver 125px, rgba(255,255,255,0.5) 129px, silver 130px, #ffffff 130px, #e5e6ec 160px);
	background: -webkit-linear-gradient(rgb(0,30,65) 0px, #0a446a 124px, silver 125px, silver 125px, rgba(255,255,255,0.5) 129px, silver 130px, #ffffff 130px, #e5e6ec 160px);
	background: -o-linear-gradient(rgb(0,30,65) 0px, #0a446a 124px, silver 125px, silver 125px, rgba(255,255,255,0.5) 129px, silver 130px, #ffffff 130px, #e5e6ec 160px);
	background: -ms-linear-gradient(rgb(0,30,65) 0px, #0a446a 124px, silver 125px, silver 125px, rgba(255,255,255,0.5) 129px, silver 130px, #ffffff 130px, #e5e6ec 160px);
	border-bottom: 1px solid #00476e;
	font-family: arial;
	font-weight: bold;
	color: silver;
	text-decoration: none;
	text-shadow:0px 0px 0px #7f7f7f;
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.3);
}

#footer
{
    position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    background: #39b54a; /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 100%; /* Ширина слоя */
	background: linear-gradient(#ffffff 0%, #e5e6ec 100%);
	background: -moz-linear-gradient(#ffffff 0%, #e5e6ec 100%);
	background: -webkit-linear-gradient(#ffffff 0%, #e5e6ec 100%);
	background: -o-linear-gradient(#ffffff 0%, #e5e6ec 100%);
	background: -ms-linear-gradient(#ffffff 0%, #e5e6ec 100%);
	border-top: double 3px #00476e;
	text-decoration: none;
	text-shadow:0px 0px 0px #7f7f7f;
	display: flex;
	justify-content: center;
	padding: 9px;
	font: 12px/100% arial;
	/*font-weight: bold;*/
	color: #00476e;
}

#content
{
	overflow: auto;
	padding: 30px 0px 30px 0px;
	justify-content: center;
	margin: 0px auto;	
	top: 161px; /* Расстояние от верхнего края */
	left: 0; /* Расстояние от левого края */ 
	bottom: 30px;
	right: 0;
	/*min-width: 1280px;*/
	width: 100%;
	
}

.shadow{
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	padding: 10px 10px;
	/*border-collapse:collapse;*/
}

.imagesize
{
	float:right;
	border: 0px solid #000;
	width: 50%;
	padding-left:20px;
	padding-bottom:20px;
	/*margin-left:20px;*/
}

.div_header
{
	min-width:1280px;
	width:70%;
	position: relative;
	border: 0x solid #fff;
}

.div_img_logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px solid #fff;
	display: inline-block;
	padding: 5px;
}

.div_text_logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px solid #fff;
	display: inline-block;
	padding: 5px;
}

.img_logo
{
	max-height:55px;
	border: 0px solid #fff;
}
/* Скрывает границы как волшебным пасом*/
/*
th:last-child {
  border-style: hidden!important;
}*/

 
/* Рамка слева у первой ячейки *//*
th:first-child {
	border-left: 1px solid orange;
	padding-left: 4px;
}*/
 
/* Рамка справа у последний ячейки */
th:last-child {
	border-right: hidden!important;
}

/******************************************************************************************************************************************************************************************************************/
.top_button
{
	border-radius: 0px;
	border-left:1px solid rgba(0,0,0,0);
	border-right:1px solid rgba(0,0,0,0);
	font: 16px/100% arial;
	font-weight: bold;
	color:#00476e;
	text-align:center;
	text-decoration: none;
	text-shadow:0px 1px 0px #fff;
	float: none;
	margin: 0px -3px;
	padding: 7px 30px 7px 30px;
	display:inline-block;
	position:relative;
}

.top_button:hover 
{
	border-left:1px solid #9ba0af;
	border-right:1px solid #9ba0af;
	color: #8A0808;
}

.top_button:active
{
	border-left:1px solid #8A0808;
	border-right:1px solid #8A0808;
	box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.5);
}

.button_sumbit
{
	cursor: pointer;
	text-decoration:none;
	text-align:center; 
	padding:2px 10px;
	display: inline-block;
	border: solid 1px #9ba0af; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px; 
	border-radius: 3px; 
	font:14px Tahoma, Geneva, sans-serif; 
	font-weight:bold;
	color:#00486e;
	background: linear-gradient(#ffffff 0%, #e5e6ec 100%);
	background: -moz-linear-gradient(#ffffff 0%, #e5e6ec 100%);	
	background: -webkit-linear-gradient(#ffffff 0%, #e5e6ec 100%);
	background: -o-linear-gradient(#ffffff 0%, #e5e6ec 100%);	
	background: -ms-linear-gradient(#ffffff 0%, #e5e6ec 100%);
	outline: none;
}

.button_sumbit:hover
{
	color:#8A0808;
	border: solid 1px #00486e;
}
 
.button_sumbit:active
{
	color:#8A0808;
	border: solid 1px #8A0808;
	box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.3);
}

.button
{
	cursor: pointer;
	text-decoration:none;
	text-align:center; 
	padding:3px 15px;
	min-width: 10em;
	display: inline-block;
	border: double 0.25em #9ba0af; 
	-webkit-border-radius:7px;
	-moz-border-radius:7px; 
	border-radius: 7px; 
	font:14px Tahoma, Geneva, sans-serif; 
	font-weight:bold;
	color:#00486e;
	background: linear-gradient(#ffffff 0%, #e5e6ec 100%);
	background: -moz-linear-gradient(#ffffff 0%, #e5e6ec 100%);	
	background: -webkit-linear-gradient(#ffffff 0%, #e5e6ec 100%);
	background: -o-linear-gradient(#ffffff 0%, #e5e6ec 100%);	
	background: -ms-linear-gradient(#ffffff 0%, #e5e6ec 100%);
	-webkit-box-shadow:1px 1px 2px #bababa, inset 0px 0px 1px #ffffff; 
	-moz-box-shadow: 1px 1px 2px #bababa,  inset 0px 0px 1px #ffffff;  
	box-shadow:1px 1px 2px #bababa, inset 0px 0px 1px #ffffff;
	outline: none;
}

.button:hover
{
	color:#8A0808;
	border: double 0.25em #00486e;
}
 
.button:active
{
	color:#8A0808;
	border: double 0.25em #8A0808;
	box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.3);
}

/* Контейнер <div> - необходим для размещения выпадающего содержимого */

.dropdown
{
	/*height: 100%;
	width: 100%;*/
	margin: 3px -3px;
	padding: 7px 30px;
	border-left:1px solid rgba(0,0,0,0);
	border-right:1px solid rgba(0,0,0,0);
	font: 16px/100% arial;
	font-weight: bold;
	color:#00476e;
	text-align:center;
	text-decoration: none;
	text-shadow:0px 0px 0px #fff;
	float: none;
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown:hover 
{
	box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.5);
	-webkit-transition: box-shadow 0.5s;
	border-left:1px solid #9ba0af;
	border-right:1px solid #9ba0af;
	color: #8A0808;
}

.dropdown:active
{
	border-left:1px solid #8A0808;
	border-right:1px solid #8A0808;
	box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.5);
	-webkit-transition: box-shadow 0.2s;
}

.dropdownhover
{
	height: 100%;
	width: 100%;
	/*margin: 3px;
	padding: 7px 30px;*/
	font: 16px/100% arial;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	float: none;
	position: relative;
	display: inline-block;
	cursor: pointer;
	box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.5);
	-webkit-transition: box-shadow 0.5s;
	border-left:1px solid #9ba0af;
	border-right:1px solid #9ba0af;
	color: #8A0808;
}

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content {
	display: none;
	position: absolute;
	left:-1px;
	top:31px;
	width:100%;	
	border-radius: 0px 0px 3px 3px;
	border-left:1px solid #9ba0af;
	border-right:1px solid #9ba0af;
	border-bottom:1px solid #9ba0af;
	background-color: #f1f1f1;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Ссылки внутри выпадающего списка */
.dropdown-content a {
	text-align:left;
	font: 14px/100% arial;
	color:#00476e;
	padding: 10px 9px;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

.dropdown-content a:hover
{
	background-color: #ddd;
	color:#8A0808;
}

.dropdown-content a:active
{
	color: red;
}

/* Показать выпадающее меню при нажатии на кнопку */
.show
{
	display: block;
}
/* -------------------------------- */

/* Показать выпадающее меню при нажатии на кнопку */
/*
.dropdown:hover .dropdown-content
{
	display: block;
}*/

.div_menu_buttons
{
	position: relative;
	top: 67px;
}
/******************************************************************************************************************************************************************************************************************/
h1 {
font : 20px/150% Georgia;
color : #00476e;
font-weight:bold;
text-align : center;
vertical-align: middle;
text-decoration : none;
display : block;
}
h2 {
font : 16px/150% Georgia;
color: #8A0808;
font-weight:bold;
text-align : center;
vertical-align: middle;
text-decoration : none;
display : block;
}
h3 {
font : 16px/150% Georgia;
color: #00476e;
font-weight:bold;
text-align : center;
vertical-align: middle;
text-decoration : none;
display : block;
}
hr
{
	height:0px;
	border-color: rgba(255,255,255,0.5);
	border-radius:2px;
}
/******************************************************************************************************************************************************************************************************************/

.button1
{
 text-decoration:none;
 text-align:center; 
 padding:4px 15px;
 width: 140px;
 display: inline-block;
 border:double 3px #004F72; 
 -webkit-border-radius:8px;
 -moz-border-radius:8px; 
 border-radius: 8px; 
 font:12px Tahoma, Geneva, sans-serif; 
 font-weight:bold; 
 color:#00486e; 
 background-color:#ffffff; 
 background-image: -moz-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); 
 background-image: -webkit-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); 
 background-image: -o-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); 
 background-image: -ms-linear-gradient(top, #ffffff 0% ,#d6d6d6 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); 
 background-image: linear-gradient(top, #ffffff 0% ,#d6d6d6 100%);   
 -webkit-box-shadow:2px 2px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 2px 2px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:2px 2px 2px #bababa, inset 0px 0px 1px #ffffff;
 outline: none;
 }
 
 .button1:hover
 {
 padding:4px 15px;
 border:double 3px #004F72; 
 -webkit-border-radius:8px;
 -moz-border-radius:8px; 
 border-radius: 8px; 
 font:12px Tahoma, Geneva, sans-serif; 
 font-weight:bold; 
 color:#00486e; 
 background-color:#ffffff; 
 background-image: -moz-linear-gradient(top, #ffffff 0%, #cfeeff 100%); 
 background-image: -webkit-linear-gradient(top, #ffffff 0%, #cfeeff 100%); 
 background-image: -o-linear-gradient(top, #ffffff 0%, #cfeeff 100%); 
 background-image: -ms-linear-gradient(top, #ffffff 0% ,#cfeeff 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfeeff',GradientType=0 ); 
 background-image: linear-gradient(top, #ffffff 0% ,#cfeeff 100%);   
 -webkit-box-shadow:2px 2px 1px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 2px 2px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:2px 2px 2px #bababa, inset 0px 0px 1px #ffffff;  
 outline: none; /**Убирает голубую обводку**/
 }
 
 .button1:active
 {
 padding:4px 15px;
 border:double 3px #004F72; 
 -webkit-border-radius:8px;
 -moz-border-radius:8px; 
 border-radius: 8px; 
 font:12px Tahoma, Geneva, sans-serif; 
 font-weight:bold; 
 color:#00486e; 
 background-color:#cfeeff; 
 background-image: -moz-linear-gradient(top, #cfeeff 0%, #ffffff 100%); 
 background-image: -webkit-linear-gradient(top, #cfeeff 0%, #ffffff 100%); 
 background-image: -o-linear-gradient(top, #cfeeff 0%, #ffffff 100%); 
 background-image: -ms-linear-gradient(top, #cfeeff 0% ,#ffffff 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfeeff', endColorstr='#ffffff',GradientType=0 ); 
 background-image: linear-gradient(top, #cfeeff 0% ,#ffffff 100%);   
 -webkit-box-shadow:1px 1px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 1px 1px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:1px 1px 2px #bababa, inset 0px 0px 1px #ffffff;
 outline: none;
 }

.button2
{
font:18px Tahoma, Geneva, sans-serif;
width: 100%;
color: #00476e;
text-decoration: none;
display: inline-block;
}

.button2:hover
{
	color: #8A0808;
}
/******************************************************************************************************************************************************************************************************************/
/*input[type=radio].css-checkbox
{
	position:relative;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=radio].css-checkbox + label.css-label
{
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label
{
	background-position: 0 -16px;
}*/

label.css-label
{
	background-image:url(../img/radio.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=text]
{
	width: 800px;
	text-align: left;
	font: 14px/100% Tahoma;
	border: double 0.25em #9ba0af;
	background-color: rgba(0, 0, 0, 0.0);
	outline: none;
	padding: 0.25em;	
}

input[type=text]:focus 
{
	outline: none;
	border: double 0.25em #00486e;
}

select
{
	width: 800px;
	text-align: left;
	font: 14px/100% Tahoma;
	border: double 0.25em #9ba0af;
	background-color: rgba(0, 0, 0, 0.0);
	outline: none;
	padding: 0.2em;
}

select:focus 
{
	outline: none;
	border: double 0.25em #00486e;
}
/******************************************************************************************************************************************************************************************************************/
/************************************************** Таблица стиля протоколов **************************************************/
.table-protocols {
	border-radius: 10px;
	width: 100%;
	border-top: 1px solid #9ba0af;
	border-right: 1px solid #9ba0af;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom: 20px;
	background: #fff;/*rgba(0,0,0,0.05);*/
}
.table-protocols thead th {
	font-family: Calibri;
	font-weight: bold;
	text-align: center;
	color: #00476e;
	border: none;
	padding: 10px 2px;
	background: linear-gradient(#fff 0%, #e5e6ec 100%);
	font-size: 1.4em;
	border-bottom: 1px solid #9ba0af;
	border-left: 1px solid #9ba0af;
}
.table-protocols thead {
	border-radius: 5px 5px 0 0;
}
.table-protocols tbody td {
	font-family: Calibri;
	text-align: center;
	border-left: 1px solid #9ba0af;
	padding: 10px 5px;
	font-size: 1.2em;
	vertical-align: center;
	border-bottom: 1px solid #9ba0af;
}
.table-protocols tbody tr:nth-child(even){
	background: rgba(0,0,0,0.05);
}
.table-protocols thead tr th:first-child {
	border-radius: 10px 0 0 0;
}
.table-protocols thead tr th:last-child {
	border-radius: 0 10px 0 0;
}
.table-protocols tbody tr:last-child td:first-child {
	border-radius: 0 0 0 10px;
}
.table-protocols tbody tr:last-child td:last-child {
	border-radius: 0 0 10px 0;
}
/************************************************** Таблица стиля протоколов **************************************************/