@charset "utf-8";
/* CSS Document */

.table_n {
	
	font-family: tahoma;
	font-size: 14px;
	border: 2px solid #78ba30;
	border-radius: 10px;
	padding: 5px 2px;
	margin: 6px;

	}

.main_border {
	border: 0px solid #000000;
}

.img_style2 {float:right;
}
p {
	font-family: Verdana; font-size:14px; margin: 10px;
}
a {
	text-decoration: none;
}
.signature {
	text-align: right;
	font-style: oblique;
	margin-bottom: 0px;
	margin-top: auto;
	margin-right: 20px;
}
.menu_text {
	font-family: tahoma; color: #F0F0F0;  font-size:16px; margin: 1px; font-weight: bold; 
}

.table_x {
	 background: url(img/biohaz.jpg) no-repeat;
         background-size: 100%; 

}

.kont_info {
	font-family: tahoma;   font-size:12px; margin: 1px; color: #8C8C8C; font-weight: bold;
}
.kont_info_h {
	font-family: tahoma;   font-size:12px; margin-top: 20px; margin-bottom: 1px; color: #8C8C8C; font-weight: bold;
}

.kont_info_tel {
	font-family: tahoma;   font-size:14px; margin-top: 1px; margin-bottom: 10px; 
}
.kont_info_tel_end {
	font-family: tahoma;   font-size:14px; margin-top: 1px; margin-bottom: 20px; 
}
.rr {
	font-family: tahoma;   font-size:14px; margin-top: 1px; margin-bottom: 10px; 
}


.bgF {
	background-color:aliceblue; vertical-align: top;  
}

body {
	background-image:url(../img/VD.jpg)
background-attachment: scroll;
}


.koron_info {
	font-family: tahoma;   font-size: 14px; margin-top: 20px; margin-bottom: 1px; color: #333333; font-weight: bold;
}

.menu_panel {
	background-color:#333333; 
}

.head_text_p {
	
	font-family: tahoma; color: #8C8C8C; font-size: 22px; margin-top: 30px; margin-bottom: 2px; 
}
.head_text {
	
	font-family: tahoma; color: #8C8C8C; font-size: 22px; margin: 2px;
}
.head_text_stat {
	
	font-family: tahoma; color: #8C8C8C; font-size: 22px; margin-top: 10px;
}

.head_text_stat_news {
	
	font-family: tahoma; 
        color: #8C8C8C; 
        font-size: 10px;
        margin-top: 10px;
        text-decoration:none;
}

.fottext {
	
	font-family: tahoma; color: aliceblue ; font-size: 12px;
	font-weight: bold;
}

.li_ssyle {
	
	list-style-type: none;
}

.img_style {
	
	margin:4px;
		
}
.img_style3 {
	text-align:center;
	margin:4px;
		
}

/*Левая навигационная панель - Ссылки*/
.table {
	width: 250px;
	font-family: tahoma;
	font-size: 14px;
	border: 2px solid #333333;
	border-radius: 10px;
	padding: 5px 2px;
	
	margin: 6px;

	}

.td_ref {
	border-bottom: 1px solid;
	padding: 10px;
	
}
.td_rf {
	border-right: 2px #A2A0A0 solid;
	
	padding: 10px;
	
}

.td_reff {
	border-bottom: 1px solid;
	padding: 10px;
	
}


.td_refff {
	border-bottom: 1px solid;
	padding: 10px;
	color: #ff0000
}






.text_stat {
	
	text-indent: 1.5em;
	font-family: Verdana; font-size:14px; margin: 10px;
	
	
}


.td_ref:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #F78978,#F9B0A5); /* Градиент */
    color: #F0F0F0;
}
.ss_left
{
	color:#333333;
	font-weight: bold;
}

/*Кнопка */
   .c {
	
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	background:#F78978;
	margin: 2px;
	font-size: 18px;
	   height: 30px;
	   width: 300px;
	  text-align: center;
	   Border-radius:10px;
	   
  }
   .c:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #F78978,#F9B0A5); /* Градиент */
    color: #F0F0F0;
   }

  .c-z {
	
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	background:#F78978;
	margin: 2px;
	font-size: 18px;
	   height: 20px;
	   width: 250px;
	  text-align: center;
	   Border-radius:10px;
	   
  }
   .c-z:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #F78978,#F9B0A5); /* Градиент */
    color: #F0F0F0;
   }

 .c1 {
	 
	<!-- background-image: url(../img/sl_kont.png); -->
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 20px;
	margin-left: 34px;
	font-size: 18px;
	   height: 40px;
	   width: 180px;
	  
	   Border-radius:10px;
	   
  }
.c2 {
	 
<!--	 background-image: url(../img/miac.png); -->
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 1px;
	margin-left: 34px;
	font-size: 18px;
	   height: 40px;
	   width: 180px;
	  
	   Border-radius:10px;}

.c3 {
	 
	<!-- background-image: url( ../img/bc479af9afbdd35cbf0fd44c9061f3ef.jpg);-->
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 1px;
	margin-left: 34px;
	font-size: 18px;
	   height: 40px;
	   width: 180px;
	  
	Border-radius:10px;}

.c4 {
	 
	 background-image: url( ../img/gosuslugi.png); -->
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 20px;

	font-size: 18px;
	   height: 210px;
	   width: 250px;
	  
	Border-radius:10px;}

.c6 {
	 
	<!-- background-image: url( ../img/soc.jpg);-->
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 20px;

	font-size: 18px;
	   height: 30px;
	   width: 250px;
	  
	Border-radius:10px;}

