@charset "utf-8";
body {
	font: 100%/1.3 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0 0 0;
	color: #000;
	background: url(../images/back.jpg) repeat-x;
	background-color: #FBFBF9;
}
/* ~~ Селекторы элементов/тегов ~~ */
ul, ol, dl { /* Из-за различий между браузерами рекомендуется обнулять поля в списках. Для согласованности можно указать нужные величины либо здесь, либо в элементах списка (LI, DT, DD), которые они содержат. Помните, что сделанное здесь последовательно включается в список .nav, если только не будет прописан более конкретный селектор. */
	padding: 0;
	margin: 0;
}
h3, h4, h5, h6, p {
	margin-top: 0;	 /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
	padding-right: 15px;
	padding-left: 15px; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */
}
h1 {
	margin-top: 0;
	color: #35426E;
	text-align: left;
	padding: 0 10px 0px 5px;
	font: bold 20px/24px Arial, Helvetica, sans-serif;
}
h2 {
	font: bold 20px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000;
	margin: 15px 0 5px 15px;
}
h3 {
	font: bold 17px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	margin: 15px 0 5px 15px;
}
a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
	border: none;
}
/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* если только ссылки не должны выглядеть исключительно своеобразно, то для быстрого зрительного распознавания рекомендуется использовать подчеркивание */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
	text-decoration: none;
}
/* ~~ этот контейнер фиксированной ширины окружает все остальные DIV ~~ */
.container {
	width: 960px;
	background-color: #FFF;
	margin: 0 auto;
	border: 1px solid #495577;
}
/* ~~ Столбцы для макета. ~~ 

1) Поля размещены только вверху и/или внизу DIV. Элементы в этих DIV имеют боковые поля. Это избавляет пользователя от необходимости расчетов рамочной модели. Помните, что при добавлении боковых полей или границы к самому DIV их ширина будет добавлена к задаваемой ширине, что образует "полную" ширину. Кроме того, можно удалить поля элемента в DIV и поместить внутри него второй DIV без ширины и с необходимыми по проекту полями.

2) Столбцы не снабжаются полями, поскольку все они обтекающие. Если нужно добавить поля, то желательно не с той стороны, с которой обтекается столбец (например, правое поле у div, настроенного на обтекание справа).  Часто вместо этого можно применить padding. В случаях, когда это правило приходится нарушить, следует добавить к правилу div объявление "display:inline", чтобы исправить ошибку с удвоением полей в некоторых версиях Internet Explorer. 

3) Поскольку классы можно использовать в документе многократно (а к элементу можно применять несколько классов), то столбцам вместо идентификаторов назначены имена классов. Например, два DIV с боковыми панелями могут при необходимости стыковаться. По желанию имена можно легко заменить на идентификаторы при условии, что они используются по одному на документ.

4) Если вы предпочитаете, чтобы панель навигации была справа, а не слева, просто установите обтекание столбцов в противоположном направлении (все справа, а не слева), они выстроятся в обратном порядке. Перемещать DIV в исходном коде HTML-документа не нужно.

*/

.header {
	background-image: url(../images/header_bg.jpg);
	width: 960px;
	height: 197px;
}
.header span {
	font: 100%/1.1 Arial, Verdana, Helvetica, sans-serif;
	float: right;
	text-align: right;
	font-size: 18px;
	padding: 40px 40px 0px 0px;
	font-weight: bold;
}

.headerrek {
	color: #FFF;
	padding: 165px 0px 0px 450px;
	font-size: 14px;
}
#whitelik {
	color: #CCC;
	font-size: 14px;
	text-decoration: none;
	/* [disabled]font-weight: bold;
*/
}
.mblock {
	background: url(../images/mbg.jpg) repeat-x;
	padding: 5px 0 5px 0;
	border: 1px solid #495577;
	width: 960px;
	min-height: 100%;
}
.sidebar1 {
	float: left;
	width: 213px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding-top: 5px;
}

