/*ПАНЕЛЬ НАВИГАЦИИ*/
	.navbarstyle {
	border: solid 2px #141471;
	background-color: #141471;	
	margin: 0px;
	}
	.navbar-inverse { 
	border-radius: 0;
	}
	.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	 color: #e9eef1;
	 background-color: #346270;
	}
	.nav-pills>li.active>a{
	background-color: #141471;
}
	.nav-pills>li>a {
	color: #fff;
	
	}
	.nav-pills>li>a:hover {
	background-color: #e9eef1;
	color:black;
	}
.icon_1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.icon_2 {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.icon_2 a img{
	width: 39px;
	height: 39px;
}
.icon_2 img{
	width: 39px;
	height: 39px;

}
.menu_reg_1 {
		border: solid 2px white;
		background-color: #e9eef1;
		padding: 2% 5% 0% 5%;
		margin:10% 15% 0% 0%;
		border-radius: 5px;
		width: 70%;

	}
	.menu_reg_1 a {
		text-decoration: none;
	}
	.navbar {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
/*ИНФОРМАЦИОННАЯ ПАНЕЛЬ*/

  .info {
	 width: 100%;
  height: 100%;
  background-color: #141471;
  color:  #e9eef1;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: solid 0px #141471;
  border-radius: 0px;
}
/*	.info {
	background-color: #141471;
	color: yellow;
	border: solid 0px #141471;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}*/
	.info h2 {	
	font-size: 120%;
	margin: 0 0 3% 0;
	text-shadow: #141471 2px 2px 2px;
	}
	.info h1 {	
	font-size: 230%;
	margin: 0 0 0% 0;
	text-shadow: #141471 2px 2px 2px;
	}
	.info h3 {	
	font-size: 90%;
	margin: 0% 0 0% 0;
	line-height: 1.5;
	text-shadow: #141471 2px 2px 2px;
	font-family:sans-serif;
	}
	.logo {
	padding: 1% 0 0 1%;
	margin: 0% 0 0% 0%;

	}
	.logo img {
	    
	}
	.logo a img {
	width: 110px;
	height: 110px;
	border: solid 1px white;
	padding: 1% 0 0 0;
	margin: 0 0% 4% 25%;
	}
	.title {
	margin: 0 0% 0 0%;
	padding: 2% 0% 60px 2%;
	 background: url(/assets/img/logo/bcsms.jpg) center center no-repeat;
     background-size: cover;
	}
/*Основной контейнер*/
 	.main_container {
	background-color: #c8d6de;
	padding: 0 1% 0 1% ;
	/*margin: 0 0 2% 0;*/
	/*min-height:200vh;*/
	}

/*Маленькая панель*/
	.panel_mini {
	background-color: #141471;
	text-align: center;	
	border: solid 1px #141471;
	padding: 0% 0 0% 0%;
	}
/*Правая и левая панели*/
	.panel_left {
	background-color: #c8d6de;
	/*min-height: 200vh;*/
	margin: 0 0 0 0%;
	padding: 2% 0% 2% 0%;
	}
	.panel_right {
	background-color: #c8d6de;
	/*min-height: 200vh;*/	
	margin: 0 0 2% 0%;
	padding: 2% 0% 0 0%;
	}
/*МЕНЮ*/
	.nav {
	margin: 0 0 10px 0%;
	padding: 0 0 0 0%;
	}
	.nav_menu {
	list-style-type: none;
	/*width: 90%;*/
	}
	.nav_menu ul {	
	display:none;
	list-style-type: none;
	}
	.nav_menu ul li {
	float: none; 
	}
	.nav_menu ul li a:hover {
	background-color: #050546;
	}
	.nav_menu li {
	border: solid 5px #c8d6de;
	}
	.nav_menu li a {
	color: #e9eef1;
	background-color: #141471 !important;
	border-radius: 5px;
    text-align: center;
    font-size: 100%;
    font-family:sans-serif;

	}
	.nav_menu li a:hover {
	background-color: #050546 !important;
	}
	.nav_menu>li.active>a {
	background-color: #0d73a5 !important;
	}
	.nav_menu li:hover ul { 
	display: block;
	z-index: 10000; 
	position: relative; 
	}
	.vspl li a{
	background-color: #4141e8 !important;
	}
/*Меню страниц*/
  .menu_content {
  list-style-type: none;
  }
  .menu_content  ul {  
  display:none;
  list-style-type: none;
  }
  .menu_content  li {
  border: solid 5px #c8d6de;
  margin: -5px 0 0 0;
  }
  .menu_content  li a {
  padding: 1px 10px 1px 10px;
  color: #e9eef1;
  background-color: #337ab7;
  border-radius: 5px;
  text-align: left;
  font-size: 110%;
  font-family:sans-serif;
  line-height: 1.43;
  }
  .menu_content  li a:hover {
  background-color: #141471 !important;
  }
  @media (max-width: 700px) {
.menu_content  li a {
  padding: 5px 10px 5px 10px;
  color: #e9eef1;
  background-color: #337ab7 !important;
  border-radius: 5px;
  text-align: left;
  font-size: 70%;
  font-family:sans-serif;
  }
}
/*Одно окно*/
	.one_window {
	list-style-type: none;
	}
	.one_window ul {	
	display:none;
	list-style-type: none;
	background-color: #e9eef1 !important;
	}
	.one_window ul li {
	background-color: #e9eef1 !important;	
	
	}
	.one_window ul li a:hover {
	background-color: #050546;
	}
	.one_window li {
	border: solid 5px  #e9eef1;
	}
	.one_window li a {
	color: #e9eef1;
	background-color: #141471 !important;
    text-align: center;
    font-size: 100%
	}
	.one_window li a:hover {
	background-color: #050546 !important;
	}
	.one_window li:hover ul { 
	display: block;
	z-index: 10000; 
	position: relative; 
	}
	.one_window ul>li>a {
	background-color: #141471 !important;	
	}
	.one_window_vspl ul>li>a{
	background-color: #141471 !important;
	color: #c8d6de;
	}
	.one_window_text  {
	padding: 2% 2% 0% 2%;
	background-color: #e9eef1;
	}
	/*.one_window_vspl {
	border: solid 0px;
	}*/
	.one_window_text li {
	border: solid 0px;
	}
	/*.one_window_text ul>li{
	background-color: yellow;
	}*/
	.text_content {
	text-align: justify;	
	}
	.btn_edit {
		margin: 0 0 1% 0;
	}
	.btn-default {
		color: #e9eef1;
		background-color: #141471;
		border: solid 2px #141471;
		height: 32px;
		border-radius: 5px;
	}

	.paggin ul>li.active>a  {
		background-color: #0d73a5 !important;
		color: white!important;
	}
	.paggin ul>li>a  {
		color: #141471 !important;
	}
	.admin {
		height: 60px;
		width: 100%;
	}
	.admin a {
		text-decoration: none;
	}
	.smi {
		width: 100%;
	}
	.menu_reg {
		border: solid 2px white;
		background-color: #e9eef1;
		padding: 5% 5% 5% 5%;
		margin:3% 0% 0% 3%;
		border-radius: 5px;
		width: 93%;
		/*height: 200px;*/

	}
	.menu_reg a {
		text-decoration: none;
	}
	.win_date {
		width: 20%;
		height: 60px;
		background-color: #0d73a5;
		border-radius: 5px;
		margin:5px 0% 0% 5px;
		padding:0px 1% 0% 2px;
		/*border: solid 2px white;*/
	}
	
	.win_date h4 {
		line-height: 20px;
	}
	.win_date h6 {
		line-height: 1px;
	}
	.btn_read {
		color: #e9eef1;
		background-color: #0d73a5;
		letter-spacing: 2px;
		/*border: solid 2px #141471;*/
		font-size: 100%;
		padding: 0 5% 0 5%;
		width: 90px;
		border-radius: 5px;

	}
	.st_btn a:hover {
		background-color: #141471!important;
		color: #e9eef1;	
		text-decoration: none;
	}

	.btn1 {
		color: #e9eef1;
		background-color: #141471;
		text-align:center;
		letter-spacing: 1px;
		border: solid 2px #141471;
		font-size: 100%;
		padding: 1% 0% 0 0%;
		margin: 0 0 4% 0;
		width: 100%;
		border-radius: 5px;
		height: 30px;
	}
	.carousel-caption h1 {
		letter-spacing: 1px;
		text-align:center !important;
		color: white !important;
		margin: 0 0 5% 0;
		text-shadow: #141471 2px 2px 1px;
	}
	.carousel-caption a{
		text-decoration: none;
	}
	.carousel-inner h1 {
	 animation: anim-H3 1.2s ease-out;
	}
	@keyframes anim-H3 {
 	from {
  	opacity: 0;
  	transform: translateX(-1000px);
 	}
	}
/*Изменяющийся контет*/
	.content {
		background-color: #c8d6de;
		padding: 0% 1% 0 1%;
		margin: 0 0 0% 0;

		/*min-height: 150vh;*/
	}
	.content h1 {
	text-align: left;
	font-size: 200%;
	color: #141471;
	font-weight: bold;	
	}
	.content h2 {
		text-align: left;
		font-size: 150%;
		color: #141471;
		font-weight: bold;
	}
	.content hr {
		height: 2px;
	}
	.content h6 {
		color: blue;
		font-size: 80%;
		text-align: left;
		font-weight: bold;
	}
	.content p {
		font-size: 90%;
		/*text-align: justify;*/
		margin: 1% 0 0 0;
	}

	/*КОНТЕНТ СТРАНИЦ*/
	.pages_document {
	background-color: #c8d6de;
	/*min-height: 200vh;*/
	padding: 0% 0% 0% 0%;


	}
	.btn_doc li a {
		color: yellow !important;
		font-size: 90%;
		background-color: blue !important;
		letter-spacing: 2px;

	}
	.btn_doc ul li a {
		background-color: blue !important;

	}
    .pages_content {
		background-color: #c8d6de;
		/*min-height: 180vh;*/
		border: solid 2px #c8d6de;
		padding: 0% 2% 0% 2%;
		font-family:sans-serif;
}
	.el_zay {
		margin:  0% 5% 0% 5%;
	}
	/*Верхний блок*/
	.news_bcsms {
		background-color: #c8d6de;
	}
    /*Нижний блок*/
	.news {
		background-color: #c8d6de;
	}

	.btn {
		color: #e9eef1;
		background-color: #141471;
		letter-spacing: 2px;
		border: solid 2px #141471;
		font-size: 100%;
		padding: 0 5% 0 5%;
		width: 90px;
		border-radius: 5px;
	}
	.st_btn{
		float:right;
	}
	.soderz {
	height: 95px;
	
	}
	.news_contet h5 {	
	}
	.news_content {
		height:300px;
		background-color: #c8d6de;
		border:solid 0px ;
		border-radius: 0;
		margin: 0 0 0 0;	
		padding: 0 1% 0 1%;	
	}
	.news_content1 {
		margin:1px 1px 1px 1px;
		background-color: #e9eef1;
		border: solid 2px white;
		border-radius: 5%;
		height:260px;
	}
	.picture img {
		height: 120px;
		margin: 3px 0 3px 0;
		border: solid 2px white;
	}
	.erip {
		background-color:white;
		padding: 0 0 0 3%;
		margin: 3% 0 3% 0;
	}
	.erip_2 {
		width: 19%;
		height: 220px;
	}
	.erip_1 {
		width: 19%;
		height: 220px;
	}

/*Баннеры*/
	.margin-8 {
		margin-top: 1%;
	}
	.banner_my {
		background-color: #c8d6de;	
		padding: 0% 5% 0 5%;
		margin: 0 0 10% 0;
	}
	.banner_my a img {
		width: 100%;
		height: 75px;
		border: solid 2px #c8d6de;	
		margin: 1% 0% 1% 0%;
		transition: 1s;
	}
	.banner_my img:hover {
		transform: scale(1.15);
	}
    .banner_my_mob {
		background-color: #c8d6de;	
		padding: 0% 0% 0 0%;
		margin: 0 0 2% 0;
	}
	.banner_my_mob a img {
		width: 100%;
		height: 40px;
		border: solid 3px #c8d6de;	
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0 0%;

	}
	.view_img {
		max-height: 400px;
		/*transition: 0.001s;*/
	}
	/*.view_img:hover {
		height:100%;
		width: 100%;*/
		
		/*transform: scale(2.0);*/
		/*position: relative;*/
		/*margin: 20% 20% 20% 25%;*/
		/*z-index: 10000; */
	
/*Футер*/
	.btn-sm:hover{
		text-decoration:none; 
	}
	.footer {
		background-color:#141471;
		color: #e9eef1 !important;
		padding: 1% 0 0 0;
	    margin: 0% 0 0 -1%;
		width: 102%;
	}
	.footer h6 {
		line-height: 1.5;
		text-align: center;
		color: #e9eef1 !important;
		font-size: 90% !important;
		font-family:sans-serif;
	}
/*Мобильная версия*/
@media (max-width: 1200px) {
	.content p {
		font-size: 80%;
		/*text-align: left;*/
		margin: 1% 0 0 0;
	}
	.content h2 {
		text-align: left;
		font-size: 150%;
		color: #141471;
	}

    .nav_menu li a {
	color: #e9eef1;
	background-color: #141471 !important;
    text-align: center;
    font-size: 90% !important;
	}
	.carousel-caption h1 {
		font-size: 130%;
	}
	.view_img {
		height: 200px;
	}
}	
	@media (max-width: 990px) {
	.info h1 { 
	    font-size: 130%;
	}
	.info {
		text-align: center;
		padding: 0 2% 0 2%;
		margin: 0 0 0 0;
	}
	
}
	@media (max-width: 600px) {
	 .info h2 {	
	font-size: 60%;
	margin: 0 0 3% 0;
	text-shadow: #141471 2px 2px 2px;
	}
	.info h1 {	
	font-size: 80%;
	margin: 0 0 0% 0;
	text-shadow: #141471 2px 2px 2px;
	} 
	/*.content p {
		font-size: 65% !important;
		text-align: center;
		margin: 1% 0 0 0;
	}*/
    .content h2 {
		text-align: center !important;
		font-size: 60%;
		color: #141471;
	}
	.content h1 {
		text-align: center !important;
	    font-size: 80%;
		color: #141471;
	}
	.pages_content p {
		font-size: 80% !important;
		text-align: center !important;
    }
    .erip_2 {
		width: 18%;
		height: 60px;
	}
	.erip_1 {
		width: 18%;
		height: 60px;
	}
	.footer h6 {
	 	font-size: 60% !important;

	}
	.view_img {
		height: 100px;
	}
    
  }
  .zohz_admin {
	background-color: #e9eef1;
	border: solid 3px #c8d6de;		
	}
  .icon_blok {
  margin: auto;
  padding: 2% 0% 0% 0%;
  height: 250px;
  background-color: #e9eef1;
  border: solid 5px #c8d6de;
  border-radius: 5%;
  }
   .icon_menu {
   	background-color: white;
   	width: 150px;
   	height: 150px;
    border-radius: 15%;
    line-height: 150px;
    padding:0% 0% 0% 0%;
    margin: auto;
}
@media (max-width: 1200px) {
	.icon_menu {
	 margin: 0% 0% 0% 0%;
	}
	}
   .icon_menu :hover {
   	background-color: white;
   	width: 150px;
   	height: 150px;
    border-radius: 15%;
    line-height: 150px;
    padding:0 0 0 0;
    margin: auto;
    transition: 0.5s;
}
  
 .icon_text {
   	background-color: white;
   	width: 80px;
   	height: 80px;
    line-height: 80px;
    padding:0 0 0 0;
    margin: auto;
}
   .icon_text :hover {
   	background-color: white;
   	width: 80px;
   	height: 80px;
    line-height: 80px;
    padding:0 0 0 0;
    margin: 0 0 0 0;
    transition: 0.5s;
}
 .fa {
  	width:80%;
  	vertical-align: middle;
  	color: #141471;
  	padding:0 0 0 0;
  	margin: auto;
}
 	.fa :hover {
  	vertical-align: middle;
  	background-color: #141471;
    color: white;
    padding:0 0 0 0;
   margin: -3px 0% 0% 0%;
}