body {
	font-family: Arial, sans-serif;
	font-size: 11pt;
	background-color: #eeeeee;
	margin: 0;
}
.wrapper {
	background-color:white;
	margin: 0 auto;
	padding: 8px 16px;
	max-width: 1200px;
	position: relative;
	overflow-x: scroll;
}
img.kp		{width:15px;height:15px;vertical-align:middle;float:left;border:0;margin:2px 5px 0 0}
.textp, table.news p	{
	margin: .6em 0;
	text-align: justify;
	line-height: 1.4;
}
table.news	{
	width:100%;
	font-size:11pt;
	vertical-align:top;
}
.mainpic	{border-width:2px; border-color:green; border-style:solid;}
td.cent		{padding:0 5px; font-size:11pt;}
h1			{text-align:center; font-size:12pt; margin:10px}
form		{margin:0;}
select.Changer		{width:100%;}
img.newsfoto	{float:right; border-color:green; border-width:3px; border-style:solid; margin:0 2px 10px 7px;}
div.newsfoto	{float:right; margin:0 2px 10px 7px; padding:3px 3px 0 3px; background-color:green; text-align:center; font-size:9pt; font-style:italic; color:white; font-weight:bold;}
.newsfoto.inline {float:none; margin:0;}
pre.newsres	{margin:5px 0;font-size:9pt;}

