/* старый дизайн
body {
	  width: 100%; 
	  height: 100%
	  }
      td {
	vertical-align: top;
	text-align: left
}
*/
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. */
	padding: 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах IE 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. */
	color: #000000;
	font-size: 12px;
}
.topmenu {
	text-align: center;
	vertical-align: middle;
	padding-top: 7px;
}

.brand {
	letter-spacing: 2px;
	white-space: nowrap;
	background-image: url(/pics/bt.gif);
	background-position: left top;
	background-repeat: repeat-x
}
A.menuitem {
	TEXT-DECORATION: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 10px;
	margin-left: 5px;
	font-weight: bold;
}
A.menuitem:visited {
	COLOR: #B7D9FF;
	TEXT-DECORATION: none;
}
A.menuitem:hover {
	TEXT-DECORATION: none;
	color: #66FFFF;
}
.brand2 {
	background-image: url(/pics/logo_rx.jpg);
	background-repeat: no-repeat;
	height: 89px;
	width: 361px;
	background-position: left top;
}
.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}
.titlebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}


      .title {
	background-image: url(images/back.jpg);
	height: 89px;
	background-position: center center;
}
.paint {
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	height: 89px;
	text-align: center;
}

      .brand, .title {vertical-align: middle; text-align: center; font-weight: bold}
      .menu a {color: white; text-decoration: none; font-weight: bold}
      .active a {color: yellow}
      .menu .left {border-right: 1px solid white}
      .menu .right {padding-left: 7px}
      .bottom {

}
.conbot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 20px;
	width: 267px;
	text-align: left;
}

      #content, #content table td, .bottom, .menu a {font-size: 70%}
      .header {font-size: 140%; margin-bottom: 10px; margin-top: 0px}
      /* p {margin-top: 7px; margin-bottom: 7px} */
      p {
	text-indent: 2em;
	/*text-indent: 25px;	*/
}
     .english {text-align: right; margin-bottom: 0px}

 td.c1 {text-align:center; padding-left:6px; padding-right:7px; padding-top:3px; padding-bottom:3px}
 td.c3 {text-align: right}
 td.c4 {text-align: right}

 p.c1 {font-style: italic; text-align: justify}
 p.c2 {font-style: italic; font-weight: bold}
 p.c33 {text-align: justify; text-indent: 2em; margin: 0px; font-size: 120%}
 p.c4 {text-align: center}
 p.c7 {font-weight: bold; text-align: center}
 p.c8 {
	text-align : left;
	text-indent : 15px;
	margin-left : 10px;
	margin-right : 10px;
}
 
 

 h1.c1 {text-align: center}
 h1.c2 {color: #00008B; font-style: italic; text-align: right}
 h4.c3 {text-align: center}

 table.c8 {border-collapse: collapse}

 span.c1 {font-size: 40%}
 span.c2 {font-style: normal; text-decoration: underline}
 span.c3 {font-size: 50%}
 span.c5 {font-style: normal}
 span.c6 {font-weight: 400; font-style: normal}
 
.rightcolon {
	background-image: url(/pics/back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* В новом стиле переопределили 
/*.logotop {
	position: absolute;
	height: 109px;
	width: 626px;
	left: 0px;
	top: 0px;
}
.toptheme {
	position: absolute;
	height: 109px;
	width: 338px;
	top: 0px;
	right: 3%;
	background-image: url(/pics/theme.jpg);
}
.topbg {
	background-image: url(/pics/bt.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 109px;
} */
.topmenubg {
	height: 35px;
	text-align: center;
	background-image: url(/pics/menubg1.gif);
}
.mainbackall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-image: url(/pics/backmap.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.mbul {
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	list-style-type: square;
}
.accento1 {
	font-weight: bold;
	color: #003366;
}








/* НОВЫЙ СТИЛЬ!!! */
.logotop {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.toptheme {
	height: 109px;
	width: 360px;
	background-image: url(/pics/theme.jpg);
	top: 0px;
	right: 0px;
}
.topbg {
	background-image: url(/pics/bt.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 109px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
}
.thrColHybHdr #container {
	width: 100%;
	background: #FFFFFF;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
	text-align: center; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
}  
.thrColHybHdr #header {
	bottom: auto;
} 
.thrColHybHdr #header h1 {
	margin: 0; /* нулевое значение поля последнего элемента в #header div позволит избежать сжатия полей, то есть появления необъяснимого пространства между элементами div. Если вокруг элемента div есть граница, нет необходимости устанавливать это значение, поскольку граница также предотвращает сжатие полей. */
	padding: 10px 0; /* использование отступа вместо поля позволит сохранить расстояние между элементом и границами div. */
}

/* Советы по элементу sidebar1:
1. Учтите, что при установке значения font-size для данного элемента div общая ширина элемента div будет изменена соответственно.
2. Поскольку значения устанавливаются в эмах, не рекомендуется использовать отступ для самой боковой панели. Он будет добавлен к ширине для совместимых со стандартами браузеров, создавая таким образом неизвестную действительную ширину. 
3. Пространство между краем блока div и элементами внутри него можно создать путем добавления правого и левого полей к этим элементам, как показано в правиле ".thrColHybHdr #sidebar1 p".
*/
.thrColHybHdr #sidebar1 {
	width: 20px; /* поскольку этот элемент является обтекаемым, необходимо задать ширину. */
	background: #F0F0F0; /* верхний и нижний отступы создают визуальное пространство в этом элементе div. */
	vertical-align: top;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #858585;
	margin: 0px;
	padding: 0px;
}
.thrColHybHdr #sidebar2 {
	width: 20%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	vertical-align: top;	
}
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	margin-left: 10px; /* левое и правое поля нужно задать для каждого элемента, который будет помещен в боковые колонки. */
	margin-right: 10px;
	
}

