/*************************************************************************************************/
/*************************************************************************************************/
/*                                           Общая часть                                         */
/*************************************************************************************************/
/*************************************************************************************************/
html
{
    height: 100%;
}
body
{
	font-family: Tahoma, Geneva, Sans-serif;
	font-size: 10pt;
	margin: 0px;
	text-align: left;
}
a
{
	color: #2268c7;
}
a:hover, .content a:active
{
	color: #b11859;
}
.noformat, .content .noformat
{
	border: 0;
	margin: 0;
	padding: 0;
}
.textblue
{
	color: #2268c7;
}
.linkred, .textred
{
	color: #b11859;
}
.linkred
{
	text-decoration: underline;
}
.textgrey
{
	color: #9EA1A3;
}
.textdarkgrey
{
	color: #5E6163;
}

/*--- Кнопка ---*/

.button, .button-left, .button-right
{
	color: #2268c7;
	font-size: 11pt;
	text-decoration: none;
	text-align: center;
	height: 35px;
	border: 0;
	margin: 0;
	padding-bottom: 3px;
}
.button
{
	background: url(Image/button.png) left top repeat-x;
	cursor: hand, pointer;
	border: 0;
	margin: 0;
}
.button:hover, .button:active
{
	color: #b11859;
}
.button-left
{
	background: url(Image/button-left.png) left top no-repeat;
}
.button-right
{
	background: url(Image/button-right.png) left top no-repeat;
}

/*--- Заголовок ---*/

.header
{
	background: url( 'Image/headbgl.png' ) top left repeat-x;
	padding-left: 160px;
}
.header table
{
	background: url( 'Image/headbgr.png' ) bottom right no-repeat;
	height: 100px;
	width: 100%;
}
.headertitle, .headertext
{
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0;
	width: 100%;
}

.headertitlered
{font-size: 13pt;
	color: #d63e2e;
	text-transform: uppercase;
	padding: 0;
	width: 100%;
}
.headertitle
{
	font-size: 10pt;
	font-weight: bolder;
	height: 42px;
}
.headertext
{
	font-size: 7pt;
	height: 50px;
	padding: 4px 0 0 0;
}

/*--- Лента быстрых ссылок ---*/

.headline
{
	background: url( 'Image/headlinebg.png' ) top left repeat-x;
	border-bottom: 3px solid #b11859;
	height: 34px;
	padding: 0 0 1px;
	text-align: center;
	width: 100%;
}
.headline a
{
	font-size: 11pt;
}
.headline a.separator
{
	font-size: 9pt;
	margin: 0 10px;
}

/*--- Тело ---*/

.main
{
	background: url(      'Image/mainbg.png' ) top left repeat-x;
}

/*--- Выпадающий список ---*/

div.v-select
{
	border: 1px solid #CACBC5;
	background: #EAE6E0 url(     'Image/menuarrow.png' ) bottom right no-repeat;
	font-size: 9pt;
	margin-bottom: 5px;
	padding: 5px 20px 7px 11px;
}
.up div.v-select
{
	background-image: url(     'Image/menuarrowhover.png' );
}
.up .v-option
{
	visibility: hidden;
}
div.v-option
{
	border: 1px solid #CACBC5;
	background-color: #EAE6E0;
	padding: 5px 10px 7px 11px;
	position: absolute;
	width: 148px;
}
.v-option ul
{
	background-color: #EAE6E0;
	color: #2268c7;
	font-size: 9pt;
	padding: 0;
	margin: 0 0 0 1em;
	text-align: left;
}
.v-option ul li
{
	background-color: #EAE6E0;
	list-style-type: square;
	margin-left: 0;
	padding: 2px 0;
	vertical-align: sub;
}
/*--- Быстрые ссылки ---*/
div.v-link
{
	padding: 10px 0;
	text-align: center;
}
div.v-link img
{
	padding: 3px;
}
/*--- Меню ---*/

.menu
{
    font-size: 9pt;
    margin: 0 0 5px;
    padding: 3px 0 5px;
    width: 218px;
}
.menu ul
{
    margin: 0 22px;
    padding: 0;
}
.menu ul li /* Для установки рамки*/
{
	list-style-image: url( 'Image/menuarrow.gif' );
	margin: 0 0 1px;
	padding: 6px 0 8px;
	position: relative;
	text-align: left;
	width: 100%;
	vertical-align: middle;
	
}

.menu ul li ul
{
	left: 100%;
	margin: 0;
	top: 0px;
	padding: 3px 20px 5px;
	position: absolute;
	width: 178px;
	z-index: 10;
	display:block;
}
	
.menu ul li ul li
{
    list-style-type: square;
    margin: 0;
    padding: 2px 0;
}
/*--- Меню: синий, основной  --*/
.menu
{
    border:#CACBC5 1px solid ;
}
.menu ul
{
    background-color: #81A4C2;
}
.menu ul li
{
    font-weight: bold;
}
.menu, .menu ul li
{
    background-color: #5D8CC0;
}
.menu ul li, .menu ul li a
{
    color: #F0F0FF;
    text-decoration: none;
}
.menu ul li a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

/*--- Меню: белый ---*/
.menu.white1
{
    border: 1px solid #CACBC5;
}
.menu.white1 ul
{
    background-color: #CACBC5;
}
.menu.white1 ul li
{
    font-weight: bold;
}
.menu.white1, .menu.white1 ul li
{
    background-color: #FFFFFF;
}
.menu.white1 ul li, .menu.white1 ul li a
{
    color: #2268c7;
}
.menu.white1 ul li a:hover
{
    color: #b11859;
}
/*--- Меню: серый ---*/
.menu.grey1
{
    border: 1px solid #fb030f;
}
.menu.grey1 ul
{
    background-color: #CACBC5;
}
.menu.grey1 ul li
{
    font-weight: normal;
}
.menu.grey1, .menu.grey1 ul li
{
    background-color: #EAE6E0;
}
.menu.grey1 ul li, .menu.grey1 ul li a
{
    color: #2268c7;
}
.menu.grey1 ul li a:hover
{
    color: #b11859;
}
/*--- Меню: белый 2 ---*/
.menu.white2
{
    border: 1px solid #CACBC5;
}
.menu.white2 ul
{
    background-color: #CACBC5;
}
.menu.white2 ul li
{
    font-weight: normal;
}
.menu.white2, .menu.white2 ul li
{
    background-color: #FFFFFF;
}
.menu.white2 ul li, .menu.white2 ul li a
{
    color: #2268c7;
}
.menu.white2 ul li a:hover
{
    color: #b11859;
}
/*--- Меню - 2-й уровень: все ---*/
.menu ul li ul, .menu.white1 ul li ul, .menu.grey1 ul li ul, .menu.white2 ul li ul
{
    border: 1px solid #CACBC5;
	background-color: #EAE6E0;
}
.menu ul li ul li, .menu.white1 ul li ul li, .menu.grey1 ul li ul li, .menu.white2 ul li ul li
{
    background-color:transparent;
    font-weight: normal;
}
.menu ul li ul li, .menu ul li ul li a, .menu.white1 ul li ul li, .menu.white1 ul li ul li a, .menu.grey1 ul li ul li, .menu.grey1 ul li ul li a, .menu.white2 ul li ul li, .menu.white2 ul li ul li a
{
    color: #2268c7;
}
.menu ul li ul li a:hover, .menu.white1 ul li ul li a:hover, .menu.grey1 ul li ul li a:hover, .menu.white2 ul li ul li a:hover
{
    color: #b11859;
}
/*--- Подвал ---*/

#footer
{
	background-color: #3d77ac;
	border-top: 3px solid #b11859;
	text-align: center;
}
#footer td
{
	border-top: 2px solid #FFF;
}
#footer, #footer a
{
	color: #F0F0FF;
}
#footer a:hover
{
	color: #FFF;
}

/*--- Баннеры ---*/
.hbanners
{
	margin: 5px 0 23px -10px;
	text-align: center; 
}
.hbanner
{
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 14px 0 0 10px;
}
.hbanner .r
{
	border-top: 2px solid #5d8cc0;
	padding-top: 1px;
	width: 125px;
	float: left;
}
.extbanner
{
    border-bottom: 1px solid #dadbdd;
    margin-top: 5px;
}
.extbanner div
{
    border-bottom: 2px solid #5d8cc0;
}
.extbanner img
{
    border-bottom: 1px solid #fff;
}
.extbanner ul
{
    list-style-type: square;
    margin: 3px 0 20px;
    padding: 0;
    text-align: left;
}
.extbanner li
{
    color: #888;
    font-size: 9pt;
    margin: 7px 0 0 13px;
    padding: 0;
}
.mbanner
{
    height: 83px;
    margin: 19px 0 20px 0;
    overflow: hidden;
}
.mbanner div
{
    margin: -10px -10px 0;
}
.mbanner div table
{
    height: 100px;
    width: 100%;
}
.mbanner div table td
{
    border-top: 2px solid #5d8cc0;
    width: 25%;
}
.mbanner div table td a
{
    border-top: 1px solid #fff;
    display: block;
    height: 80px;
}
.mbanner div table td a img
{
    border: 0 none;
    color: #FFFFFF;
    font-size: 9pt;
    height: 60px;
    margin: 10px 0 0 10px;
    position: absolute;
    text-align: left;
    vertical-align: middle;
    width: 115px;
}
/*************************************************************************************************/
/*************************************************************************************************/
/*                                     Внутренние страницы                                       */
/*************************************************************************************************/
/*************************************************************************************************/

/*--- Окна ---*/

.name, .name a, .name-red, .name-red a
{
	color: #3C3D41;
    font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	padding: 2px 0;
	text-align: left;
	text-transform: uppercase;
}
.name-red, .name-red a
{
	color: #b11859;
	text-decoration: none;
}
.name img, .name-red img
{
    padding: 0 3px 0 2px;
}
.cyan
{
    background-color: #C4DBED;
	text-align: left;
}
.grey
{
	background-color: #EAE6E0;
	text-align: left;
}
.greyout
{
	background-color: #FFFFFF;
	border: 1px solid #9EA1A3;
	margin: 7px 2px 2px;
}
.date
{
	border-bottom: 1px solid #b11859;
	color: #000;
	font-size: 7pt;
}
.i-ad, .i-ad a
{
	color: #3D4143;
	text-align: left;
	text-decoration: none;
}
.title, .title a, .i-title, .i-title a
{
	color: #2268c7;
	font-weight: bold;
	text-align: left;
}

.titleMyHome
{
	color: #000000;
	font-weight: bold;
	text-align: left;
}
.m_submenu_hd2
{
	color: #858477;
	font-size: 12pt;
	font-weight: bolder;
}
a.title, .title a, a.i-title, .i-title a, .title a .textred, .i-title a .textred
{
	text-decoration: underline;
}
.title, .title a, .titleMyHome
{
	font-size: 9pt;
}
.i-ad, .i-ad a, .i-title, .i-title a, .i-text
{
	font-size: 8pt;
}
.i-ad:hover, .i-ad a:hover, a.title:hover, .title a:hover, .i-title:hover, .i-title a:hover
{
	color: #b11859;
}
.i-ad:hover, .i-ad a:hover
{
	text-decoration: underline;
}
.comment
{
	background-color: #EAE6E0;
	border: 1px solid #CACBC5;
	color: #3D4143;
	font-weight: bold;
	padding: 3px 5px 5px 5px;
	position: absolute;
}
.up .uphide, .down .upshow
{
    display: none;
	position: absolute;
	visibility: hidden;
}
.linkbutton, .linkbutton_active
{
	color: #2268c7;
	font-size: 10pt;
	text-decoration: underline;
}
.linkbutton_active
{
	border-bottom: 1px dashed #2268c7;
	text-decoration: none;
}
.linkbutton_active:hover
{
	border-bottom: 1px dashed #b11859;
}
.hand, .linkbutton, .linkbutton_active
{
	cursor: pointer;
	cursor: hand;
}
.error
{
	color: #b11859;
	font-size: 12pt;
	font-weight: bold;
}

/*--- Сообщения ---*/

.fma-window
{
	background-color: #FFFFFF;
	border: 2px solid #8C8C8C;
	left: 40%;
	padding: 10px;
	position: absolute;
	text-align: left;
	width: 300px;
}
.fma-title
{
	color: #2268c7;
	font-size: 16pt;
}
.fma-caption
{
	color: #b11859;
	font-size: 10pt;
	text-align: left;
}
.fma-save
{
	color: #2268c7;
	font-size: 24pt;
}

/*--- Дерево разделов ---*/

.tree-ul
{
	color: #9EA1A3;
	font-size: 9pt;
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
}
.tree-ul-sub
{
	color: #9EA1A3;
	font-size: 9pt;
	font-weight: normal;
	list-style-type: disc;
	margin: 0 0 0 20px;
	padding: 0;
}

/*--- Закладки ---*/

.bookmarkcn
{
	background: url( 'Image/dot.gif' ) top left repeat-x;
	margin: 6px 0px;
	padding-right: 10px;
	text-align: left;
}

/*--- Статистика просмотров ---*/

.userlistcn, .userlistcnr
{
	padding: 5px 0;
}
.userlistcn
{
	padding-right: 7px;
}

/*--- Обратная связь ---*/

.sendmailt
{
	padding: 10px 0 5px;
}
.sendmailfd td
{
	padding-bottom: 5px;
}
.sendmailfd div
{
	font-size: 9pt;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	width: 65px; 
}

/*--- Фотоальбом ---*/

.slideshow
{
	background-color: #333333;
	border: 2px solid #555555;
}
.slideshow_bg
{
	background-color: #333333;
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.slideshow_title
{
	color: White;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
}
.slideshow_desc
{
	color: White;
	font-size: 9pt;
	text-align: left;
}
.slideshow_close
{
	background-image: url('Image/Slides/close.jpg');
	border: 0;
}
.slideshow_close:hover
{
	background-image: url('Image/Slides/close_hover.jpg');
}
.slideshow_prev
{
	background-image: url('Image/Slides/larrow.jpg');
	border: 0;
}
.slideshow_prev:hover
{
	background-image: url('Image/Slides/larrow_hover.jpg');
}
.slideshow_next
{
	background-image: url('Image/Slides/rarrow.jpg');
	border: 0;
}
.slideshow_next:hover
{
	background-image: url('Image/Slides/rarrow_hover.jpg');
}
.slideshow_btn
{
	background-image: url('Image/Slides/button.jpg');
	border: 0;
	color: White;
}
.slideshow_btn:hover
{
	background-image: url('Image/Slides/button_hover.jpg');
}

.slideshow_tmbs
{
	margin: -4em 0 0 -2em; /* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
	text-align: center; /* Выравнивание по центру */
}
.slideshow_tmb
{
	text-decoration: none; /* Убираем подчеркивание у элемента ins, который был использован для совместимости со старыми версиями Internet Explorer */
	display: -moz-inline-box; /* Следующее правило для Firefox 2 */
	display: inline-block; /* а это для остальных */
	vertical-align: top;
	text-align: left; /* Убираем выравнивание по центру */
	margin: 4em 0 0 2em; /* Отступы между блоками */
}
.slideshow_tmb .r /* Если есть необходимость, то свойства padding, border, background и position со значением relative лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */
{
	width: 210px; /* Задаем минимальную ширину по тексту */
	float: left; /* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
}
.slideshow_tmb img
{
	background-color: White;
	border: 1px solid #CACBC5;
	padding: 5px;
}
.slideshow_tmb img.slideframe, .slideshow_tmb img.slideframe3, .slideshow_tmb img.slideframe6
{
	position: absolute;
}
.slideshow_tmb img.slideframe3
{
	margin: 3px 0 0 3px;
}
.slideshow_tmb img.slideframe6
{
	margin: 6px 0 0 6px;
}

/*--- Опросы ---*/

.qst_progressbar
{
	background: url('Image/qst_progressbar.jpg') center repeat-x;
}

/*--- Tab Checker ---*/
table.tabtitlecontainer
{
	font-size: 9pt;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
table.tabtitlecontainer td
{
    background: url('Image/tabbackground.jpg') #5d8cc0 left bottom repeat-x;
    color: #fff;
	cursor: hand;
    cursor: pointer;
    height: 40px;
    padding: 0 10px 2px;
    text-align: center;
}
table.tabtitlecontainer td.sep
{
    background: url('Image/tabbackground.jpg') #fff left bottom repeat-x;
    cursor: default;
    margin: 0px;
    padding: 0px;
    width: 2px;
}
table.tabtitlecontainer td.sep div
{
    width: 2px;
}
.showtab1 .tabtitle1, .showtab2 .tabtitle2, .showtab3 .tabtitle3, .showtab4 .tabtitle4, .showtab5 .tabtitle5
{
    background: #fff;
    border-left: 1px solid #dadbdd;
    border-right: 1px solid #dadbdd;
    border-top: 1px solid #dadbdd;
    color: #888;
    cursor: default;
    font-weight: bold;
}
.tab1, .tab2, .tab3, .tab4, .tab5
{
    border-bottom: 1px solid #dadbdd;
    border-left: 1px solid #dadbdd;
    border-right: 1px solid #dadbdd;
    display: none;
    margin-top: 0px;
    padding: 10px;
    position: absolute;
    visibility: hidden;   
}
.showtab1 .tab1, .showtab2 .tab2, .showtab3 .tab3, .showtab4 .tab4, .showtab5 .tab5
{
    display: block;
    position: static;
    visibility: visible;
}
/*************************************************************************************************/
/*************************************************************************************************/
/*                                         Содержание                                            */
/*************************************************************************************************/
/*************************************************************************************************/

/*--- Содержание ---*/

.content
{
	color: #0D1113;
	font-family: Tahoma, Geneva, Sans-Serif;
	font-size: 9pt;
	text-align: left;
}
.content *
{
	padding: 0;
}

.content h1
{
	font-size: 14pt;
	margin: 25px 0 5px;
}

.content h2
{
	font-size: 12pt;
	margin: 20px 0 5px;
}

.content h3
{
	font-size: 10pt;
	margin: 15px 0 5px;
}

.content h4
{
	font-size: 9pt;
	margin: 15px 0 5px;
}

.content h5
{
	font-size: 9pt;
	margin: 10px 0 5px;
}

.content p
{
	margin: 5px 0;
}

.content ul
{
	margin: 0 0 5px;
}

.content li
{
	margin: 3px 0 0;
}

.content li p
{
	margin: 0 0 3px;
}

.content ul li, .content ol li
{
	margin-left: 25px;
}

.content ul ul li, .content ul ol li, .content ol ul li, .content ol ol li
{
	margin-left: 45px;
}

.content ul ul ul li, .content ul ul ol li, .content ul ul ul li, .content ul ol ul li, .content ol ul ul li, .content ul ol ol li, .content ol ul ol li, .content ol ol ul li, .content ol ol ol li
{
	margin-left: 65px;
}

.content td
{
	text-align: left;
}
.content td, .content th
{
	padding: 2px 5px;
}
.content img
{
	border: 0;
	margin: 2px 10px;
}
.content img.left
{
	float: left;
	margin-left: 0;
}
.content img.right
{
	float: right;
	margin-right: 0;
}
.content .borders, .content .borders th, .content .borders td
{
	border: 1px solid #BABBB5;
	border-collapse: collapse;
}

/*--- x-таблицы ---*/

.xtable table
{
	border-collapse: collapse;
	margin-top: 3px;
	width: 100%;
}
.xtable h2
{
	font-size: 12pt;
	margin: 20px 10px 10px;
	text-align: center;
}
.xtable table, .xtable table td, .xtable table th
{
	border: 1px solid #CACBC5;
}
.xtable table td
{
	padding: 0 10px;
	text-align: left;
	vertical-align: top;
}
.xtable table td.grey
{
	background-color: #EAE6E0;
	width: 30%;
}
.xtable table td.grey h2
{
	font-size: 11pt;
	margin: 10px;
}
.xtable table td.grey img
{
	background-color: #FFFFFF;
	border: 1px solid #CACBC5;
	margin-bottom: 10px;
	padding: 5px;
}
.xtable table td.grey .minwidth
{
	height: 1px;
	width: 150px;
}
.xtable table tfoot th
{
	font-size: 9pt;
	font-weight: normal;
	padding: 2px;
	text-align: center;
	width: auto;
}
.xtable .underline
{
	border-top: 1px solid #CACBC5;
	height: 1px;
	margin: 2px 0px 10px;
}

/*--- z-таблицы ---*/

.z-table
{
	font-size: 8pt;
	text-align: left;
}
.content .z-table table, .content .z-table table th, .content .z-table table td
{
	border: 0;
}
.z-table table
{
	background-color: #CACBC5;
	margin-top: 2px;
	width: 100%;
}

.z-table td
{
	background-color: #ffffff;
	padding: 5px 10px 10px;
	width: 100%;
}

.z-table .z-td-grey, .z-table .z-td-grey2
{
	background-color: #EAE6E0;
	text-align: center;
	width: auto;
}
.z-table .z-td-grey div, .z-table .z-td-grey2 div
{
	height: 1px;
	width: 200px;
}
.z-table .z-td-grey2 div
{
	width: 300px;
}
.z-table tfoot
{
	padding-bottom: 10px;
}
.z-table tfoot td
{
	background-color: #A3A3A3;
	border-right: 1px solid white;
	color: white;
	font-size: 10pt;
	font-weight: bolder;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}
.z-table tfoot .z-td-grey2
{
	background-color: #A3A3A3;
}
.z-table tfoot .z-td-grey2 div
{
	width: 301px;
}
.z-table th
{
	background-color: #FFFFFF;
	font-weight: normal;
	padding: 2px;
	text-align: center;
	width: auto;
}
.z-table p
{
	margin: 0;
	padding: 5px 0;
}
.z-table ul
{
	margin: 0;
	padding: 5px 0 5px 20px;
}
.z-table h1, .z-table h4
{
	color: #b11859;
	font-size: 11pt;
	font-weight: bold;
}
.z-table h1
{
	margin: 30px 0px 10px;
	padding: 0;
	text-align: center;
}
.z-table h2
{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}
.z-table h3
{
	font-size: 8pt;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0px;
}
.z-table hr
{
	color: #CACBC5;
	width: 80%;
}
.z-table img
{
	border: 1px solid #CACBC5;
	padding: 3px;
}
.z-table .z-line
{
	border-top: 1px solid #CACBC5;
	height: 1px;
	margin: 2px 0px 10px;
}

/*--- Блоки картинок с подписями, выровненные по центру ---*/
.thumbnails
{
	margin: -3em 0 0 -2em; /* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
	text-align: center; /* Выравнивание по центру */
}
.thumbnail
{
	text-decoration: none; /* Убираем подчеркивание у элемента ins, который был использован для совместимости со старыми версиями Internet Explorer */
	display: -moz-inline-box; /* Следующее правило для Firefox 2 */
	display: inline-block; /* а это для остальных */
	vertical-align: top;
	text-align: left; /* Убираем выравнивание по центру */
	margin: 3em 0 0 2em; /* Отступы между блоками */
}
.thumbnail .r /* Если есть необходимость, то свойства padding, border, background и position со значением relative лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */
{
	width: 14em; /* Задаем минимальную ширину по тексту */
	float: left; /* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
}
.thumbnail img
{
	border: 1px solid #CACBC5;
	margin: 0;
	padding: 3px;
}