body, ul, li {
	font-size:14px; 
	/*font-family:Arial, Helvetica, sans-serif;
	line-height:21px;*/
	text-align:left;

}
/* это полоса верхнего меню*/

#menu {
    z-index: 200;
	position:relative;
	/*list-style:none;*/
	height:35px;
	background-color: #0272a7;
	margin: 0px 0px 0px 0px; 
	padding-left: 18px;
}

/* Это пункты верхнего меню */

#menu li {
	float:left;
	display: block;
	text-align:left;
	position:relative;
	padding: 5px 7px 5px 9px;
	margin-top: 2px;
	margin-right: 1px;
	border: 1px solid #0272a7;

}

#menu li:hover {
	transition-delay: 0.2s;
	/*border: 1px solid #777777;          малая обводка    */
	margin-top: 4px;

	padding: 3px 7px 3px 9px;
    position:relative;
	/* Цвет фона и градиенты */
    z-index: 2;
	background: #D3D3D3;
	/*background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*/
	
	/* Скругленные углы */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	/* text-shadow: 1px 1px 1px #000; */
}

#menu li:hover a {
    
	color:#161616;  /* цвет главного меню при наведении*/
	/*text-shadow: 1px 1px 1px #ffffff;*/
}
#menu li .drop {
    font-size:14px; /* текст главного меню*/ 
	padding:0px 10px;
    background: inherit;
	/*background:url("img/drop.png") no-repeat right 8px;*/

}

#menu li .drop1 {
    font-size:14px; /* текст главного меню*/ 
	padding:0px 10px;
    background: inherit;
	
	/*background:url("img/drop.png") no-repeat right 8px;*/
}



#menu li:hover .drop {
	/*background:url("img/drop.png") no-repeat right 7px;*/
	position: relative;
    z-index: -1;
    
}
.dropdown_gla, 
.dropdown_msu, 
.dropdown_doc,
.dropdown_ray, 
.dropdown_contact, 
.dropdown_posel,
.dropdown_news,
.dropdown_uslugi {
	background: #D3D3D3;
	margin:2px auto;
	float:left;
	position:absolute;
	left:-999em; /* Скрываем выпадающие пункты */
	text-align:left;
	padding:10px 0px 0px 5px;
	border: 1px solid #0272a7;
	border-top:none;	
	/* Фон с градиентом */
	/*background:#F4F4F4;*/
	/*background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);*/
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));*/
     
	/* Скругленные углы */
	/*
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;*/
}
.dropdown_gla {width: 315px;margin-left: -15px; border-radius: 5px 5px 5px 5px;}
.dropdown_msu {width: 660px; margin-left: -100px; border-radius: 5px 5px 5px 5px;}
.dropdown_doc {width: 315px;margin-left: -150px; border-radius: 5px 5px 5px 5px;}
.dropdown_ray {width: 1017px;  margin-left: -110px; border-radius: 5px 5px 5px 5px;}
.dropdown_contact {width: 265px; margin-left: -160px; border-radius: 5px 5px 5px 5px;}
.dropdown_posel {width: 215px; margin-left: -100px; border-radius: 5px 5px 5px 5px;}
.dropdown_news {width: 430px; margin-left: -110px; border-radius: 5px 5px 5px 5px;}
.dropdown_uslugi {width: 1017px; margin-left: -490px; border-radius: 5px 5px 5px 5px;}

#menu li:hover .dropdown_gla,
#menu li:hover .dropdown_msu,
#menu li:hover .dropdown_doc,  
#menu li:hover .dropdown_ray, 
#menu li:hover .dropdown_contact,
#menu li:hover .dropdown_posel,
#menu li:hover .dropdown_news,
#menu li:hover .dropdown_uslugi {
	
	left:-1px;
	top:auto;
    transition-delay: 0.2s;	
}

.col_1,
.col_msu1,
.col_msu2,
.col_doc,
.col_ris,
.col_ray,
.col_ray1,
.col_ray2,
.col_contact,
.col_usl1,
.col_usl2,
.col_usl3,
.col_news, 
.col_posel {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right:5px;
	/*margin-bottom:50px; изменить*/
    /*background:#555555;*/
}
.col_1 {width:69px;}
.col_msu1 {width:330px;}
.col_msu2 {width:200px;}
.col_doc {width:300px;}
.col_ris {width:100px;}
.col_ray {width:244px;}
.col_ray1 {width:158px;}
.col_ray2 {width:215px;}
.col_contact{width:250px;}
.col_usl1 {width:137px;}
.col_usl2 {width:345px;}
.col_usl3 {width:245px;}
.col_news {width:300px;}
.col_posel {width:200px; text-align: right; }

