/* Copyright (c) titanium | http://www.titaniumlabs.ru */

* { margin: 0; padding: 0; }
body { padding-top: 3.6em; margin-bottom: 3em; background-color: #ffffff; color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 83%; }

h1 { font-size: 2.25em; line-height: 1.2em; font-weight:   bold; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; } 
h1 a, h1 b { font-size: 0.8em; }
h1 i { display: none; }
h2 { font-size: 1.80em; line-height: 1.2em; font-weight:   bold; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
h3 { font-size: 1.50em; line-height: 1.2em; font-weight: normal; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
h4 { font-size: 1.25em; line-height: 1.2em; font-weight: normal; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
h5 { font-size: 1.00em; line-height: 1.2em; font-weight:   bold; }

p,
li,
dt,
dd,
blockquote { font-size: 1em; line-height: 1.4em; }

p { margin-bottom: 1.4em; }

.first { margin-top: 0 !important; }
.nowrap { white-space: nowrap; }
.keynote { font-size: 1.05em; }
.note { color: #666666; font-style: italic; float: right; }
.date { color: #999999; }
.refimage { display: block; width: 560px; margin-bottom: 2.8em; border: 1px solid #cccccc; }

hr { color: #999999; background-color: #999999; height: 1px; border: 0; }

input,
textarea,
select { font-size: 1em; display: inline; line-height: 1.2em; vertical-align: middle; }
sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; top: -0.6em; }
sub { font-size: 0.75em; line-height: 0; vertical-align: text-bottom; }

#searchfield { width: 63%; border: 1px solid #cccccc; font-size: 1.84em; line-height: 1.1em; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
#searchfield.normal   { color: #000000; }
#searchfield.disabled { color: #999999; }
#searchbutton { padding: 0.3em 0.1em 0.4em 0.1em; margin-left: 0.7em; }


.virtualcode6 { width: 4.2em; }
.virtualcode5 { width: 3.5em; }
.virtualcode4 { width: 3.0em; }
.virtualcode3 { width: 2.5em; }

.virtualcode6,
.virtualcode5,
.virtualcode4,
.virtualcode3 { display: inline-block; color: #999999; }

.w2sym  { width: 1.2em; }
.w3sym  { width: 1.8em; }
.w4sym  { width: 2.4em; }
.w5sym  { width: 3.0em; }
.w6sym  { width: 3.6em; }
.w7sym  { width: 4.2em; }
.w10sym { width: 6.0em; }
.w12sym { width: 7.2em; }
.w13sym { width: 7.8em; }
.w23sym { width:13.8em; }
.w25sym { width:15.0em; }
.wfitit { width: 91%; }

.num1 { display: inline-block; width: 0.55em; text-align: right; }
.num2 { display: inline-block; width: 1.10em; text-align: right; }
.num3 { display: inline-block; width: 1.65em; text-align: right; }
.num4 { display: inline-block; width: 2.20em; text-align: right; }
.num5 { display: inline-block; width: 2.75em; text-align: right; }
.num6 { display: inline-block; width: 3.30em; text-align: right; }
.num7 { display: inline-block; width: 3.85em; text-align: right; }
.num8 { display: inline-block; width: 4.40em; text-align: right; }
.num9 { display: inline-block; width: 4.95em; text-align: right; }


/* таблицы */

table { width: 100%; border-collapse: collapse; border: 0; font-size: 1em; }
th { text-align: left; vertical-align: top; padding: 0.7em 1em 0.7em 0.4em; font-size: 0.8em; border-bottom: #cccccc 1px solid; color: #999999; font-weight: normal; }
td { text-align: left; vertical-align: top; padding: 0.7em 1em 0.7em 0.4em; }


/* списки */

ul, ol, dl { margin-bottom: 1.4em; }

ul { padding-left: 1.5em; }
ul>li:before { content: '\2014\a0'; }
ul li,
ol ul li { list-style-position: outside; list-style-type: none; text-indent: -1.3em; behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '&mdash;&nbsp;' + this.innerHTML : '' ); }

ol { padding-left: 3em; }
ol li,
ul ol li { list-style-position: outside; list-style-type: decimal; text-indent: 0; }

ul li,
ol li { margin-bottom: 0.7em; }

ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }
ul ul li, ul ol li, ol ul li, ol ol li { margin-top: 0.7em; margin-bottom: 0; }

li p { margin-bottom: 0.7em; }

ul li p,
ol li p { text-indent: 0; }

dl dt { margin-top: 1.4em; font-weight: bold; }
dl dd { margin-top: 0.35em; }


/* ссылки */

a         { color: #003bb3; }
a:visited { color: #800080; }
a:hover   { color: #000000; }
a:active  { color: #000000; }

a.servicelink         { color: #000000; border-bottom: 1px dashed #000000; text-decoration: none; }
a.servicelink:visited { color: #000000; border-bottom: 1px dashed #000000; }
a.servicelink:hover   { color: #000000; border-bottom: 1px dashed #000000; }
a.servicelink:active  { color: #000000; border-bottom: 1px dashed #000000; }


/* плашки */

.color-section1 { background: #f82050 url('/i/bg_section1.png') center center no-repeat; }
.color-section2 { background: #ff9701 url('/i/bg_section2.png') center center no-repeat; }
.color-section3 { background: #94af01 url('/i/bg_section3.png') center center no-repeat; }
.color-section4 { background: #20a448 url('/i/bg_section4.png') center center no-repeat; }
.color-section5 { background: #0e9fc6 url('/i/bg_section5.png') center center no-repeat; }
.color-section6 { background: #674ac1 url('/i/bg_section6.png') center center no-repeat; }
.color-section7 { background: #db1393 url('/i/bg_section7.png') center center no-repeat; }

.color-section0 a { color: #000000; }
.color-section1 a,
.color-section2 a,
.color-section3 a,
.color-section4 a,
.color-section5 a,
.color-section6 a,
.color-section7 a { color: #ffffff; }

.color-section0 a:visited { color: #000000; }
.color-section1 a:visited,
.color-section2 a:visited,
.color-section3 a:visited,
.color-section4 a:visited,
.color-section5 a:visited,
.color-section6 a:visited,
.color-section7 a:visited { color: #ffffff; }

.color-section0 a:hover { color: #000000; }
.color-section1 a:hover,
.color-section2 a:hover,
.color-section3 a:hover,
.color-section4 a:hover,
.color-section5 a:hover,
.color-section6 a:hover,
.color-section7 a:hover { color: #ffffff; }

.color-section0 a:active { color: #000000; }
.color-section1 a:active,
.color-section2 a:active,
.color-section3 a:active,
.color-section4 a:active,
.color-section5 a:active,
.color-section6 a:active,
.color-section7 a:active { color: #ffffff; }


/* формы */

.formrow { width: 100%; margin-top: 0.7em; margin-bottom: 0.7em; overflow: hidden; }
.formrow .label { width: 25%; display: inline; float: left; margin-left:  0; margin-right: 0; //margin-left:   0; //margin-right: -100%; }
.formrow .value { width: 70%; display: inline; float: left; margin-left: 5%; margin-right: 0; //margin-left: 30%; //margin-right: -100%; }
.formrow .label { line-height: 1.2em; padding-top: 0.15em; }
.formrow .value { line-height: 1.4em; }
.formrow input,
.formrow textarea, 
.formrow select { margin-top: -1px; }
.formrow input,
.formrow textarea { padding: 1px 2px 1px 2px; border: 1px solid #cccccc; }
.formrow label { line-height: 1.2em; margin-right: 0.5em; }
.formrow label input { vertical-align: middle; display: inline; border: none; }
.formrow .required { color: #cc0000; }


/* ссылка на заявку */

#fillorder { font-size: 1.35em; line-height: 1em; font-weight: bold; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; position: absolute; top: 1em; left: 33%; width: 6.6em; height: 6.6em; }
#fillorder a,
#fillorder b { display: block; padding: 2.4em 0 2.3em 0.8em; }
#fillorder a       { color: #ffffff; background: url('/i/order.gif')          center center no-repeat; }
#fillorder a:hover { color: #ffffff; background: url('/i/order_hover.gif')    center center no-repeat; }
#fillorder b       { color: #000000; background: url('/i/order_selected.gif') center center no-repeat; }


/* логотип, контакт, поиск */

#id { width: 100%; min-height: 7.6em; -height: 7.6em; overflow: hidden; }
#id .logotype     { width: 24%; display: inline; float: left; margin-left: 6%; margin-right: 23%; //margin-left:  6%; //margin-right: -100%; }
#id .contactshort { width: 13%; display: inline; float: left; margin-left:  0; margin-right:  3%; //margin-left: 53%; //margin-right: -100%; }
#id .search       { width: 30%; display: inline; float: left; margin-left:  0; margin-right:  1%; //margin-left: 69%; //margin-right: -100%; }

#id p { margin-top: 0.2em; margin-bottom: 0; }


/* логотип */

.logotype { margin-top: 0.4em; }

#inmetname { font-size: 1.84em; line-height: 0.9em; font-weight: bold; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; text-transform: lowercase; }
#inmetname a         { color: #000000; text-decoration: none; }
#inmetname a:visited { color: #000000; }
#inmetname a:hover   { color: #000000; }
#inmetname a:active  { color: #000000; }

#inmetnameswitcher         { color: #999999; border-bottom: 1px dashed #999999; text-decoration: none; line-height: 1em; position: absolute; top: 2.6em; }
#inmetnameswitcher:visited { color: #999999; border-bottom: 1px dashed #999999; }
#inmetnameswitcher:hover   { color: #000000; border-bottom: 1px dashed #000000; }
#inmetnameswitcher:active  { color: #000000; border-bottom: 1px dashed #000000; }


/* краткая контактная информация */

.contactshort { margin-top: 0.4em; }
.contactshort .phone { position: relative; font-size: 1.35em; line-height: 1.5em; font-weight: bold; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
.contactshort .virtualcode3 { position: absolute; font-size: 0.75em; line-height: 1em; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif; top: 0.3em; left: -2.5em; }
.contactshort address { line-height: 1.4em; font-style: normal; }


/* главное меню */

#mainmenu { width: 100%; font-size: 1.05em; min-height: 1.6em; -height: 1.6em; overflow: hidden; }
#mainmenu .useful   { width: 19%; display: inline; float: left; margin-left: 33%; margin-right:  1%; //margin-left: 33%; //margin-right: -100%; }
#mainmenu .about    { width: 12%; display: inline; float: left; margin-left:   0; margin-right:  1%; //margin-left: 53%; //margin-right: -100%; }
#mainmenu .news     { width: 17%; display: inline; float: left; margin-left:   0; margin-right: 17%; //margin-left: 66%; //margin-right: -100%; }

#mainmenu a         { color: #000000; }
#mainmenu a:visited { color: #000000; }
#mainmenu a:hover   { color: #000000; }
#mainmenu a:active  { color: #000000; }


/* вводная */

.aboutshort { position: absolute; width: 24%; left:  6%; font-style: italic; }
.aboutshort p { margin-bottom: 0; }

.newsshort  { position: absolute; width: 21%; left: 66%; margin-top: 1.2em; }
.newsshort dl { margin-bottom: 0; }
.newsshort dl dt { margin-top: 0; color: #666666; font-weight: normal; font-size: 0.8em; }
.newsshort dl dd { margin-top: 0; }


/* каталог на главной */

.homecatalogue { width: 100%; padding-top: 2em; }

.homecatalogue .table012   { width: 70%; margin-left: 12%; margin-right: 18%; }
.homecatalogue .table34567 { width: 86%; margin-left:  6%; margin-right:  8%; }

.table012   .cell1 { width: 30%; }
.table012   .cell2 { width: 40%; }
.table012   .cell3 { width: 30%; }
.table012 td { padding: 0 3px 0 3px; vertical-align: bottom; }
.table34567 .cell1 { width: 36%; }
.table34567 .cell2 { width: 36%; }
.table34567 .cell3 { width: 28%; }
.table34567 td { padding: 0 3px 0 3px; vertical-align: top; position: relative; }

.homecatalogue div { padding: 1.1em 2em 1.6em 2em; margin-top: 3px; margin-bottom: 3px; }
.homecatalogue h2 { font-size: 1.40em; margin-top: 0; margin-bottom: 0; }

.homecatalogue .color-section0,
.homecatalogue .section0 { padding-bottom: 0.65em; }
.homecatalogue .color-section0 h2,
.homecatalogue .section0 h2 { margin-bottom: 0.7em; }

.homecatalogue .color-section0 { border: 1px solid transparent; -border-color: #ffffff; }
.homecatalogue .color-section1 { border: 1px solid transparent; -border-color: #f82050; }
.homecatalogue .color-section2 { border: 1px solid transparent; -border-color: #ff9701; }
.homecatalogue .color-section3 { border: 1px solid transparent; -border-color: #94af01; }
.homecatalogue .color-section4 { border: 1px solid transparent; -border-color: #20a448; }
.homecatalogue .color-section5 { border: 1px solid transparent; -border-color: #0e9fc6; }
.homecatalogue .color-section6 { border: 1px solid transparent; -border-color: #674ac1; margin-top: 6px; margin-left:  37%; //margin-top: 2px; //position: absolute; //right: 2px; }
/*.homecatalogue .color-section7 { border: 1px solid transparent; -border-color: #db1393; margin-top: 6px; margin-right: 13%; //margin-top: 2px; //position: absolute; //left:  2px; }*/
.homecatalogue .color-section7 { border: 1px solid transparent; -border-color: #db1393; margin-top: 6px; width: 50%; }

.homecatalogue .section0 { border: 1px dashed #666666; }
.homecatalogue .section1 { border: 1px dashed #f82050; }
.homecatalogue .section2 { border: 1px dashed #ff9701; }
.homecatalogue .section3 { border: 1px dashed #94af01; }
.homecatalogue .section4 { border: 1px dashed #20a448; }
.homecatalogue .section5 { border: 1px dashed #0e9fc6; }
.homecatalogue .section6 { border: 1px dashed #674ac1; margin-top: 6px; margin-left:  37%; //margin-top: 2px; //position: absolute; //right: 2px; }
/*.homecatalogue .section7 { border: 1px dashed #db1393; margin-top: 6px; margin-right: 10%; //margin-top: 2px; //position: absolute; //left:  2px; }*/
.homecatalogue .section7 { border: 1px dashed #db1393; margin-top: 6px; width: 50%; }

.homecatalogue ul { visibility: hidden; margin-top: 0.8em; margin-bottom: 0; padding-left: 0; }
.homecatalogue ul>li:before { content: ''; }
.homecatalogue ul li { margin-top: 0.4em; margin-bottom: 0; text-indent: 0; behavior: none; }

.homecatalogue .section0 ul,
.homecatalogue .section1 ul,
.homecatalogue .section2 ul,
.homecatalogue .section3 ul,
.homecatalogue .section4 ul,
.homecatalogue .section5 ul,
.homecatalogue .section6 ul,
.homecatalogue .section7 ul { visibility: visible; }

.homecatalogue .section0 a,
.homecatalogue .section1 a,
.homecatalogue .section2 a,
.homecatalogue .section3 a,
.homecatalogue .section4 a,
.homecatalogue .section5 a,
.homecatalogue .section6 a,
.homecatalogue .section7 a,
.homecatalogue .section0 a:visited,
.homecatalogue .section1 a:visited,
.homecatalogue .section2 a:visited,
.homecatalogue .section3 a:visited,
.homecatalogue .section4 a:visited,
.homecatalogue .section5 a:visited,
.homecatalogue .section6 a:visited,
.homecatalogue .section7 a:visited { color: #000000; }

.homecatalogue .section0 a:hover, .homecatalogue .section0 a:active { color: #666666; }
.homecatalogue .section1 a:hover, .homecatalogue .section1 a:active { color: #f82050; }
.homecatalogue .section2 a:hover, .homecatalogue .section2 a:active { color: #ff9701; }
.homecatalogue .section3 a:hover, .homecatalogue .section3 a:active { color: #94af01; }
.homecatalogue .section4 a:hover, .homecatalogue .section4 a:active { color: #20a448; }
.homecatalogue .section5 a:hover, .homecatalogue .section5 a:active { color: #0e9fc6; }
.homecatalogue .section6 a:hover, .homecatalogue .section6 a:active { color: #674ac1; }
.homecatalogue .section7 a:hover, .homecatalogue .section7 a:active { color: #db1393; }


/* содержание/жимое и колонки */

#content { width: 100%; overflow: hidden; }
#content .leftcolumn  { width: 21%; display: inline; float: left; margin-left: 6%; margin-right: 6%; //margin-left:  6%; //margin-right: -100%; padding-top: 1.8em; }
#content .rightcolumn { width: 67%; display: inline; float: left; margin-left:  0; margin-right:  0; //margin-left: 33%; //margin-right: -100%; padding-top: 2.1em; }

#content h1 { margin-right: 10%; }


/* переключатель вида меню */

#menuswitcher         { color: #666666; border-bottom: 1px dashed #666666; text-decoration: none; }
#menuswitcher:visited { color: #666666; border-bottom: 1px dashed #666666; }
#menuswitcher:hover   { color: #000000; border-bottom: 1px dashed #000000; }
#menuswitcher:active  { color: #000000; border-bottom: 1px dashed #666666; }


/* цветное меню */

.leftcolumn p { margin-top: -1.8em; margin-bottom: 0.4em; }

#colormenu { width: 120%; margin-left: -10%; margin-right: -10%; }
#colormenu div { line-height: 1.4em; margin-bottom: 0.7em; padding: 0 10% 0 10%; }
#colormenu .section1 { margin-top: 2.1em; }

#colormenu .color-section0,
#colormenu .color-section1,
#colormenu .color-section2,
#colormenu .color-section3,
#colormenu .color-section4,
#colormenu .color-section5,
#colormenu .color-section6,
#colormenu .color-section7 { color: #ffffff; padding-top: 15px; padding-bottom: 20px; font-size: 1.15em; line-height: 1.2em; font-weight: bold; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }

#colormenu .section0 a, #colormenu .section0 a:visited { color: #666666; }
#colormenu .section1 a, #colormenu .section1 a:visited { color: #f82050; }
#colormenu .section2 a, #colormenu .section2 a:visited { color: #ff9701; }
#colormenu .section3 a, #colormenu .section3 a:visited { color: #94af01; }
#colormenu .section4 a, #colormenu .section4 a:visited { color: #20a448; }
#colormenu .section5 a, #colormenu .section5 a:visited { color: #0e9fc6; }
#colormenu .section6 a, #colormenu .section6 a:visited { color: #674ac1; }
#colormenu .section7 a, #colormenu .section7 a:visited { color: #db1393; }

#colormenu .section0 a:hover,
#colormenu .section1 a:hover,
#colormenu .section2 a:hover,
#colormenu .section3 a:hover,
#colormenu .section4 a:hover,
#colormenu .section5 a:hover,
#colormenu .section6 a:hover,
#colormenu .section7 a:hover,
#colormenu .section0 a:active,
#colormenu .section1 a:active,
#colormenu .section2 a:active,
#colormenu .section3 a:active,
#colormenu .section4 a:active,
#colormenu .section5 a:active,
#colormenu .section6 a:active,
#colormenu .section7 a:active { color: #000000; }


/* меню */

.menu { margin-top: 3em; }
.menu div { line-height: 1.4em; margin-bottom: 0.7em; }
.menu div div { margin-top: 0.7em; margin-left: 2em; }


/* путь */

.breadcrumbs { margin-right: 10%; margin-bottom: 0; }
.breadcrumbs a         { color: #666666; white-space: nowrap; }
.breadcrumbs a:visited { color: #666666; }
.breadcrumbs a:hover   { color: #000000; }
.breadcrumbs a:active  { color: #000000; }


/* производители */

#brands { width: 100%; margin-top: 3em; overflow: hidden; }
#brands p { margin-right: 35%; }
#brands p.note { width: 25%; margin-right: 6%; -margin-right: 3%; }
#brands .col1 { width: 42%; display: inline; float: left; margin-left: 0; margin-right:  6%; //margin-left:   0; //margin-right: -100%; }
#brands .col2 { width: 42%; display: inline; float: left; margin-left: 0; margin-right: 10%; //margin-left: 48%; //margin-right: -100%; }
#brands dl { margin-top: -1.4em; margin-bottom: 0; }
#brands dl dt { margin-top: 1.4em; font-size: 1.35em; line-height: 1.2em; font-weight: normal; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
#brands dl dd { margin-top: 0.35em; }


/* специальности */

#specialities { width: 100%; margin-top: 3em; }
#specialities ul { margin-right: 35%; padding-left: 0; }
#specialities ul>li:before { content: ''; }
#specialities ul li { font-size: 1.05em; text-indent: 0; behavior: none; }


/* индекс */

#index { width: 100%; margin-top: 3em; }
#index p { margin-right: 35%; }
#index p.note { width: 25%; margin-right: 6%; -margin-right: 3%; }
#index hr { margin-top: 1.4em; margin-bottom: 1.4em; }
#index dl { border-top: 1px solid #ffffff; margin-top: -1.4em; margin-bottom: 0; margin-right: 35%; }
#index dl dt { margin-top: 1.4em; font-weight: normal; }
#index dl dt a { font-size: 1.35em; line-height: 1.2em; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
#index dl dt span { color: #666666; font-size: 0.8em; line-height: 0; position: relative; vertical-align: baseline; top: -0.7em; }
#index dl dd { margin-top: 0.35em; }
#index dl dd a         { color: #000000; text-decoration: none; }
#index dl dd a:visited { color: #000000; }
#index dl dd a:hover   { color: #000000; text-decoration: underline; }
#index dl dd a:active  { color: #000000; }
#index ol { margin-right: 35%; font-size: 0.8em; }
#index ol li { color: #999999; padding-left: 0.5em; margin-bottom: 1.8em; }
#index ol li a { font-size: 1.4em; }


/* продукт */

#articleproduct { width: 100%; margin-top: 1em; }
#articleproduct h2 { margin: 1.5em 35% 0.8em 0; }
#articleproduct h3 { margin: 1.5em 35% 0.7em 0; }
#articleproduct h4 { margin: 1.5em 35% 0.5em 0; }
#articleproduct h5 { margin: 1.5em 35% 0.3em 0; }
#articleproduct p { margin-right: 35%; }
#articleproduct p.note { width: 25%; margin-right: 6%; }
#articleproduct hr { margin-top: 1.4em; }
#articleproduct ul { margin-right: 35%; }
#articleproduct ol { margin-right: 35%; }
#articleproduct dl { margin-right: 35%; }
#articleproduct dl dt { font-weight: normal; font-size: 1.05em; }
#articleproduct ul ul,
#articleproduct ul ol,
#articleproduct ol ul { margin-right: 0; }
#articleproduct table { width: 65%; border-collapse: separate; /*margin-bottom: 2.1em;*/ }
#articleproduct table th,
#articleproduct table td { font-size: 1em; text-align: left; vertical-align: top; padding: 0.7em 1em 0.7em 0.4em; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
#articleproduct table th { color: #000000; font-style: italic; }
#articleproduct table tr:hover td,
#articleproduct table tr:hover th { border-top-color: #cccccc; border-bottom-color: #cccccc; background: #f7f7f7; }

#articleproduct table.articul2 th { width: 25%; }
#articleproduct table.articul2 td { width: 75%; }

#articleproduct table.typical2 th { width: 55%; }
#articleproduct table.typical2 td { width: 45%; }

#addtoorder { font-size: 1.5em; line-height: 1em; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; margin-top: 0.4em; margin-bottom: 1.8em; padding: 0.2em 0.5em 0.3em 0.5em; //width: 10em; }


/* заказ */

#order { width: 100%; margin-top: 3em; }
#order h3 { margin: 1.5em 35% 0.8em 0; }
#order p  { margin-right: 35%; }
#order ul { margin-right: 35%; margin-bottom: 3em; padding-left: 0; }
#order ul>li:before { content: ''; }
#order ul li { font-size: 1.35em; line-height: 1.4em; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; text-indent: 0; behavior: none; }
#order ul input { text-align: right; padding: 0.15em 0.25em; border: 1px solid #cccccc; width: 1.1em; margin-top: -0.2em; //margin-top: 0; }
#order .label { width: 15%; margin-left: 0; margin-right:  3%; //margin-left:   0; //margin-right: -100%; }
#order .value { width: 43%; margin-left: 0; margin-right: 39%; //margin-left: 18%; //margin-right: -100%; }

#sendorder { font-size: 1.5em; line-height: 1em; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; margin-top: 2em; padding: 0.2em 0.5em 0.3em 0.5em; //width: 10em; }


/* статья */

#article { width: 100%; margin-top: 3em; }
#article h2 { margin: 1.5em 35% 0.8em 0; }
#article h3 { margin: 1.5em 35% 0.7em 0; }
#article h4 { margin: 1.5em 35% 0.5em 0; }
#article h5 { margin: 1.5em 35% 0.3em 0; }
#article p { margin-right: 35%; }
#article p.note { width: 25%; margin-right: 4%; -margin-right: 2%; }
#article ul { margin-right: 35%; }
#article ol { margin-right: 35%; }
#article dl { margin-right: 35%; }
#article dl dt { font-weight: normal; font-size: 1.05em; }
#article ul ul,
#article ul ol,
#article ol ul { margin-right: 0; }
#article table { width: 65%; /*margin-bottom: 2.1em;*/ }
#article .wide { width: 96%; }


/* отзывы */

#references { width: 100%; margin-top: 3em; overflow: hidden; }
#references ul { padding-left: 0; }
#references ul>li:before { content: ''; }
#references ul li { text-indent: 0; behavior: none; float: left; position: relative; margin: 168px 2.8em 0 0; width: 13em; height: 8.4em; }
#references ul li a img { cursor: url('/cursor.cur'), auto; width: 112px; height: 158px; border: 1px solid #cccccc; position: absolute; top: -168px; left: 0; display: block; }


/* контактная информация и карта проезда */

#contacts { width: 100%; margin-top: 3em; }
#contacts h2 { margin: 1.5em 35% 0.8em 0; }
#contacts h3 { margin: 1.5em 35% 0.8em 0; }
#contacts h4 { margin: 1.5em 35% 0.3em 0; }
#contacts h5 { margin: 1.5em 35% 0.3em 0; }
#contacts p { margin-right: 35%; }
#contacts p.note { width: 25%; margin-right: 6%; -margin-right: 3%; }


/* новости */

#news { width: 100%; margin-top: 3em; }
#news dl { margin-bottom: 0; margin-right: 35%; }
#news dl dt { color: #666666; font-weight: normal; }
#news dl dd { margin-top: 0; margin-bottom: 0.7em; }
#news hr { margin-top: 1.4em; }
#news p.note { width: 25%; margin-right: 6%; -margin-right: 3%; }


/* новость */

#articlenews { width: 100%; margin-top: 0.6em; }
#articlenews h2 { margin: 1.5em 35% 0.8em 0; }
#articlenews h3 { margin: 1.5em 35% 0.7em 0; }
#articlenews h4 { margin: 1.5em 35% 0.5em 0; }
#articlenews h5 { margin: 1.5em 35% 0.3em 0; }
#articlenews p { margin-right: 35%; }
#articlenews p.note { width: 25%; margin-right: 6%; -margin-right: 3%; }
#articlenews ul { margin-right: 35%; }
#articlenews ol { margin-right: 35%; }
#articlenews dl { margin-right: 35%; }
#articlenews ul ul,
#articlenews ul ol,
#articlenews ol ul { margin-right: 0; }
#articlenews table { width: 65%; /*margin-bottom: 2.1em;*/ }
#articlenews .wide { width: 96%; }


/* изображение и галерея */

.image { margin-right: 0 !important; margin-top: 2.8em; margin-bottom: 2.8em; }
.image dt { margin-top: 0; }
.image dt .h { width: 80%; max-width: 800px; -width: expression( document.body.clientWidth > 1493 ? '800px' : '80%' ); }
.image dt .v { width: 60%; max-width: 600px; -width: expression( document.body.clientWidth > 1493 ? '600px' : '60%' ); }
.image dt .s { width: 69%; max-width: 690px; -width: expression( document.body.clientWidth > 1493 ? '690px' : '69%' ); }
.image dd { margin-top: 0.7em; margin-left: 20%; margin-right: 20%; font-style: italic; color: #666666; }

.imagegallery { margin-right: 10%; margin-bottom: 2.1em; }
.imagegallery a img { cursor: url('/cursor.cur'), auto; border: 2px solid #ffffff; height: 120px; vertical-align: text-bottom; }


/* файлы */

#files { width: 100%; padding-top: 1.4em; }
#files dl { margin-right: 35%; margin-bottom: 0; }
#files dl img { width: 48px; height: 64px; border: 0; position: absolute; margin-left: -56px; top: 0; display: block; }
#files dl dt { font-weight: normal; padding-top: 13px; padding-left: 56px; margin-top: 0; position: relative; }
#files dl dd { color: #999999; padding-left: 56px; margin-top: 0; margin-bottom: 2em; }


/* смотрите также */

#seealso { width: 100%; padding-top: 1.4em; }
#seealso ul { margin: 1.4em 35% 0 0; }


/* поиск */

#searchresults { width: 100%; margin-top: 3.8em; }
#searchresults h1 { margin-left: 6%; margin-bottom: 0.6em; margin-right: 7%; }
#searchresults #searchfield { margin-left: 6%; }
#searchresults ol { margin: 2.5em 35% 0 6%; font-size: 0.8em; }
#searchresults ol li { color: #999999; padding-left: 0.5em; margin-bottom: 1.8em; }
#searchresults ol li a { font-size: 1.4em; }
#searchresults ol li span { color: #666666; font-size: 1.2em; display: block; margin-top: 0.5em; }
#searchresults p { margin: 2.5em 35% 0 6%; }


/* карта сайта */

#sitemap  { width: 100%; margin-top: 3em; }
#sitemap .col1 { width:  9%; display: inline; float: left; margin-left: 6%; margin-right: 3%; //margin-left:  6%; //margin-right: -100%; }
#sitemap .col2 { width: 21%; display: inline; float: left; margin-left:  0; margin-right: 3%; //margin-left: 18%; //margin-right: -100%; }
#sitemap .col3 { width: 21%; display: inline; float: left; margin-left:  0; margin-right: 3%; //margin-left: 42%; //margin-right: -100%; }
#sitemap .col4 { width: 27%; display: inline; float: left; margin-left:  0; margin-right: 7%; //margin-left: 66%; //margin-right: -100%; }

#sitemap div div { margin-bottom: 1.4em; font-size: 1.4em; line-height: 1.2em; font-weight: normal; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
#sitemap div div div { margin-top: 0.7em; margin-left: 1em; margin-bottom: 0; font-size: 0.8em; line-height: 1.2em; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif; }
#sitemap div div div div { margin-top: 0.7em; margin-left: 1em; font-size: 0.9em; }

#sitemap ul { padding-left: 0; }
#sitemap ul>li:before { content: ''; }
#sitemap ul li { line-height: 1.2em; text-indent: 0; behavior: none; }

#sitemap ul { margin-bottom: 0; }
#sitemap ul ul { margin-top: 0.7em; }
#sitemap ul ol { margin-top: 0.7em; }
#sitemap ul ul ul { margin-bottom: 1.4em; }

#sitemap li { margin-bottom: 1.4em; font-size: 1.4em; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; }
#sitemap li li { padding-left: 1em; margin-bottom: 0.7em; font-size: 0.8em; font-family: Geneva, Arial, Helvetica, sans-serif; }
#sitemap li li li { font-size: 0.9em;  }

#sitemap ol { padding-left: 0.5em; }
#sitemap ol li { list-style-type: none; display: inline; padding-left: 0.5em; line-height: 2em; }


/* четыреста четыре */

#fourofour { width: 100%; margin-top: 3.8em; }
#fourofour h1 { margin-left: 33%; margin-right: 10%; margin-bottom: 1.2em; }
#fourofour p { margin-left: 33%; margin-right: 35%; }


/* заключительная часть марлезонского балета */

#copyrights { width: 31%; margin-left: 33%; margin-top: 4em; margin-bottom: 2em; float: left;  }

.madeintitanium { width: 21%; margin-left: 69%; margin-top: 4em; margin-bottom: -1em; position: relative;}
.madeintitanium img { position: absolute; top: -4px; left: -47px; width: 37px; height: 24px; border: 0; }


/* черная страница */

body.blackpage { background-color: #000000; color: #ffffff; }
body.blackpage a         { color: #7399e5; }
body.blackpage a:visited { color: #b259b3; }
body.blackpage a:hover   { color: #ffffff; }
body.blackpage a:active  { color: #ffffff; }

body.blackpage #inmetnameswitcher         { color: #999999; border-bottom: 1px dashed #999999; text-decoration: none; line-height: 1em; position: absolute; top: 2.6em; }
body.blackpage #inmetnameswitcher:visited { color: #999999; border-bottom: 1px dashed #999999; }
body.blackpage #inmetnameswitcher:hover   { color: #ffffff; border-bottom: 1px dashed #ffffff; }
body.blackpage #inmetnameswitcher:active  { color: #ffffff; border-bottom: 1px dashed #ffffff; }