.content {
	padding: 10px 15px 0 15px;
	width: 680px;
	float: left;
	text-align: justify;
	border: 1px solid #495577;
	background-color: #FFF;
	margin: 5px 0 5px 15px;
}
/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
}
.content table tr td {
	/* [disabled]text-align: center; */
}
.container .content table tr td p {
	margin: 0;
}
.limg {
	float: left;
	/* [disabled]border-color: #CCC;
*/
	/* [disabled]border: 1px;
*/
	margin-left: 0px;
	margin-right: 10px;
	/* [disabled]border-style: dashed;
*/
}
#menu {
	height: 33px;
	padding: 7px 29px 0px 95px;
	background-color: #35426E;
}
#menu a {
	font-size: 14px;
	/* [disabled]margin: 0; */
	color: #FFF;
	display: block;
	padding: 3px 14px 3px 14px;
	font-weight: bold;
	text-decoration: none;
}
#menu a:hover, #menu a.sel {
	color: #F00;
	text-decoration: none;
	/* [disabled]background: #005399;
*/
}
#menu a.sel:hover {
	color: #FFF;
	text-decoration: none;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul li {
	margin: 0 35px 0 0;
	padding: 0;
	float: left;
	list-style: none;
}
#vmenu {
	width: 224px;
	float: left;
}
#container {
}
.footer {
	padding: 10px 0;
	background-color: #35426E;
	height: 55px;
	position: relative;/* IE6 получает hasLayout для правильной очистки */
	clear: both; /* это свойство очистки заставляет .container видеть место окончания столбцов и включать их */
}
.footer p {
	color: #FFF;
}
.fLeft {
	float: left;
	font-size: 24px;
	font-weight: bold;
}
.fRight {
	float: right;
	text-align: right;
	font: bold 12px/14px Arial,Verdana,Helvetica,sans-serif;
}
.active {
	color: #F00;
	background-color: #0F6;
}
.clearfloat { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если .#footer удален или извлечен из #container */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	padding: 40px 28px 25px 0;
	width: 213px;
}
ul.topnav {
	font-size: 1em;
	line-height: 0.5em;
	margin: 0;
	padding: 0;
}
ul.topnav li {
	list-style: none outside none;
	padding-bottom: 5px;
}
ul.topnav li a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #495577;
    color: #340c70;
    display: block;
    font-size: 11px;
    font-weight: bolder;
    line-height: 10px;
    padding: 10px 5px;
    text-decoration: none;
}
ul.topnav li a:hover {
	background-color: #DDDDDC;
	color: white;
}
ul.topnav ul {
	display: none;
	margin: 0;
	padding: 0;
}
ul.topnav ul li {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.topnav ul li a {
	font-size: 10px;
	font-weight: normal;
	outline: 0 none;
	padding-left: 20px;
}
ul.topnav ul li a:hover {
	background-color: #DCDCDC;
	color: #555;
}
ul.topnav ul ul li a {
	color: #333;
	padding-left: 40px;
}
ul.topnav ul ul li a:hover {
	background-color: #D7D7D7;
	color: #555555;
}
ul.topnav span {
	float: right;
}
ul.topnav ul ul li.active a {
	background-color: #DCDCDC;
}
ul.topnav ul ul li.hactive a {
	background-color: #F2F2F2;
}
ul.topnav li ul li.active a {
	background-color: #D7D7D7;
}
ul.topnav li ul li.hactive a {
	background-color: #F2F2F2;
}
.maintabl table tr td img {
 border 2px;
	margin: 10px 10px 10px 10px;
	border: 2px solid #00a0e9;
}
.tablnc {

 border 2px
	text-align: left;
	text-align: left;
}

.maintabl table tr td a img {
 border 2px;
	border-color: #00a0e9;
	margin: 10px 10px 10px 10px;
}
.maintabl table tr td p {
	margin: 0 auto;
	font: 75%/1.3 Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}
.maintabl table tr td {
	padding: 20px 0 20px 0;
	border-color: #CCCCCC;
	border: 1px double #CCCCCC;
}
.pbold {
	font-weight: bold;
	font: 100%/1.3 Arial, Verdana, Helvetica, sans-serif;
}
.content table tr td {
	padding: 1px 5px 1px 5px;
	font: 90%/1.3 Arial, Verdana, Helvetica, sans-serif;
}
#mediaplayer {
	/* [disabled]width: 400px;
*/
	/* [disabled]height: 300px;
*/
	margin: 0 auto;
	/* [disabled]padding: 0 152px;
*/
}
#mediaplayer1 {
	width: 400px;
	height: 300px;
	margin: 0 auto;
	/* [disabled]padding: 0 152px;
*/
}
#smap {
	width: 600px;
	height: 550px;
	/* [disabled]padding: 0 0 0 30px; */
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
#sadd {
	width: 330px;
	height: 550px;
	float: left;
}
#textgr {
	color: #666;
	font-weight: bold;
}