/* CSS Document */

html { margin: 0; padding: 0; }
body { padding: 20px 0; overflow-y: scroll; }

body, table, div { font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; color: #3D3D3D; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
ol { list-style-position: inside; margin: 0; padding: 0 0 1em 0; }
ul { list-style: none; padding: 0 0 1em 0; }
ul li { padding: 0 0 .2em 1.2em;
  background: url(../images/bullet.gif) no-repeat;
  background-position: left .3em; }
a { color: #7F7F7F; text-decoration: none; }
a:hover { color: black !important; text-decoration: underline; }
a:visited { color: #7F7F7F; }

p, ul, table { padding: 0; margin: 0 0 1em 0; }

a img { border: none; }
h1 { font-size: 1.5em; font-weight: normal; color: #7F7F7F; margin-bottom: .6em; }
h2 { font-size: 1.5em; font-weight: normal; color: #7F7F7F; margin-bottom: .6em; }
h3 { font-size: 1.2em; font-weight: bold; color: #3D3D3D; }

.gray { color: gray; }
.red { color: #C43E3C !important; }
.red * { color: #C43E3C !important; }
.struct { border-collapse: collapse; border: none; padding: 0; margin: 0; }
.strut { visibility: hidden; float: none !important; }
.clear { visibility: hidden; clear: both; }
.fixed { float: none !important; }
.no-margin { margin: 0 !important; }

.switch { border-bottom: 1px dashed #7F7F7F; cursor: pointer; color: #7F7F7F !important; }
.switch.on { border-bottom-color: #505050 !important; color: #505050 !important; }

.main { width: 100%; height: 100%; }
.main .flex { width: 50%; }
.main .head { padding: 0; }

.main .main-left { width: 160px; vertical-align: top; padding: 30px 40px 30px 0; }
.main .main-content { width: 744px; vertical-align: top; height: 100%; padding: 30px 0; }

/* .main-content img { float: left; clear: both; margin: 0 1em 1em 0; }
.main-content p img { float: left; } */
.main-content img { margin: 0 1em 1em 0; }
.main-content table {  }
.main-content table td { vertical-align: top; }

.main .footer { padding: 0; }

/* формы */

.form { text-indent: 0 !important; }
.form .field, .form select, .form textarea { display: block;
  float: none; margin-bottom: 6px; border: 1px solid gray; color: #3D3D3D; }
/* .form .button { border: 0; padding: 2px 8px 3px 8px; background-color: #BAAE91;
  color: white; font-size: 1.2em; cursor: pointer; } */
.form textarea { width: 240px; height: 80px; }
.form .field { width: 160px; }
.form .required { color: red; }
.form img.captcha { float: none !important; display: block; }
.form .error { margin-bottom: 1em; color: red; }
.form .error * { color: red; }
.form label {  }


/* главное меню */

.top-menu { width: 984px; margin: 0; padding: 0; position: relative; left: -4px; }
.top-menu .item { width: 99px; vertical-align: bottom; text-align: left;
  padding: 0 12px; border-left: 1px #DAD8CF solid; color: #7F7F7F; }
.top-menu .item.last { width: 94px; } /* border-right: 1px #DAD8CF solid; } */
.top-menu .logo { text-align: left; vertical-align: top; padding-left: 5px; }
.top-menu .item span { color: #A0A0A0; }
.top-menu .item a.current { font-weight: bold; }
.top-menu .item * { margin-right: .4em; }
.top-menu {  }

/* левое меню */

.left-menu { margin: 0; padding: 0 0 .4em 0; }
.left-menu .item { padding-bottom: 0; margin: 0 0 .6em 0; }
.left-menu .item a { color: #3D3D3D; }
.left-menu .item span { color: #A0A0A0; }
.left-menu .item.pad { margin-bottom: 1em; position: relative; top: .5em; }
.left-menu .level { padding: 0; list-style: none; margin: .8em 0 0 0em; }
.left-menu .level .item { background: none; padding: 0; margin: 0; }
.left-menu .level .item a { color: #7F7F7F; }
.left-menu {  }

/* меню в подвале */

.bottom-menu { width: 100%; background: #F2F2E9; }
.bottom-menu .item { padding: .8em 2em .8em 1em; white-space: nowrap; color: #7F7F7F; }
.bottom-menu .about { width: 100%; text-align: right; padding: .8em 1EM; }
.bottom-menu {  }

/* меню в контенте */

.level-menu { margin: 0; padding: 0 0 1.2em 0; }
.level-menu .item a { color: #3D3D3D; }
.level-menu .item span { color: #A0A0A0; }

/* постраничка */

.nav-pages-near { float: right; clear: both; margin-right: 28px; }
.nav-pages-near span { color: #A0A0A0; padding: .15em .05em }
.nav-pages-near a { padding: .15em .05em }

.nav-pages { margin-left: -.3em; }
.nav-pages a { margin: 0 .3em; padding: .15em .05em; }
.nav-pages span { margin: 0 .3em; padding: .15em .05em; background-color: #E7E7E7; }
.nav-pages select { font: inherit; margin-left: 1em; border: 1px silver solid; }
.nav-pages select option { padding: 0 .2em; }

/* путь */

.nav-path { width: 100%; margin-bottom: 1em; position: relative; top: -.5em; }
.nav-path .item { margin: 0 .5em; }
.nav-path .item.first { margin-left: 0; }
.nav-path .current { color: #A0A0A0; }
.nav-path * { display: inline; }

/* список товаров */

.catalog-filter { width: 100%; display: block; text-align: right; }
.catalog-filter div { float: left; text-align: left; margin: 0 1.2em 1.8em 0; }
.catalog-filter div select { margin-top: .2em; }
.catalog-filter div.right { float: right; }

.catalog-list {  }
.catalog-list .item { float: left; width: 230px; height: 200px; margin: 0 14px 10px 0;
  background-color: #F2F2E9; text-align: center; overflow: hidden; }
.catalog-list .item .image { width: 100%; height: 130px; text-align: center; margin: 12px 0; }
.catalog-list .item .image img { margin: 0; float: none; border: 1px white solid; }
.catalog-list .item .title { font-size: 1.6em; padding: 0 .2em; color: #4C4C4C; }

/* карточка товара */

.catalog-item {  }
.catalog-item .title span { margin-left: .8em; position: relative; top: -.1em;
  color: #A0A0A0 !important; font-size: .8em; }
.catalog-item .images { margin-bottom: 1em; width: 100%; }
.catalog-item .images .preview { padding: 0; text-align: left; }
.catalog-item .images .preview img { display: inline; border: 2px #E0E0E0 solid; position: relative; left: -2px; margin: 0; cursor: pointer; }
.catalog-item .thumbs { vertical-align: top; padding: 0 0 0 12px; width: 140px; }
.catalog-item .thumbs .item { float: left; margin: 0 8px 8px 0; border: 2px #E0E0E0 solid; background-color: #EAEAEA; cursor: pointer; }
.catalog-item .thumbs .item .wrap { width: 50px; height: 50px; display: table-cell; text-align: center; vertical-align: middle; }
.catalog-item .thumbs div img { margin: 0; float: none; }

.catalog-item .attr { padding-left: .7em; margin-top: 1em;
  border-left: 2px #C0C0C0 solid; }
.catalog-item .attr a { color: #3D3D3D; }
.catalog-item .attr .techdoc { height: 16px; padding: 2px 0 0 20px; margin: .4em 0;
  background: url(../images/ico-pdf.gif) no-repeat; background-position: left center; }

/* новости */

.news-list { padding-bottom: .5em; }
.news-list .item { margin-bottom: 1.2em; }
.news-list .item .date { color: #B0B0B0; }
.news-list .item .title { font-size: 1.1em; font-weight: bold; }
.news-list .item .title * { margin: 0; padding: 0; }
.news-list .item p { margin: .4em 0 0 0; }

.block-news-item { margin-bottom: 1.2em; }
.block-news-item .date { color: #B0B0B0; }
.block-news-item .title { font-size: 1.1em; font-weight: bold; }
.block-news-item .title * { margin: 0; padding: 0; }
.block-news-item p { margin: .4em 0 0 0; }

.news-item {  }
.news-item img { float: left !important; }

/* галерея */

.gallery-albums {  }
.gallery-albums .item { height: 140px; width: 100%; margin-bottom: 14px; background-color: #F2F2E9; }
.gallery-albums .item td { padding: 10px 14px; vertical-align: top !important; }
.gallery-albums .item td.image { width: 300px; }
.gallery-albums .item td.info { padding-left: 0; }
.gallery-albums .item h3 { margin: 0; color: #3D3D3D; }
.gallery-albums .item .post { color: #7F7F7F; }
.gallery-albums .item img { border: 1px gray solid; }
.gallery-albums .item .info img { float: none; margin: 8px 0; }
/* .gallery-albums .item .info .image { padding: 10px; width: 170px; height: 130px;
  float: none; background-color: #F2F2E9; margin-bottom: .8em; } */

.gallery-list {  }
.gallery-list .item { float: left; width: 320px; height: 260px; margin: 0 14px 10px 0;
  background-color: #F2F2E9; text-align: center; overflow: hidden; }
.gallery-list .item .image { width: 100%; text-align: center; margin: 12px 0 6px 0; }
.gallery-list .item .image img { margin: 0; float: none; border: 1px white solid; }
.gallery-list .item .title { font-size: 1.4em; padding: 0 .2em; color: #4C4C4C; }

/* подвал */

/* .legal { text-align: left; float: right; color: #7F7F7F; width: 274px; }
.legal a { display: inline !important; font-size: .9em; }
.legal .icon img { float: right; position: relative; top: -1px; }
.legal .small { margin-top: .5em; white-space: nowrap; position: relative; left: -2px; }
.legal .small * { color: #BDBDBC; } */

.legal { text-align: right; float: right; color: #7F7F7F; width: 274px; padding-right: 4px; }
.legal a { display: inline !important; font-size: .9em; }
.legal .icon img { float: right; position: relative; top: -1px; }
.legal .small { margin-top: .5em; white-space: nowrap; }
.legal .small * { color: #BDBDBC; }

/* всплывающая картинка */

body.popup { padding: 0 !important; margin: 0; }
body.popup .main { display: none; }
body.popup .popup-image { display: table; }
body.popup .popup-image img { display: inline !important; cursor: pointer; }

.popup-image { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 100001; background: #222; }
.popup-image .image { width: 100%; height: 100%; vertical-align: middle; text-align: center; padding-top: 30px; }
.popup-image .image img { border: 2px #F0F0F0 solid; }

.popup-image .button-close { position: absolute; top: 6px; right: 12px; color: white; cursor: pointer; }
.popup-image .button-close:hover { text-decoration: underline; }