/* my email is on the site page. GPLv2 */
body {
  background: url(images/lap.jpg) fixed;
  background-size: cover;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  /*font-size: 13px;*/
  color: #2B4E15;
}
h1, h2, h3 {
  font-family: Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 3em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1em;
}
a {
  color: #71AB48;
}
a:hover {
  text-decoration: none;
}
#wrapper {
  margin: 0 auto;
  background: rgba(0, 170, 238, 0.7);
  /* Цвет фона */
  width: 90%;
  border-radius: 6px; /* закругление углов для всех, кто понимает */
}
#menu {
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#menu ul {
  list-style: none;
   display: -webkit-flex;
   -webkit-justify-content: space-around;
  display: flex;
  flex-direction: row;
   justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: stretch;
	padding: 1em;
}

#menu li { /* пункты меню. свойства пишутся здесь */
 height: 55px; /* высота */
 border-radius: 6px;
 flex-basis: 18%;
  text-align: left;
box-shadow: 11px 21px 19px -1px rgba(0,0,0,0.7);
background: linear-gradient(0deg, rgb(54, 142, 199) 35%, rgb(215, 238, 248) 100%);
}

@media all and (max-width: 600px) {
  #menu ul {
 list-style: none;
 display: -webkit-flex;
  display: flex;
  flex-direction: row;
   justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: space-between;
	padding: 1em;
  }
  #menu li { /* пункты меню. свойства пишутся здесь */
 height: 65px;
 flex-basis: 100%;
  text-align: left;
  border-radius: 6px;
  width: 100%;
  }
  #menu li a {
   font-size: 1.5em;
}
#menu ul li ul {
  background: rgba(0, 170, 238, 0.9);
  width: 70%;
}
}


#menu ul ul {
  position: absolute;
  display: none;
  z-index: 5;
  margin-right: 4px;
    width: 30%;
	background: rgba(0, 170, 238, 0.9);
}

#menu li:hover ul {
  /* при наведении на блок ли, имеющий блоки юл - показать блочное подменю */ /* это моё выпадающее меню */
  display: block;
border-radius: 6px;
  padding: 3px 15px;
}

#menu a {
	/* это внутри блоков флекс меню */
  /* padding: 3px 15px; */
  /* text-transform: none; */
  /* font-size: 100%; */
  /* padding-left: 28px; /* Смещает текст вправо */
  display: block; /* без этого не растягивается на блок */
  color: #FFFFFF;
  text-shadow:2px 2px 2px #000;
  text-decoration: none;
   width: 100%; /* растянуть размер на весь блок, чтобы весь блок был активным при наведении указателя */
   height: 100%;
   font-weight: normal;
   font-size: 1.3em;
   text-transform: lowercase;
}
#menu li:hover {
  /* padding: 3px 15px; */
  /* text-transform: none; */
  /* font-size: 100%; */
  /* padding-left: 28px; /* Смещает текст вправо */
  color: #FFFFFF;
  opacity: 1;
  border-radius: 6px;
-webkit-box-shadow: 11px 21px 19px -14px rgba(0,0,0,0.73);
-moz-box-shadow: 11px 21px 19px -14px rgba(0,0,0,0.73);
box-shadow: 11px 21px 19px -14px rgba(0,0,0,0.73);
}
#menu li.menuSD a { /* фон без прозрачности */
	background: url("images/pictoglpi.png") no-repeat;
	padding-left: 30px;
	width: 90%;
 }
 #menu li.Home a { /* фон без прозрачности */
	background: url("images/korzina.png") no-repeat;
	padding-left: 85px;
	width: 90%;
 }
 
 #menu li.ServCat a { /* фон без прозрачности */
	background: url("images/issue.png") no-repeat;
	padding-left: 34px;
	width: 90%;
 }
  #menu li.Technolog a { /* фон без прозрачности */
	background: url("images/logo1c64.png") no-repeat;
	padding-left: 112px;
	width: 90%;
 }
 
  #menu li.Info a { /* фон без прозрачности */
	background: url("images/world.png") no-repeat;
	padding-left: 34px;
	width: 90%;
 }
 #menu li.Forums a { /* фон без прозрачности */
	background: url("images/flag.png") no-repeat;
	padding-left: 34px;
	width: 90%;
 }
 #menu li.VK_Gr a { /* фон без прозрачности */
        background: url("images/VKicon32.png") no-repeat;
        padding-left: 34px;
        width: 90%;
 }
  #menu li.Article a { /* фон без прозрачности */
	background: url("images/article.png") no-repeat;
	padding-left: 34px;
	width: 90%;
 }
  #menu li.Docum a { /* фон без прозрачности */
	background: url("images/docum.png") no-repeat;
	padding-left: 34px;
	width: 90%;
 }
 
 
