@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');

body{
   background-color:#FFFFFF;
   background-image:url(../img/bgc.png);
}

/*общая оболочка*/
#wrapper{
   width:980px;
   outline:1px solid #CCCCCC;
   padding:10px;
   margin:0 auto;
   background-image:url(../img/bg.jpg);
}
/*заголовок*/
#header{
   height:150px;
   /*background-color:#F0F0FF;#E1DCF0#B6B9E5*/
   background-color: #E1DCF0;
   margin-top:30px;
   margin-bottom:10px;
}
/*зубцы анимация*/
#zub {
   stroke-dasharray: 480;
   animation: ln 5s linear infinite;
}
@keyframes ln {
   from {
      stroke-dashoffset: 480;
   }
   to {
      stroke-dashoffset: 0;
   }
}


/*главное меню*/
.con_h_menu{
  font-family: Cuprum, Arial, Helvetica, sans-serif; /*шрифт*/
  position: absolute; /*абсолютно позицианируем*/
  margin-top: -20px; /*расстояние от верхнего края*/
  margin-left: 130px; /*расстояние от левого края*/
}
.h_menu *{
 margin: 0; /*внешний отступ*/
 padding: 0; /*внутрений отступ*/
}
.h_menu ul,
.h_menu ol{
 list-style: none; /*убираем стиль маркера*/
}
/*выстраиваем списки по горизонтали*/
.h_menu > ul{
 display: flex; /*отображает контейнер как блочный элемент*/
 justify-content: center; /*выравниваем по ширине контейнера*/
}
.h_menu > ul li{
 position: relative; /*позицианируем относительно исходного места*/
 border-right: 1px solid #c7c8ca; /*правая граница элемента*/
 text-align: center; /*выравниваем текст*/
 width: 150px; /*ширина блоков*/
 /*margin-right: 15px; /*расстояние между элементами*/
}
/*первый элемент списка*/
.h_menu > ul li:first-child{
 border-left: 1px solid #b2b3b5; /*левая граница элемента*/
}
/*последний элемент списка*/
.h_menu > ul li:last-child{
 border-right: 1px solid #babbbd; /*правая граница элемента*/
}
/*иконки главного меню*/
.h_menu > ul li > a i.fa{
 position: absolute; /*абсолютно позицианируем*/
 top: 15px; /*расстояние от верхнего края*/
 left: 18px; /*расстояние от левого края*/
 font-size: 18px; /*размер шрифта*/
}
.h_menu > ul li a{
 display: block; /*отображает контейнер как блочный элемент*/
 background: #4b5096; /*первый вариант*/
 
/*http://colorzilla.com/gradient-editor/#4b5096+0,3e4393+2,232e8e+19,555993+70,5a5e93+94,767893+100 */
background: #4b5096; /* Old browsers */
background: -moz-linear-gradient(top,  #4b5096 0%, #3e4393 2%, #232e8e 19%, #555993 70%, #5a5e93 94%, #767893 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4b5096 0%,#3e4393 2%,#232e8e 19%,#555993 70%,#5a5e93 94%,#767893 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4b5096 0%,#3e4393 2%,#232e8e 19%,#555993 70%,#5a5e93 94%,#767893 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b5096', endColorstr='#767893',GradientType=0 ); /* IE6-9 */
 
  
 
 padding: 15px 30px 15px 40px;
 font-size: 14px;
 /*color: #454547;*/
 color: #ECD085;
 /*color: #ffd700;*/
 text-decoration: none;
 text-transform:uppercase; /*отображаем текст в верхнем регистре*/
 transition: all 0.3s ease;
}
.h_menu li a:hover{
 /*background: #454547; /*первый вариант*/
 background: #30b14e;
 background: #4b0082;
  
/*http://colorzilla.com/gradient-editor/#4b0082+0,531a7f+2,56267c+19,67487f+70,6c527f+94,767893+100 */
background: #4b0082; /* Old browsers */
background: -moz-linear-gradient(top,  #4b0082 0%, #531a7f 2%, #56267c 19%, #67487f 70%, #6c527f 94%, #767893 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4b0082 0%,#531a7f 2%,#56267c 19%,#67487f 70%,#6c527f 94%,#767893 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4b0082 0%,#531a7f 2%,#56267c 19%,#67487f 70%,#6c527f 94%,#767893 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b0082', endColorstr='#767893',GradientType=0 ); /* IE6-9 */

 
 color: #ffd700;
 box-shadow: 1px 5px 10px -5px black;
 transition: all 0.3s ease;
}

/*дочернее меню*/
/*sub menu*/
.h_menu li ul{
 position: absolute;
 min-width: 150px;
 display: none;
}
.h_menu li > ul li{
 border: 1px solid #c7c8ca;
}
.h_menu li > ul li a{
 padding: 10px;
 text-transform: none;
 /*background: #e4e4e5;*/
 background: #4b5096;
}
.h_menu li > ul li ul{
 position: absolute;
 right: -150px;
 top: 0;
}
.h_menu li:hover > ul{
 display: block;
}

/*обертка контента*/
.wb{
	/*margin-top: -20px;*/
}

/*левый столбец*/
#sidebarL{
   /*height:570px;*/
   width:210px;
   background-color:#E6E6FA;
   margin-top: -20px;
   margin-bottom:10px;
   float:left;
   text-align: center;
}
/*левый столбец блок*/
#sbL{
   margin:0 auto;
   text-align: center;
}
/*правый столбец*/
#sidebarR{
   /*height:570px;*/
   width:210px;
   background-color:#E1DCF0;
   margin-top: -20px;
   margin-bottom:10px;
   float:right;
   text-align: center;
}
/*правый столбец блок*/
#sbR{
   margin:0 auto;
   text-align: center;
}
/*центральный столбец*/
#content{
   /*height:550px;*/
   width:540px;
   background-color:#F0F0FF;
   /*background-image:url(../img/bgc.png);*/
   margin:30px auto 0px auto;
   text-align: center;
}
#content hr{
	color:#4B5096;
}
#content h2{
	text-transform:uppercase; /*отображаем текст в верхнем регистре*/
	color:#4B0082;
	padding-top:5px;
}
/*центральный столбец верхняя прослойка*/
#cBottom{
	/*position: relative;*/
	width:100%;
}
/*центральный столбец левый блок*/
.cL{
	position: relative;
	width:50%;
   float:left;
   text-align: center;
}
/*центральный столбец правый блок*/
.cR{
	position: relative;
	width:50%;
   float:right;
   text-align: center;
}
/*resurs*/
#content table.note{
	width:100%;
	height:200px;
	padding:0px 5px 0px 5px;
        top: -28px;
        position: relative;
}
#content td.note{
	width:100%;
	background-color: #F7DC6F;
	padding:10px 5px 0px 5px;
	border:none;
	vertical-align:top;
}

