body{
    margin:0 auto;
    background: #F1F5F3;
    /* menu
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    */
    /* zagolovki
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    */
    
    
    color: #505959;
    font-size: 16px;
    line-height: 20px;
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
    
}

#headr{
    width: 100%;	height: 35px; /* Размеры */
    background: #00BFFF; /* Цвет фона */
    /* border: 3px solid #fff; Белая рамка */
    border-radius: 0px; /* Радиус скругления */
margin-bottom: 5px;	
}

#menu2{
    width: 900px;	
    height: 35px;
    display: table-cell;
    #vertical-align: bottom;
}
/*
#menu_2_1{
    display: table-cell;
    vertical-align: bottom;
    width: 600px;
    height: 40px;
    text-align:justify;
	#border:  1px solid #FF1493;
}
*/

#logos{
	float: left;     
    /*background: #21F243;*/
    width: 220px;	
    height: 35px;
	padding-top: 0px;
}


#logo{
 float: left;   
}
#logo2{
    height: 28px;
    float: left;
    font-family: Verdana, Arial, Helvetica; 
    font: bold normal 18pt sans-serif;
    color:aliceblue;
    padding-top: 3px;
    margin-left: 5px;  
}


#menu_all{
    float: left;  
    /*background: #9188F3;*/
   /* width: 800px;	*/
    height: 35px;
	/*text-align: -webkit-left;*/
}


#menu_1, #menu_2{
     
    /*background: #9188F3;*/
    /*width: 800px;	*/
    height: 34px;
	text-align: -webkit-left;
}



#btn_main, #btn_obuchenie, #btn_my_words, #btn_enter, #btn_tools, #btn_kabinet, #btn_help{

    /*margin-left: 9px; 
	margin-top: 3px;
	float:right;*/
}


.active_menu, .no_active_menu, .green_menu, .blue_menu, .gold_menu{
    float: left;
    height: 25px;
    padding: 2px 6px 1px 6px;
	margin: 4px 3px 0px 3px;
}



#coin{
    padding: 0px 0px 0px 0px;
    margin-left: 3px; 
    float:right;
}

.active_menu{
    background: #F1F5F3;
    color: #505959;
   /* border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
	border-radius: 5px;
    font-family: Verdana, Arial, Helvetica; 
    font: normal normal 13pt sans-serif;
}

.no_active_menu{
    color:aliceblue;
    font-family: Verdana, Arial, Helvetica; 
    font: normal normal 13pt sans-serif;
}

.green_menu{
    background: #98FB98;
    color: black;
   /* border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
	border-radius: 5px;
}

.blue_menu{
    background: #2fa1ff;
    color: #FFFFFF;
   /* border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
	border-radius: 5px;
}

.gold_menu{
    background: #FFD700;
    color: black;
   /* border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
	border-radius: 5px;
}


#menu_2_2{
    display: table-cell;
    vertical-align: bottom; 
    width: 500px;
    height: 40px;
	/*border:  1px solid #FF0000;*/
}

#content{
 max-width: 900px;
    margin: auto;
    margin-top: 9px;
    border: 2px solid #DDE6E2;
    border-radius: 5px;
    background: #FFFFFF;
    overflow:auto;
}

#col1{
   float: left; 
    width: 653px;
}

#col2{
    float: left;
    width: 445px;
	margin-left: 2px;
}


#footer{
     width: 900px;
	 margin: auto;
}

 A {
    color: #00BFFF; /* Цвет ссылок */
   }
   
   h1 {
    font: 180% serif;
	font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
   }
   
   
   
   

#col1_lesson{
   float: left; 
    width: 241px;
}

#col2_lesson{
    float: left;
    max-width: 655px;
}

#col3_lesson{
    float: left;
    width: 202px;
	padding-left: 4px;
}



#window_lesson{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #00BFFF;
	margin-left: 1px;
}

#nomer_lesson{
    background: #00BFFF;
   /*  opacity: 0.7;*/
    padding: 3px 9px;
    //color: dimgray;
    color: white;

    font-family: Verdana, Arial, Helvetica; 
    font: normal normal 12pt sans-serif;
}

#menu_lesson{
   overflow: hidden; 
    background: #00BFFF;
}

#btn_lesson, #btn_test1, #btn_test_audio, #btn_text, #btn_teoria{
    float: left;
    margin-left: 10px;
    padding: 3px 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: Verdana, Arial, Helvetica; 
    font: bold normal 12pt sans-serif;
    color: dimgray;
}

.no_active{
     background: #DCDCDC;
}

.active{
     background: #FFFFFF;
}







/* синяя кнопка на всех страницах*/
a.button5 {
  display: inline-block;
  
 /* width: 15em;*/
  font-size: 80%;
  color: rgba(255,255,255,.9);
  text-shadow: #2e7ebd 0 1px 2px;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  white-space: pre-line;
  /*padding: .7em 0;*/
  padding: 5px;
  margin: 7px;
  border: 1px solid;
  border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
  border-radius: 6px;
  outline: none;
  background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce); /*синяя 1*/
  /*background: #60a3d8 linear-gradient(#3CB371, #2E8B57 50%, #006400);*/ /*зелёная 2*/
  /*background: #60a3d8 linear-gradient(#FF6347, #FF4500 50%, #FF0000); *//*красная 3*/
  /*background: #60a3d8 linear-gradient(#CFCFCF, #B5B5B5 50%, #9C9C9C); *//*серая 4*/
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}
a.button5:first-line{
  font-size: 170%;
  font-weight: 700;
}
a.button5:hover {
  color: rgb(255,255,255);
  background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}