#logo {
 width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 160px;
  color: #FFFFFF;
  text-shadow:2px 2px 2px #000;
}
#logo .QR {
 float: right;
box-shadow: 11px 21px 19px -1px rgba(0,0,0,0.7);
}
#logo .QR:hover {
 float: right;
box-shadow: 11px 21px 19px -14px rgba(0,0,0,0.73);
}

#logo h1, #logo h2, #logo h3 {
  text-align: left;
  margin: 0;
  float: left;
  display: block;/* без этого не растягивается на блок */
}
#logo h1 {
  padding: 25px 0 0 20px;
  text-transform: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 40px;
}
#logo h2 {
  padding: 36px 0 0 10px;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1em;
}
#logo a {
  text-decoration: none;
  color: #FFFFFF;
}
#logo .vcf {
  display: none;
}

#page {
  display: flex;
  display: -webkit-flex;
   -webkit-justify-content: center;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  /* Позиционирование размещает блок по центру горизонтали */
  color: #FFF;
  /* Цвет текста */
  padding: 5px;
  /* Поля вокруг текста */
}
/* Small screens */
@media all and (max-width: 600px) {
  #page {
    flex-direction: column;
    width: 90%;
    /* background: rgba(0, 170, 238, 0.7); /* Цвет фона */
    color: #FFF;
    /* Цвет текста */
    padding: 5px;
    /* Поля вокруг текста */
  }
#logo {height: 100px;}
 #logo .QR {
display: none;
/*transform: scale(0.7);*/
}
 #logo .vcf {
display: initial;
}
}
#content {
  flex-grow: 1.2;
  flex-basis: 0;
   text-shadow:2px 2px 2px #000;
}
.content_text {
  font-size: 1.2em;
  color: #ffffff;
  text-align: left;
  padding: 2%;
}
.title {
  margin: 0;
  padding: 5px 20px;
  letter-spacing: -2px;
  text-align: center;
}
.title a {
  text-decoration: none;
  color: #57A122;
}
.entry {
  padding: 10px 20px 0;
  text-align: left;
}
#sidebar {
  flex-grow: 1;
  flex-basis: 0;
  float: right;
}
#sidebar ul {
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#sidebar li {
  margin-bottom: 20px;
}
#sidebar li ul {
  padding: 20px;
}
#sidebar li li {
  margin: 0;
}
#sidebar p {
  padding: 0 20px;
}
#sidebar h2 a {
  text-decoration: none;
  color: #000000;
}
#sidebar h2 {
  border: 1px dotted #4D7C2B;
  margin: 0;
  padding: 9px 0 0 20px;
  background: rgba(182, 224, 116, 0.8);
  height: 29px;
  text-transform: lowercase;
  font-size: 1.4em;
  font-weight: normal;
  color: #000000;
  border-radius: 6px;
  text-shadow:2px 2px 2px #ffffff;
  /* закругление углов для всех, кто понимает */
}
#footer {
  padding: 0;
  font-size: smaller;
  height: 60px;
  clear: both;
}
#copyrt {
 font-size: smaller;
color: white;

}