.hidden {
	display:none;
}
body {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FCFCFC; */
	font-family: Verdana,sans-serif;
	font-size: 12px;
	color: rgb(76, 25, 0);
	padding: 0;
	margin: 0;
}

#info h1 { font-size: 19px; text-align: center; }

#main P {
 text-align: justify;
 font-size: 22px;
 margin:0 10px 0 5px;
 text-indent: 0;
 }

.epigraf  { float: right; text-align: right; font-style: italic; font-size: 14px;
 margin:0px 0 1px 20px;
 }
/* врезки в текст */
.mainright {
 float: right;
 width: 300px;
 background-color:#F3E084; /*373128;*/
 border:1px solid #BA7053; /*40392C;*/
 margin:1px 0 1px 20px;
 padding:1px 18px;
 color:#000000;
 text-align: center; font-style: italic; font-size: 16px;
 }

table#top {
	width:100%;
	border: none;
/*	background-color: #F3E084; */
	background-color: #f3e084;
}
td.logo  {
	text-align:left;
	width:450px;
}
td.info {
	width:auto;
	text-align:center;
	vertical-align:middle;
	font-size:18px;
	color: rgb(76, 25, 0);
	font-weight:bold;
}
td.aforism  {
	width:auto;
	padding-right:30px;
	text-align:right;
	vertical-align:middle;
	font-size: 10px;
	font-weight:bold;
	color: rgb(76, 25, 0);
}
td.content {
	width:100%;
	vertical-align:top;
}
table#footer {
	width:100%;
}

table#main {
	width:100%;
	border-collapse:collapse;
}
.lenta {
	width:100%;
	height: 25px;
	background: url("lenta_back.jpg") repeat-x;
	background-color: #339933;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:top;
}

img {
	border:none;
}
a:link {
	color: #0202DE;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0202FF;
}
a:hover {
/*	border-bottom: thin dotted;  */
	color: #0202DE;
}
a:active {
	text-decoration: none;
}
td.menu {
	width:250px;
	vertical-align:top;
}
ul{
	margin:0;
	padding:0;
}

ul.container{
	/* The topmost UL */
	width:240px;
/*	width:200px; */
	/*margin:0 auto; */
	padding:10px;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:100%;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:12px;
	height:22px;
	overflow:hidden;
	padding:5px 20px 0;
	position:relative;
	width:200px;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:32px;
	position:absolute;
/*	padding:5px 20px 0; */
	right:0;
	top:0;
	width:4px;
	display:block;
}

/* Setting up different styles for each section color */

li.button a.blue{background:url(img/blue.png) repeat-x top left; color:#074384;}
li.button a.blue span{ background:url(img/blue.png) repeat-x top right;}

li.button a.green{background:url(img/green.png) repeat-x top left; color:#FFFFFF;
 background-color: #88bb44;
}
li.button a.green span{ background:url(img/green.png) repeat-x top right; }

li.button a.orange{background:url(img/orange.png) repeat-x top left; color:#882e02;}
li.button a.orange span{ background:url(img/orange.png) repeat-x top right;}

li.button a.red{background:url(img/red.png) repeat-x top left; color:#641603;}
li.button a.red span{ background:url(img/red.png) repeat-x top right;}

/* The hover effects */

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:1px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:#F3E084; /*373128;*/
	border:1px solid #BA7053; /*40392C;*/
	color:#000000;
	margin:1px 0 1px 20px;
	padding:1px 18px;
}

.dropdown a:link{
	color:#000000
}
.dropdown a:visited{
	color:#000000
}
a.top_link  {
	color: #FFFFFF;
	text-decoration: underline;
}
a.top_link:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.top_link:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

#counters { margin: 1em 1em 0em 1em; }

.scrollTop{
	display:block;
	position:fixed;
	width:50px;
	height:50px;
	bottom:60px;
	left:3%;
	background:url(/img/arrow_top.png) 0 0 no-repeat;
	z-index:2000;
}
.scrollTop:hover{background-position:0 -55px;}

td.menu .mlogo, .mcontact { display: none; }

@media screen and (max-width: 1000px) {
.clearfix:after { content: ""; display: table; clear: both; }
body { font-family: "Arial Narrow" !important; }
.lenta, #top, #footer, #counters { display: none; }
table#main td.menu, table#main td.content { display: block; float: none; width: 98%; }
td.menu .mlogo { display: block; float: right; width: 57px; max-width: 16%; height: 136px; background: url(/img/mlogo.png) 0 20px no-repeat;  }
td.menu .mcontact { display: block; float: right; width: 0px; max-width: 7%; height: 136px; background: url(/img/mcontact.png) 0 16px no-repeat; }
td.menu ul.container { display: block; float: right; max-width: 77%; }
.content table { width: 98% !important; max-width:98% !important; }
}

@media screen and (max-width: 500px) {
ul.container { padding: 18px 2px 2px 2px !important; }
}