html, body {
    margin: 0;
    padding: 0; 
    width: 100%;
    height: 100%;
    /*background: #E0E0E0; */  /* фон на весь экран */
    /*background: url('../img/template/BAGGG.jpg');*/
    /* overflow: auto; */
}
body {
    font-family: verdana, arial;
    /*font-size:12px;*/
    /*background: #E0E0E0; */  /* фон на весь экран */
    /*background: url('../img/template/BAGGG.jpg');*/
}

/* #all { */  
    /*background: white;*/
    /*max-width: 100%;*/
    /*min-width: 1180px;*/
	/*border: 1px dotted blue; */ /* ramka */
	/*max-width:1280px;/*Максимальная ширина при больших разрешениях*/
    /* min-width:960px; */ /*Минимальная ширина при маленьких разрешениях*/
	/* width: 100%; */
	/* max-width: 98%; */
	/* max-width: 100%; */
	/*width: 100%; /* 943px; */ 

    /*min-width: 906px; 
    margin: 0 auto;
    padding: 0;
	min-height: 100%; */ /* минимальная высота обертки */
    /* height: auto !important; */ /* для всех браузеров (можно убрать, если поддержка IE6 не нужна) */
    /*height: 100%; */ /* для IE6, т.к. он понимает height, как min-height */

    /* position: relative; */ /* позиционируем относительно этого блока */    /*width: 960px; /* 960 */
/* } */

/* #header{
    margin: 0 auto;
    padding: 0; 
    min-width: 906px;
	height: 60px;
    background: url('../img/logo/headtlk.jpg'); */ /*шапка*/ 
    /*background: url('../img/logo/head.jpg'); /*шапка*/ 
    /*background: url('../img/logo/20160912_113425.jpg'); /*шапка*/ 
    /*border: solid 1px #808080; /*#99CCFF; /*CD4F39#;*/
    /*border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    /* width: 100%;  */ 
    /* width: 98%; */ 
/* } */


/* #blok_lcr {
    margin: 0 auto;
    padding: 0; */

    /* width: 100%; */
    /* width: auto; */
	/* 	width: 950px; /*100%;*/
    /* min-height: 110px; */ 
	/*padding-bottom: 90px; */ 
    /* border: 1px solid LightGray; */ /* dotted 1px #808080; /* #99CCFF; */
    /* width: 100%; */ /* min-width: 921px; */
	/* border: 1px solid LightGray; */ /* Gainsboro; #FFE4E1; */
    /* border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; */
/* } */

/* #content{
    margin: 0 auto;
    width: 904px;
	padding: 2px; */ /* 5px; */
	
	/* width: auto; */
	/* overflow: hidden; */
    /* text-align: left;
    font-size: 12px; */
	/* background-color: FloralWhite; */ /* LightGoldenRodYellow; */ /*snow*/
	/* border: 1px solid #FFE4E1; */
	/* border: 1px solid Gainsboro;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; */
/* } */

#corr {
    margin: 0 auto;
    padding: 0;
    /* width: 98%; */  
	/* min-width: 933px; */
    height: 2px; 
	/* background: red; */
}

#reg_form {
	display: inline-block;
	position: absolute;
	/* top: 38px; */
	right: 5px;
	/* max-width: 200px; */
	padding: 20px 10px;
	/* height: 300px;  */
	/* margin: 0 auto; */
	background: AliceBlue;
	border: solid 1px DimGray; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	z-index: 9;
}
.reg_form {
	font-family: verdana, arial;
	font-size: 12px;
}

#module_left_navmenu{
    margin: 2; /* вокруг всего меню */
    padding: 5px;
/*  border: 1px solid red; */
    width: 132px;
/*  min-width: 142px; */
    min-height: 590px;
    overflow: auto;
    float: left;
    background-color: #F9F9F9;
}
#module_left_navmenu ul{
    list-style-type: none;
    padding: 0;
	margin: 0;
}
#module_left_navmenu ul li{
    margin: 1 0; /* 1 - под кнопкой, 0 - слева от кнопки */
}
#module_left_navmenu p{
    padding: 3 20;
    margin: 5 5 -5 5;
/*  border: solid black 1px; */
    border: solid 0 0 1 1;
    font-weight: bold;
    text-decoration: underline;
    color: red;
    font-size: 14px;
/*  background: url('../img/template/p_but.jpg') repeat-x;*/
}
a.link{
    width: 120px;
    height: 20px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    background: #F9F9F9;
    color: #104E8B;
    /*background-color: #ffde00;
    color: black;*/
    /*letter-spacing: 2px;*/
    font-weight: bold;
    border: solid 1px black;
    border-radius: 10 0 10 0;
    margin-left: 0px;
    padding: 5 5; 
    -moz-border-radius: 10 0 10 0;
}
a.link:hover{
    background: #104E8B;
    color: #F9F9F9;
    /*background-color: #fe7300;
    color: #FFFFFF;*/
}

