div.header {
  /* голова! */
  /*display: inline-block;*/
  width: 100%;
  /* ширина блока		*/
  height: 180px;
  /* высота	проверить  авто ?????????????????????????????????? height: 150px;	*/
  /*border: 1px solid black;   */
  /* бордер рамка*/
  position: inherit;
}

div.left_header {
  /*display: inline-block;		 в одной линии				что за переход ?													*/
  float: left;
  /* с правой стороны	*/
  /*width: 50%;				 ширина блока		*/
  height: 170px;
  /* высота		*/
  /*border: 2px solid black;  */  
  /* бордер рамка*/
  font-size: 160%;
  /* размер шрифта */
  padding: 5px;
  /*растояние в блоке	*/
  text-align: left;
  /* текст  по центру */
  /*background:#2db823;		фон			*/
  overflow: Auto;
  /*при переполнении элемента содержимым, полосы прокрутки добавляются автоматически.*/
  /*position: absolute;*/
}

div.login {
  /*display: inline-block;		 	 в одной линии				что за переход ?	*/
  float: right;
  /* с правой стороны	*/
  /*width: 20%;				 ширина блока		*/
  /*height: 130px;				 высота		*/
  /*border: 2px solid black;    */
  /*	 бордер рамка*/
  font-size: 160%;
  /* размер шрифта */
  padding: 10px;
  /* растояние в блоке	*/
  text-align: center;
  /* текст  по центру */
  /*background:#00FFFF;		/*фон			*/
}

div.moika {
  /*display: inline-block;			 в одной линии				что за мойка ?													*/
  float: center;
  /* с правой стороны	*/
  width: auto;
  /* ширина блока		*/
  /*height: auto;				 высота		*/
  /*border: 2px solid black;		 бордер рамка*/
  font-size: 160%;
  /* размер шрифта */
  /*padding:10px;				 растояние в блоке	*/
  text-align: center;
  /*	/* текст  по центру */
  /*background:#00FFFF;		/*фон			*/
  /*align: center;*/
  margin: 0 auto;
}

div.content {
  float: left;
  width: 100%;
  height: 600px;
  /*display: inline-block;        */
  /*border: 1px solid black;    */
  font-size: 100%;
}

div.leftblock {
  float: left;
  display: inline-block;
  height: auto;
  width: 15%;
  /*margin-right: 1px;*/
  /*border: 2px solid rgb(168, 39, 84); */
  padding: 10px;
  /*position: absolute;*/
}

div.butt {
  float: right;
  display: inline-block;            
  width: 80%;
  height: auto;
  /*border: 2px solid rgb(22, 169, 64);   */
  /* clear:both;   */
  /*margin-left: auto;    */
  /* font-size: 200%; */
}

div.tabl {
  float: left;
  display: inline-block;    
  width: 82%;
  height: auto;
  /*display: inline-block;        */
  border: 1px solid black;    
  font-size: 100%;
}

div.color {

  float: left;
  /* с левой стороны	*/
  padding: 10px;
  /* растояние в блоке	*/
  width: 98%;
  /* ширина блока		*/
  /* height: 70px;		высота		*/
  /*border:1px solid #666;		*/
  background: #00FFFF;
  /*фон			*/
  font-size: 200%;
  /* размер шрифта */
  text-align: center;
  /* текст  по центру */
}

div.not_color {
  float: left;
  /* с левой стороны	*/
  padding: 10px;
  /* растояние в блоке	*/
  width: 98%;
  /* ширина блока		*/
  /*height: 70px;		 высота		*/
  /*border:1px solid #666;		*/
  /*background:#00FFFF;	/*фон			*/
  font-size: 200%;
  /* размер шрифта */
  text-align: center;
  /* текст  по центру */
}

div.interval {
  float: left;
  /* с левой стороны	*/
  padding: 10px;
  /* растояние в блоке	*/
  width: 98%;
  /* ширина блока		*/
  /*height:70px;		 высота		*/
  /*border:1px solid #666;		*/
  background: #543964;
  /*фон			*/
  font-size: 200%;
  /* размер шрифта */
  text-align: center;
  /* текст  по центру */
}


div.str {
  float: left;
  /* с левой стороны	*/
  /*padding:5px;		 растояние в блоке	*/
  width: 100%;
  /* ширина блока		*/
  height: 70px;
  /* высота		*/
  /*border:0px solid #666;      */
  /*background:#ccc;	/*фон			*/
  /*font-size: 100%;			*/
  /*text-align:center;		*/
  text-align: center;
}





div.footer {
  display: inline-block;
  width: 100%;
  height: 100px;
  border: 0px solid black;
}















div.work_area {
  /*float: left;    */
  width: 100%;
  height: auto;
  /*display: inline-block;        */
  border: 4px solid rgb(70, 187, 90);
  /*font-size: 100%;              */
  /*position: inherit;*/
}