/* Оформление шаблона "rodoslovie". Правил немного, всё в одном файле. */

* { margin: 0; padding: 0; }

body {
	background: #efe9dc;
	color: #2a2521;
	font: 16px/1.62 Georgia, "Times New Roman", "Droid Serif", serif;
	padding: 14px 10px 30px 10px;
}

.page {
	max-width: 860px;
	margin: 0 auto;
	background: #fdfbf5;
	border: 1px solid #d6cbb2;
	padding: 0 26px 24px 26px;
}

/* --- шапка --- */

.top {
	border-bottom: 3px double #b9a985;
	padding: 20px 0 14px 0;
	margin-bottom: 0;
}

.top .nazvanie {
	font-size: 30px;
	line-height: 1.2;
	letter-spacing: 0.2px;
	color: #4a3524;
}

.top .nazvanie a { color: #4a3524; text-decoration: none; }
.top .nazvanie a:hover { color: #8a3b26; }

.top .podzagolovok {
	font-size: 14px;
	color: #6d6154;
	margin-top: 6px;
	font-style: italic;
}

.top .sluzhebnoe {
	font-size: 12px;
	color: #8a7f70;
	margin-top: 9px;
}

/* --- меню --- */

.menu {
	border-bottom: 1px solid #ddd3bc;
	padding: 9px 0 9px 0;
	font-size: 15px;
}

.menu ul { list-style: none; }

.menu li {
	display: inline-block;
	margin-right: 3px;
}

.menu li a {
	display: inline-block;
	padding: 3px 10px 3px 10px;
	color: #6c4a2b;
	text-decoration: none;
	border: 1px solid transparent;
}

.menu li a:hover { background: #f2ead8; border-color: #ded2b7; }
.menu li.tek a { background: #e7dcc2; border-color: #cdbe9c; color: #3c2c1c; }

/* хлебные крошки движка */
.speedbar {
	font-size: 13px;
	color: #7d7264;
	padding: 8px 0 2px 0;
}

.speedbar a { color: #7a5433; }

/* --- текст --- */

.text { padding-top: 6px; }

.text h1 {
	font-size: 25px;
	font-weight: normal;
	line-height: 1.28;
	color: #40301f;
	margin: 12px 0 4px 0;
}

.text h2 {
	font-size: 20px;
	font-weight: normal;
	color: #40301f;
	margin: 26px 0 8px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #e2d8c1;
}

.text h3 {
	font-size: 17px;
	color: #4d3a26;
	margin: 18px 0 5px 0;
}

.text p { margin: 0 0 11px 0; }

.text a { color: #8a4a24; }
.text a:hover { color: #b0561f; }

.text ul, .text ol { margin: 0 0 12px 24px; }
.text li { margin-bottom: 5px; }

.text dl { margin: 0 0 12px 0; }
.text dt { font-weight: bold; margin-top: 8px; }
.text dd { margin-left: 20px; }

.lid {
	font-size: 17px;
	color: #4a4038;
	border-left: 4px solid #c3a97a;
	padding-left: 13px;
	margin-bottom: 16px;
}

.data {
	font-size: 12px;
	color: #8a7f70;
	margin-bottom: 14px;
}

/* --- оглавление --- */

.ogl {
	background: #f5efe0;
	border: 1px solid #e0d4b8;
	padding: 12px 16px 12px 16px;
	margin: 0 0 20px 0;
	font-size: 15px;
}

.ogl b { display: block; margin-bottom: 6px; color: #4a3524; font-weight: normal; font-size: 16px; }
.ogl ol { margin: 0 0 0 22px; }
.ogl li { margin-bottom: 2px; }
.ogl a { color: #6c4a2b; }

/* --- врезка --- */

.vrezka {
	background: #f6f1e3;
	border-left: 5px solid #b99a63;
	padding: 11px 15px 11px 15px;
	margin: 0 0 16px 0;
	font-size: 15px;
	color: #3d352c;
}

.vrezka p:last-child { margin-bottom: 0; }
.vrezka .zag { font-weight: bold; display: block; margin-bottom: 4px; }

/* --- таблицы (обёртка прокручивается на узком экране) --- */

.tabl {
	overflow-x: auto;
	margin: 0 0 16px 0;
	border: 1px solid #ded2b7;
}

.tabl table {
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
	background: #fffdf7;
}

.tabl th {
	background: #ece2ca;
	text-align: left;
	padding: 7px 10px;
	border: 1px solid #ded2b7;
	font-weight: bold;
	color: #3f3021;
	white-space: nowrap;
}

.tabl td {
	padding: 6px 10px;
	border: 1px solid #e6dcc6;
	vertical-align: top;
}

.tabl tr:nth-child(even) td { background: #faf6ec; }
.tabl .num { white-space: nowrap; }

/* --- подвал --- */

.bottom {
	margin-top: 30px;
	border-top: 3px double #b9a985;
	padding-top: 12px;
	font-size: 13px;
	color: #6f6355;
}

.bottom a { color: #7a5433; }
.bottom .kolonka { margin-bottom: 8px; }
.bottom .kop { color: #8d8274; margin-top: 10px; font-size: 12px; }

/* кнопка "наверх", её ставит скрипт шаблона */
.naverh {
	position: fixed;
	right: 14px;
	bottom: 18px;
	background: #e7dcc2;
	border: 1px solid #c3b391;
	color: #4a3524;
	font-size: 13px;
	padding: 5px 9px;
	text-decoration: none;
	display: none;
}

.naverh:hover { background: #dccfae; }

/* --- узкий экран --- */

@media (max-width: 640px) {
	body { padding: 6px 4px 20px 4px; }
	.page { padding: 0 12px 18px 12px; }
	.top .nazvanie { font-size: 23px; }
	.text h1 { font-size: 21px; }
	.text h2 { font-size: 18px; }
	.menu li { display: block; margin: 0 0 2px 0; }
	.menu li a { display: block; padding: 5px 8px; }
	.ogl, .vrezka { font-size: 14px; }
}