.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:110px; /* 50px; */ 
right:100px;
display:none;
text-indent:-9999px;
background: url('../img/logo/icon_top.png') no-repeat;
}
.scrollup:hover{
filter:alpha(opacity=50); ..-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;	
}


/*right*/
#module_right_navmenu{
    padding: 5px;
    margin: 2;
	width: 130px;
    min-height: 590px;
    float: left;
    overflow: auto;
	background-color: #F9F9F9;
    /*border: 1px solid #CCCCFF;*/
}
#module_right_navmenu p{
    /*padding: 3 20;
    margin: 5 5 -5 5;
    border: solid black 1px;
    font-weight: bold;*/
    font-style: italic;
	font-size: 12px;
    color: #104E8B;
    /*background: url('../img/template/p_but.jpg') repeat-x;*/
}

.in_out { 
	color: blue;
    font-size: 16px;
	text-decoration: none;
}
.in_out:hover{
    color: red;
	/* text-decoration: none; */
}

/* #fcorr { */
	/* margin: 0 auto;
	padding: 0; */
	/* width: 943px;
    width: 98%; */
	/* margin: 0 auto; */
	
    /* min-width: 906px;
    height: 108px; */ /* ( footer + 2 ) высота блока-корректора */
    /* clear: both; */ /* прерывание обтекания */

	/* border: solid 1px black; */ 
	/* background: orange; */
/* } */

/* #down{
	margin: 0 auto;
	padding: 0 5px;
    min-width: 906px;
    height: 56px;
	background: #808080; */ /*#99CCFF;*/
	/* background: -webkit-linear-gradient(#fff, #808080); */ /*(#F2F2F2, #99CCFF)*/  /* #CCFFFF, #6699FF */
	/* background: -moz-linear-gradient(#fff, #808080);
	background: -o-linear-gradient(#fff, #808080);
	background: -ms-linear-gradient(#fff, #808080);
	background: linear-gradient(#fff, #808080);
	border-top: solid 1px #808080;
    border-bottom: solid 1px #808080; */
	/*    background: #F2F2F2;*/
   /* border: solid 1px #808080; /*#99CCFF;*/
    /*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; */
    /* min-width: 943px; */
/* } */

#down_rekl {
	margin: 0 auto;
    width: 845px;
	/* overflow: hidden; */
}

/* .blok_rekl {
	display:inline-block;
	width: 75px;
	height: 50px;
	margin: 2px;
	float: left;
	border: solid 1px #808080;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.blok_rekl p {
	margin: 0;
	padding: 5px 6px;
	font-style: italic;
	font-size: 8px;
	font-weight: bold;
    color: blue;
}
 */
 
#footer { /* padding: 10px; */
	margin: 0 auto;
	/* height: 56px; */ 
	/* width: 98%; */
	min-width: 943px;
	/* width: 943px; */
 	margin-top: -106px; /*106*/ /* ( down + corr + 4 + info + 4 )  верхнее отрицательное поле */ 
}

