html {
width: 100%; height: 100%; padding: 0; margin: 0;
}
body {
width: 100%; height: 100%;
padding: 0; margin: 0;
background-color: #7d868d;
position: relative;
}
* {
font-synthesis: none;
-moz-font-feature-settings: 'kern';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
td, a, p, div {
font-family: 'Lucida Grande', LucidaGrande, Lucida, tahoma, verdana, sans-serif;
font-size: 10pt;
}
a {
color: #e8423b;
cursor: pointer;
}
a:hover {
color: #d20a18;
cursor: pointer;
}
a img {
border: none;
}
p {
margin: 0 0 1em 0;
padding: 0;
}
td {
text-align: left;

padding: 0;
}
table.T01 {
width: 960px;
border-collapse: collapse;
margin: 0 auto 0 auto;
-moz-box-shadow:	0 0 15px	rgba(0,0,0,0.7);
-webkit-box-shadow:	0 0 15px	rgba(0,0,0,0.7);
box-shadow:		0 0 15px	rgba(0,0,0,0.7);
position: relative;
background-color: white;
}
table.T01 tr td.BGWhite {
background-color: white;
}
table.T01 tr.TR1 {
height: 95px;
}
table.T01 tr.TR1 div.Cnt {
display: block;
position: relative;
height: 90px;
border-top: solid 5px #d5d3cc;
}
table.T01 tr.TR1 div.Cnt div.TopLogo {
position: absolute;
top: 35px; left: 40px;
}
table.T01 tr.TR1 div.Cnt div.TopPhone {
position: absolute;
top: 33px; right: 158px;
}
table.T01 tr.TR1 div.Cnt div.TopPhone .Phone1 {
display: inline-block;
margin-right: 20px;
width: auto;
}
table.T01 tr.TR1 div.Cnt div.TopPhone .Phone2 {
display: inline-block;
width: auto;
}
table.T01 tr.TR1 div.Cnt div.TopPhone .NoWrapLine {
white-space: nowrap;
}
table.T01 tr.TR1 div.Cnt div.TopPhone .Index {
display: inline-block;
color: #929aa0;
font-size: 17px;
vertical-align: top;
line-height: 18px;
}
table.T01 tr.TR1 div.Cnt div.TopPhone .Number {
display: inline-block;
color: #263540;
font-size: 22px;
vertical-align: top;
line-height: 20px;
}
table.T01 tr.TR1 div.Cnt div.TopPhone .T123 {
font-size: 12px;
color: #d20a18;
display: block;
width: auto;
}
table.T01 tr.TR1 div.Cnt div.TopPhone {
}
table.T01 tr.TR1 div.Cnt div.TopCK {
position: absolute;
top: 19px; right: 28px;
}
table.T01 tr.TR2 {
height: 30px;
}
table.T01 tr.TR2 td {
height: 30px;
background-color: #263540;
}
table.T01 tr.TR3 {
height: 10px;
}
table.T01 tr.TR3 td {
height: 10px;
background-color: #efece2;
}
table.T01 tr.TR3 td div {
overflow: hidden;
height: 0px;
}
table.T01 tr.TR4 td {
}
table.T01 tr.TR4 td div.Cnt {
display: block;
height: 100%;
position: relative;
padding: 80px 0 0px 0;
}
table.T01 tr.Bottom {
height: 64px;
}
table.T01 tr.Bottom td {
border-top: solid 5px #d5d3cc;
}
table.T01 tr.Bottom td div.Cnt {
display: block;
height: 64px;
position: relative;
background-color: #efece2;
}
table.T01 tr.Bottom td div.Cnt div {
color: #263540;
font-size: 11px;
}
table.T01 tr.Bottom td div.BottomLogo {
position: absolute;
top: 20px; left: 99px;
white-space: nowrap;
}
table.T01 tr.Bottom td div.BottomLogo span {
display: inline-block;
position: absolute;
line-height: 20px;
margin: 0 0 0 5px;
}
table.T01 tr.Bottom td div.BottomAddress {
display: block;
width: auto; height: 40px;
position: absolute;
top: 23px; left: 350px;
white-space: nowrap;
}
table.T01 tr.Bottom td div.BottomPhone {
position: absolute;
top: 20px; right: 100px;
white-space: nowrap;
line-height: 20px;
}
table.MenuTop {
border-collapse: collapse;
width: 100%;
height: 30px;
}
table.MenuTop td {
white-space: nowrap;
text-align: center;
width: 14%;
width: 152px;
height: 30px;
border-right: solid 1px #929aa0;
}
table.MenuTop td.First {
width: 100px !important;
}
table.MenuTop td.Last {
width: 100px !important;
border-right: none;
}
table.MenuTop td a.Item {
font-size: 8pt;
color: white;
text-decoration: none;
cursor: pointer;
display: block;
height: 30px;
line-height: 30px;
position: relative;
background-image: -webkit-linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: -o-linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: -moz-linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: -ms-linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #5a656e),
color-stop(1, #263540)
);
text-transform: uppercase;
}
table.MenuTop td a.Item:hover, table.MenuTop td a.ItemImage:hover {
background-image: -webkit-linear-gradient(top, #323c44 0%, #162029 100%);
background-image: linear-gradient(top, #323c44 0%, #162029 100%);
background-image: -o-linear-gradient(top, #323c44 0%, #162029 100%);
background-image: -moz-linear-gradient(top, #323c44 0%, #162029 100%);
background-image: -ms-linear-gradient(top, #323c44 0%, #162029 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #323c44),
color-stop(1, #162029)
);
}
table.MenuTop td a.ItemImage {
text-decoration: none;
cursor: pointer;
display: block;
height: 30px;
position: relative;
background-image: -webkit-linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: -o-linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: -moz-linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: -ms-linear-gradient(top, #5a656e 0%, #263540 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #5a656e),
color-stop(1, #263540)
);
}
table.MenuTop td img.Home {
width: 16px; height: 15px;
margin-top: 7px;
}
table.MenuTop td img.Mail {
width: 16px; height: 10px;
margin-top: 9px;
}
table.MenuTop td span.Item {
font-size: 8pt;
color: white;
text-decoration: none;
cursor: default;
display: block;
height: 30px;
line-height: 30px;
position: relative;
text-transform: uppercase;
}
table.MenuTop td span.ItemImage {
color: white;
text-decoration: none;
cursor: default;
display: block;
height: 30px;
position: relative;
}
table.MenuTop td span.Arrow {
display: none;
}
table.MenuTop td.Current span.Item, table.MenuTop td.Current a.Item, table.MenuTop td.Current span.ItemImage {
background-color: #bd0412;
background-image: -webkit-linear-gradient(top, #b0000f 0%, #d00917 100%);
background-image: linear-gradient(top, #b0000f 0%, #d00917 100%);
background-image: -o-linear-gradient(top, #b0000f 0%, #d00917 100%);
background-image: -moz-linear-gradient(top, #b0000f 0%, #d00917 100%);
background-image: -ms-linear-gradient(top, #b0000f 0%, #d00917 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #b0000f),
color-stop(1, #d00917)
);
}
table.MenuTop td.Current span.Item span.Arrow, table.MenuTop td.Current a.Item span.Arrow {
position: absolute;
display: block;
left: 70px !important;
bottom: -4px;
width: 8px; height: 8px;
background-color: #d20a18;
-moz-transform: rotate(45deg);		/* Firefox */
-o-transform: rotate(45deg);		/* Opera */
-webkit-transform: rotate(45deg);	/* Safari y Chrome */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE */
background-image: -webkit-linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: -o-linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: -moz-linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: -ms-linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #ca0716),
color-stop(1, #d00917)
);
}
table.MenuTop td.Current span.ItemImage span.Arrow {
position: absolute;
display: block;
left: 44px !important;
bottom: -4px;
width: 8px; height: 8px;
background-color: #d20a18;
-moz-transform: rotate(45deg);		/* Firefox */
-o-transform: rotate(45deg);		/* Opera */
-webkit-transform: rotate(45deg);	/* Safari y Chrome */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE */
background-image: -webkit-linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: -o-linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: -moz-linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: -ms-linear-gradient(top, #ca0716 0%, #d00917 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #ca0716),
color-stop(1, #d00917)
);
}
table.ChairDetails {
border-collapse: collapse;
width: 100%;
}
table.ChairDetails td.Left {
width: 418px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
table.ChairDetails td.Right {
padding: 0 102px 0 30px;
width: 440px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
table.ChairDetails td.Left .BigImage {
display: block;
text-align: center;
margin-bottom: 30px;
position: relative;
}
table.ChairDetails td.Left .BigImage .big-image-sign-250 {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 64px; height: 70px;
}
table.ChairDetails td.Left .BigImage .new.details {
background-color: #d20a18;
display: inline-block !important;
border: 1px solid rgba(0,0,0,0.15);
  	border-radius: 3px;
  	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
color: white;
font-size: 12px;
line-height: 18px;
font-weight: bold;
margin: 0px 0 5px 0;
padding: 0px 4px;
position: absolute;
top: 20px; right: 40px;
}
h2.ChairType {
text-transform: uppercase;
color: #929aa0;
font-size: 10pt;
display: block;
line-height: 10pt;
margin: 0px 0 0px 0;
}
h2.ChairName {
color: #263540;
font-size: 18pt;
line-height: 16pt;
display: block;
margin: 2px 0 1em 0;
}
h2.VarName {
color: #263540;
font-size: 13pt;
display: block;
margin: 0px 0 1em 0;
}
.CatalogList h2.ChairName {
position: relative;
}
.CatalogList .new.list {
background-color: #d20a18;
display: inline-block !important;
border: 1px solid rgba(0,0,0,0.15);
  	border-radius: 3px;
  	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
color: white;
font-size: 12px;
font-weight: bold;
padding: 0px 4px;
line-height: 18px;
position: absolute;
bottom: 0px; left: 155px;
}
.techchar-table {
position: relative;
display: block;
}
.techchar-table .nagruzka {
position: absolute;
top: 120px;
right: 0px;
}
table.TechCharBorder {
border-collapse: collapse;
background-color: white;
border: none;
width: 100%;
table-layout: fixed;
}
table.TechCharBorder tr.Top, table.TechCharBorder tr.Bottom {
height: 1px;
}
table.TechCharBorder tr.Top td, table.TechCharBorder tr.Bottom td {
height: 1px; background-color: white; border: none;
background-color: #d5d3cc;
}
table.TechCharBorder tr.Top td div, table.TechCharBorder tr.Bottom td div {
overflow: hidden; height: 1px;
display: block;
}
table.TechCharBorder td.C {
width: 100%;
}
table.TechCharBorder tr.CenterT td.L, table.TechCharBorder tr.CenterT td.R {
width: 1px;
vertical-align: top;
padding: 0px;
}
table.TechCharBorder tr.CenterB td.L, table.TechCharBorder tr.CenterB td.R {
width: 1px;
vertical-align: bottom;
padding: 0px;
}
table.TechCharBorder tr.CenterT td.L div, table.TechCharBorder tr.CenterT td.R div {
width: 1px; height: 80px;
overflow: hidden;
display: block;
padding: 0; margin: 0;
background-image: -webkit-linear-gradient(top, #d5d3cc 0%, #fff 100%);
background-image: linear-gradient(top, #d5d3cc 0%, #fff 100%);
background-image: -o-linear-gradient(top, #d5d3cc 0%, #fff 100%);
background-image: -moz-linear-gradient(top, #d5d3cc 0%, #fff 100%);
background-image: -ms-linear-gradient(top, #d5d3cc 0%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #d5d3cc),
color-stop(1, #fff)
);
}
table.TechCharBorder tr.CenterB td.L div, table.TechCharBorder tr.CenterB td.R div {
width: 1px; height: 80px;
overflow: hidden;
display: block;
padding: 0; margin: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #d5d3cc 100%);
background-image: linear-gradient(top, #fff 0%, #d5d3cc 100%);
background-image: -o-linear-gradient(top, #fff 0%, #d5d3cc 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #d5d3cc 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #d5d3cc 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #d5d3cc)
);
}
table.TechCharBorder tr.CenterB td.L div {
width: 1px; height: 80px;
overflow: hidden;
display: block;
padding: 0; margin: 0;
}
table.TechCharBorder tr.CenterT {
height: 50%;
}
table.TechCharBorder tr.CenterB {
height: 50%;
}
table.TechCharBorder tr.CenterT td.C {
padding: 20px 20px 15px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
table.TechCharBorder sup {
position: absolute;
font-size: 10px;
}
table.ChairDetails table.TechChar {
width: 100%;
border-collapse: collapse;
}
table.ChairDetails table.TechChar td.Param {
width: 50%;
color: #929aa0;
padding: 2px 0 2px 0;
font-size: 8pt;
white-space: nowrap;
vertical-align: bottom;
}
table.ChairDetails table.TechChar td.Value {
width: 50%;
color: #263540;
padding: 2px 0 2px 10px;
white-space: nowrap;
vertical-align: bottom;
}
table.ChairDetails table.TechChar a.IconLink {
display: block;
height: 18px;
background-repeat: no-repeat;
background-position: 0 0;
margin: 5px 0 2px 0;
padding: 2px 0 0 20px;
font-size: 8pt;
}
table.ChairDetails table.TechChar td.Value .Price {
display: block;
}
table.ChairDetails table.TechChar td.Value .PriceValue {
color: #d20a18;
font-size: 16pt;
line-height: 16pt;
display: inline-block;
margin: 0px 0 5px 0;
font-weight: bold;
}
table.ChairDetails table.TechChar td.Value .PriceValueText {
color: #d20a18;
font-size: 12pt;
line-height: 16pt;
display: inline-block;
margin: 0px 0 5px 0;
font-weight: normal;
text-transform: uppercase;
}
table.ChairDetails table.TechChar td.Value .PriceValueText .Separator {
overflow: hidden;
font-size: 16pt;
line-height: 16pt;
visibility: hidden;
width: 1px;
display: inline-block;
}
table.ChairDetails table.TechChar td.Value .PriceCurrency {
color: #929aa0;
font-size: 10pt;
display: inline-block;
margin: 0px 0 5px 0;
}
table.CatalogList {
border-collapse: collapse;
}
table.CatalogList td.Separator {
height: 1px;
}
table.CatalogList td.Separator div {
overflow: hidden;
height: 1px;
display: block;
background-color: #d5d3cc;
margin: 0px 0 30px 0;
}
div.ColorSolutions {
color: #d20a18;
margin: 0px 0 5px 0;
font-weight: normal;
text-transform: uppercase;
font-size: 10pt;
display: block;
line-height: 10pt;
margin: 0px 0 20px 0;
}
.Relative {
position: relative;
}
.Block {
display: block;
}
table.ChairDetails img.Sklad {
position: absolute;
top: 0; right: 0;
width: 59px; height: 30px;
}
.MarginBottom {
margin-bottom: 30px;
}
.SmallMarginBottom {
margin-bottom: 15px;
}
.DoubleMarginBottom {
margin-bottom: 40px;
}
.VHidden {
visibility: hidden;
}
.Slogan {
font-size: 16pt;
font-weight: normal;
color: #263540;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 100px;
padding: 0;
}
@media all and (max-width: 500px) {
body {
width: 100%;
}
table.T01 {
width: 100%;
box-shadow: none;
border: none;
}
table.T01 tr.TR4, table.T01 tr.TR4 td {
display: block;
}
table.MenuTop td {
width: auto;
}
.TechCharBorder tr td {
display: table-cell !important;
}
table.T01 tr.TR1 div.Cnt div.TopLogo {
left: 20px;
}
table.MenuTop td span, table.MenuTop td.First,
table.MenuTop td span, table.MenuTop td.Last
{
display: none;
}
table.MenuTop td span, table.MenuTop td a {
padding: 0 5px;
}
table.T01 tr.TR1 div.Cnt div.TopPhone {
display: none;
}
table.MenuTop td span.Item span.Arrow, table.MenuTop td.Current span.Item span.Arrow, table.MenuTop td.Current a.Item span.Arrow {
display: none;
}
table.T01 tr.Bottom td div.BottomLogo {
left: 20px;
}
table.T01 tr.Bottom td div.BottomLogo span {
display: none;
}
table.T01 tr.Bottom td div.BottomAddress {
left: 60px;
}
table.T01 tr.Bottom td div.BottomPhone {
display: none;
}
.Slogan {
margin-left: 20px;
}
table.TechCharBorder tr.CenterT td.L, table.TechCharBorder tr.CenterT td.R {
width: auto;
display: block;
}
table.ChairDetails {
border: none;
border-color: transparent;
}
table.ChairDetails td.Left, table.ChairDetails td.Right {
width: auto;
display: block;
}
table.ChairDetails td.Left .BigImage, table.ChairDetails td.Left .BigImage img {
max-width: 350px;
}
table.TechCharBorder, table.TechCharBorder * {
border: none;
border-spacing: none !important;
}
table.TechCharBorder tr.CenterT {
height: auto;
}
.CntVMarging {
margin-left: 0px !important;
padding: 0 20px;
}
table.ChairDetails td.Right a.Item {
margin: 0;
}
table.ChairDetails td.Right .CatalogBlocks.Thin {
padding: 0 20px;
}
}
#cities_map {
display: block;
width: 475px;
height: 300px;
width: 760px;
height: 430px;
margin: 8px 0 0 0;
border: solid 1px #263540;
}
.gde_kupit_page_cities .col1 {
display: inline-block;
width: 240px;
margin-right: 20px;
vertical-align: top;
}
.gde_kupit_page_cities .col2 {
display: inline-block;
width: 240px;
margin-right: 20px;
vertical-align: top;
}
.gde_kupit_page_cities .col3 {
display: inline-block;
width: 240px;
margin-right: 0px;
vertical-align: top;
}
.gde_kupit_page_cities li {
list-style-type: none;
}
.gde_kupit_page_cities li a.Big {
display: block;
margin: 30px 0 20px 0;
}
.gazprom {
vertical-align: bottom;
font-family: Verdana, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;	
}