#menu.menu_right {
	float:right;
	margin-right:0px;
   
}
#menu li .align_right {
	/* Скругленные углы */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
     transition-delay: 0.2s; 
}

#menu li:hover .align_right {

	left:auto;
	right:-1px;
	top:auto;
	/*transition-delay: 0.2s; */
}


#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	/*text-shadow: 1px 1px 1px #FFFFFF;*/
	
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
    	
}
#menu h3 {
	
	font-size:14px;
	margin:0 0 8px 0;
	padding-bottom:4px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
   	
}
#menu li:hover div a:hover {
	color:#029feb;

}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Лучший стиль для легкого фона */
	background:#FFFFFF;
	padding:1px;
	border:1px solid #777777;
	margin-top:5px;
/*	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666; */
}



.img_left { /* Изображения прижимаются влево */
	width:auto;
	float:left;
	margin:5px 5px 5px 5px;
}

#menu li .black_box {
	background-color:#ffffff;
	color: #eeeeee;
	/*text-shadow: 1px 1px 1px #000;*/
	padding:4px 6px 4px 6px;
    font-weight:bold;
	/* Скругленные углы */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
 	border:1px solid #bbbbbb;
	/* Тень 
	 -webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	 box-shadow:inset 0 0 3px #000000; */
}

#menu li .rww {
	text-align:right;
	font-size:20px;
}



/*Черные заголовки окон */
#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
    font-size:13px;
	
}
#menu li ul li {
	font-size:14px;
	line-height:24px;
	position:relative;
	/*text-shadow: 1px 1px 1px #ffffff;*/
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:1300px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
	
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:280px;

	/* Скругленные углы */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}
/*==================================================================*/
.brd {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid green; /* Параметры границы */
    /*background: #fc3; /* Цвет фона */
    padding: 10px 5px 10px 5px;  /* Поля вокруг текста */
    /*top: 20;*/
	list-style-type: none;
	display: none;
}

.brd li{
 	padding-top: 2px;
    padding-bottom: 2px;
    display: block;  
    border-top: 0.5px solid Gold;
    font-size:16px; 
 }
 
.brd li ul li{
	
	font-size:13px; 
	/*font-family:Arial, Helvetica, sans-serif;*/
	line-height: 16px;
	/*text-align: left;*/
    margin-right: 0px;
	margin-left: -18px;
   
}

.brd a:hover{
 text-decoration: none;
 color: white;
}




.blo {
	padding-left: 30px; 
	padding-top: 2px;
    padding-bottom: 2px;
 }
 
.brd li:before {   
  color: White;
  font-family: fa;
  position:absolute;
  height: 24px;
  width: 24px;
  margin-left: 2px;  
 /* border: .1px solid black;*/
  font-size: 20;
  text-align: center;
  display: block;
  background: green; 
  border-radius: 2px 2px 2px 2px;
  line-height: 23px;
}




@keyframes shake {
  10%, 90% {/*Здесь задано положение блока в 100 и 900 миллисекунду*/
    transform: translate3d(-1px, 0, 0);  /*Здесь первое число - это отклонение по горизонтали, а второе - отклонение по вертикали.*/
  }

  20%, 80% {/*Здесь задано положение блока в 200 и 800 миллисекунду*/
    transform: translate3d(1px, 0, 0); 
  }
 
  30%, 50%, 70% {/*Здесь задано положение блока в 300, 500 и 700 миллисекунду*/
    transform: translate3d(-2px, 0, 0);
  }
 
  40%, 60% {/*Здесь задано положение блока в 400 и 600 миллисекунду*/
    transform: translate3d(2px, 0, 0); 
  }
}

.brd li:hover:before {/*:hover нужен для того, чтобы эффект работал при наведении*/
  animation: shake 2.52s cubic-bezier(.36,.07,.19,.97) both;/*Вот эта строчка нужна для того, чтобы работало дрожание*/
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}


.brd li:hover{
background:coral;
}


@font-face {
  font-family: 'fa';
  font-style: normal;
  font-weight: normal;
  src: url('fa-regular-400.eot');
  src: url('fa-regular-400.eot?#iefix') format('embedded-opentype'),
    url('fa-regular-400.woff2') format('woff2'),
    url('fa-regular-400.woff') format('woff'),
    url('fa-regular-400.ttf') format('truetype'),
    url('fa-regular-400.svg#fontawesome') format('svg');
}

.dropdownlink {
	padding-left: 30px; 
	padding-top: 2px;
    padding-bottom: 2px;
	cursor: pointer;
	color: #005E94;
 }

 /*   начало зеленого меню*/
 
 
