@import "/s/reset.css";
@import "/s/content.css" all;

body {background: white; font: 0.75em Arial, sans-serif; color: #33464e;}

h2 {margin: 0 0 1em; font: 2em Arial, sans-serif;}
h3 {padding: 0 0 10px 20px; background: url(../i/d/bullet4.gif) no-repeat 0 0.25em; font: bold 1.1666667em Arial, sans-serif;}
h4 {margin: 0 0 0.35em; font: bold 1em Arial, sans-serif; color: black;}
h5 {margin: 0 0 1em; font: bold 1.4em Arial, sans-serif;}
h3 a, h4 a {font-weight: bold;}
a {color: #33464e;}
strong {font-weight: bold; color: black;}
em {font-style: italic;}
address {font-style: normal;}
input {vertical-align: middle;}
ol li {margin-left: 3em; list-style: decimal;}
ul li {list-style: none;}

.left {float: left; margin: 0 2em 2em 0;}
.right {float: right; margin: 0 0 2em 2em;}


/* @group image replacement */
#logo a {overflow: hidden; text-indent: -9999px;}
/* @end */


/* @group icons */
a.pdf {display: block; width: 52px; height: 38px; background: url(../i/d/icon-pdf.gif);}
/* @end */


/* @group buttons */
a.button {display: block; height: 20px;}
a.download {width: 78px; background: url(../i/d/button-download.jpg);}
a.company {width: 87px; background: url(../i/d/button-company.gif);}
a.answer {width: 79px; background: url(../i/d/button-answer.gif);}
a.shop {width: 79px; background: url(../i/d/button-shop.gif);}
/* @end */



/* @group banners */
#calc-banner {display: block; height: 89px; background: #eaeff1 url(../i/b/bg-calc-left.gif) no-repeat;}
#calc-banner span {display: block; background: url(../i/b/bg-calc-right.gif) no-repeat 100%; text-align: center;}
#calc-banner span img {position: relative; top: -5px; margin: 0 0 -10px;}
/* @end */


/* @group columns */
.cols {overflow: hidden;}
.cols .col {float: left;}
.cols br {clear: both;}
.cols .col br {clear: none;}

.two .col {width: 50%;}
.three .col {width: 33.3%;}
.four .col {width: 25%;}
/* @end */

/* @group outer */
#outer {padding: 23px; min-width: 949px;}


/* @group header */
#header {position: relative; z-index: 1; border-bottom: 4px solid #e3eaed; background: url(../i/d/bg-gradient.jpg) repeat-x;}
#header-inner {background: url(../i/d/bg-header-corner-left.gif) no-repeat;}
#header-inner2 {height: 127px; background: url(../i/d/bg-header-corner-right.gif) no-repeat 100% 0;}
#logo a {position: absolute; top: 0; left: 0; display: block; width: 237px; height: 127px; background: url(../i/d/logo.gif) no-repeat 31px 50px;}

/* @group header menu */
#header .menu {margin: 0 0 0 30%;}
#header .menu li {position: relative; float: left;}
#header .menu li.active {border-bottom: 4px solid red; background: url(../i/d/bg-menu-active.gif) repeat-x;}

/* @group items */
#header .menu a {display: block; padding: 0 25px; height: 127px; background: url(../i/d/menu.gif) no-repeat 50% 0;}
#header .menu .active a,
#header .menu a:hover {background-image: url(../i/d/menu-active.gif);}

#header .menu .home {padding: 0;}
#header .menu .home a {position: absolute; top: 56px; left: -32px; padding: 0; width: 32px; height: 32px; background: url(../i/d/icon-homepage.gif) no-repeat 50% 50%;}
#header .menu .home a:hover {background-image: url(../i/d/icon-homepage-hover.gif);}
#header .menu .home .active {background-image: url(../i/d/icon-homepage-hover.gif);}
#header .menu .company a {width: 80px;}
#header .menu .catalogue a {width: 54px; background-position: 50% -127px;}
/* äîáàâèë Ëåøêà, â IE óæèìàëîñü âûïàäàþùåå ìåíþ */
#header .menu .catalogue div div ul li a { width:200px;}
#header .menu .info a {width: 152px; background-position: 50% -254px;}
#header .menu .service a {width: 44px; background-position: 50% -381px;}
#header .menu .where2buy a {width: 70px; background-position: 50% -508px;}
/* @end */

/* @group submenu */
#header .menu div {display: none; position: absolute; top: 127px; left: 0; z-index: 100; border-top: 4px solid red;}
#header .menu div div {position: static; border: 4px solid #e3eaed; border-top: none; padding: 10px 0 0; width: 226px; background: #f6f8f9;}
#header .menu ul {padding: 0 14px 10px; font-size: 0.91666667em;}
#header .menu ul li {float: none; border-top: 1px dashed #d4d9da; padding: 4px 0; height: auto;}
#header .menu .first {border: none;}
#header .menu ul a {display: inline; text-indent: 0; padding: 0; height: auto; background: none; text-decoration: none}
/* @end */
/* @end */
/* @end */


/* @group path */
#path {overflow: hidden; margin: 10px 0 10px 30px; font-size: 0.91666667em;}
#path li {display: inline; margin: 0 1.5em 0 -1em; padding-left: 1em; background: url(../i/d/bullet.gif) no-repeat 0;}
#path a {color: #869196;}
/* @end */


/* @group left */
#left {float: left; margin-top: -10px; padding: 0 0 70px; width: 30%;}

/* @group menu */
#left .menu {margin: 0 50px 10px 0;}
#left ul.open {display: block;}
#left .menu li {margin: 5px 0;}
#left .menu .magic a {border-bottom: 1px dashed #666; text-decoration: none;}

/* level 1*/ 
#sitemap .level1 {padding: 0 0 8px 34px; background: url(../i/d/bullet4.gif) no-repeat 16px 0.25em; font: bold 1.1666667em Arial, sans-serif;}
#left .menu .level1 {margin: 10px 0 -10px; border-top: 1px dashed #d4d9da; padding: 10px 10px 10px 30px;}
#sitemap .level1 a,
#left .menu .level1 a
{font-weight: bold;}
#sitemap .level1.active a,
#left .menu .level1.active a
{color: #fe1f01;}
/* level 2 */
#sitemap .level2 {padding: 0 0 8px 51px; background: none;}
#left .menu .level2 {padding-left: 60px; background: url(../i/d/bullet.gif) no-repeat 48px 0.5em;}
#sitemap .level2.active a,
#left .menu .level2.active a
{color: #f30;}
#sitemap .level2 a {font-weight: bold;}
/* level3 */
#sitemap .level3 {padding: 0 0 5px 77px; background: url(../i/d/bullet.gif) no-repeat 66px 0.5em;}
#left .menu .level3 {padding-left: 80px; background: url(../i/d/bullet2.gif) no-repeat 70px 0.59em; font-size: 0.916em;}
#left .menu .level3.active a {border: none; font-weight: bold; text-decoration: none; color: black;}
/* level4 */
#sitemap .level4 {padding: 0 0 5px 95px; background: url(../i/d/bullet2.gif) no-repeat 85px 0.59em; font-size: 0.916em;}
#left .menu .level4,
#left .menu .level5 {padding-left: 109px; background: url(../i/d/bullet3.gif) no-repeat 100px 0.59em; font-size: 0.916em;}
#left .menu .level4.active a {font-weight: bold;}
/* level 5 */
#sitemap .level5 {padding: 0 0 5px 117px; background: url(../i/d/bullet3.gif) no-repeat 106px 0.59em; font-size: 0.916em;}
/* @end */

/* @group left banners */
#left .banner {margin: 33px 50px 0 0; text-align: right;}
/* @end */

/* @group left search */
#left .search {margin: 10px 50px 0 0; padding: 60px 0; border-top: 1px dashed #d4d9da; text-align: center;}
.search .text {margin: 0 14px 0 0; border: 1px solid #cbd6db; padding: 4px; width: 145px; background: white;}
.search p {margin: 15px 0 0;}
.sitemap {padding: 0 0 0 26px; background: url(../i/d/icon-sitemap.gif) no-repeat 6px;}
/* @end */
/* @end */


/* @group content */
#content,
#index-content {position: relative; z-index: 0;}
#content {margin: 0 0 35px 30%;}
#content-inner {position: relative; overflow: hidden;}
#content h3 {clear: both;}
#content-inner div h3 {clear: none;}
#content p {margin-bottom: 1em;}
#content p a {font-weight: bold; color: red;}

#content ul,
#index-content ul
{overflow: hidden; margin: 0 0 1em 20px;}
#content ul li,
#index-content ul li
{padding: 5px 0 0 20px; background: url(../i/d/bullet.gif) no-repeat 9px 0.85em;}
#content ul ul {margin: 0; font-size: 0.91666667em;}
#content ul ul li {background: url(../i/d/bullet2.gif) no-repeat 9px 1em;}
#content ul ul ul {font-size: 1em;}
#content ul ul ul li {background: url(../i/d/bullet3.gif) no-repeat 9px 1em;}

/* @group index */
#index {overflow: hidden;}
#catalog,
#applications
{margin: 0 0 20px;}
#bottom {margin: 0 0 30px;}

/* @group splash */
#splash {position: relative; margin: 0 0 44px; height: 256px;}
#splash .text {overflow: hidden; margin-right: 75%; padding: 0 28px;}
#splash p {margin: 0 0 1em;}
h2.slogan {width: 154px; height: 95px; margin: 19px 0 33px;}

/* @group splash image */
.splash-image-bgindex {background-image: url('../i/d/index-child-bg.jpg');}
#splash-image {background: url('../i/d/index-child.jpg') no-repeat left top; position: absolute; top: 0; right: 0; width: 75%; height: 256px;}
#splash .corner {position: absolute; top: 197px; float: none; margin: 0; width: 58px; height: 59px;}
#splash .left {left: 0; background: url(../i/d/splash-left-corner.png);}
#splash .right {right: 0; background: url(../i/d/splash-right-corner.png);}
/* @end */
/* @end */

/* @group catalog */
#catalog .col-inner {margin-left: 28px;}
#catalog h3 {padding: 0; background: none;}
h3.catalog01 a,
h3.catalog02 a,
h3.catalog03 a
{display: block; margin: 0 0 14px 4px; width: 203px; height: 51px;}
/* @end */
/* @end */


/* @group footern */
#footer {position: relative; clear: both; border-top: 4px solid #e3eaed; min-height: 116px; background: #e7edf0 url(../i/d/bg-gradient.jpg) repeat-x 0 -127px;}
#footer a {text-decoration: none;}

/* @group footer search */
#footer .search {float: left; width: 30%;}
#footer .search fieldset {padding: 24px 0 0 37px;}
/* @end */

/* @group copyright */
#copyright-outer {margin: 19px 0 0 30%; border-left: 2px solid #e4e4e4; padding-left: 17px;}
#copyright-outer p {margin: 0 0 1em;}
/* @end */

/* @group footer banners */
#footer .banners {position: absolute; top: 0; right: 0; padding: 28px 18px;}
#footer .banners img {float: left; margin: 0 0 0 8px; border: 1px solid #d3d3d3;}
/* @end */
/* @end */
/* @end */


/* ÄÎÁÀÂËÅÍÎ*/
.history-right{float: right; margin-left: 10px; text-align: center;}
.history-right p {text-align: center; font-weight: bold;}

.history-left{float: left; margin-right: 10px; text-align: center;}
.history-left p {text-align: center; font-weight: bold;}

.history-br {clear:both;}

.many-potos td {border:none; text-align: center;}
.many-potos img {border: solid 1px #e5ecee;}
/* .many-potos p {font-weight: bold;}  

.mrg {margin-left: -6px;} */