* {
  padding: 0;
  margin: 0;
}

* {box-sizing:border-box}
.jj {
text-indent: 25px;
}
.ev {
min-width: 50%;
height: 150px;
	float:left;
}
.imgs {
width: 80%;
margin: 0 10% 0 10%;
}
.timg {padding: 0 0 0 0; font-size:35px;}
.timgog {padding: 5% 5% 5% 0; font-size:20px; text-align:left;font-weight: normal;}
.timgg {padding: 5% 5% 0 0; font-size:20px; text-align:left;font-weight: normal;}
.tabnews {font-family:Roboto;text-align:left;  }
.tbl {margin: 20px 20px 20px 20px;}
.second {background-color: rgb(255, 255, 255); }
.container {
  width: 100%;
  min-width: 320px;
  max-width: 1200px;
  margin: 0 auto;}
.logonad{
  width:80%;
  float: left;
  display: block;
  height: 110px;}
.logon{
  width: 600px;
  max-width:100%;}
  .menu__container {
    right: 10%;  }
  .menu__button {
    top: 20px;
    margin-left: auto;
	margin-right: 20px;
    width: 70px;
    height: 110px;
    border: 1px solid rgb(255, 255, 255);
    background-image: url(image/mn.png);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center;
  }
  .menu {
    border: 2px solid rgb(238, 238, 238);
    width: 600px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    background-color: #f1f3f3;
    right: 90px;
    top: 80px;
  }
  .menu-open{display: inline-block; }
  .menu-close {display: none;}
  .menu__content li a{
    display:block;
    height:150px; padding:60px 100px 0 50px; color:#282338; text-decoration:none; text-transform:uppercase;}
  .menu__content li a:hover { color:#fff; background:#00d0ff;}
  .hh {
    text-align: center;
    color: #ffffff;
    background: #282338;
  }
.fon  {
    background: #2F4F4F; /* Параметры фона */
    height: 200px; /* Высота слоя */
	border-radius: 20px;
	margin: 10px 10px 10px 10px;
   }
.bl21{
  font-family: Arial;
  text-align: center;
	color: #46344E ;
	}
.vkladka{width:30%;height: 200px;float:left;text-align: center;}
.ic {height:150px;margin: 22px 0 0 0 ;}
.vkladka2{
  height: 200px;
  
	
	}
.outer-wrapper{height: 150px;}
.outer {
    
    height: 150px;
    
    vertical-align: middle;
    
}
.inner {
	padding:50px 0 0 0;
    display: inline-block;
	
}
    
.vktext {
	
	color: 	#DCDCDC ;	font-family: Arial; }
.urr {
	text-decoration:underline;
	color: 	#A9A9A9;
	font-size: 25px;
	text-align:right;
	margin: 0 15px 0 0;
}
.element{
	
	
	background:#DCDCDC;
	padding:15px;
	border-radius: 0 0 20px 20px;
	margin: -10px 40px 10px 40px;
	color: 	#2F4F4F ;	font-family: Arial;
	font-size: 30px;
		}
.element p {text-indent: 25px;font-size: 15px;}
.imeg {text-align: center;margin:20px;}
.imegg {height:96px;}
.imeggg {height:300px;}
.ex
{
	margin:200px 0 0 0;
	padding: 40px 20px 100px 20px;
	height:1000px;
 color: #808080;
  background-color: rgb(21, 22, 59);
}
.ex p {margin: 15px 0 0 0;font-size:27px;}
.ex a {
    color: white; /* Цвет ссылок */
   }
 .ex  a:visited {
    color: #F0F8FF; /* Цвет посещенных ссылок */
   }
.ex   a:active {
    color: 	#F5F5DC; /* Цвет активных ссылок */}
/*для поисковика*/
#myInput {
    background-image: url(image/poisk.png); /* Добавить значок поиска для ввода */
    background-position: 10px 12px; /* Расположите значок поиска */
    background-repeat: no-repeat; /* Не повторяйте изображение значка */
    width: 80%; /* Полная ширина */
    font-size: 35px; /* Увеличить размер шрифта */
    padding: 10px 40px 10px 80px; /* Добавить немного отступов */
    border: 1px solid #ddd; /* Добавить серую границу */
    margin: 100px 10% 20px 10%; /* Добавить некоторое пространство под входом */
  }
  
  #myTable {
    
    width: 80%; /* Полная ширина */
    
    font-size: 18px; /* Увеличить размер шрифта */
	margin: 0 10% 0 10%;
	  border-spacing: 0em 0.9em;
  }
  
  #myTable th, #myTable td {
    text-align: left; /* Выравнивание текста по левому краю */
    padding: 12px; /* Добавить отступ */
  }
  
  #myTable tr {
    /* Добавить нижнюю границу для всех строк таблицы */
    border-bottom: 1px solid #ddd;
  }
  
  #myTable tr.header, #myTable tr:hover {
    /* Добавить серый цвет фона для заголовка таблицы и при наведении курсора мыши */
    background-color: #f1f1f1;
  }

.tdd {
border-radius: 20px;
  background: #DCDCDC;}
.card__add {
  display: block;
  width: 90%;
  font-weight: 400;
  font-size: 32px;
  background: #2F4F4F;
  padding: 10px;
  text-align: center;
  border: 1px solid #002000;
  border-radius: 4px;
  cursor: pointer; /* Меняем курсор при наведении */
  transition: 0.2s;
  
  margin: 15px 5% 15px 5%;
}
.butcc {
text-decoration:none;

}

.butc {
text-decoration:none;
color:	#DCDCDC ;
}
.butc:hover {
text-decoration:none;
color: #fff;
}

.card__add:hover {
  border: 1px solid #ff6633;
  background-color: #ff6633;
  
}
.tx {
 	font-size:25px;
	text-indent: 25px;
	font-family: Arial;
	margin: 10px 5% 20px 5%;
}

.txx {
 	font-size:20px;
	text-indent: 25px;
	font-family: Arial;
	margin: 5px 5% 10px 5%;
}

.txxex {
 	font-size:20px;
	text-indent: 25px;
	font-family: Arial;
	margin: 5px 5% 35px 5%;
}
.imgh {
	background: white;
	margin: 30px 5% 20px 5%;
	border: 5px solid 	#8c86a3;
	width:90%;
}
.txt {
margin: 35px 0 0 35px;}
.imgex{
width:80%;
margin: 0 0 10px 0;}

.blok {
left: 10%;
width: 80%;

}