/* =================================   Положение   ==============================*/
body {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: none;
	color: #000;
	font-size: 14px;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(img/fon_02.jpg);
	background-attachment:fixed;
	}

p {
	text-indent:20px;
	margin: 15px 0px; /*Отступ между абзацами*/
	}

ol {
	text-indent: 0px;
	padding-left: 60px;
	}
	
.no_indent {
	text-indent:0px;
	}
	
#page	{
	padding: 10px 20px 10px 10px;
	margin:0px 0px 0px 200px;
	text-align: justify;
	}

#header, #footer {
	min-height: 45px;
	display: block;
	width:100%;
	clear:both;
	background-repeat:repeat-x;
	}
#header {
	background-image:url(img/ornament_01_up.gif);
	background-position: top left;
	}
#header ul{
	list-style:none;
	margin:0px;
	padding:1px;
	text-indent:0px;
	text-align: center;
	border-top: 1px solid #fff;
	text-align:right;
	}
#header ul li {
	display:inline;
	}
#header ul li a{
	display: inline-block;
	border: 1px solid #000;
	padding: 2px 7px;
	margin: 0px;
	text-decoration:none;
	color: #903;
	font-size: 14px;
	font-weight: bold;
	background-color:#ddc;
	}
#header ul li a:hover{
	border: 1px solid #f00;
	color: #f00;
	background-color: #fff;
	}
	
#footer {
	background-image:url(img/ornament_01_dn.gif);
	background-position: bottom left;
	}

.validation {
	position: fixed;
	right:0px;
	bottom:0px;
	vertical-align: bottom;
	}
.validation a img{
	display:inline-block;
	width: 88px;
	height: 31px;
	border: 0px;
	}

/* ----------  главное меню ------------------- */
#side { 
	float:left;
	margin: 0px;
	}

#side {
	width: 200px;
	padding: 10px 0px 123px 0px;
	text-align: center;
	text-indent: 0px;
	/* background-image: url(img/podveska_1.gif);
	background-repeat: no-repeat;
	background-position: bottom center; */
	}
#side a img{
	border:none;
	}
.logo {
	margin: 10px auto;
	width: 180px;
	}

#menu {
	list-style: none;
	width: 180px;
	margin: 0px auto;
	padding: 0px;
	}
#menu li *{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-indent: 10px;
	text-decoration: none;
	display: block; /*чтобы поведение ссылок распространялось на весь блок (по ширине и высоте)*/
	padding: 5px 0px;
	margin: 0px;
	}
#menu li span { /* текущая позиция в меню */
	width: 100%;
	background-color: #f00;
	color: #fff;
	border-top: 1px solid #f88;
	border-left: 2px solid #f88;
	border-right: 2px solid #c00;
	border-bottom: 2px solid #000;
	}
#menu li a { /* позиции-ссылки */
	width: 100%;
	background-color: #b00;
	color: #fff;
	border-top: 1px solid #c00;
	border-left: 2px solid #c00;
	border-right: 2px solid #800;
	border-bottom: 2px solid #000;
	}
#menu li a:hover {
	background-color: #ddc;
	color: #f00;
	border-top: 1px solid #fff;
	border-left: 2px solid #eee;
	border-right: 2px solid #888;
	border-bottom: 2px solid #000;
	}
#menu li a:active {
	background-color: #fff;
	color: #f00;
	}
/* ----------   конец главного меню ------------------- */

h1 {	/*тема*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
	font-weight:bold;
	color: #903;
	}
h1:before, h1:after {
	content: url("img/bullet_1.gif");
	}

h2 {	/*заголовок в теме*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	font-weight:bold;
	color: #f00;
	padding-top: 20px;
	}

h3 {	/*подзаголовок в теме*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight:bold;
	color: #f00;
	padding-top: 10px;
	}

h4 {	/*подзаголовок*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight:bold;
	color: #f00;
	padding-top: 5px;
	}

table.kolonka_odna caption{
	font-weight:bold;
	color:#f00;
}

.screenshot {
	display: block;
	padding: 10px; /*растояние от рамки внутри*/
	margin: 10px auto; /*растояние м-ду анонсами*/
	background-color: #eec;
	border-top: 2px solid #444;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #444;
	}

.check {
	margin: 10px;
	}
.check textarea {
	/*width: 100%;
	height: 400px;*/
	background-color: #eec;
	border-top: 2px solid #444;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #444;
	}
