a:link{text-decoration:none;color:black;}
a:hover{text-decoration:none;color:black;}
a:active{text-decoration:none;color:black;}
a:visited{text-decoration:none;color:black;}

.newsbar {
	position	: relative;
	width		: 100%; /* for IE 6 */
}

.img-wrapper-n{
    object-fit: cover;
    width: -webkit-fill-available;
    height: 180px;
}

.img-wrap {
  position: relative;
}

.img-wrap h1 {
font-size:14px;
font-family:'Century Gothic';
  position: absolute;
  left: 0;
  bottom: 140px;
  background: #f0f0f0;
}

colonk {   
font-family:'Century Gothic';
    text-align:center;
margin: 0;
width:100%;
    font-size:50px;
    border: 1px solid black;
    background-color: rgba(112, 207, 112, 0.7); 
    color: white; /* Цвет текста */
    padding: 2px; /* Поля вокруг текста */}

.out{color:darkgray;padding-left:10pt;padding-right:10pt;text-align:center}
.over{color:silver;padding-left:10pt;padding-right:10pt;text-align:center;text-decoration:underline}
.nosel{background-color:;}
.sel{background-color:;background-image:url('/pict/up_new.png');background-repeat:no-repeat;}
.next{color:magenta}

/*Основной текст*/
p{font-family:'Century Gothic';font-size:10pt;color:;padding-left:15px;text-indent:0px;}
ul{font-family:'Century Gothic';font-size:10pt;}
ol{font-family:'Century Gothic';font-size:10pt;}

/*Заголовок раздела и подраздела*/
h2{color:#1C72AC;font-family:'Century Gothic';font-size:14pt;font-weight:bold;text-align:left;padding-left:15px;padding-top:15px;}
h3{color:;font-family:'Century Gothic';font-size:10pt;font-weight:bold;text-align:center;}


/*Левое меню*/
p.menu_1{padding-left:0;margin: 0;font-family:'Century Gothic';font-size:11pt;color:#1C72AC;font-weight:bold;text-align:center;} /*text-indent:0px;border: 4px double black; /* Параметры границы */
   /* background: #fc3; /* Цвет фона */
   /* padding: 0px; /* Поля вокруг текста */
   /* margin:0px;}
p.menu_2{padding-left:15;font-family:candara;font-size:9pt;color:#1C72AC;font-weight:;text-align:left;text-indent:0px;}

/*Меню на странице*/
p.menu_center{padding-left:45;text-indent:0;text-align:left;}


/*Новости*/
span.data{font-weight:bold;color:royalblue;}
p.news{text-indent:0;text-align:justify;}

/*Меню выбора*/
   ul {
z-index: 1;
    width: 100%; /* Ширина меню */
    list-style: none; /* Для списка убираем маркеры */
    margin: 0; /* Нет отступов вокруг */
    padding: 0; /* Убираем поля вокруг текста */
    font-family:'Century Gothic',sans-serif; /* Рубленый шрифт для текста меню */
    font-size: 11pt; /* Размер названий в пункте меню */
color:#1C72AC;
font-weight:bold;
text-align:center;
   }
   li ul {
    width: 20%;
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 165px; /* Сдвигаем подменю вправо */
    margin-top: -2em; /* Сдвигаем подменю вверх */
   }
   li a {
    display: block; /* Ссылка как блочный элемент */
    padding: 2px; /* Поля вокруг надписи */
    text-decoration: none; /* Подчеркивание у ссылок убираем */
    color: #1C72AC; /* Цвет текста */
    border: 1px solid #ccc;/* Рамка вокруг пунктов меню */
    background-color: #1C72AC; /* Цвет фона */
    border-bottom: none; /* Границу снизу не проводим */
   }
   li a:hover {
    color: #ffe; /* Цвет текста активного пункта */
    background-color: #5488af; /* Цвет фона активного пункта */
   }
   li:hover ul { 
    display: block; /* При выделении пункта курсором мыши отображается подменю */
   }
   .brd {
    border-bottom: 1px solid #ccc; /* Линия снизу */
   }


/*DOC таблицы*/

table.doc{font-family:"times new roman";background-color:black}
td.doc{background-color:white;padding:5px}

/*для слабовидящих*/
td.up1 {display:none;}
h2.banner {display:none;}
table.contacts {font-family:'Century Gothic';font-weight:bold;color:#1C72AC;font-size:9pt;}
img{padding:;border-width:0;}



/* slider v 2 */

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 70%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 15px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
font-family:'Century Gothic';
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 50%;
  text-align: center;
  background-color: #5488af;
}

/* Number text (1/3 etc) */
.numbertext {
font-family:'Century Gothic';
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  background-color: #5488af;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


/* Обратная связь */
.titles{
	width: 140px;
	float: left;
font-family:'Century Gothic';
}

#form_message{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 5px;
	margin:10px;
	padding: 10px;

font-family:'Century Gothic';
}

#form_message input,textarea{
	border-radius: 5px;
	width: 100%;
font-family:'Century Gothic';
}

#submit{
	float: right;
font-family:'Century Gothic';
}

#form_message h2{
	text-align: center;
font-family:'Century Gothic';
}

/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/* imgsize */
.blok1 {position: relative; cursor:pointer; display: flex; align-items: center;
justify-content: center;}
.blok1 img + img {position:absolute; top: 50%; z-index:100; display: none;}
.blok1:hover img + img {display: block;}


.container {
    position: relative;
    text-align: center;
    color: black;
font-family:'Century Gothic';
    font-size:14px;
overflow: hidden;
}


/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centered-right {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
}


/* Новостные таблицы */
.column {
    float: left;
    width: 30%;
    margin-bottom: 16px;
    padding: 0 3px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
    .column {
        width: 100%;
        display: block;
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
 text-overflow: ellipsis;
 overflow: hidden;
    }
}

/* Add some shadows to create a card effect */
.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
   height: 320px;
 text-overflow: ellipsis;
 overflow: hidden;

}

/* Some left and right padding inside the container */
.container1 {
    padding: 0 2px;
 text-overflow: ellipsis;
 overflow: hidden;
}

/* Clear floats */
.container1::after, .row::after {
    content: "";
    clear: both;
    display: table;
 text-overflow: ellipsis;
 overflow: hidden;
}

.title {
 color:#1C72AC;
}

.autoImg{
  max-width:800px;
  min-width:100%;
}
@media (width: auto) {
  .autoImg{max-height:480px;width:100%;}
}
/*table*/
.ntable {
  background: white;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.ntable th {
  font-weight: normal;
  border-bottom: 2px solid #6678b1;
  padding: 10px 8px;
}
.ntable td {
  border-bottom: 1px solid #ccc;
  padding: 9px 8px;
  transition: .3s linear;
}
/*custom css*/
h10 {font-family: 'Century Gothic';color: royalblue;font-size: 14;font-weight: bold;}
.pl-text .text-underline{text-decoration: underline;}
.pl-text{padding-left: 25px;}
.pl3r{padding-left: 3rem;}



/*resetstyles*/
.ulreset{list-style: auto;color: black;font-weight: normal;font-size: small;margin: auto;padding:revert;text-align: inherit;}
.resetA {text-decoration: underline !important;color: auto !important;}