body {color:#000000;background: #ffffff;margin: 0px;padding-top: 0px;padding-bottom: 0px;text-align: left;font-family:  Tahoha, Arial;font-size: 12pt;}
table {border-collapse: collapse;margin:0px;border: 0px;}
h1{font-size: 20pt;color: #087cb6;text-align: center;font-weight: bold;margin: 20px;}	
h2 {font-size: 16pt;color: #087cb6;text-align: center;font-weight: bold;margin: 20px;}	
h3 {font-size: 15pt;text-align: center;font-weight: bold;margin: 20px;}
h4 {font-size: 14pt;text-align: left;font-weight: bold;margin: 20px;}

a {color: #087cb6;}
a:hover {color: #cc0000;text-decoration: none;}
p {margin: 0px;text-indent: 0px;line-height: 120%;margin-bottom: 10px;}
span {margin: 0px;}
td {border: 0px solid black;margin: 0px;padding: 0px;}
div {border: 0px solid red;margin: 0px;padding: 0px;}
img {border: 0px;margin: 0px;padding: 0px;}
input, form {margin: 0px;padding: 0px;}
hr {width: 97%;background-color:#000000;color: #000000;border: 0px;border-top: 1px solid #000000; padding: 0px;} 

.container {padding-left: 0px;padding-right: 0px;}

.head {height: 110px;}
.head_l {padding-left: 0px;}
.head_l img {margin-left: -15px;margin-top: 5px;width: 100px;height: 100px;}
.head_c img {margin-left: -20px;margin-top: 15px;width: 100%;max-width: 530px;}

.head_logo {position: absolute;z-index: 1;top: 10px;left: 0px;width: 100px;height: 100px;}
.head_name1 {position: absolute;display: block;z-index: 1;top: 27px;left: 120px;width: 530px;height: 80px;}
.head_lk {position: absolute;z-index: 2;top: 5px;right: 0px;height: 27px;}

.head_tel {position: absolute;z-index: 2;top: 40px;right: 0px;height: 75px;}
.head_tel  p{text-align: right;font-size: 16pt;margin: 0px;margin-top: 4px;white-space: nowrap;color: #b00000}

.menu-area{background: #4d7ec0;background: linear-gradient(to top, #7eb4fe, #4d7ec0);border-bottom: 1px solid #4d7ec0;
-webkit-box-shadow: 0px 10px 15px 0px rgba(138,138,138,0.9);
-moz-box-shadow: 0px 10px 15px 0px rgba(138,138,138,0.9);
box-shadow: 0px 10px 15px 0px rgba(138,138,138,0.9);
}

.navbar {padding:0px !important;}
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:none;
  background-color:#7eb4fe;
  border-radius: 0;
  margin-top: -1px;
}

#navbar_button {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 100000;
    margin-top: -90px;
    color: #4d7ec0;
	font-size: 40px;
	border: 0px !important;
	background: #ffffff;
}
#navbar_button:active{
	border: 0px !important;
	background: #ffffff;
}

.nav-link {color:#fff;font-size:14pt;padding: 15px 14px !important;;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";display: block !important;}

.active, .nav-link:hover {color: #fff;background-color:#4d7ec0;outline: 0;}


/*content*/

.top_cont_banner {
    position: relative;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: cover;
    width: 100%;
	height: 185px;
	margin: 0px;
}
.top_cont_banner h1 {position: absolute;top: 70px;left: 370px;left: 30%;color: #40403e;font-size: 30pt;font-weight: normal;margin: 0px;text-shadow: 1px 1px 2px #ffffff;}

.content {width: 100%; position: relative;max-width: 1160px;min-height: 600px;margin: 0px;padding: 0px;padding-top: 10px;padding-bottom: 40px;box-sizing: border-box;text-align: left;vertical-align: top;}

.content p {font-size: 13pt;line-height: 1.5;text-align: justify;margin: 15px;margin-left: 20px;margin-right: 20px;}

.content .img_r {float: right;margin: 15px;margin-right: 20px;margin-top: 0px;}
.content .img_l {float: left;margin: 15px;margin-left: 20px;margin-top: 0px;}


.ind_news {margin: 20px;}
.news_blk {display: inline-block;width: 365px;margin: 45px;margin-top: 0px;margin-bottom: 20px;margin-left: 0px;vertical-align: top;padding: 0px;border: 0px solid silver;}
.news_blk:nth-child(3n){margin-right:0px;}

.news_blk_h {text-align: left;position: relative;width: 365px;height: 30px;}
.news_blk_h div {position: absolute;top: 0px;font-size: 14pt;}
.news_blk_h .span_date {left:0px;}
.news_blk_h .span_time {color: #cccccc;right:0px;}

.news_blk p {margin: 0px;text-align: left;}
.news_blk a {color: #000000;text-decoration: none;}
.news_blk a:hover {text-decoration: underline;}

.ind_cont {max-width: 1190px;}
.ind_cont a {color: #989898;text-decoration: none;}
.ind_cont a:hover {text-decoration: underline;}

.ind_cont td {vertical-align: top;}
.ind_cont div img {margin-right: 15px;}
.ind_cont p {margin: 0px;margin-bottom: 10px;}

.lb_news {vertical-align: top;padding-right: 30px;}
.lb_news h3 {text-align: left;margin: 0px;margin-bottom: 10px;color: #4c7dbf;}
.lb_news p {line-height: 110%;font-size: 11pt;text-align: left;margin: 0px;}
.lb_news .p_podrobn {margin-top: 5px;margin-bottom: 15px;}
.lb_news .p_podrobn a {color: #989898;font-size: 11pt;}

.lb_news p a {color: #000000;}


.lb_news_date {color: #4c7dbf;}

.rb_news2 {vertical-align: top;text-align: center;width: 220px;padding-left: 30px;}
.rb_news2 h3 {text-align: center;margin: 0px;margin-bottom: 10px;color: #4c7dbf;}
.rb_news2 img {margin-bottom: 20px;width: 200px}




/*foot*/
.foot {width: 100%; text-align: left; font-size: 12pt;font-family: Arial;background: url(../images/foot-f1.gif) top repeat-x #4f4f4e;text-align: center;padding-top: 20px;padding-bottom: 20px;}
.foot p {text-align: center;margin: 0px;margin-top: 10px;color:#ffffff;}
#foot_copy {margin: 10px;margin-top: 5px;}

.foot_blocks {padding: 0;margin: 0;list-style: none;max-width: 1220px;margin-top: 20px;border: 0px solid red;}
.foot_blocks li {text-align: center;vertical-align:top;display: inline-block;max-width: 200px;margin: 0px;padding: 5px;border: 0px solid red;}
.foot_blocks li a {color: #ffffff;font-size: 10pt;display: block;margin: 4px;text-align: left;text-decoration: none;}
.foot_blocks li a:hover {text-decoration: underline;}

#foot_copy {font-size: 10pt;color: #cccccc;text-align: center;}

#foot_search {position: relative;text-align:left;height: 25px;font-size: 10pt;}
.search {
  /* устанавливаем необходимую ширину формы в зависимости от дизайна
  ** форма без проблем раст¤гиваетс¤ */
  width: 220px;
	margin-left: -80px;
	margin-top: 135px;
  /* кнопку отправки будем позиционировать абсолютно,
  ** поэтому необходимо это свойство */
  position: relative;
  text-align:right;
}

.search input {
  /* отключаем бордюры у инпутов */
  border: none;
}

/* стили дл¤ пол¤ ввода */
.search .input {
  width: 100%;
  padding: 4px 24px 5px 5px;

  /* чтобы ширина пол¤ ввода (100%) включала в себ¤ внутренние отступы */
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  /* добавл¤ем внутренние тени */
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3);

  /* закругл¤ем углы */
  border-radius: 5px;

  background: #ffffff;
  font-size: 10pt;
  color: #555;
  outline: none;
}

/* мен¤ем оформление пол¤ ввода при фокусе */
.search .input:focus {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4);
  background: #eeeeee;
  color: #333;
}

/* оформл¤ем кнопку отправки */
.search .submit {
  /* позиционируем кнопку абсолютно от правого кра¤ формы */
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  /* раст¤гиваем кнопку на всю высоту формы */
  height: 100%;

  cursor: pointer;
  background: url(../images/lupa.png) 50% no-repeat;

  /* добавл¤ем прозрачность кнопке отправки */
  opacity: 0.5;
}

/* при наведении курсора мен¤ем прозрачность кнопки отправки */
.search .submit:hover {
  opacity: 0.9;
}

/* данное свойство необходимо дл¤ того, чтобы в браузерах
** Chrome и Safari можно было стилизовать инпуты */
input[type="search"] {
  -webkit-appearance: none;
}
*+html .search {
  /* дл¤ IE7 подгон¤ем ширину под другие браузеры и добавл¤ем правый
  ** внутренний отступ, чтобы кнопка отправки встала на свое место */
  width: 28%;
  padding: 0 52px 0 0;
}
.search .input {
  border: 1px solid #DFDFDF;
  border-top: 1px solid #B3B3B3;
  padding-top: 4px;
  padding-bottom: 3px;
  border-right: 0px solid #DFDFDF;
}
.search .input:focus {
  border: 1px solid #CFCFCF;
  border-top: 1px solid #999;
}
.search .submit {
  filter: alpha(opacity=50);
}
.search .submit:hover {
  filter: alpha(opacity=80);
}





/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
		  #navbar_button {
			display: none;
		  }

		/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
		.navbar .nav-item {
		  padding: 0;
		  margin:0 ;
		}

		/* makes the dropdown full width  */
		.navbar .dropdown {position: relative;}

		.navbar .dropdown-menu {
		  width: auto;
		  left:0;
		  right:0;
		
		}
		  
		  /* shows the dropdown menu on hover */
		.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		  display:block!important;
		}

}

.dropdown-menu {
	min-width: 300px;
	padding: 0px !important;
}

.dropdown-menu li {border-bottom: 1px solid #4d7ec0;}


@media only screen and (max-width: 1200px) {
    .nav-link {font-size: 11pt;}
}

@media only screen and (max-width: 992px) {
	.head_lk {display: none;}
	.head_tel {display: none;}
  .menu-area {padding: 0px;}
  .menu_container {max-width: 100%;margin: 0px;padding: 0px;}
  .dropdown-menu li {border-bottom: 0px;}
  .dropdown-menu .nav-link {padding-left: 40px !important;}
  .nav-link {font-size: 14pt;}
}


@media only screen and (max-width: 768px) {
	.head_c img {margin-left: 15px;margin-top: 40px;}
	.head_lk {display: none;}
	.head_tel {display: none;}
	
	.header_container {max-width: 100%;padding-left: 0px;padding-right: 0px;}
	.head_fluid {padding-left: 0px;padding-right: 0px;}
	  .menu-area {padding: 0px;}
	  .menu_container {max-width: 100%;margin: 0px;padding: 0px;}
	  
}

@media only screen and (max-width: 480px) {
	.container-fluid {}
	.head {height: 90px;}
	.head_l img {width: 80px;height: 80px;}
	.head_c img {margin-left: 20px;}
	
	.head_lk {display: none;}
	.head_tel {display: none;}
	.header_container {max-width: 100%;padding-left: 0px;padding-right: 0px;}
	.head_fluid {padding-left: 0px;padding-right: 0px;}
	
	#navbar_button {right: -15px;top: 20px;}
	
	.content>div {padding-left: 0px;padding-right: 0px;}
	.content>div>div {padding-left: 0px;padding-right: 0px;}
	
	.foot_logo img {margin-left: 0px;height: 100px;}
}