html {height: 100%;}
img {border: none;}
img { behavior: url(/css/iepngfix.htc) }
td {vertical-align: top; padding: 0;}
a {outline: none;}
table, div {border-collapse: collapse;}

p {margin: 0 0 10px 0;}
p.title {clear: both; font-size: 11pt; margin: 0 0 6px 0 !important;}
p.subtitle {clear: both; font-size: 9pt; margin: 0 0 15px 0 !important; text-transform: uppercase;}

li {margin: 0 0 7px 0}

.date {font-size: 8pt; color: #777d81;}

form {margin: 0;}


/* ============= цветовая схема ============ */

body {height: 100%; margin: 0; padding: 0; background: #fff url(/img/bg_f.gif) top center repeat-x; }
body, td, th {font: 10pt Arial, Tahoma, Helvetica, sans-serif; color: #2c353a; text-align: left;}

hr {border: none; color: #d9d9d9; background-color: #d9d9d9; height: 1px; margin-top: 5px; margin-bottom: 12px;}
input, textarea, select, submit {font: 9pt Arial, Tahoma; color: #2c353a;}

h1 {font-size: 16pt; font-weight: normal; margin: 15px 0 10px 0;}
h2 {font-size: 13pt; font-weight: normal; color: #7a858b; margin: 0 0 10px 0;}
h3 {font-size: 11pt; font-weight: bold; margin: 15px 0 5px 0;}
h4 {font-size: 9pt; font-weight: bold; margin: 15px 0 5px 0; text-transform: uppercase;}
h5 {font-size: 9pt; font-weight: bold; margin: 15px 0 5px 0; color:#007ac4; text-transform: uppercase;}
h6 {font-size: 10pt; font-weight: bold; margin: 15px 0 5px 0;}

a {text-decoration: underline;}
a:link {color: #007ac4;}
a:visited {color: #007ac4;}
a:active {color: #007ac4;}
a:hover {color: #007ac4;}

/* ============= основные блоки ============ */

div.MainContainer {width: 955px; margin: 0 auto; clear: both; }
div.HeadContainer {width: 100%; margin: 0; clear: both; background: transparent url(/img/bg_in.jpg) top center no-repeat;}
div.InWhite {width: 100%; margin: 0; clear: both; background: #fff;}


/* ============= для главной страницы ============ */

div.FaceHeadContainer {width: 100%; margin: 0; clear: both; background: transparent url(/img/bg_face.jpg) top center no-repeat;}
div.FaceGray {width: 100%; margin: 0; clear: both; background: #fff url(/img/bg_gr.gif) top left repeat-x;}

table.FaceTab {width: 955px; height: 225px;}
table.FaceTab td {vertical-align: middle; padding: 15px 490px 5px 0; color: #ccdeee !important; font-size: 11pt;}
table.FaceTab h1 {font-size: 23pt !important; line-height: 1em !important; color: #fff !important;}
table.FaceTab p {line-height: 1.5em; font-size: 11pt;}

table.PreTab {width: 955px; height: 100px;}
table.PreTab td {vertical-align: middle; padding: 18px 490px 15px 0;}
table.PreTab a {font-size: 11pt;}
table.PreTab p {margin: 0 0 4px 0 !important;}

table.FaceIncut {width: 955px;}
table.FaceIncut td {padding: 25px 0; border-bottom: 1px solid #d9d9d9;}
table.FaceIncut td.quad {width: 220px;}
table.FaceIncut td.spacer {width: 25px;}
table.FaceIncut td.spacer span {width: 25px; display: block;}

table.FaceIncut td.quad p {margin: 0 0 6px 0 !important;}
table.FaceIncut td.quad p.text {margin: 0 0 10px 0 !important;}
table.FaceIncut td.quad p.subtitle {margin: 0 0 15px 0 !important;}
table.FaceIncut td.quad p.title {font-size: 13pt !important;}
table.FaceIncut td.quad p.title a:link {color: #2c353a; text-decoration: none;}
table.FaceIncut td.quad p.title a:visited {color: #2c353a; text-decoration: none;}
table.FaceIncut td.quad p.title a:hover {color: #007ac4; text-decoration: underline;}
table.FaceIncut td.quad p.title img {vertical-align: middle; margin: 0 10px 4px 0;}

table.FaceIncut td.news p {margin: 0 0 6px 0 !important;}
table.FaceIncut td.news p.subtitle {margin: 0 0 15px 0 !important;}
div.FaceNews p {padding: 0 10px 0 75px;}
div.FaceNews p span.date {display: block; float: left; width: 75px; margin: 0 0 0 -75px; padding: 2px 0 0 0;}

table.brands {width: 220px; margin: 0 0 18px 0;}
.quad table.brands {margin: 0 !important;}
table.brands td {width: 102px; height: 82px; border: 0px; background: transparent url(/img/bg_brand.gif) 0 50% no-repeat; padding: 0 !important; text-align: center; vertical-align: middle;}
table.brands td.bspacer {width: 16px; background: none;}
table.brands td.bspacer span {width: 16px; display: block;}


/* ============= верхнее меню ============ */

div.InfoLogo {float: left; width: 200px; padding: 16px 0;}
div.InfoHead {float: right; width: 720px; padding: 25px 0 5px 0; text-align: right;}
div.InfoHead table {float: right;}
div.InfoHead table td {white-space: nowrap; font-size: 9pt; padding: 0;}
div.InfoHead table td a {display: block;  padding: 0 0 0 12px;}
div.InfoHead table td a:link {color: #fff !important; text-decoration: none;}
div.InfoHead table td a:visited {color: #fff !important; text-decoration: none;}
div.InfoHead table td a:hover {color: #00b6ff !important; text-decoration: none;}
div.InfoHead table td a span {display: block; padding: 3px 12px 3px 0;}
div.InfoHead table td.active a {background: transparent url(/img/men_a.gif) top left no-repeat; color: #fff !important;}
div.InfoHead table td.active a span {background: transparent url(/img/men_a.gif) top right no-repeat;}


/* ============= внутренние страницы ============ */

table.TitleTab {width: 955px; height: 100px;}
table.TitleTab td {vertical-align: top; padding: 12px 0 0 0; color: #ccdeee !important;}
table.TitleTab h1 {font-size: 26pt !important; line-height: 1em !important; color: #fff !important;}

div.breadcrumbs {font-size: 8pt; color: #00a0e1; margin: 0 0 22px 0; }
div.breadcrumbs a:link {color: #00a0e1 !important; text-decoration: none;}
div.breadcrumbs a:visited {color: #00a0e1 !important; text-decoration: none;}
div.breadcrumbs a:hover {color: #00b6ff !important; text-decoration: underline;}

div.tags {font-size: 8pt; padding: 20px 0 0 0;}

div.InLine {width: 100%; margin: 0; height: 4px; background: #fff; border-bottom: 1px solid #d9d9d9;}
div.InLine span {display: block; height: 4px;}

table.MainTable {width: 955px; border-bottom: 1px solid #d9d9d9;}
table.MainTable td.MainLeft {width: 220px; padding: 18px 0 25px 0; background: #fff url(/img/bg_vr.gif) top right repeat-y;}
table.MainTable td.MainRight {width: 710px; padding: 12px 0 25px 0; }
table.MainTable td.spacer {width: 25px;}
table.MainTable td.spacer span {width: 25px; display: block;}

table.TwoRight {width: 710px; }
table.TwoRight td.Tleft {width: 465px; }
table.TwoRight td.Tright {width: 220px; }
table.TwoRight td.spacer {width: 25px;}
table.TwoRight td.spacer span {width: 25px; display: block;}

table.ImageTwo {width: 710px; margin: 0 0 20px 0;}
table.ImageTwo td.ImagePic {width: 465px; text-align: right; padding: 10px 0;}
table.ImageTwo td.ImageInfo {width: 220px; vertical-align: bottom; padding: 7px 0; font-style: italic; font-size: 9pt; color: #777d81;}
table.ImageTwo td.ImageInfo p {margin: 0 !important;}
table.ImageTwo td.spacer {width: 25px;}
table.ImageTwo td.spacer span {width: 25px; display: block;}

table.ProductTwo {width: 710px; margin: 0 0 15px 0;}
table.ProductTwo td.TwoLeft {width: 460px; padding: 0;}
table.ProductTwo td.TwoLeft p {margin: 0 20px 7px 0 !important;}
table.ProductTwo td.TwoRight {width: 220px; padding: 0;}
table.ProductTwo td.tspacer {width: 30px;}
table.ProductTwo td.TwoRight p {margin: 0 0 7px 0 !important;}
table.ProductTwo td.tspacer span {width: 30px; display: block;}

table.rta {width: 220px; background: #fff url(/img/bg_rta.gif) top left repeat-y; margin: 0 0 10px 0;}
table.rta td.rtat {width: 220px; background: transparent url(/img/bg_rta1.gif) top left no-repeat; padding: 18px 20px 3px 20px;}
table.rta td.rtat p {margin: 0 0 4px 0 !important;}
table.rta td.rtab {width: 220px; height: 10px; background: transparent url(/img/bg_rta2.gif) bottom left no-repeat; padding: 0;}
table.rta td.rtab span {height: 10px; display: block;}

table.AllBrands {width: 710px; margin: 0 0 10px 0;}
table.AllBrands td.BrandLogo {width: 102px; border: 0px; background: transparent url(/img/bg_brand.gif) 0 10px no-repeat; padding: 0 !important; text-align: center; vertical-align: top;}
table.AllBrands td.BrandLogo img {margin: 22px 11px 11px 11px;}
table.AllBrands td.bspacer {width: 18px; background: none;}
table.AllBrands td.bspacer span {width: 18px; display: block;}
table.AllBrands td.BrandInfo {width: 590px; border: 0px; padding: 10px 0 10px 0 !important; text-align: left; vertical-align: middle;}
table.AllBrands td.BrandInfo p {margin: 0 0 5px 0 !important;}
table.AllBrands td.BrandInfo h3 {margin: 0 0 3px 0 !important;}

div.RightBanner {margin: 0 0 10px 0;}

table.CatalogBrand {width: 710px; margin: 0 0 15px 0;}
table.CatalogBrand td {border: 1px solid #d9d9d9; padding: 10px 0 15px 32px;}
table.CatalogBrand td p {display: block; width: 220px; float: left; margin: 6px 5px 0 0 !important;}
table.CatalogBrand td p.active {font-weight: bold; color: #2c353a; text-decoration: none;}
table.CatalogBrand td p.active a {font-weight: bold; color: #2c353a; text-decoration: none;}


.wide {width: 95%; margin: 0 0 15px 0;}

/* ============= страницы ============ */

div.pages {padding: 20px 0 0 0;}
div.pages span {display: block; float: left; padding: 3px 8px; background: #0064b2; color: #fff; margin: 0 3px 0 0;}
div.pages span.first { width: 72px; padding: 3px 0 !important; background: #fff !important; color: #2c353a !important;}
div.pages a span {background: #e6e7e6 !important; color: #007ac4; cursor: pointer; text-decoration: underline;}


/* ============= левое меню ============ */
div.LeftMenu {width: 220px; margin: 0; clear: both;}

div.tlm {width: 220px; height: 4px;}
div.blm {width: 220px; height: 4px;}
div.lcm {width: 217px; margin: 0; padding: 0 0 0 3px;}
div.lcm p {padding: 6px 10px 6px 37px; display: block; margin: 0 !important;}
div.lcm p.active {display: block; background: #ebeceb url(/img/pact.gif) top left repeat-y;}
div.lcm p.active a {color: #2c353a !important; text-decoration: none;}
div.lcm div.title {font-size: 11pt; font-weight: bold;  margin: 0 !important;}

div.lcm div.title p {padding: 8px 10px 8px 37px; display: block; margin: 0 !important;}
div.lcm div.title img {position: absolute; z-index: 10; margin: -2px 8px 0 -30px;}

div.LeftMenuActive {width: 220px; margin: 0; clear: both; padding: 0 0 10px 0; }
div.LeftMenuActive div.tlm {height: 4px !important; background: #fff url(/img/lma1.gif) top left no-repeat;}
div.LeftMenuActive div.blm {height: 4px !important; background: #fff url(/img/lma1.gif) bottom left no-repeat;}
div.LeftMenuActive div.lcm {background: #fff url(/img/lma2.gif) top left repeat-y;}



/* ============= списки ============ */

div.IconList {padding: 10px 0;}
div.IconList div.title p {padding: 8px 0 3px 75px; display: block; margin: 0 !important;}
div.IconList div.title img {position: absolute; z-index: 10; margin: -4px 8px 0 -45px;}
div.IconList div.title {font-size: 11pt !important; font-weight: normal;  margin: 0 !important;}
div.IconList p {padding: 0 10px 0 75px; display: block; margin: 0 0 10px 0 !important;}

div.VacancyList {padding: 0 0 10px 0;}
div.VacancyList div.title p {padding: 18px 10px 3px 45px; display: block; margin: 0 !important; font-weight: bold;}
div.VacancyList div.title img {position: absolute; z-index: 10; margin: -6px 8px 0 -45px;}
div.VacancyList div.title {font-size: 11pt !important; font-weight: normal;  margin: 0 !important;}
div.VacancyList p {padding: 0 15px 0 45px; display: block; margin: 0 0 5px 0 !important;}
div.VacancyList ul {padding: 0 0 3px 0; margin: 0; }
div.VacancyList li {padding: 0; margin: 0 0 5px 70px !important; padding: 0;}

div.RightNews p {padding:0;}
div.RightNews p span.date {display: block; width: 75px; margin: 0; padding: 8px 0 0 0;}
div.RightNews p.title {padding: 8px 0 0 22px; font-size: 10pt !important;}
div.RightNews p.title img {position: absolute; z-index: 10; margin: 0 8px 0 -22px;}

div.RightArticles p {padding: 8px 0 0 22px; font-size: 10pt !important;}
div.RightArticles p img {position: absolute; z-index: 10; margin: 0 6px 0 -22px;}

div.AllNews p {padding: 0 10px 0 75px;}
div.AllNews p span.date {display: block; float: left; width: 75px; margin: 0 0 0 -75px; padding: 2px 0 0 0;}
div.AllNews p a {font-size: 11pt;}

div.AllArticles p {padding: 3px 10px 0 75px;}
div.AllArticles p img {position: absolute; z-index: 10; margin: 0 10px 0 -45px;}
div.AllArticles p a {font-size: 11pt;}

div.ProList {padding: 2px 0 10px 0 !important;}
div.ProList p {padding: 0 10px 0 100px !important;}
div.ProList p img {position: absolute; z-index: 10; margin: 0 10px 0 -25px;}

/* ============= Подвал ============ */

div.MainFooterContainer {width: 100%; clear: both;}
div.FooterContainer {width: 955px; margin: 0 auto; padding: 0; clear: both; font-size: 8pt; color: #fff;}

table.FooterTable {width: 955px;}
table.FooterTable td {padding: 20px 0 30px 0; width: 735px; font-size: 8pt; color: #777d81;}
table.FooterTable td.FooterLeft {width: 735px;}
table.FooterTable td.FooterRight {width: 220px;}
table.FooterTable td p {margin: 0 0 2px 0 !important;}
table.FooterTable a:link {color: #777d81; text-decoration: none;}
table.FooterTable a:visited {color: #777d81; text-decoration: none;}
table.FooterTable a:hover {color: #007ac4; text-decoration: underline;}