#info { 
	margin: 0 auto;
	padding: 0;
	height: 40px;
    /* min-width: 943px; */
    /* width: 96%; */   
    background: #808080; /*#99CCFF;*/
    background: -webkit-linear-gradient(#fff, #808080); /*(#F2F2F2, #99CCFF)*/
    background: -moz-linear-gradient(#fff, #808080);
    background: -o-linear-gradient(#fff, #808080);
    background: -ms-linear-gradient(#fff, #808080);
    background: linear-gradient(#fff, #808080);

    border-top: solid 1px #808080;
    border-bottom: solid 1px #808080;
/*     border: solid 1px #808080;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
 */    text-align: center;
}
#info p{
    margin: 0;
    padding-top: 10px;
	font-style: normal;
    font-size: 16px;
    color: blue; /* #F0F0F0; */
}
/* #info p a{
	font-weight: bold;
	font-style: italic;
	text-decoration: none; 
}
#info p a:hover{
    color: red;
} */
.info_mail{
    color: blue;
    font-size: 16px;
	/* font-weight: bold;
	font-style: italic; */
	text-decoration: none; 
}
.info_mail:hover{
    color: red;
}

#vyp_menu  {
    /*display:inline-block;*/
    margin: 0 auto;
	min-width: 943px; 
	/* width: 98%; */
   background: #808080; /*#F99B00; orange */ /*#808080;*/ 
   background: -webkit-linear-gradient(#fff, #808080);
   background: -moz-linear-gradient(#fff, #808080);
   background: -o-linear-gradient(#fff, #808080);
   background: -ms-linear-gradient(#fff, #808080);
   background: linear-gradient(#fff, #808080);
    border-top: solid 1px #808080;
    border-bottom: solid 1px #808080;
	/* border: solid 1px #808080;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; */
  /* position: relative; */
	opacity:0.9;
  /* position: fixed; */
	z-index: 10;
  position: sticky;
  /* top: 0; */ /* с header */
  top: 2px; /* без header */
  /* bottom: 0; */ /*2px;*/
  /* min-height: 2em; */
  /* background: lightpink; */
}


/* ------------ ВЫПАДАЮЩЕЕ МЕНЮ -------------- */

#vyp-menu {
	/* width: 98%; */
	width: 926px; 
	margin: 0 auto;
  /* position: relative; */
  /* position: fixed; */
}

.vyp-menu, .vyp-menu li, .vyp-menu ul, .vyp-menu a, .vyp-menu:after {
  margin: 0; 
  padding: 0;
  z-index: 200;
  display: block;
}

.vyp-menu:after { /* убираем после меню действие float */ 
  clear: both;
  content: "";
}

.vyp-menu > li { float: left; width: 153px; } /* горизонтальное размещение пунктов */

.vyp-menu li {
  white-space: nowrap; /* содержимое на одной строке */ 
  position: relative;
}


.vyp-menu > li, .vyp-menu > li > ul > li, .vyp-menu > li > ul > li > ul > li {
  overflow: hidden;
 } /* всё, что за пределами элемента, скрыто */
 
.vyp-menu > li:hover, .vyp-menu > li > ul > li:hover, .vyp-menu > li > ul > li > ul > li:hover {
  overflow: visible;
}



.vyp-menu li ul li, .vyp-menu li ul li a {   /* фон подпунктов равной ширины */
   /*width: 100%; */
  background: #808080; /*#F99B00; orange */ /*#808080;*/ 
  background: -webkit-linear-gradient(#fff, #808080);
  background: -moz-linear-gradient(#fff, #808080);
  background: -o-linear-gradient(#fff, #808080);
  background: -ms-linear-gradient(#fff, #808080);
  background: linear-gradient(#fff, #808080);
}
.vyp-menu li ul li:hover, .vyp-menu li ul li a:hover {   /* фон подпунктов равной ширины */
}

.vyp-menu ul { position: absolute; }

.vyp-menu ul ul { left: 100%; top: 0; } 
/* третий и четвёртый список позиционируется не вниз, а вправо. Можно часть списков повернуть и влево, но тогда width должен быть задан в px */


.vyp-menu {
  background: #808080; /*#F99B00; orange */ /*#808080;*/
  background: -webkit-linear-gradient(#fff, #808080);
  background: -moz-linear-gradient(#fff, #808080);
  background: -o-linear-gradient(#fff, #808080);
  background: -ms-linear-gradient(#fff, #808080);
  background: linear-gradient(#fff, #808080);

  /* border-radius: 5px;
    border: solid 1px #808080;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */
}

.vyp-menu > li:first-child { /* border-radius: 5px 0 0 5px; */ border-left: none; }

.vyp-menu > li { border-left: 1px solid #ccc; }

.vyp-menu > li:hover { /* при наведении на верх меню */
/* background: #fff;  в оригинале так было */
   background: #808080; /*#F99B00; orange */ /*#808080;*/
   background: -webkit-linear-gradient(#fff, #808080);
   background: -moz-linear-gradient(#fff, #808080);
   background: -o-linear-gradient(#fff, #808080);
   background: -ms-linear-gradient(#fff, #808080);
   background: linear-gradient(#fff, #808080);
}

.vyp-menu li li { /* строка выпадающего меню */
    background: #fff content-box; /*#fff*/
    padding: 1px 1px 0px 0px; 
    border-right: 1px solid #ccc;
}
.vyp-menu li li:hover{
}

.vyp-menu li li:last-child { /* низ выпадающего меню */
/*  border-radius: 0 0 5px 5px; */
}

.vyp-menu li a {
   line-height: 40px;
   text-align: center;
   text-decoration: none;
   padding: 0 20px;
}
.vyp-menu li li a {
   line-height: 40px;
   text-align: left;
   text-decoration: none;
   padding: 0 20px;
}

.vyp-menu a {
   color: blue;
   text-align: left;
   font-size: 16px;
}
.vyp-menu a:hover {
    color: white;
}


.strelka:after {
    content: "\2193";
    position: absolute;
    right: 2px;
    bottom: 5px;
   color: blue;
}
.strelka:hover:after {
    content: "\2191";
    color: white;
}
.strelki:after {
    content: "\203A";
    position: absolute;
    right: 2px;
    bottom: 11px;
    color: blue;
}
.strelki:hover:after {
    content: "\2039";
    color: white;
}
 
.strelka2:after {
    content: "\2193";
    position: absolute;
    left: 2px;
    bottom: 5px;
   color: blue;
}
.strelka2:hover:after {
    content: "\2191";
    color: white;
}