.c7 {
	 
	<!-- background-image: url( ../img/rospotreb.jpg); -->
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 1px;
	margin-left: 34px;
	font-size: 18px;
	   height: 40px;
	   width: 180px;
	  
	Border-radius:10px;}

.c8 {
	 
    background-image: url( ../img/rospotreb.jpg);
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 1px;
	margin-left: 34px;
	font-size: 18px;
	   height: 40px;
	   width: 180px;
	  
	Border-radius:10px;}

.f6 {
	 
	<!-- background-image: url( ../img/cmp.jpg);-->
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 1px;
	margin-left: 34px;
	font-size: 18px;
	   height: 40px;
	   width: 180px;
	  
	Border-radius:10px;}
.c16 {
	 
	<!-- background-image: url( ../img/bvg.jpg); -->
    border: 0px solid #333; /* Рамка */
    display: inline-block;
    padding: 20px 2px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color:aliceblue; /* Цвет текста */
	font-family: tahoma;
	
	margin-top: 1px;
	margin-left: 34px;
	font-size: 18px;
	   height: 40px;
	   width: 180px;
	  
	Border-radius:10px;}


.tooltip span{
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    left: 200px;
    background: #fff;
    box-shadow: -2px 2px 10px -1px #333; 
    border-radius: 5px;	
}
 
.tooltip:hover span{
visibility: visible;
}



#slides {

position: relative;
height: 45px;
padding: 0px;
margin: 0px;
list-style-type: none;

}

 

.slide {
	margin-top: 70px;
	margin-left: 0px;
	
position: absolute;

width: 98%;
height: 100%;
opacity: 0;
z-index: 1;
 -webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;

}

.showing {
opacity: 1;
z-index: 2;
z-index: 2;

}

.slide {
width:98%;
height:460px;
font-size: 40px;
padding: 40px;
box-sizing: border-box;
background: #333;
color: #fff;
	
}
 
.slide:nth-of-type(1) { max-width: inherit;
background: url(../img/1k.jpg);
}

 .slide:nth-of-type(2) { max-width: inherit;
background: url(../img/2k.jpg);
}

.slide:nth-of-type(3) { max-width: 100%;
background: url(../img/3k.jpg);
}





.controls{
  background: #333;
  color: #fff;
  border: none;
  padding: 10px 0px;
  font-size: 15px;
	font-weight: bold;
  cursor: pointer;
  border: 0px solid #fff;
  margin: 10px 0px 0px 10px;
  width: 70px;
	
}

.controls:hover,
.controls:focus{
  background:linear-gradient(to bottom, #333333 ,#747474); 
  color:aliceblue;
}

.buttons{
  position:relative;
 
  top: -45px;
  z-index: 2;
  font-size: 0px;
}
.container{
  position: relative;
	height: 300px;
}

#popup {
  display: table;
  position: fixed; top: 0; left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(240,240,240,.9);
  visibility: hidden;
  animation: animaciya 0s 0s forwards; /* 5s - это количество секунд по истечении которых появляется сообщение */ 
  cursor: pointer;
}
@keyframes animaciya {   
  from {visibility: hidden;}  
  to {visibility: visible;} 
}
#popup figure {
  display: table-cell;
  vertical-align: middle;
}
#popup div, #popup figcaption, #popup figure:before {
  max-width: 600px; /* максимальная ширина */ 
  margin: 0 auto;
  border-style: solid; 
  border-color: rgb(88,125,164);
  background: #fff;
}
#popup figure:before { /* стиль кнопки "закрыть" */ 
  content: "X";
  display: block;
  padding: 0 1%;
  border-width: 4px 4px 0 4px;
  border-radius: 5px 5px 0 0;
  text-align: right;
  color: rgb(88,125,164);
}
#popup div, #popup figcaption {
  padding: 1%;
  cursor: default;
}
#popup figcaption {
  position: relative;
  border-width: 0 4px 0 4px;
  font-size: 150%;
  text-transform: uppercase;
  color: rgb(100,100,100);
}
#popup figcaption:before { /* стиль восклицательного знака, не поддерживается Google Chrome. Его можно заменить на что-то более приемлемое */ 
  content: "\26a0 \20 \20";
  color: red;
  font-size: 150%;
  vertical-align: middle;
}
#popup div {
  border-width: 0 4px 4px 4px;
  border-radius: 0 0 5px 5px;
}


.pk
{color:#ff0000;
 border-bottom: 1px solid;
	padding: 10px;
}


.scroll {
  height: 2700px; /* Высота блока */
  overflow-y: scroll; /* Включаем вертикальную прокрутку */
}



.fig {
    text-align: center; /* Выравнивание по центру */ 
   }

.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button {
  min-width: 300px;
  min-height: 60px;
  font-family: 'Nunito', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: 700;
  color: #313133;
  background: #4FD1C5;
background: linear-gradient(90deg, rgba(129,230,217,1) 0%, rgba(79,209,197,1) 100%);
  border: none;
  border-radius: 1000px;
  box-shadow: 12px 12px 24px rgba(79,209,197,.64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 10px;
  }

button::before {
content: '';
  border-radius: 1000px;
  min-width: calc(300px + 12px);
  min-height: calc(60px + 12px);
  border: 6px solid #00FFCB;
  box-shadow: 0 0 60px rgba(0,255,203,.64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.button:hover, .button:focus {
  color: #313133;
  transform: translateY(-6px);
}

button:hover::before, button:focus::before {
  opacity: 1;
}

button::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #00FFCB;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}

button:hover::after, button:focus::after {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}