.pin{
	/*top: 28px;*/
	/*position:absolute;*/
	left: 50%;
	display:block;
        z-index: 1000;
}
.pinhead{
	background-color: #F7DC6F;
	/*top: 28px;*/
	/*position:absolute;*/
	left: 50%;
	display:block;
}
#content td.note p{
	text-align: left;
	margin:0px;
}

/*news*/
#content img.nl{
	position:relative;
}
#content .hn{
   margin:0px 0px 0px 40px;
   padding:5px 0px 5px 0px;
}
#content .hn:hover{
   background:#ffd700;
}
#content p.news{
   font-family: 'Ubuntu', sans-serif;/**/
   font-weight: normal;
   text-align: justify;
   color: #333333;
   margin:3px auto 3px auto;
   padding:3px 5px 12px 5px;
   text-indent: 30px; /* отступ первой строки*/
}
#content p.nd{
   margin:0px auto 0px auto;
   padding:10px 5px 5px 5px;
   font-weight: bold;
   text-align: left;
}

#content a.news{
   margin:10px auto 5px auto;
   padding:0px 5px 0px 5px;
   font-size: 16px;
   text-decoration: none; /* убираем подчеркивание */
   color: #4B0082;
}
#content a.news:hover{
   font-style: italic;
}
#content a.newshead{
   text-decoration: none; /* убираем подчеркивание */
   color: blue;
}
#content a.newsend{
   text-decoration: none; /* убираем подчеркивание */
   color: #8283C9;
}
#content a.newsend:hover{
   color: blue;
}
#content a.newsfoot{
   text-decoration: none; /* убираем подчеркивание */
   color: #ECD085;
   /*font-weight: bold;*/
}
#content a.newsfoot:hover{
   color: #ffd700;
   font-size: 15px;
}
#content div.curs{
	margin:0px 3px 0px 3px;
	padding:3px 0px 3px 0px;
}
/*подвал*/
#footer{
   height:70px;
   padding:0px;
   background-color:#F0F0FF;
   text-align: center;
   background-image:url(../img/bgf.gif);
   background-position: left bottom; /* положение фона */
   background-repeat: repeat-x; /* повторяем фон по горизонтали */
}
#footer p{
   margin:0px auto 0px auto;
   padding:4px;
}
/*очистка обтекания*/
.clear{
   clear:both;
}

/*страница 404*/
.pic404{
	display:block;
	margin:auto;
}
.table {
    display: table;
}
.row {
    display: table-row;
}
.cell {
    display:table-cell;
}
.posimg{
	position:relative;
}
#logo{
	position:absolute;
	top:30px;
	left:635px;
}