/* Советы по элементу mainContent:
1. Если элементу #mainContent div задать значение font-size, отличное от значения элемента #sidebar1 div, поля элемента #mainContent div будут основываться на его свойстве font-size, а ширина элемента #sidebar1 div будет основываться на его свойстве font-size. Значения этих элементов div можно настраивать.
2. Пространство между элементами mainContent и sidebar1 создается путем добавления левого поля к элементу mainContent div. Пространство этой колонки сохранится, несмотря на объем содержимого элемента sidebar1 div. Это левое поле можно удалить, чтобы текст элемента #mainContent div заполнял пространство #sidebar1, если содержимое элемента #sidebar1 закончится.
3. Чтобы избежать выпадения потока, может понадобиться протестировать макет и определить приблизительный максимальный размер изображения/элемента, поскольку данный макет основывается на пользовательском размере шрифтов и задаваемых им значениях. Однако, если в браузере пользователя установлен более мелкий шрифт, в действительности же в элементе #mainContent div будет доступно меньше пространства, чем при тестировании.
4. В условном комментарии к Internet Explorer ниже свойство zoom используется для присвоения элементу mainContent значения "hasLayout". Это позволяет предотвратить несколько специфичных для Internet Explorer ошибок, которые могут возникать.
*/
.thrColHybHdr #mainContent {
	text-align: center;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	font-size: 12px;
	color: #727272;
	margin: 0px;
} 
.thrColHybHdr #mainContentLeft {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	color: #727272;
	font-size: 12px;
}

.thrColHybHdr #footer p {
	margin: 0; /* нулевые поля первого элемента в нижнем колонтитуле позволят избежать возможного сжатия полей, то есть появления пространства между элементами div. */
	padding: 10px 0;
}



/* Прочие классы для повторного использования */
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс нужно применять к элементу div или break; он должен быть последним элементом перед концом контейнера, который должен полностью вмещать поток. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.thrColHybHdr #footer {
	background-image: url(/pics/bb.gif);
	vertical-align: middle;
	height: 125px;
} 

.thrColHybHdr #footer_left {
	float: left;
	vertical-align: middle;
	text-align: center;
	height: 125px;
}
.thrColHybHdr #footer_right {
	float: right; /* верхний и нижний отступы создают визуальное пространство в этом элементе div. */
	vertical-align: middle;
	text-align: center;
	background-image: url(/pics/mb.jpg);
	height: 125px;
}

.thrColHybHdr #footer_center {
	height: 125px;
	float: none;
	text-align: center;
	vertical-align: middle;
}
.mainCenter1 {
	text-align: center;
}
.footerText {
	font-size: 9px;
	color: #009;
}
.sidebar2 {
	float: right;
	width: 25em; /* цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
	padding: 15px 0;
}
#sidebar2 h3 {
	color: #F03;
}
.sidebar2header {
	color: #FF0006;
	font-style: normal;
	text-decoration: none;
	font-size: 18px;
}
.split_goriz {
	background-color: #8F8F8F;
	height: 1px;
	width: 100%;
	overflow: hidden;
}
.split_goriz_clear {
	height: 1px;
	width: 100%;
	overflow: hidden;
}
.split_vert {
	background-color: #8F8F8F;
	height: 100%;
	width: 1pt;
	overflow: hidden;
}
/*.h1 {
	font-size: 24px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
*/
.bgt {
	background-color: #F6F6F6; /* цвет фона для модулей сайдбара1 */
	padding-right: 3px;
	padding-left: 3px;
}
.bgt_left {
	background-color: #F6F6F6; /* цвет фона для модулей сайдбара1 */
	text-align: left;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2C5497; */
	padding-right: 3px;
	padding-left: 3px;
}
/* Заголовок модуля в левом баре */
.td_h_lbar {
	background-image: url(/images/tpl/bg_hider_tabl_lbar.gif);
	padding-left:20px;
	color:#2C5497;
	background-repeat: no-repeat;
}
.td_h_lbar a:active,
.td_h_lbar a:visited,
.td_h_lbar a:link {
	color: #2C5497;
	/*text-decoration:none;*/
	}

.td_h_lbar a:hover {
	color: #2C5497;
	text-decoration: underline;
	}