.leftimg {
	float:left; /* Выравнивание по левому краю */
	margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
}


div.epigraf {
	font-style: italic;
	font-size: 98%;
	margin: 1em 1em 2em 50%;
	text-align: justify;
	color: #000080; /*navy*/
}

div.epigraf_author {
	font-style: italic;
	font-size: 98%;
	margin: 1em 1em 2em 50%;
	text-align: right;
	color: #000080; /*navy*/
}

.key_words {
	padding-left: 40px;
	min-height: 40px;
	background-size: 40px 40px;
	background-color: #eee;
	border: 1px solid #ccc;
	background-image: url(images/lamp.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.key_words p {
	background: #fff;
	padding: 1em;
	margin: 0;
	font-style: italic;
}

.giv_words {
	padding-left: 40px;
	min-height: 40px;
	background-size: 40px 40px;
	background-color: #eee;
	border: 1px solid #ccc;
	background-image: url(images/giv.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.giv_words p {
	background: #fff;
	padding: 1em;
	margin: 0;
	font-style: italic;
}


.red_text {
    color: red;
}

.toxic_list {
    list-style: none;
}

.toxic_list > li {
    margin: 0;
    padding: 0.4em 0.6em;
}

table.heartable{
    width: 100%;
}

.heartable th, .heartable td {
    padding: 0.4em 0.6em;
}

th{
    text-align: left;
}

.even {
    background-color: #DFEAFF;
}


.odd {
    background-color: #EFF4FF;
}

.td_up {
    vertical-align: top;
}

.light_green {
    background-color: lightgreen;
}

.green {
    background-color: #749C2F;
}

.yellow{
    background-color: #FFFF6D;
}

.red {
    background-color: #FF7070;
}

.dark_red {
    background-color: #FA4040;
}

.content {
    margin-top: 2em;
}

.footer {
    background: #0b1728;
}

.footer a {
    color: #ffffff;
}

.footer .col:last-child {
    text-align: right;
}

.footer .row {
    padding: 1.5em 0;
}

.title {
    background: #0b1728;
    border: 0 solid #6f7c91;
    border-bottom-width: 0.6em;
}
.title h1 {
    background: #0b1728;
    color: #fff;
    margin: 0;
    padding: 0.6em 0;
}

.selected {
    background: linear-gradient(to top, rgba(16, 36, 64, 0.1), rgba(255, 255, 255, 0));
    border-color: #ccc;
    border-right-width: 0.1em;
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

.header h1 {
    font-size: 2em;
    color: #666666;
    margin-left: 0.4em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.nav > div {
    float: left;
    list-style: none;
    box-sizing: border-box;
}

.nav:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.nav a {
    display: block;
    float: left;
    padding: 0.7em 1em;
    text-decoration: none;
    color: #214478;
    font-size: 1.2em;
    border-width: 0;
    border-right-width: 0.1em;
    border-style: solid;
    border-color: #ddd;
    cursor: pointer;
}

.nav a.selected, .nav a:hover {
    background: linear-gradient(to top, rgba(16, 36, 64, 0.1), rgba(255, 255, 255, 0));
}

.nav:after {
    clear: both;
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    overflow: hidden;
}

.header img {
    margin: 1em;
}

.fit {
	width: auto;
	min-height: 100%;
	height: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
}

.hfit {
	min-height: 100%;
	height: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
}

.fixed {
	margin: 0 auto;
	width: 960px; /* Desktop Compact */
}

/* ------------- grids -------------------- */
	
.row > .col {
	float: left;
	list-style: none;
	box-sizing: border-box;
}
	
.row:after {
	display: block;
	content: ' ';
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.row.gm > .col {
	margin-right: 1%;
}

.row.gm > .col:first-child {
	margin-left: 1%;
}

.row.g2 > .col {
	width: 50%;
}

.row.g2 > .col.s2 {
	width: 100%;
}
	
.row.g2.gm > .col {
	width: 48.5%;
}

.row.g2.gm > .col.s2 {
	width: 98%;
}

.row.g3 > .col {
	width: 33.333333%;
}
	
.row.g3 > .col.s2 {
	width: 66.666666%;
}

.row.g3 > .col.s3 {
	width: 100%;
}

.row.g3.gm > .col {
	width: 32%;
}

.row.g3.gm > .col.s2 {
	width: 65%;
}

.row.g3.gm > .col.s3 {
	width: 98%;
}

.row.g4 > .col {
	width: 25%;
}
	
.row.g4 > .col.s2 {
	width: 50%;
}
	
.row.g4 > .col.s3 {
	width: 75%;
}

.row.g4 > .col.s4 {
	width: 100%;
}
	
.row.g4.gm > .col {
	width: 23.75%;
}
	
.row.g4.gm > .col.s2 {
	width: 48.5%;
}
	
.row.g4.gm > .col.s3 {
	width: 73.25%;
}

.row.g4.gm > .col.s4 {
	width: 98%;
}

/* Debug */

#p-mode:before {
	content: 'Default Mode (like Desktop Compact)';
}


/* Phone Portrait */
@media screen and (max-width: 479px) {

	/* ------------- containers -------------------- */

	.fixed { width: 280px; }

	/* ------------- utils -------------------- */

	.phone-hidden, .phone-p-hidden {
		display: none !important;
	}

	/* ------------- grids -------------------- */

	.row.phone-p-1c > .col {
		float: none;
		width: auto;
	}

	.row.gm.phone-p-1c > .col {
		width: auto;
		margin: 0 1%;
	}

	/* ------------- debug -------------------- */

	#p-mode-phone-p {
		display: inline-block !important;
	}

	#p-mode:before {
		content: 'Phone Portrait';
	}

}

/* Phone Landscape */
@media screen and (min-width: 480px) and (max-width: 639px) {

	/* ------------- containers -------------------- */

	.fixed { width: 440px; }

	/* ------------- utils -------------------- */

	.phone-hidden, .phone-l-hidden {
		display: none !important;
	}

	/* ------------- grids -------------------- */

	.row.g4.phone-l-2c > .col {
		width: 50%;
	}

	.row.g4.gm.phone-l-2c > .col {
		width: 48.5%;
	}

	.row.phone-l-1c > .col {
		float: none;
		width: auto;
	}

	.row.gm.phone-l-1c > .col {
		width: auto;
		margin: 0 1%;
	}

	.row.g4.gm.phone-l-2c > .col:nth-child(2) {
		margin-right: 1%;
	}

	.row.g4.gm.phone-l-2c > .col:nth-child(3) {
		margin-left: 1%;
	}

	/* ------------- debug -------------------- */

	#p-mode-phone-l {
		display: inline-block !important;
	}

	#p-mode:before {
		content: 'Phone Landscape';
	}

}

/* Tablet Portrait */
@media screen and (min-width: 640px) and (max-width: 799px) {

	/* ------------- containers -------------------- */

	.fixed { width: 600px; }

	/* ------------- utils -------------------- */

	.tablet-hidden, .tablet-p-hidden {
		display: none !important;
	}

	/* ------------- grids -------------------- */

	.row.g4.tablet-p-2c > .col {
		width: 50%;
	}

	.row.g4.gm.tablet-p-2c > .col {
		width: 48.5%;
	}

	.row.tablet-p-1c > .col {
		float: none;
		width: auto;
	}

	.row.gm.tablet-p-1c > .col {
		margin: 0 1%;
		width: auto;
	}

	.row.g4.gm.tablet-p-2c > .col:nth-child(2) {
		margin-right: 1%;
	}

	.row.g4.gm.tablet-p-2c > .col:nth-child(3) {
		margin-left: 1%;
	}

	/* ------------- debug -------------------- */

	#p-mode-tablet-p {
		display: inline-block !important;
	}

	#p-mode:before {
		content: 'Tablet Portrait';
	}

}