div.express	{width:200px;margin-left:5px;}
div.express div.mess	{margin:6px 0;font-size:13px;padding:0 5px 3px 5px;background-color:#f0f8ff;}
div.express div.mess div.date	{text-align:right;color:#444444;font-style:italic;font-weight:bold;font-size:12px;}
div.express div.mess div.text	{text-align:justify;}

table.tableMenu	{font-size:10pt;}
table.tableMenu td	{padding:2px 15px;}
table.tableMenu a	{font-weight:bold;color:blue;}

div.idatesPanel	{visibility: hidden; position: absolute; border: 1px solid Gray; background-color: #FFFFAA; cursor: pointer; padding:3px 4px; font-size:10pt;min-width: 200px;}
div.idatesPanelHeader	{font-weight:bold;text-align:center;padding:0 4px 3px 4px; color:green;min-width: 200px;}
div.idatesPanelText		{text-align:left;min-width: 200px;}
div.idatesPanelBottom	{font-weight:bold;text-align:right;color:#CCCCCC;min-width: 200px;}

small {
	font-size: 80%;
}

.right-panel {
	float: right;
	width: 300px;
}
.right-panel h2	{
	margin: 1em 0 .2em 0;
	background-color: #BBFFAA;
	font-size: 100%;
	text-align: center;
	padding: .2em 0;
}
.right-panel h2 a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.right-panel h2 a:hover,
.right-panel h2 a:focus {
	text-decoration: underline;
}
.right-panel .adv {
	margin: 3em 0;
}
.right-panel .adv-manual {
	margin: .5em 0;
}

.left-panel {
	margin: 0 320px 0 0;
}
.left-panel .adv {
	padding: 1em 0;
	border-bottom: 3px solid green;
	border-top: 3px solid green;
}
.left-panel .adv + .adv,
.left-panel .adv + .rss,
.left-panel .rss + .adv {
	border-top: 0 none;
}

.calendar-main .date {
	font-weight: bold;
	display: inline-block;
	width: 5em;
	text-align: right;
}
.calendar-main a.event {
	text-decoration: none;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
}
.calendar-main .past a.event,
.calendar-main .more a.past {
	color: #005f00;
}
.calendar-main .more a.past:hover {
	color: blue;
}
.calendar-main .future a.event {
	color: blue;
}
.calendar-main .present a.event {
	color: #a50000;
}
.calendar-main .week-odd + .week-even,
.calendar-main .week-even + .week-odd {
	border-top: 1px solid green;
	margin-top: 2px;
}
.calendar-main a.event:hover {
	text-decoration: none;
	background-color: #ffd700;
}
.calendar-main a.event:focus {
	outline: none;
}
.calendar-main a.event:focus .name {
	outline: 1px dotted blue;
}
.calendar-main .tag {
	font-size: 60%;
	font-weight: bold;
	margin: .3em 0 0;
	padding: 0.2em 0.4em;
	position: absolute;
	right: 0;
}
.calendar-main .tag.entry-date {
	background-color: #f49c00;
	color: white;
}
.calendar-main .tag.rg {
	background-color: #005578;
	color: white;
}
.calendar-main .more {
	text-align: center;
	margin-top: .2em;
}
.calendar-main .more a {
	color: blue;
	text-decoration: underline;
}
.calendar-main .disclosed {
	background-color: rgb(252, 252, 212);
	border-radius: .4em;
	border-left: .4em solid blue;
}
.calendar-main .disclosed .date {
	width: 4.6em;
}
.calendar-main .disclosed .name {
	text-decoration: underline;
}
.calendar-main .disclosed .slider {
	margin-left: 4.6em;
}
.calendar-main .slider {
	display: none;
	padding: .1em 0 .2em .3em;
	margin-left: 5em;
}
.calendar-main .last-updated .slider {
	display: block;
}
.calendar-main .place {
	color: #555555;
	font-weight: bold;
	font-size: 80%;
}
.calendar-main a.doc {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: underline;
}
.calendar-main .canceled .date,
.calendar-main .canceled .name {
	text-decoration: line-through;
}

.guestbook {
	margin: 1em 0 0 0;
}
.guestbook .message {
	text-align: left;
}
.guestbook .message a {
	color: inherit;
	text-decoration: none;
}
.guestbook .message a:hover,
.guestbook .message a:focus {
	text-decoration: underline;
}
.guestbook strong {
	color: #555555;
}
.guestbook .link {
	text-align: center;
}
.guestbook .link a {
	color: blue;
}
.guestbook .date {
	text-align: right;
	color: #555555;
	font-size: 70%;
}

.newdocs h2 {
	margin-top: .5em;
}

.routegadget-main .event {
	position: relative;
}
.routegadget-main h3 {
	font-size: inherit;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top:3px;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
	margin: 0;
}
.routegadget-main h3 a {
	color: #000000;
	text-decoration: none;
	display: block;
}
.routegadget-main .list {
	text-align: center;
}
.routegadget-main .list a {
	color: blue;
}

.youtube-main .video {
	position: relative;
	background-color: #000000;
}
.youtube-main .video img {
	display: block;
	width: 100%;
	height: auto;
}
.youtube-main h3 {
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
	bottom: 3px;
	background-color: rgba(255,255,255,0.6);
	color: #000000;
	text-align: center;
	text-decoration: none;
	font-size: inherit;
}
.youtube-main h3 span	{
	display: block;
	padding: 0 1em .1em;
}
.youtube-main a.playlist {
	position: absolute;
	width: 100%;
	top: 3px;
	background-color: rgba(255,255,255,0.6);
	color: inherit;
	text-decoration: none;
	text-align: center;
	padding: 0 0 .1em 0;
}
.youtube-main a:hover,
.youtube-main a:active,
.youtube-main a:hover h3,
.youtube-main a:active h3 {
	text-decoration: underline;
}

.vote-main a.event {
	margin: .3em 0;
	display: block;
	color: inherit;
	text-decoration: none;
}
.vote-main .name {
	font-weight: bold;
}
.vote-main a:hover .name {
	text-decoration: underline;
}
.vote-main .subtitle,
.vote-main .state {
	font-size: 80%;
}
.vote-main .state {
	text-align: right;
	color: #555555;
}
.vote-main .link {
	text-align: center;
}
.vote-main .total {
	float: left;
	color: rgb(226, 146, 119);
	font-size: 130%;
	font-weight: bold;
	margin: 0.3em .3em 0 0;
}
.vote-main .name,
.vote-main .subtitle {
	margin: 0 0 0 46px;
}


.rss {
	border-top: 3px solid green;
	border-bottom: 3px solid green;
	overflow: auto;
	padding: 1em 1px;
}
.rss .item {
	display: block;
	float: left;
	width: 22.5%;
	margin: .5em 0 .5em 3%;
}
.rss .item:nth-child(4n+1) {
	clear: left;
	margin-left: 0;
}
@media only screen and (max-width: 1200px) {
	.rss .item {
		width: 31%;
		margin-left: 3.5%;
	}
	.rss .item:nth-child(4n+1) {
		clear: none;
		margin-left: 3.5%;
	}
	.rss .item:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
	.rss .item:nth-child(7),
	.rss .item:nth-child(8) {
		display: none;
	}
}

@media only screen and (max-width: 960px) {
	.rss .item {
		width: 47.5%;
		margin-left: 5%;
	}
	.rss .item:nth-child(3n+1) {
		clear: none;
		margin-left: 5%;
	}
	.rss .item:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}
	.rss .item:nth-child(7),
	.rss .item:nth-child(8) {
		display: none;
	}
}

@media only screen and (max-width: 400px) {
	.rss .item {
		width: 100%;
		margin-left: 0;
	}
	.rss .item:nth-child(3n+1) {
		clear: none;
		margin-left: 0;
	}
	.rss .item:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}
	.rss .item:nth-child(5),
	.rss .item:nth-child(6),
	.rss .item:nth-child(7),
	.rss .item:nth-child(8) {
		display: none;
	}
}

.rss a {
	text-decoration: none;
	color: inherit;
}
.rss .source {
	display: block;
	font-size: 80%;
	padding: .2em 0;
	color: #808080;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rss .date {
	font-weight: bold;
}
.rss img {
	width: 100%;
	outline: 1px solid #a9a9a9;
}
.rss .title {
	display: block;
	font-weight: bold;
}
.rss .brief {
	display: block;
	font-size: 90%;
	margin: .2em 0 0 0;
}

.news-item {
	position: relative;
	margin: 2em 0;
	font-size: 14px;
	font-family: Verdana, sans-serif;
	line-height: 160%;
	overflow: hidden;
}
.news-item .date {
	text-align: center;
	width: 97px;
	float: left;
	line-height: 17pt;
}
.news-item .text {
	margin: 0 0 0 103px;
}
.news-item .author {
	position: absolute;
	bottom: .4em;
	left: 0;
	width: 97px;
	text-align: center;
	color: #666666;
	font-size: 80%;
	line-height: 1;
}
.news-item .author a,
.news-item .author a:visited {
	color: inherit;
	text-decoration: none;
}
.news-item .author a:hover {
	text-decoration: underline;
}
.news-item p {
	margin: .6em 0;
}
.news-item h3 {
	margin: .8em 0;
	font-size: 110%;
}
.news-item p:first-child,
.news-item h3:first-child
{
	margin-top: 0;
}
.news-item p:last-child,
.news-item h3:last-child
{
	margin-bottom: 0;
}
.news-item img {
	max-width: 100%;
	height: auto;
}
.news-item blockquote {
	margin:0 0 0 30px;
	font-style:italic;
}
.news-item ol, .news-item ul {
	margin-top: .6em;
	margin-bottom: .6em;
}
.news-item iframe {
	max-width: 100%;
}
.news-item pre {
	line-height: 1;
	overflow: hidden;
	overflow-x: auto;
	display: block;
}


.orient-counter {
	float: left;
}
.orphus {
	float: right;
}

/* Новости без иконки слева */
@media only screen and (max-width: 800px) {
	.news-item .date img {
		display: none;
	}
	.news-item .date {
		float: none;
		text-align: left;
		width: auto;
		background-color: #bfa;
		padding: 0 .5em;
	}
	.news-item .text {
		margin: 0;
	}
	.news-item .author {
		position: static;
		text-align: right;
		width: auto;
	}
}

/* Одна колонка */
@media only screen and (max-width: 720px) {
	.right-panel {
		float: none;
		width: auto;
	}
	.left-panel {
		margin: 0;
	}
	.right-panel .adv,
	.right-panel .adv-manual,
	.right-panel .other-sites,
	.right-panel .routegadget-main,
	.right-panel .meteo,
	.orphus {
		display: none;
	}
	.orient-counter {
		float: none;
		margin-top: 1em;
	}
}

.photo.right {
	float: right;
	max-width: 50%;
	height: auto;
	margin: 1em 0 1em 1em;
}
@media only screen and (max-width: 400px) {
	.photo.right {
		float: none;
		max-width: 100%;
		height: auto;
		margin: 1em 0 1em 0;
	}
}

.obelarus {
	font-size: 68px;
	float: left;
	height: 72px;
	white-space: nowrap;
	color: black;
	text-decoration: none;
}
.page-title {
	display: block;
	clear: right;
	float: right;
	font-size: 26px;
	margin: 0;
}
.page-date {
	float: right;
	clear: right;
	font-size: 14px;
}
.page-menu {
	clear: both;
	font-size: 10pt;
	background-color: #BBFFAA;
	padding: 1px 4px;
	border-top: 3px solid green;
	border-bottom: 3px solid green;
}
.page-menu a {
	margin: .1em .2em;
}

@media only screen and (max-width: 400px) {
	.obelarus {
		font-size: 26px;
		height: 30px;
	}
	.obelarus img {
		width: 20px;
		height: 20px;
	}
	.page-date {
		position: absolute;
		right: 1em;
		top: 17px;
	}
	.page-title {
		clear: both;
		font-size: 20px;
		float: none;
	}
}

.top-line {
	text-align: right;
}
.top-line::after {
	content: "";
	clear: both;
	display: table;
}

.top-line-icon {
	float: right;
	width: 3em;
	height: 3em;
	background: no-repeat center/1.5em;
}
.top-line-menu {
	background-image: url(../img/menu.svg);
}
.top-line-guestbook {
	background-image: url(../img/book.svg);
}
.top-line-calendar {
	background-image: url(../img/valentines-day.svg);
}
.top-line-obelarus {
	float: left;
	font-size: 68px;
	text-decoration: none;
	color: black;
	white-space: nowrap;
}
.top-line-obelarus img {
	width: .75em;
	height: .75em;
	border: 0 none;
}

.top-line-icon {
	display: none;
}

@media only screen and (min-width: 480px) {
	.phone-show {
		display: none;
	}
}

/* Landscape phones and down */
@media only screen and (max-width: 480px) {
	.phone-hide {
		display: none;
	}

	.wrapper {
		padding: 0;
	}

	.page-title,
	.page-date {
		display: none;
	}

	.top-line {
		/*background-color: #bbffaa;*/
		border-bottom: 0.2em solid green;
		min-height: 3em;
		padding: .2em .4em 0 .8em;
	}
	.top-line-obelarus {
		font-size: 200%;
		line-height: 1.5em;
	}
	.top-line-icon {
		display: block;
	}

	.slide-menu {
		position: fixed;
		top: 0;
		width: 300px;
		max-width: 80%;
		height: 100%;
		z-index: 201;
		background-color: #353535;
		overflow: scroll;
		overflow-y: scroll;
		overflow-x: hidden;
		padding: 0;
		border: 0 none;
		font-size: 100%;
	}
	.slide-menu a {
		display: block;
		background-color: #565656;
		color: white;
		margin-bottom: 1px;
		margin-left: 1px;
		padding: 1em 0 1em 1.5em;
		text-decoration: none;
	}
	.slide-shadow {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		opacity: 0.8;
		background-color: #aaaaaa;
		z-index: 200;
		width: 100%;
		height: 100%;
	}

	.slide-menu {
		right: -100%;
		transition: right .5s, left .5s;
	}
	.slide-menu-on .slide-menu {
		right: 0;
	}
	.slide-shadow {
		display: none;
	}
	.slide-menu-on .slide-shadow {
		display: block;
	}

	.right-panel {
		padding: 0 1em;
	}
	.right-panel > div > h2 {
		margin: 0 -1em .3em -1em;
	}

	.left-panel .news-item {
		padding: 0 1em;
	}
	.left-panel .news-item .date {
		margin: 0 -1em;
	}
}

@media only screen and (max-width: 720px) {
	.top-line-obelarus {
		font-size: 33px;
	}
	.page-title {
		margin-top: 0.3em;
		font-size: 16px;
	}
	.page-date {
		font-size: 80%;
	}
}

.textbody	{
	margin:0 5%;
	text-align:justify;
	line-height: 1.5;
}
.textbody img {
	max-width: 100%;
	height: auto;
}
.textbody p 	{
	text-indent: 0;
	margin: .5em 0;
	margin-left: 25pt;
}
.textbody li p {
	margin-left: 0;
}
.textbody .right {
	margin: 10pt 0;
	width: 20em;
	min-width: 40%;
	max-width: 100%;
	float: right;
	clear: right;
	text-align: left;
}
.textbody hr	{
	display: block;
	height: 3px;
	border: 0 none;
	margin: 20px -5.55% 10px -5.55%;
	background-color: green;
	color: green;
	overflow: hidden;
}

.textbody h1	{
	margin: 20px 0 20px 0;
	text-align: center;
	font-size: 145%;
	line-height: 1.2;
	clear: both;
}
.textbody h1 small	{
	font-size: 75%;
	margin: 0;
}
.textbody h2	{
	font-size: 110%;
	line-height: 1.3;
	margin: 20px -5px 0 -5px;
	border-bottom: 1px solid green;
	padding: 0 0 2px 5px;
	font-style: italic;
	text-align: left;
}
.textbody h3	{
	font-size: 100%;
	margin: 10px 0 5px 0;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}
.textbody ul,
.textbody ol	{
	margin: 5pt 0 5pt 30px;
}
.textend	{
	text-align: right;
	font-size: 10pt;
}

table.norm	{font-size:11pt;border-collapse: collapse; border: 2px solid green; margin:10px 0;}
table.norm td 	{padding:.2em .7em; border: 2px solid green; text-align: center;}
table.norm .highlight td 	{background-color:#bbffaa;}
table.norm .header td, table.norm th	{padding:5px 10px;text-align:center;background-color:#5eff5e;font-weight:bold; border: 2px solid green;}
table.norm .center {text-align:center;}
table.double-row-highlight tr:nth-child(4n), table.double-row-highlight tr:nth-child(4n+1) {background-color: #bbffaa;}
table.norm td:first-child {text-align: left;}
.clear-fix {
	clear: both;
}

@media only screen and (max-width: 720px) {
	.textbody	{
		margin: 0;
		text-align: justify;
	}
	.textbody hr {
		margin-left: 0;
		margin-right: 0;
	}
	div.textbody p 	{
		margin: 5pt 0;
	}
	div.textbody ul,ol	{
		margin: 5pt 0 5pt 0;
	}
}
@media only screen and (max-width: 480px) {
	.textbody {
		padding: 0 1em;
	}
	.textbody hr {
		margin-left: -1em;
		margin-right: -1em;
	}
}

.textbody img, .auto-width {
	max-width: 100%;
	height: auto;
}

.logos img {
	vertical-align: middle;
	border: 0 none;
	margin: 1em;
}
.logos a:hover img {
	opacity: .7;
}

.shem   {
	display: inline-block;
	margin: 1em .5em;
	width: 302px;
}
.shem em {
	display: block;
	text-align: center;
}

@media print {
	@page {
		size: auto;   /* auto is the initial value */
		margin: 1cm 1cm;  /* this affects the margin in the printer settings */
	}
	.top-line,
	.page-menu,
	.bottom-line,
	.footer,
	.textend,
	.links,
	.orphus,
	#orphus,
	.textend,
	.adv,
	.no-print {
		display: none;
	}
	div.textbody {
		margin: 0;
	}
	div.textbody .right {
		float: left;
		width: 50%;
	}
	table.norm,
	table.norm tr,
	table.norm tr td,
	table.norm tr th {
		background: none;
	}
	table.norm tr td,
	table.norm tr th {
		border: 1px solid black;
	}
	h1, h2, h3 {
		page-break-after: avoid;
	}
	.textbody h1	{
		margin-top: 0;
	}
	.textbody h2	{
		margin-top: 0.5em;
	}