form {
	text-indent:0px;
	}
form input[type=button] {
	text-indent: 0px;
	}

.pre { /*makeup*/
	padding: 10px; /*растояние от рамки внутри*/
	margin: 10px auto; /*растояние м-ду анонсами*/
	background-color: #eec;
	border-top: 2px solid #444;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-indent: 0px;
	}

pre {
	padding: 10px; /*растояние от рамки внутри*/
	margin: 10px auto; /*растояние м-ду анонсами*/
	background-color: #eee;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	}

.warn {
	padding: 10px; /*растояние от рамки внутри*/
	margin: 10px auto; /*растояние м-ду анонсами*/
	background-color: #fcc;
	border-top: 2px solid #f00;
	border-right: 2px solid #f99;
	border-bottom: 2px solid #f99;
	border-left: 2px solid #f00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

.download {
	padding: 0px; /*растояние от рамки внутри*/
	margin: 20px auto; /*растояние м-ду анонсами*/
	border: 4px groove;
	background-color:#000;
	}
.download th {
	background-color: #eec;
	padding:5px;
	}
.download td {
	background-color: #eec;
	padding:5px;
	margin:0px;
	text-align:left;
	}
/*  -----------  Алфавит ----------------- */
.alfavit {
	list-style:none;
	margin:0px;
	padding:5px;
	text-indent:0px;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000;
	}
.alfavit li {
	display:inline;
	}
.alfavit li a{
	display: inline-block;
	border-top: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 2px 7px;
	margin: 1px 0px 2px 0px;
	text-decoration:none;
	color: #903;
	font-weight: bold;
	}
.alfavit li a:hover{
	border-top: none;
	border-right: 1px solid #903;
	border-bottom: 1px solid #903;
	border-left: 1px solid #903;
	color: #f00;
	background-color: #fff;
	}

.slovar {
	text-indent: 0px;
	margin-left:120px;
	}
.slovar span{
	font-weight: bold;
	text-align:left;
	margin-left: -120px;
	width: 120px;
	display: inline-block;
	vertical-align:top;
	}

.kolonki {
	width: 95%;
	margin: 0px auto;
	}
.kolonki ul{
	list-style:none;
	margin: 0px;
	padding:0px;
	}
.kolonki td{
	padding: 10px 20px;
	text-align: left;
	text-indent: 0px;
	vertical-align: top;
	border-left: 1px solid #903;
	border-top: 1px solid #903;
	}
.kolonki td:first-child{
	border-left: none;
	}

/* -------------------------------------------------------------------------------- */
.kolonka_odna {  /* ----------------------- без таблицы ------------------- */
	margin:0px auto;
	display: block;
	width:30%;
	}
.kolonka_odna ul{
	list-style:none;
	text-indent:0px;
	}
.kolonka_odna li{
	margin: 7px 0px;
	padding:0px;
	}
/* -------------------------------------------------------------------------------- */
.kolonki_dve {  /* ----------------------- ТАБЛИЦА ------------------- */
	width: 95%;
	margin: 0px auto;
	}
.kolonki_dve ul{
	list-style:none;
	margin: 0px;
	padding:0px;
	}
.kolonki_dve li{
	margin: 7px 0px;
	padding:0px;
	}
.kolonki_dve td{
	padding: 10px 20px;
	text-align: left;
	text-indent: 0px;
	vertical-align: top;
	border-left: 1px solid #903;
	border-top: 1px solid #903;
	width: 50%;
	}
.kolonki_dve td:first-child{
	border-left: none;
	}
.kolonki_dve th{
	font-size: 18px;
	text-align: center;
	font-weight:bold;
	color: #f00;
	}
/* -------------------------------------------------------------------------------- */
/* ------------------------/Табличный вариант----------------------- */

.kolonki2 {
	display: table;
	margin: 5px auto;
	width: 100%;
	}
.kolonki2 ul{
	/*width:49%;
	padding:0px;*/
	width:45%;
	padding:2%;
	float:left;
	list-style:none;
	text-indent:0px;
	}
.kolonki2 ul li:first-child {	/*заголовок*/
	font-size: 18px;
	text-align: center;
	font-weight:bold;
	color: #f00;
	display:block;
	}
.kolonki2 ul:first-child{
	border-right: 1px solid #903;
	}
.kolonki2 ul li{
	color: #000;
	font-size: 14px;
	font-weight:normal;
	text-align:left;
	padding: 7px 15px;
	}
.kolonki2 ul li:first-child{
	border-bottom: 1px solid #903;
	}

.net_dannyh{
	color: #aaa;
	}

.kolonka {
	width:45%;
	padding: 2%;
	margin:0px;
	vertical-align:top;
	float:left;
	}
.kolonka em{
	color: #00f;
	}
	
.autor {
	font-style:italic;
	text-align:right;
	border-top: 1px solid #000;
	clear:both;
	}

/* ----------------------- РАЗМЕТКА ----------------------- */
.razmetka{
	text-indent: 0px;
	text-align:left;
	counter-reset: level_1 level_2 level_3;
	border-top: 1px solid #000;
	padding:20px 20px 20px 200px;
	}
.pervoe_slovo {
	color: #000;
	font-weight:bold;
	font-size: 16px;
	margin: -4px 0px 0px -200px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	padding:  0px;
	width: 200px;
	}

.level_1:before {
	display:marker;	
	content: counter(level_1, upper-roman) ".";
    counter-increment: level_1;
	font-weight:bold;
	counter-reset: level_2 level_3;
	}
.level_2:before {
	display:marker;	
	content: counter(level_2, decimal) ".";
    counter-increment: level_2;
	font-weight:bold;
	counter-reset: level_3;
	}
.level_3:before {
	display:marker;	
	content: counter(level_3, decimal) ")";
    counter-increment: level_3;
	font-weight: normal;
	}
.udarenie {
	color: #f00;
	}
.kommentary {
	color: #080;
	font-style:italic;
	font-weight:bold;
	}
.primer {
	color: #00f;
	font-style: normal;
	/*font-family: "Segoe UI";*/
	}
.odna_bukva {
	color: #00f;
	font-style: normal;
	font-weight:bold;
	}
.posl_pog {
	color: #00f;
	}
.dialekt, .dialekt_v, dialekt_g {
	color: #080;
	font-style:italic;
	}
.idioma_zag, .sost_glag_zag { /*Идиоматические выражения и Составные глаголы (заголовок)*/
	font-style:italic;
	font-weight:bold;
	}
.idioma, .sost_glag { /*Идиоматические выражения и Составные глаголы (примеры)*/
	font-style:italic;
	color: #00f;
	}
.smotri {
	color: #080;
	font-style:italic;
	}


.first_name {
	color: #000;
	font-weight:bold;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	}
.add_name {
	border: 1px groove #000;
	margin: 10px auto;
	}
.add_name p{
	display:inline-block;
	vertical-align: middle;
	margin: 10px;
	text-align:right;
	}

.termin, .termin a, .termin a:visited{
	color: #060;
	font-style:italic;
	font-weight:bold;
}

.snoska{
	font-style:italic;
	font-size: 12px;
}

.single_table{
	margin:5px auto;
	background-color:#ededed;
	border: 2px solid #777;
	padding:0px;
}
.single_table th, .single_table td{
	padding:1px 10px;
	background-color:#fff;
}


.blok_primerov{
	display:block;
	background-color:#ededed;
	margin:10px 0px 10px 50px;
	padding:0px 10px;
}
.blok_primerov table{
	/*background-color:#F3F3F3;*/
	padding:0px;
}
.blok_primerov table th, .blok_primerov table td{
	padding:0px 10px 0px 2px;
}

.blok_primechanie{
	display:block;
	margin:10px 0px 10px 50px;
	padding:0px 10px;
	border: 2px dotted #000;
	background-color:#F3F3F3;
}
.blok_primechanie p:first-child{
	font-style:italic;
	text-decoration:underline;
}
.blok_primechanie table{
	/*background-color:#F3F3F3;*/
	padding:2px;
}
.blok_primechanie table th, .blok_primechanie table td{
	padding:2px 10px;
}

.draw_block{
	display:block;
	margin:10px;
	padding:10px;
	/*background-color:#CCC;*/
	text-align:center;
}
.ramka0{
	margin:10px auto;
	padding:10px 15px;
	border: none;
}.ramka1{
	margin:10px auto;
	padding:10px 15px;
	background-color: #FFF;
	border: 1px solid #000;
}

.navigator{
	display:block;
	clear:both;
	margin:5px auto;
	/*background-color: #CFF;*/
	text-align:center;
	text-indent:0px;
	border-top: 4px double #000;
	padding:10px;
	font-size: 16px;
}
.navigator a{
	font-weight:bold;
	text-decoration:none;
}