/* Tablet Langscape */
@media screen and (min-width: 800px) and (max-width: 1023px) {

	/* ------------- containers -------------------- */

	.fixed { width: 760px; }

	/* ------------- utils -------------------- */

	.tablet-hidden, .tablet-l-hidden {
		display: none !important;
	}

	/* ------------- debug -------------------- */

	#p-mode-tablet-l {
		display: inline-block !important;
	}

	#p-mode:before {
		content: 'Tablet Landscape';
	}

}

/* Desktop Compact */
@media screen and (min-width: 1024px) and (max-width: 1199px) {

	/* ------------- containers -------------------- */

	.fixed { width: 960px; }

	/* ------------- utils -------------------- */

	.desktop-hidden, .desktop-c-hidden {
		display: none !important;
	}

	/* ------------- debug -------------------- */

	#p-mode-desktop-c {
		display: inline-block !important;
	}

	#p-mode:before {
		content: 'Desktop Compact';
	}

}

/* Desktop Normal */
@media screen and (min-width: 1200px) and (max-width: 1919px) {

	/* ------------- containers -------------------- */

	.fixed { width: 1120px; }

	/* ------------- grids -------------------- */

	.desktop-hidden, .desktop-n-hidden {
		display: none !important;
	}

	/* ------------- debug -------------------- */

	#p-mode-desktop {
		display: inline-block !important;
	}

	#p-mode:before {
		content: 'Desktop Normal';
	}

}

/* Desktop HD */
@media screen and (min-width: 1920px) {

	/* ------------- common -------------------- */

	body {
		font-size: 1.34em;
	}

	/* ------------- containers -------------------- */

	.fixed { width: 1800px; }

	/* ------------- utils -------------------- */

	.desktop-hidden, .desktop-hd-hidden {
		display: none !important;
	}

	/* ------------- debug -------------------- */

	#p-mode-desktop-hd {
		display: inline-block !important;
	}

	#p-mode:before {
		content: 'Desktop HD';
	}

}