div.all_body{display:1none;}

div#practice,
div#translate{
	overflow:hidden;
	background:#fff url(../images/bg_noise.png);
	cursor:default;
	min-height:100%;
	height:auto;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	}
	div#practice div.top_line,
	div#translate div.top_line{
		background-color:#f2f2ff;
		border-bottom:2px solid #dee4ff;
		color:#3c8fb1;
		font:100 normal 18px/33px 'Roboto Condensed',sans-serif;
		height:33px;
		padding:0px 15px;
		}
		div#practice div.top_line div.button,
		div#translate div.top_line div.button{
			border:2px solid #dee4ff;
			border-width:0px 0px 0px 2px;
			color:#3c8fb1;
			cursor:pointer;
			float:right;
			font:100 normal 15px/33px 'Roboto Condensed',sans-serif;
			height:33px;
			padding:0px 12px;
			}
		div#practice div.top_line div.button:first-child,
		div#translate div.top_line div.button:first-child
			{border-right-width:2px;}
		div#practice div.top_line div.button:hover,
		div#translate div.top_line div.button:hover{
			background-color:#ececff;
			text-decoration:underline;
			}
	/*
	div.button-close{
		background-color:#fff;
		background-image:url(../images/bg_buttons.svg);
		border:1px solid #dee4ff;
		border-radius:2px;
		cursor:pointer;
		float:right;
		height:30px;
		margin:6px 6px -35px -35px;
		width:30px;
		}
	div.button-close:hover{
		background-color:#f8f8ff;
		}
	*/
/*---------------------------------------------------------------------------------------------------------------------------------------основное содержимое-----------------------*/
div#practice div.p_content{
	margin:0px 0px 0px 260px;
	padding:15px;
	overflow:hidden;
	width:auto;
	}
	div#practice table.quest_var,
	div#practice div.quest_audio,
	div#variants div,
	div#quest_key,
	div#letters,
	div#p_comment,
	div#p_context{
		max-width:750px;
		width:80%;
		}
	table.quest_var{
		margin:12px auto 0px auto;
		min-height:84px;
		}
		div.quest_audio{
			font:600 small-caps 47px/72px 'Roboto Condensed',sans-serif;
			height:80px;
			letter-spacing:4px;
			margin:12px auto 0px auto;
			padding:0px 15px;
			text-align:center;
			}
			td#original_quest, td#original_answer{
				color:#3c8fb1;
				vertical-align:middle;
				text-align:center;
				padding:0px 0px;
				width:auto;
				}
			div#practice td.original-mini
				{font:100 normal 29px/26px 'Roboto Condensed',sans-serif;}
			div#practice td.original-norm
				{font:100 normal 33px/33px 'Roboto Condensed',sans-serif;}
			div#practice td.original-big
				{font:100 normal 40px/40px 'Roboto Condensed',sans-serif;}
		table#answer_var td:last-child{
			font:600 small-caps 18px/72px 'Roboto Condensed',sans-serif;
			height:80px;
			width:80px;
			position:relative;
			top:0px;
			left:15px;
			text-align:center;
			}
	div.quest_audio,
	/*div.quest_key,*/
	table#answer_var td:last-child,
	div#variants div,
	div#keyboard div div,
	div#key_letters div,
	div#letters div.no_know,
	div#quest_key span,
	div#done div,
	div#practice div#action div,
	div#practice div.result div.true,
	div#practice div.result div.false{
		background-color:#fff;
		border:2px solid #dee4ff;
		border-radius:5px;
		color:#03658d;
		cursor:pointer;
		}
	div.quest_audio:hover,
	/*div.quest_key:hover,*/
	table#answer_var td:last-child:hover,
	div#variants div.focus,
	div#keyboard div div:hover,
	div#key_letters div:hover,
	div#done div:hover,
	div#practice div#action div.focus
		{background-color:#f2f2ff;}
	div#done{
		text-align:center;
		padding-bottom:40px;
		}
		div#done div{
			display:inline-block;
			font:100 small-caps 30px/51px sans-serif;
			height:51px;
			margin:0px 7px;
			text-align:center;
			vertical-align:bottom;
			width:150px;
			}
/*---------------------------------------------------------------------------------------------------------------------------------------полноценная клавиатура--------------------*/
div#keyboard,
div#letters{
	margin:0px auto;
	width:737px;
	overflow:hidden;
	}
	div#keyboard div.slide_1,
	div#keyboard div.slide_2,
	div#keyboard div.slide_3{
		position:relative;
		top:0px;
		left:29px;
		}
	div#keyboard div.slide_2{left:58px;}
	div#keyboard div.slide_3{left:87px;}
		div#keyboard div div,
		div#key_letters div{
			display:inline-block;
			font:100 small-caps 30px/51px sans-serif;
			height:51px;
			margin:0px 7px 7px 0px;
			text-align:center;
			vertical-align:bottom;
			width:51px;
			}
		div#keyboard div div:last-child
			{margin-right:0px;}
		div#keyboard div div.space{width:371px;}
		div#keyboard div.no_know,
		div#letters div.no_know{
			background-color:#ffeeee;
			border-color:#ffaaaa;
			color:#9c5959;
			font-size:24px;
			text-shadow:0px 0px 3px #fff;
			width:175px;
			}
		div#keyboard div.no_know:hover,
		div#letters div.no_know:hover
			{background-color:#ffd9d9;}
div#letters div.no_know{
	font:100 small-caps 30px/51px sans-serif;
	margin:10px auto;
	text-align:center;
	}
/*---------------------------------------------------------------------------------------------------------------------------------------задание-----------------------------------*/
div#original_key{
	color:#03658d;
	font:100 normal 27px/27px sans-serif;
	margin:0px auto;
	padding-top:10px;
	border:1px solid red;
	text-align:center;
	width:737px;
	}
	div#quest_key{
		border:2px solid #dee4ff;
		border-width:2px 0px 2px 0px;
		margin:25px auto 25px auto;
		padding:25px 15px 17px 15px;
		text-align:center;
		}
		div#quest_key div{
			display:inline-block;
			}
			div#quest_key span{
				display:inline-block;
				font:100 small-caps 30px/51px sans-serif;
				height:51px;
				margin:0px 8px 8px 0px;
				text-align:center;
				vertical-align:bottom;
				width:51px;
				}
		div#quest_key[class|='string'] span{
			background-color:transparent;
			border-width:0px 0px 2px 0px;
			border-color:#03658d;
			border-radius:0px;
			color:#03658d;
			font:100 small-caps 30px/32px sans-serif;
			height:32px;
			margin:0px 0px 5px 0px;
			padding:0px 1px;
			1width:18px;
			width:auto;
			min-width:11px;
			}
		div#quest_key.letter-small_1 span,
		div#key_letters.small_1 div{
			font:100 small-caps 24px/40px sans-serif;
			height:40px;
			margin:0px 6px 6px 0px;
			width:40px;
			}
		div#quest_key.letter-small_2 span,
		div#key_letters.small_2 div{
			font:100 small-caps 20px/30px sans-serif;
			height:30px;
			margin:0px 3px 3px 0px;
			width:30px;
			}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#key_letters{
	clear:both;
	line-height:50px;
	overflow:hidden;
	padding:0px 75px 10px 75px;
	text-align:center;
	}
	div#key_letters div
		{display:inline-block;}
/*---------------------------------------------------------------------------------------------------------------------------------------варианты ответов--------------------------*/
	div#variants{
		border-top:2px solid #dee4ff;
		margin:30px 0px 30px 0px;
		padding:30px 0px 15px 0px;
		}
		div#variants div{
			font:100 normal 24px/28px 'Roboto Condensed',sans-serif;
			margin:0px auto 15px auto;
			min-height:28px;
			padding:11px 15px;
			}
	div#variants div:last-child
		{text-align:center;}
	div#quest_key[class|='string'] span.false
		{color:#ff7777;}
	div#variants div.false,
	div#letters div.no_know,
	div#quest_key[class|='letter'] span.false,
	div#practice div.result div.false{
		background-color:#ffeeee;
		border-color:#ffaaaa;
		color:#035f84;
		color:#9c5959;
		text-shadow:0px 0px 3px #fff;
		}
	div#variants div.true,
	div#quest_key[class|='letter'] span.true,
	div#practice div.result div.true{
		background-color:#d3ffd3;
		border-color:#82d482;
		color:#035f84;
		color:#345b34;
		text-shadow:0px 0px 3px #fff;
		}
	div#p_context, div#p_comment{
		background-color:#fff;
		border:1px solid #dee4ff;
		margin:0px auto 30px auto;
		padding:11px 15px;
		}
	div.c_head{
		color:#3c8fb1;
		font:100 normal 16px/23px 'Roboto Condensed',sans-serif;
		background-color:#fff;
		border:1px solid #dee4ff;
		float:left;
		height:23px;
		padding:0px 7px;
		margin:-23px 0px 7px 0px;
		}
	div#p_comment div#c_content{
		overflow:hidden;
		clear:both;
		font:100 normal 16px/16px 'Roboto Condensed',sans-serif;
		}
	div#p_context div.item{
		overflow:hidden;
		clear:both;
		margin-bottom:3px;
		font:100 normal 17px/20px 'Roboto Condensed',sans-serif;
		}
	div#p_context div.item span{
		font-weight:600;
		color:#3c8fb1;
		}
/*---------------------------------------------------------------------------------------------------------------------------------------меню--------------------------------------*/
	div#practice div.p_menu_pos{
		position:absolute;
		top:52px;
		left:15px;
		width:220px;
		}
	div#practice div.p_menu,
	div#practice div.edit_switch{
		background-color:#fff;
		border:2px solid #dee4ff;
		font:100 normal 18px/23px 'Roboto Condensed',sans-serif;
		padding:10px;
		margin-bottom:8px;
		border-radius:5px;
		width:100%;
		}
	div#practice div.edit_switch{
		text-align:center;
		color:#3c8fb1;
		cursor:pointer;
		font:600 small-caps 19px/19px 'Roboto Condensed',sans-serif;
		}
		div.p_menu div.menu_head{
			border-bottom:1px solid #1689b6;
			color:#3c8fb1;
			font:600 normal 18px/18px 'Roboto Condensed',sans-serif;
			padding:7px;
			}
		div.p_menu div.quest{
			font:100 normal 16px/22px 'Roboto Condensed',sans-serif;
			padding:10px 0px 10px 15px;
			}
			span#right_answer{color:green; font-weight:600;}
			span#wrong_answer{color:red; font-weight:600;}
			div.p_menu div.setting div.set_item{
				border-bottom:1px solid #dee4ff;
				padding:7px 0px;
				}
			div.p_menu div.setting div.set_item:last-child{
				border-width:0px;
				padding-bottom:0px;
				}
				div.p_menu div.setting div.set_item div.hl{
					color:#357f9d;
					font:600 small-caps 19px/17px 'Roboto Condensed',sans-serif;
					padding:0px 0px 5px 7px;
					height:20px;
					overflow:hidden;
					}
				div.p_menu div.setting div.set_item div.tl{
					color:#000;
					display:block;
					font:100 normal 13px/16px 'Roboto Condensed',sans-serif;
					}
/*--------------------------------------------------------------------------------------------------------------------------------------результаты тренировки----------------------*/
div#practice div#action{
	float:right;
	padding:50px 50px 0px 0px;
	width:280px;
	}
	div#practice div#action div{
		font:100 normal 24px/28px 'Roboto Condensed',sans-serif;
		margin:0px auto 15px auto;
		min-height:28px;
		padding:11px 15px;
		text-align:center;
		}
div#practice div.result{
	overflow:hidden;
	padding:50px;
	}
	div#practice div.result div.true,
	div#practice div.result div.false{
		border-width:1px 1px 1px 3px;
		border-radius:0px;
		color:#000;
		cursor:default;
		font:100 normal 20px/24px 'Roboto Condensed',sans-serif;
		margin:0px auto 8px auto;
		min-height:24px;
		padding:10px 0px 10px 15px;
		}
		div#practice div.result div.true{background-color:#f0fff0;}
		div#practice div.result div.false{background-color:#fff5f5;}
			div#practice div.result span{color:#3c8fb1; font-weight:600;}
			div#practice div.result div.button{
				background-color:#fff;
				border:1px solid #dee4ff;
				cursor:pointer;
				float:right;
				height:30px;
				margin:-4px 7px -4px 0px;
				width:30px;
				}
			div#practice_result div.result div.button:hover{background-color:#ececff;}
			div#practice_result div.result div.text_line{
				padding-right:7px;
				overflow:hidden;
				}
/*---------------------------------------------------------------------------------------------------------------------------------------резиновый дизайн--------------------------*/
@media (max-width:990px){
	div#quest_var, table#answer_var,
	div#variants div,div.context, div.comment
		{width:90%;}
}
@media (max-width:900px){
	div#quest_var, table#answer_var,
	div#variants div, div.context, div.comment
		{width:85%;}
	div#practice div.p_content
		{margin:0px;}
	div#practice div.p_menu_pos{
		width:85%;
		position:static;
		top:0px;
		left:0px;
		}
	div#practice div.p_menu,
	div#practice div.edit_switch{
		border-width:1px;
		padding:10px 15px;
		margin:0px auto 8px auto;
		}
}
@media (max-width:500px){
	div#quest_var, table#answer_var,
	div#variants div,div.context, div.comment
		{width:92%;}
	div#practice div.p_menu_pos
		{width:92%;}
}