a.button5:active {
  color: rgb(255,255,255);
  border-color: #2970a9;
  background-image: linear-gradient(#5796c8, #6aa2ce);
  box-shadow: none;
}
/* синяя кнопка на всех страницах*/


	/* оформление таблиц на всех страницах*/
	.tonkaia_tablica{
	 border: 1px solid #D3D3D3;
	 height: 30px;
	 

	}
	.tonkaia_tablica_verh {
		border: 1px solid #D3D3D3;
    background: #d8e9ef; /* Цвет фона */
	height: 30px;
	text-align: center;
   }
	/*оформление таблиц на всех страницах*/



	/*кнопки слева в таблице  на странице c уроком*/
	.knopka_add{
		color: #FFFFFF;
		background:#3399FF;
		padding: 0px 3px;
		margin: auto;
		text-align: center;
	}
/*кнопки слева в таблице  на странице c уроком*/



	.my_blu_button_css {
		cursor: pointer;
		background: #00bfff; /* Цвет фона */
		color: #ffffff; /* Цвет текста */
		padding: 10px; /* Поля вокруг текста */
		border-radius: 5px; /* Уголки */
		border: 1px solid #8182ef;
		display: inline-block;
		text-decoration: none;
	}


	.my_blu_button_css_litl {
		cursor: pointer;
		background: #00bfff; /* Цвет фона */
		color: #ffffff; /* Цвет текста */
		border-radius: 5px; /* Уголки */
		border: 1px solid #8182ef;
		display: inline-block;
		text-decoration: none;
		padding: 5px 10px; 
		margin:5px;
	}


	.my_gray_button_css_litl {
		cursor: pointer;
		background: #dadada; /* Цвет фона */
		color: #ffffff; /* Цвет текста */
		border-radius: 5px; /* Уголки */
		border: 1px solid #d4d4d4;
		display: inline-block;
		text-decoration: none;
		padding: 5px 10px; 
		margin:5px;
	}



	.my_gray_button_css_litl_blak_text {
		cursor: pointer;
		background: #dadada; /* Цвет фона */
		color: #696969; /* Цвет текста */
		border-radius: 5px; /* Уголки */
		border: 1px solid #c5c5c5;
		display: inline-block;
		text-decoration: none;
		padding: 5px 10px; 
		margin:5px;
	}



	.steps_start_test
	{
		font-size: 20px; 
		line-height: 28px; 
		font-weight: 300; 
		/*font: inherit;*/
		/*width: 100px;	height: 100px;*/
		background: #dadada;
		border: 1px solid #d4d4d4;
		border-radius: 3px;
		padding-left:5px;
		margin-bottom: 10px;
	}
	

	.my_title_page
	{
		/*
		font-size: 24px; 
		line-height: 28px; 
		font-weight: 300; 
		*/
		/*font: inherit;*/
		font-size: 2.1em;
		font-weight: 100;
		letter-spacing: normal;
		line-height: 1.16129em;
		margin-bottom: .48387em;
	}

		.div_punktir {
    background: #f5f5f5b8;
    border: 1px dashed #afafaf;
    border-radius: 5px;
    padding-left: 3px;
    margin: 9px 0px;
    overflow: hidden;
}


		.block_help_description{
			background: #cececeb8;
			border: 1px dashed #afafaf;
			border-radius: 5px;
			padding-left: 3px;
			margin: 9px 0px;
			overflow: hidden;
		}
		

#btn_help22{display:none;}
#menu_btn{display:none;}

#verhniy_block{display:none;}




@media screen and (max-width:345px){
	 #btn_help2{display:none;} 
}

  
 
@media screen and (max-width:360px){}
@media screen and (max-width:410px){#btn_angl{display:none;} #menu_btn{display:block;}}
@media screen and (max-width:435px){ }
@media screen and (max-width:440px){}
@media screen and (max-width:479px){#btn_main{display:none;}}
@media screen and (max-width:550px){#btn_help2{display:none;} #btn_help22{display:block;}}
@media screen and (max-width:598px){}
@media screen and (max-width:638px){#btn_enter{display:none;}}
@media screen and (max-width:670px){}
@media screen and (max-width:700px){}
@media screen and (max-width:710px){}}
@media screen and (max-width:800px){}
@media screen and (max-width:835px){}
@media screen and (max-width:925px){
	#btn_tools, #btn_praktika{display:none;}
	#col1_lesson{display:none;}
	#verhniy_block{display:block;}
	#content{max-width: 99%;}
	#col2_lesson{max-width: calc(100% - 21px);}
	#menu2{max-width: 100%;}
	#footer{max-width: 95%;}
	#logo {	display: none;	}
		#logos{    width: 140px;	}	
}
@media screen and (max-width:950px){}
@media screen and (max-width:1000px){}