/* BASIC RULES */

body { margin: 0; padding: 0; font: 76% /*Arial, Helvetica*/Tahoma, sans-serif; text-align: center; background: #f39c41; color: black; background-image: url(img/background.png?2); background-position: center top; background-repeat: no-repeat; background-attachment: fixed;}
h1, h2, h3, h4 { margin: 0; color: #FF7800;     font-family: Quicksand;}
h1, h2 { text-transform: uppercase;    font-family: Quicksand; font-weight: normal;}
h1 {  margin: 0 0 20px;
      padding: 22px 0 1px 30px;
      color: black;
      font-size: 21px;
      font-family: Quicksand;
      font-weight: normal;
   }
h1 a { color: white; }
h1 a:hover { color: #ddd; }
h1 em { font-style: normal; }
h2 { font-size: 120%; margin: 0 0 0.9em; }
h3 { font-size: 150%; font-weight: bold; margin: 0 0 0.5em; }
h4 { font-size: 100%; margin: 0 0 0.5em; }
p, ul, dl { line-height: 1.4em; font-size: 106%; }
ul, dl, ol { margin-left: 2em; }
a { color: #406C92; }
a:hover { color: #333; }
p { margin: 0 0 1.5em; }
.l { float: left; }
.r { float: right; }
hr { display: none; }
img { border: none; }
legend { color:#E53C13; font-weight: bold; }
fieldset { padding: 1em; margin-bottom: 1em; border: 1px solid #E53C13; }

#menu-top:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
h2.hl { padding: 0.5em; background: #50636C; color: white; text-align: center; text-transform: none; font-size: 14px; border-left: 5px solid #404F56; }
input.inp-right { text-align:right; font-size: 100%; }
col.shop1, col.shop2, col.shop3, col.shop4 { background:#ddd; }
.break, .footer { clear: both; width: 100%; height: 0; font-size: 0; line-height: 0; display: block; }
.ccol, .center { text-align: center; }
.right { text-align: right !important; }
.article { margin: 10px 35px 10px 35px; clear:both; }
.article h2, .article h3 { margin-bottom: 0.5em; /*font-weight: bold; */ color: #1F527F;     font-family: Quicksand;}
.article h2 { font-size: 130%;    font-family: Quicksand; }
.article h3 { font-size: 110%;    font-family: Quicksand; }
.article p { margin-bottom: 1em; }
.txt { padding-top: 30px; margin: 0 10px 10px 30px; }
.txt .error { margin-bottom: 1.6em; }
.error { padding: 0.5em 0; margin: 0; background: red; color: white; font-weight: bold; text-align: center; }
.block { display: block; }

/* LAYOUT RULES */
.center-in { width: 990px; margin: 0 auto; text-align: left; }

/* cols */
#col-l { float: left; width: 214px; }
#col-r { float: right; width: 776px; min-height: 550px; _height: 550px; padding-bottom: 10px; }
#col-l h2 { margin: 0; padding: 0.7em 0 8px 25px; background-color: #2D728F; color: white; font-size: 16px; }
#col-l h2.ico { /*padding-left: 50px;*/ }
#col-img { width: 265px; float: left; }
#col-product { width: 456px; float: right; }

/* sizes */
.s75 { width: 75%; }
.s50 { width: 50%; }

/* main */
#main .center-in { min-height: 600px; position: relative; background: white; color: #333; }

/* header */
#header .center-in {  }
#header #logo { margin: 0; }

/* menu-top */
#menu-top { padding: 11px 30px 9px 0;
            margin: 5px 0 0 0;
            list-style: none;
            background: #2D728F;
            text-align: right;
            text-transform: uppercase;
          }
#menu-top li { display: inline; margin-right: 1px; font-size: 112%; /*font-weight: bold; */ }
#menu-top li:hover {
  background-color: #F39C12;
  padding: 12px 0 10px 0;
}
#menu-top a { text-decoration: none; padding: 8px 22px; /*background: url(img/menu-li.png) no-repeat 0 50%;*/ color: white;    font-family: Quicksand; font-weight: 700;}
#menu-top a:hover { color: black; }

/* menu-tree */
#menu-tree { border-right: 1px solid #E0E9EF; }
#menu-tree, #menu-tree ul { margin: 0 0 5px 0px; padding: 0; list-style: none; }
#menu-tree li a { display: block; padding: 0.5em 20px; color: #000; text-decoration: none; background: url(img/menu-tree-link.gif) no-repeat 10px 50%; _height: 1px;    font-family: Quicksand;     font-weight: 600;}
#menu-tree li a:hover { color: black; background-color: #f39c12; }
#menu-tree li { /*font-weight: bold;*/vertical-align: middle; border-bottom: 1px dotted #ddd; _height: 1px; }
#menu-tree ul li { background: white; font-weight: normal; }
#menu-tree ul li a {  padding: 0.2em 5px 0.2em 20px; font-size: 92%; border-bottom: 1px solid #DDE4E9; background: white; }
#menu-tree ul li a:hover { background: #eee; }
#menu-tree ul li li a { padding-left: 40px; text-transform: none; background: white; }

/* col-r-home */
/*#col-r-home { width: 210px; padding: 0px 30px 20px 10px; margin: -40px 0 0 0; float: right; clear: none; text-align: justify; }*/
/*#col-r-home { width: 230px; padding: 0px 10px 20px 10px; margin: -57px 0 0 0; float: right; clear: none; text-align: justify; }*/
#col-r-home { width: 224px; padding: 0px 16px 20px 10px; margin: 16px 0 0 0; float: right; clear: none; text-align: justify; }

/* footer */
#footer { clear: both; padding-top: 1.2em; color: white; }
#footer .center-in { text-align: center; height: 3em; color:#000D02; }
#footer a { text-decoration: none; color: white; color:#000D02; }
#footer a:hover { text-decoration: underline; }

/* catpath + books */
/* catpath */
#catpath { margin: -20px 0 0; padding: 0.7em; padding-left: 30px; font-size: 12px; background: url(img/path.png) no-repeat 10px 50%; }
#catpath a { font-weight: bold; padding: 0 0.3em; }

/* books */
.books { margin: 0 0 20px; padding: 4px 10px; min-height: 2.5em;  background: #f39c41; font-size: 13px; border: 1px solid #f39c41; border-left: none; border-right: none; }
.books a, .books span { margin: 2px 5px 2px 0; padding: 7px 1em; float: left; color: #ffffff; background: #757575; font-weight: bold; border: 1px solid #f39c41; border-bottom: none; text-decoration: none; white-space: nowrap;}
.books a:hover { background: #6391B0; }
.books span { margin-bottom: -1px; padding-bottom: 8px; background: white; border-color: white; position: relative; color: #000000;     font-family: Quicksand;}
/*.books  { display: none; }*/
.books:before, .books:after { content: " "; display: table;}
.books:after { clear: both; }
.books { *zoom: 1; }

/* category - table */
table.category { width:100%; border:0; border-collapse:collapse; border-bottom:1px solid #ddd; }
table.category img { border:0; }
table.category a { color:#000D02; }
table.category th, table.category td { padding-left:28px; border-collapse:collapse; vertical-align:middle; }
table.category thead { border:0; }
table.category th { padding-bottom:7px; margin:0; background:#ddd  url("/styles/images/table-header.gif") no-repeat bottom left; color:black; border:0; font-weight:normal; }
table.category td { border:1px solid #ddd; border-top:0; }
table.category td.shop1 { border-left:1px solid #ddd; }
table.category td.shop5 { border-right:1px solid #ddd; text-align:center; }
table.category td.shop3, table.category td.shop4 { text-align:center; padding-left:0; }
table.category tbody { border-top:1px solid #EB6625; }
tr.first td { border-top:1px solid #ddd; }
tr.last td { border-bottom:1px solid #ddd; }

/* category - div */
div.category { padding: 20px 0 0 10px; clear: both; }
div.category.home { width: 516px; float: left; padding-top: 22px; }
#category-desc { padding: 10px; }

.goods-list {
    padding: 0;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
}


/* one-product */
div#one-product { margin: 0 30px 10px 0; clear:both; }
div#one-product h2 { color: #FF7800; font-size: 160%; }

/* action-img */
p.action-img { float: left; width: 100%; height: 120px; overflow: hidden; position: relative; }
p.action-img span { display:block; font-size:10px; }
p.action-img a { display: block; width: 100%; }
p.action-img img { display: block; margin: 0 auto; max-width: 100%; }
p.action-img span.flag { background: #FFD956; color: #000000; display: block; font-size: 11px; font-weight: bold; padding: 2px 4px 2px 6px; position: absolute; right: 10px; top: 0; }
span.flag-alone { background: #FFD956; color: #000000; font-size: 11px; font-weight: bold; padding: 2px 4px 2px 6px; }

/* action-price */
p.link-detail { float: left; }

/* action-img - one-product */
#one-product p.action-img { padding: 0 0 5px; float:left; margin: 0 20px 30px 0; text-align: center; max-width: 255px; }

/* goods */
/*div.alt-form { margin: 0 13px 10px 0; padding: 0; width: 240px; float: left; min-height: 290px; _height: 260px; overflow: hidden; background: url(img/goods-bck.png) repeat-x 0 105%; text-align: center; font-size: 11px; border: 1px solid gray;}*/
div.alt-form {
    margin: 0 13px 10px 0;
    padding: 0;
    width: 240px;
    overflow: hidden;
   /* background: url(img/goods-bck.png) repeat-x 0 105%;*/
    text-align: center;
    font-size: 11px;
    border: 1px solid #ccc;
    flex: 0 0 auto;
}
div.alt-form h3, div.alt-form p { margin: 0 0 1em;     padding-left: 10px;}
div.alt-form h3 { padding: 0.5em; font-size: 130%; background: #3B8EA5; color: white;    font-family: Quicksand; }
div.alt-form h3 a { color: white; text-decoration: none; }
div.alt-form p.action-img { margin-right: 10px; }

/* goods-images */
.goods { padding-left: 5px; }
.goods-images { clear:both; }
.goods-images h4 { margin-left:10px; padding-top:10px; }
.goods-images img { border: 4px solid #ddd; margin:5px; }
.goods-3-mat { text-align: left; font-size: 11px; }
.goods-4-mat { padding: 20px 0 0 20px; background: url(img/goods-bck.png) repeat-x 0 110%; }
.goods-4-mat p.button { margin: 0; padding: 0.5em 10px 0.5em; background: #eee; border: 1px solid #ddd; }
.goods-4-mat p.button input { margin: 0.1em; vertical-align: middle; font: 100% sans-serif; }
/* goods-images - in col */
.goods-images2 { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: stretch; box-sizing: border-box; padding-right: 20px; }
.goods-images2 * { box-sizing: border-box; }
.goods-images2 a { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; flex: 0 0 auto; max-width: 100%; border: 4px solid #ddd; margin: 5px; }
.goods-images2 a img { max-width: 100%; border: none; margin: 0; }

/* goods-images */
.goods-videos { clear:both; }
.goods-videos h4 { margin-left:10px; padding-top:10px; }
.goods-videos .ex-video { margin:5px; float: left; width: 220px; border: 4px solid #ddd; text-align: center; }
.goods-videos .ex-video>a>img { width: 220px; height: auto; }

#cat-description { margin: 0 15px; padding: 0.8em 20px; background: #efefef; border: 1px solid #ddd; font-size: 92%; }
.pre-text { font-size: 11px; }
.cat-num { margin-top: -1em; font-size: 11px; color: #888; }

/* subtypes */
table.subtypes { margin-bottom: 30px; background: #eee;  border-collapse: collapse; }
table.subtypes td, .subtypes th { padding: 0.3em; border: 1px solid white; }
table.subtypes th { background: #29ADCE; color: white; text-align: center; }
table.subtypes td { background: #E0EAEF; text-align: center; }
table.subtypes tr.even td { background: #D5DFE5; }
table.subtypes tr:hover td { background: #9BB2BF; color: white; }
.subtypes-col-l h3, .subtypes-col-r h3 { margin-bottom: 0.5em; }
.subtypes-col-l { width: 68%; float: left; }
.subtypes-col-r { width: 22%; float: right; }
.subtypes-col-r img { display: block; }
.subtypes-col-r a { text-decoration: none; font-size: 11px; }

/* next-lists */
p.next-lists { height: 4em; padding-top: 20px; padding-left: 30px; clear: both; font-size: 11px; }
p.next-lists strong { float: left; margin-right: 1em; padding: 0.3em 0; _display: inline; }
p.next-lists a, p.next-lists span { float: left; padding: 0.3em 1em; margin: 0 0.5em; border: 1px solid #ddd; text-decoration: none; }
p.next-lists a:hover { border: 1px solid #E93C14; background: #E93C14; color: white; }
p.next-lists span { margin: 0; border: none; background: #E93C14; color: white; font-weight: bold; }

/* basket */
table.basket { width:100%; margin: 0 0 1.5em 0; border-collapse:collapse; border:1px solid #EB6625; }
table.basket td { background:#D5DFE5; }
table.basket td, table.basket th { border:1px solid white; padding: 0.5em; }
table.basket th { text-align:center; color: white; background:#FF7800; }
table.basket td span { font-size: 11px; font-weight: bold; color: red; }
table.basket span a { color: #EB6625; }
table.basket td.price { text-align:right; }
table.basket td.number, td.subtype { text-align:center; }
table.basket .price-final { padding: 1em; background: #ccc; color: black; }
table.basket .price-final span { padding-left: 0.5em; font-size: 18px;font-weight: bold;  }

/* basket buttons */
#anch-form-order, #repair { text-align:  center; }

/* reg-form */
div.reg-form label, div#reg-form label { width:270px; float:left; line-height:1.8;}

/* login-form */
div#login-form { text-align:center; }
div.field { width:300px; margin:0 auto; text-align:left; }
div.field p { clear:both; margin:5px 0; padding:0; }
div.field label { float:left; width:140px; line-height:1.6;}
div.field p#login-button { padding-left:140px; }

/* page-login */
#page-login { color: rgb(0, 0, 0); width: 313px; height: 115px; position: absolute; top: -163px; right: 0px; background: url(/layout/img/login-bg.png?2) no-repeat 0 0; }
#page-login a { /*color: white; */}
#page-login a:hover { color: #FFC18F; }
#page-login p { margin: 0; padding: 10px 15px; }
#page-login label { float: left; width: 40px; clear: left; }
#page-login .inp { width: 70px; margin: 0.1em; font-size: 11px; }
#page-login .submit { margin-top: 3px; margin-bottom: 5px; }
#page-login .register { text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold; }
#page-login .col-l { width: 65%; }
#page-login .col-r { width: 35%; text-align: right; }
#page-login #basket-1 { padding-left: 100px; height: 30px; line-height: 30px; vertical-align: middle; font-weight: bold; }
#page-login #basket-1 img { margin-right: 10px; vertical-align: middle; }
#page-login #basket-1 .order { float: right; text-decoration:  none; text-transform: uppercase; font-size: 11px; border-left: 1px dotted #ccc; padding-left: 1.5em;    color: rgb(0, 0, 0);}
#page-login #form-login { padding-left: 80px; font-size: 11px;  }
input#search {
  width: 118px;
}
input.submit {
  background-color: white;
  border: 1px solid gray;
  padding: 2px 7px;     cursor: pointer;
}
.dwnl {
  float:right;
}
li.ico.ico-xls {
  height: 45px;     list-style: none;
}
ul.ico {
  margin-left: 0;
  padding-left: 0;
}
li.ico.ico-jpg {
  overflow: auto;
  line-height: 45px;
}
li.ico.ico-pdf {
  overflow: auto;
  line-height: 45px;
}
/* fulltext */
#fulltext h2 { background-color: #FF7800; color: white;     display: none;}
#fulltext p { padding: 15px 15px; margin: 0; }

/* prices */
.action-prices { font-size: 11px; color: #999; }
.action-prices .price { color: #E40066; font-weight: bold; font-size: 18px; }
.action-prices .price-save { display: block; padding: 2px 5px; background: white; color: #FF0000; position: absolute; top: -38px; left: 48px; border: 1px solid #333; cursor: default; }
button.basket-add { cursor: pointer;     margin-right: 10px;     margin-right: 10px;
  background-color: #2ecc71;
  border: none;
  padding: 5px 10px;
  color: white;font-weight: bold;}
  button.basket-add:hover {
    background-color: #2D728F; 
    font-family: Quicksand;
}
/* action banner */
.caption, .caption span { width: 760px; height: 240px; padding: 0; margin: 0; display: block; background: #50636C; color: white; border: none; position: relative; }
.caption span { background: transparent none no-repeat 0 0; position: absolute; top: 0; left: 0; }
#caption-1 span { background-image: url(/layout/illust/poutac-01.jpg); }
#caption-2 span { background-image: url(/layout/illust/poutac-02.jpg); }

/* icons */
.ico { background: none no-repeat 0 50%; } 
.ico-basket {/* background-image: url(/layout/img/ico-basket.png); background-position: 25px 50%; */}
.ico-detail { padding: 3px 0 0 0; font-size: 92%; /*background-image: url(/layout/img/ico-detail.png);*/ background-position: 0 50%; }

/* side blocks */
.side-blocks { color: #000000; }
.side-blocks .side-block { margin-bottom: 16px; background: #efefef; border-bottom: 3px solid #aaaaaa; padding: 16px 10px; text-align: left; }
.side-blocks .side-block > *:first-child { margin-top: 0;    font-family: Quicksand; font-weight: 700;}
.side-blocks .side-block > *:last-child { margin-bottom: 0; }
.side-blocks .side-block ul,
.side-blocks .side-block ol { margin-left: 0; padding-left: 20px; }
.side-blocks .side-block a { color: #406C92; }
.side-blocks .side-block a:hover { color: #FF7800; }

/* agent_orange */
.center-in {
  position:relative;
}
#menu-tree li a.special {
  color:#E93C14;
}
p#languages {
  position:absolute;
  margin:0; padding:0;
  top:5px; left:440px;
  width:100px;
}


.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }