/* ---- ОБЩИЕ СТИЛИ ---- */

html, body {height:100%; min-height:100%; width:100%;}
*, html, body {margin:0; padding:0;}
body {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; background:#e1e1e1;}
.pageBody {background:#ffffff;} /* Дополнительный стиль для body страниц сайта */
td, input, textarea, option, select {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70;}
img {border:none;}
.clear {clear:both; height:0px;}
.clear5 {clear:both; height:5px}
.clear10 {clear:both; height:10px}
.clear20 {clear:both; height:20px}
.clear30 {clear:both; height:30px}
.oneHundredPercent {width:100%;}
h1 {font:bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#252525; text-transform:uppercase; margin-bottom:12px;}
h2 {font:bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; margin-bottom:12px;}
h3 {font:bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#252525; text-transform:uppercase; margin-bottom:12px;}
h4 {font:bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; margin-bottom:12px;}
h5 {font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#252525; margin-bottom:12px;}
h6 {font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; text-transform:uppercase; margin-bottom:12px;}
p {line-height:14px; margin-bottom:12px;}
a {text-decoration:underline; color:#ed1b23; outline:none;}
a:hover {text-decoration:none}
ul {padding-bottom:6px; padding-left:17px;}
ul li {line-height:14px; list-style-type:none; padding-left:16px; background: url(/images/li_mark_red.gif) left 4px no-repeat;}
ol {padding-bottom:6px; padding-left:33px;}
ol li {line-height:14px; list-style-type: decimal; list-style-position:outside; background: none;}

/* Фильтр-корректор для полупрозрачных PNG-шек для IE 5.5/6. */
/* Раскомментировать и использовать, если используются полупрозрачные PNG-шки. */
/* Для этого всем IMG-ам с PNG-шным изображением, и всем TD-шкам с PNG-шным бэкграундом, */
/* прописать размеры (иногда достаточно прописать один статический размер!) и class="png". */
.png {filter:expression(fixPNG(this));}

/* ---- ОБВЯЗКА ---- */

/* Глобальный контейнер */
#global {width:100%; height:100%; border-collapse:collapse; border-spacing:0;}

/* Заголовок */
#header_lft {width:50%;}
#header_cntr {height:204px; text-align:left; vertical-align:text-top; background:url('/images/headerBg.jpg') center top repeat-x;}
#header_cntr #headerGrid {width:100%; border-collapse:collapse; border-spacing:0;}
#header_cntr #headerGrid td.cell1 {width:722px; text-align:left; vertical-align:top;}
#header_cntr #headerGrid td.cell2 {width:132px; text-align:right; vertical-align:middle;}
#header_cntr #headerGrid td.cell3 {width:143px; text-align:center; vertical-align:middle;}
#header_rgt {width:50%;}

/* Верхнее меню */
#topMenu {height:64px; background:url('/images/topMenuBg.jpg') left top repeat-x;}
#topMenu #topMenuArea {width:997px; height:64px; overflow:hidden;}
#topMenu #topMenuArea #topMenuGrid {border-collapse:collapse; border-spacing:0;}
#topMenu #topMenuArea #topMenuGrid td {text-align:left; vertical-align:top;}
#topMenu #topMenuArea #topMenuGrid td img.topMenuLft1 {width:1px; height:3px; display:block;}
#topMenu #topMenuArea #topMenuGrid td img.topMenuLft2 {width:1px; height:59px; display:block;}
#topMenu #topMenuArea #topMenuGrid td img.topMenuCntr1 {width:1px; height:4px; display:block;}
#topMenu #topMenuArea #topMenuGrid td img.topMenuCntr2 {width:1px; height:58px; display:block;}
#topMenu #topMenuArea #topMenuGrid td img.topMenuCntr3 {width:1px; height:2px; display:block;}
#topMenu #topMenuArea #topMenuGrid td img.topMenuRgt1 {width:1px; height:3px; display:block;}
#topMenu #topMenuArea #topMenuGrid td img.topMenuRgt2 {width:1px; height:59px; display:block;}
#topMenu #topMenuArea #topMenuGrid td a {height:32px; height:'62px'; display:block; font:bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#00ffff; text-transform:uppercase; text-decoration:none; white-space:nowrap; padding:30px 25px 0 25px;}
#topMenu #topMenuArea #topMenuGrid td a:hover {text-decoration:none;}
#topMenu #topMenuArea #topMenuGrid td a.selected {color:#ffffff;}

/* Контент */
#content {text-align:left; vertical-align:top;}
#content #contentGrid {border-collapse:collapse; border-spacing:0;}

/* Контент. Левая колонка */
#content #contentGrid td.lftCell {width:237px; text-align:left; vertical-align:top; padding:23px 5px 23px 16px;}
#content #contentGrid td.lftCell #lftMenu {width:237px; background:#acc8de;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea {width:199px; overflow:hidden; padding:11px 0; margin:0 19px;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .header {width:199px; font:bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#252525; text-transform:uppercase; overflow:hidden; padding-bottom:12px;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionOut {width:179px; width:"199px"; text-align:left; padding:3px 10px 4px 10px; border:none; background:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionOut .lftMenuSectionIn {width:179px; text-align:left; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; text-transform:uppercase; overflow:hidden;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionOut .lftMenuSectionIn a {display:block; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; text-transform:uppercase; text-decoration:none; outline:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionOut .lftMenuSectionIn a:hover {text-decoration:underline; outline:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionOutSelected {width:179px; width:"199px"; text-align:left; padding:3px 10px 4px 10px; border:none; background:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionOutSelected .lftMenuSectionIn {width:179px; text-align:left; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; text-transform:uppercase; overflow:hidden;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionOutSelected .lftMenuSectionIn a {display:block; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; text-transform:uppercase; text-decoration:none; outline:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionOutSelected .lftMenuSectionIn a:hover {text-decoration:underline; outline:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChilds {width:199px;} /* данный класс в коде непосредственно не используется, но есть прототип для классов с именем типа "lftMenuSectionChilds${id-идентификатор родительского узла}" */

#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChildOut {width:169px; width:"199px"; text-align:left; padding:3px 10px 4px 20px; border:none; background:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChildOut .lftMenuSectionChildIn {width:169px; text-align:left; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; overflow:hidden;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChildOut .lftMenuSectionChildIn a {display:block; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; text-decoration:none; outline:none; background:url('/images/li_mark_red.gif') 0 4px no-repeat; padding-left:12px;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChildOut .lftMenuSectionChildIn a:hover {text-decoration:underline; outline:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChildOutSelected {width:169px; width:"199px"; text-align:left; padding:3px 10px 4px 20px; border:none; background:none;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChildOutSelected .lftMenuSectionChildIn {width:169px; text-align:left; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; overflow:hidden;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChildOutSelected .lftMenuSectionChildIn a {display:block; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; text-decoration:none; outline:none; background:url('/images/li_mark_blue.gif') 0 4px no-repeat; padding-left:12px;}
#content #contentGrid td.lftCell #lftMenu #lftMenuArea .lftMenuSectionChildOutSelected .lftMenuSectionChildIn a:hover {text-decoration:underline; outline:none;}

/* Контент. Правая колонка */
#content #contentGrid td.rgtCell {width:718px; text-align:left; vertical-align:top; padding:23px 16px 23px 5px;}

/* Контент. Правая колонка. Контент страницы */
#content #contentGrid td.rgtCell #pageContent {width:718px; background:#e1e1e1;}

/* Подвал */
#footer {height:51px; text-align:left; vertical-align:top; background:url('/images/footerBg.jpg') center top repeat-x #e4e4e4;}
#footer #footerArea {width:997px; overflow:hidden;}
#footer #footerArea #footerGrid {width:100%; height:100%; border-collapse:collapse; border-spacing:0;}

/* Подвал. Разработчик */
#footer #footerArea #footerGrid .lftCell {width:219px; text-align:left; vertical-align:top;}
#footer #footerArea #footerGrid .lftCell .spacer {width:183px; margin-left:36px;}
#footer #footerArea #footerGrid .lftCell .spacer #developerLogo {width:24px; height:24px; float:left; text-decoration:none; outline:none; margin-top:14px;}
#footer #footerArea #footerGrid .lftCell .spacer #developerLogo:hover {text-decoration:none;}
#footer #footerArea #footerGrid .lftCell .spacer #developerText {width:149px; width:"159px"; float:left; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; margin-top:13px; padding-left:10px;}
#footer #footerArea #footerGrid .lftCell .spacer #developerText a {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; text-decoration:none; outline:none;}
#footer #footerArea #footerGrid .lftCell .spacer #developerText a:hover {text-decoration:underline;}

/* Подвал. Счетчик */
#footer #footerArea #footerGrid .cntrCell {text-align:center; vertical-align:middle;}

/* Подвал. Нижнее меню */
#footer #footerArea #footerGrid .rgtCell {width:1%; text-align:right; vertical-align:top;}
#footer #footerArea #footerGrid .rgtCell #botMenu {text-align:center; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; white-space:nowrap; margin:15px 25px 0 10px;}
#footer #footerArea #footerGrid .rgtCell #botMenu span.dlmtr {margin:0 5px;}
#footer #footerArea #footerGrid .rgtCell #botMenu a {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; text-decoration:none; outline:none;}
#footer #footerArea #footerGrid .rgtCell #botMenu a:hover {text-decoration:underline;}
#footer #footerArea #footerGrid .rgtCell #botMenu a.selected {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; text-decoration:none; outline:none;}
#footer #footerArea #footerGrid .rgtCell #botMenu a.selected:hover {text-decoration:underline;}

/* ---- ОБЫЧНАЯ СТРАНИЦА ---- */
/* Контент. Правая колонка. Контент страницы. Обычная страница */
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea {width:680px; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; overflow:hidden; padding:11px 0; margin:0 19px;}

/* ---- СТРАНИЦА С КАТЕГОРИЯМИ ---- */
/* Контент. Правая колонка. Контент страницы. Страница с категориями */
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsDelimiter {margin-top:10px; margin-bottom:18px; border:none; border-top:1px dashed #9e9e9e;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .lftCell {width:340px; float:left; overflow:hidden; padding-bottom:6px;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .rgtCell {width:340px; float:left; overflow:hidden; padding-bottom:6px;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .lftCell .cellIn {width:320px; overflow:hidden;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .rgtCell .cellIn {width:320px; overflow:hidden;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .lftColumn {float:left; padding-bottom:6px; margin-right:12px;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .lftColumn .imageBgOut {width:164px; height:127px; float:left; text-align:left; background:#fdfdfd;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .lftColumn .imageBgOut .imageBgIn {width:164px; height:127px; display:table-cell; text-align:center; vertical-align:middle;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .lftColumn .imageBgOut .imageBgIn .image {cursor:pointer; border:1px solid #3b3f3c; margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .rgtColumn {width:144px; float:left; margin-bottom:8px;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .rgtColumn .name {width:144px; overflow:hidden; padding:8px 0 8px 1px; border:none; border-bottom:1px solid #d5d5d5;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .rgtColumn .name a {font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; text-decoration:none; outline:none;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .rgtColumn .name a:hover {text-decoration:underline;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .nameNoPicture {padding:8px 0 8px 1px; margin-bottom:8px; border:none; border-bottom:1px solid #d5d5d5;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .nameNoPicture a {font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; text-decoration:none; outline:none;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .nameNoPicture a:hover {text-decoration:underline;}
#content #contentGrid td.rgtCell #pageContent #pageContentTextArea #childsArea .description {}

/* ---- НОВОСТИ ---- */
/* Контент. Правая колонка. Контент страницы. Список новостей и отдельная новость */
#content #contentGrid td.rgtCell #pageContent #newsArea {width:680px; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; overflow:hidden; padding:11px 0; margin:0 19px;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid {width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:10px;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td {vertical-align:top;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td h3 {font:bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:16px; text-transform:uppercase; color:#002a70;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td h3 .newsdate {font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-seriff; color:#ffffff; background:#000000; padding:0px 5px 0px 5px; margin:0px 10px 0px 0px;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td .image {float:left; text-align:left; padding:2px 14px 12px 0;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td .annotwithimage {}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td .annotwithimage p {font-size:11px; line-height:14px;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td .annotwithoutimage {}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td .annotwithoutimage p {font-size:11px; line-height:14px;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td p.details {text-align:right;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td p.details a {font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ed1b23; text-decoration:underline; outline:none; margin-right:5px;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td p.details a:hover {text-decoration:none;}
#content #contentGrid td.rgtCell #pageContent #newsArea #newsListGrid td.botBrd {height:12px; font-size:3px; border:none; border-top:1px dashed #9e9e9e;}
#content #contentGrid td.rgtCell #pageContent #newsArea #pager {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#content #contentGrid td.rgtCell #pageContent #newsArea #pager b {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:1px; padding:1px 4px 1px 5px; background:#252525;}
#content #contentGrid td.rgtCell #pageContent #newsArea #pager a {font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#252525; vertical-align:1px; padding:1px 2px 1px 3px;}
#content #contentGrid td.rgtCell #pageContent #newsArea h1 .newsdate {font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#ffffff; background:#000000; padding:0px 5px 0px 5px; margin:0px 10px 0px 0px;}
#content #contentGrid td.rgtCell #pageContent #newsArea .newsDetails {}
#content #contentGrid td.rgtCell #pageContent #newsArea .newsDetails .leftPart {float:left; margin:0 15px 5px 0; text-align:left;}
#content #contentGrid td.rgtCell #pageContent #newsArea .newsDetails .leftPart .image {padding-top:2px;}
#content #contentGrid td.rgtCell #pageContent #newsArea .newsDetails .rightPart {}
#content #contentGrid td.rgtCell #pageContent #newsArea .newsDetails .allNews {text-align:right; padding:10px 0;}
#content #contentGrid td.rgtCell #pageContent #newsArea .newsDetails .allNews a {font-weight:bold; color:#ed1b23; padding-top:8px; border:none; border-top:1px dashed #9e9e9e;}

/* ---- КОНТАКТЫ ---- */
/* Контент. Правая колонка. Контент страницы. Контакты */
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea {width:680px; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#002a70; overflow:hidden; padding:11px 0; margin:0 19px;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea small {font-size:11px;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #sectionsDelimiter {height:1px; border:none; border-top:1px dashed #9e9e9e; margin:12px 0 12px 0;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea h2 {font:bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#252525; text-transform:uppercase; margin-bottom:12px;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable {border-collapse:collapse; border-spacing:0;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable td {font-size:11px;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable td.leftCell {width:180px; text-align:right; vertical-align:top; padding:6px 5px 4px 5px; padding:"5px 5px 3px 5px";}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable td.rightCell {width:385px; text-align:left; vertical-align:top; padding:5px 5px 5px 5px; padding:"4px 5px 4px 5px";}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable td .textfield {width:180px; width:"180px"; height:18px; height:"18px"; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-align:left; padding:1px 0 1px 3px; border-top:solid 1px #494949; border-right:solid 1px #dadada; border-bottom:solid 1px #dadada; border-left:solid 1px #494949;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable td .textarea {width:370px; width:"370px"; height:100px; height:"100px"; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-align:left; overflow:hidden; padding:1px 0 1px 3px; border-top:solid 1px #494949; border-right:solid 1px #dadada; border-bottom:solid 1px #dadada; border-left:solid 1px #494949;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable #contactus_name_err {font-size:11px;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable #contactus_email_err {font-size:11px;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea #feedbackTable #contactus_message_err {font-size:11px;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea .ftable {border-collapse:collapse; border-spacing:0; margin-bottom:0;}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea .ftable .remark td {text-align:right; padding:5px 20px 5px 5px; padding:"5px 20px 5px 5px";}
#content #contentGrid td.rgtCell #pageContent #pageContentContactsArea .ftable .header td {text-align:right; vertical-align:top; padding:5px 20px 0 5px; padding:"5px 20px 0 5px";}