.brd_accord{
	display: block;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid green; 
	padding: 4px 2px 4px 2px;
	list-style-type: none;

}

.brd_accord [name="tab-group-1"] {display: none;} /*убрать радиобуттоны */


.brd_accord > :not(input):not(label) {
  overflow: hidden;
  height: 0;
  margin: 0;
  border-top-style: none;
  transition: .1s;
}



.brd_accord > label {
  overflow: hidden;
  display: block;
  padding: 5px 5px;
  background-color:#006400;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  border-bottom:  0.5px dashed white;
  
}

.brd_accord > :checked + label + * {
  overflow: hidden;
  height: 100px;
  padding-top: 5px;
}

.brd_accord > #ka2:checked + label + * {
  overflow: hidden;
  height: 130px;
  padding-top: 5px;
}

.brd_accord > #ka1:checked + label + * {
  overflow: hidden;
  height: 95px;
}

.brd_accord > #ka15:checked + label + * {
  overflow: hidden;
  height: 65px;
}

.brd_accord > #ka5:checked + label + * {
  overflow: hidden;
  height: 45px;
}

.brd_accord > #ka10:checked + label + * {
  overflow: hidden;
  height: 45px;
}

.brd_accord > #ka0:checked + label + * {
  overflow: hidden;
  height: 230px;
}



.brd_accord > #ka8:checked + label + * {
  overflow: hidden;
  height: 45px;
}

.brd_accord > #ka12:checked + label + * {
  overflow: hidden;
  height: 115px;
}


.brd_accord > :checked + label {
  background: #454545;
  cursor: default;
}


.accord__radio:checked + .accord__page {
	background: #008000;
}


.accord__radio:checked + .down:after {
    transform: rotate(180deg);
    opacity: 0;
    transition: 2s;
}


.accord__page{
   height: 20px;
}

.accord__page:hover{
   background-color:#0272a7;
   position: relative;
   display: block;

}

.accord__page a{
 text-decoration: none;
 color: white;
 display: block;
 padding-left: 25px;  
 position:absolute;	
 }


.post:before{ font-family: fa; position:absolute; content: "\f0a1"; padding-left: 3px; }
.news:before{font-family: fa; content: "\f073";  position:relative; padding-left: 3px; }
.uslugi_:before{ font-family: fa; color:Moccasin; content: "\f291"; padding-left: 3px;}
.window:before{ font-family: fa; position:absolute; content: "\f108"; padding-left: 3px;}
.offer:before{ font-family: fa; color:HotPink; content: "\f164";padding-left: 3px;}
.partner:before{ font-family: fa; font-size: 16; position:absolute; content: "\f2b5"; padding-left: 3px;}
.canal:before{ font-family: fa; font-size: 16; position:absolute; content: "\f095"; padding-left: 3px;}
.map:before{ font-family: fa; position:absolute; content: "\f3c5"; padding-left: 5px;}
.sovet:before{ font-family: fa; color:LightSkyBlue; content: "\f0c0"; padding-left: 3px;}
.case:before{ font-family: fa; font-size: 18;  line-height: 22px; content: "\f0b1"; padding-left: 3px;}
.universe:before{ font-family: fa; font-size: 18; position:absolute; content: "\f19c"; padding-left: 3px;}
.predpr:before{ font-family: fa; font-size: 20; line-height: 19px;  content: "\f07a"; padding-left: 3px;}
.arch:before{ font-family: fa; font-size: 17; content: "\f19c"; padding-left: 3px;}
.progr:before{ font-family: fa; content: "\f02d"; padding-left: 3px;}
.poly:before{ font-family: fa; content: "\f024"; padding-left: 3px;}
.support:before{ font-family: fa; content: "\f0e9"; padding-left: 3px;}
.auction:before{ font-family: fa; content: "\f0e3"; padding-left: 3px;}
.project:before{ font-family: fa; content: "\f201"; padding-left: 3px;}
.help:before{ font-family: fa; content: "\f0f9"; padding-left: 3px;}
.down:after{ font-family: fa; position:absolute; content: "\f107"; color:Yellow; text-align: right; padding-left:10px}



.accord__text li a{
 text-decoration: none;
 display: block;
 padding-left: 11px;
}

.accord__text li :hover{
 background-color:#0272a7;
 color:#FFFFFF;  
}

#garland {
position:absolute;
top:0;left:0;
background-image:url('https://sitespectr.ru/test/girlyanda/christmas-lights.png');
height:36px;width:100%;overflow:hidden;z-index:99}
.garland_1 {background-position: 0 0}
.garland_2 {background-position: 0 -36px}
.garland_3 {background-position: 0 -72px}
.garland_4 {background-position: 0 -108px}