html, body {width:100%;}
body {
    margin:0;
    color:#333;
    font:14px Arial, Helvetica, sans-serif;
    background:url(/i/body.png) repeat;
    border-top:1px solid #1a6aa3;
    padding:0 0 24px;

}
img{border:none;}
a{
    text-decoration:none;
    color:#000;
    outline:none;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
    font:100% arial,sans-serif;
    vertical-align:middle;
}
form,fieldset{
    margin:0;
    padding:0;
    border:none;
}
.width {
    margin: 0 auto;
    width:1000px;
    overflow:hidden;
}
.text-right {
    text-align: right;
}

/* top-header */
.top-header-bg {
    height:39px;
    overflow:hidden;
    background:#005999;
}
.top-header {
    width:960px;
    padding:0 20px;
}

/* menu */
.top-header .menu {
    float:left;
    margin:0 0 0 -15px;
    padding:11px 0 0;
    list-style:none;
    overflow:hidden;
}
.top-header .menu li {
    float:left;
    background:url(/i/separator.gif) no-repeat;
    line-height:16px;
    padding:0 17px 2px 17px;
    margin:0 0 0 -2px;
    font-size: 12px;
    color:#9bd5fe;
    text-decoration: underline;
}
.top-header .menu a {
    font-size:12px;
    color:#fff;
    text-shadow:1px 1px 0 #003a64;
    text-decoration:underline;
}
.top-header .menu li.active a,
.top-header .menu a:hover {color:#9bd5fe;}

/* cart-box */
.top-header .cart-box {
    float:right;
    background:#0086e6 url(/i/cart-left.png) repeat-y;
    border:1px solid #0086e6;
    border-bottom:none;
    height:40px;
}
.top-header .cart-box .bg {
    background:url(/i/cart-right.png) repeat-y 100% 0;
    height:30px;
    padding:8px 14px 0;
    float:left;
    max-width: 150px;
}
.top-header .cart {
    font-size:10px;
    text-transform:uppercase;
    padding:4px 0 5px 28px;
    background:url(/i/cart.gif) no-repeat;
    color:#fff;
    text-shadow:1px 1px 0 #005796;
    float:left;
}

/* header */
.header-bg {
    background:url(/i/header-bg.png) repeat;
    height:116px;
    overflow:hidden;
}
.bot-bg {
    background:url(/i/bot-bg.png) repeat-x 0 100%;
    height:72px;
    padding:44px 0 0;
}
#header {
    width:961px;
    padding:0 21px 0 18px;
}

/* logo */
#header .logo {
    float:left;
    margin:0 10px 0 0;
}
#header .logo span {
    display:block;
    background:url(/i/logo.png) no-repeat;
    width:114px;
    height:23px;
    text-indent:-9999px;
}

/* contacts */
#header .contacts {
    float:right;
    text-align:right;
}


@font-face {
    font-family: "AgencyFB";
    font-style: normal;
    font-weight: normal;
    src: url("/css/fonts/agency_fb.ttf") format("truetype");
    font-display: swap;
}

#header .tel {
    color: #005999;
    display: block;
    font-family: AgencyFB, sans-serif;
    font-size: 26px;
    font-weight: bolder;
    line-height: 21px;
    margin: 0 0 4px;
}
#header .link {
    font-size:12px;
    color:#005999;
}

/* nav */
.nav-bg {
    background:url(/i/nav-bg.png) repeat-x;
    position:relative;
    z-index:1;
    padding:0 0 12px;
}
#nav {
    margin:0 auto;
    padding:0;
    list-style:none;
    text-align:center;
    font-size:0px;
}
#nav.width {overflow:visible;}
#nav:after {
    content:'';
    display:block;
    clear:both;
}
#nav li {
    background:url(/i/separator2.png) no-repeat;
    height:48px;
    position:relative;
    display:inline-block;
}
#nav li:last-child span {
    background:url(/i/separator2.png) no-repeat right;
}
*+html #nav li {display:inline;}
* html #nav li {display:inline;}
#nav span {
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    text-shadow:1px 1px 0 #535353;
    display:inline-block;
    height:32px;
    padding:16px 20px 0;
    position:relative;
    z-index:1;
}
#nav span a {
    color:#fff;
}
*+html #nav a,
* html #nav a {display:inline;}
#nav li.active span {
    background:url(/i/nav-active.gif) repeat-x;
    margin:0 -1px 0 0;
    padding:16px 36px 0;
}
#nav .drop {
    position:absolute;
    top:35px;
    left:0;
    width:100%;
    z-index:2;
    padding:13px 0 0;
    display:none;
}
* html #nav .drop {width:170px;}
#nav li:hover .drop,
#nav li.hover .drop {display:block;}
#nav .drop .arrow {
    display:block;
    background:url(/i/arrow.png) no-repeat;
    width:22px;
    height:11px;
    position:absolute;
    top:2px;
    left:50%;
    margin:0 0 0 -11px;
}
#nav li.active .drop ul {
    margin:0 -1px 0 0!important;
}
#nav .drop ul {
    margin:0 -1px 0 2px;
    padding:15px 0 7px;
    list-style:none;
    background:url(/i/drop.gif) repeat;
    box-shadow:0px 1px 1px 0 #333;
    border-bottom:1px solid #ccc;
}
#nav .drop li {
    background:none;
    height:auto;
    display:block;
    position:inherit;
    text-align:center;
    margin:0 0 9px;
}
#nav li.active ul li a {background:none;}
#nav .drop li a {
    height:auto;
    padding:0;
    font-size:10px;
    text-shadow:none;
    color:#333;
    margin:0;
    display:inline;
    text-transform: uppercase;
    font-weight: bold;
}

/* container */
#container {
    background:url(/i/container.png) repeat;
    width:100%;
    padding:11px 0 71px;
    overflow:hidden;
    margin:-12px 0 0;
    position:relative;
    z-index:0;
}

/* content */
.box {position:relative;}
#content .box {
    background:url(/i/box-bg.png) repeat;
    margin:0 0 19px;
    width:959px;
    padding:18px 21px 44px 20px;
}
#content .white-bg {
    background:#fff;
    padding:32px 21px 4px 22px;
}
#content .title {
    overflow:hidden;
    height:48px;
    margin:0 0 16px;
    background:#005999;
    position: relative;
}
#content .title .pic {
    float:left;
    width:48px;
    height:39px;
    border-right:24px solid #fff;
    text-align:center;
    padding:9px 0 0;
    margin:0 20px 0 0;
}
#content .title h1, #content .title h2, #content .title .heading2 {
    color:#fff;
    text-shadow:1px 1px 0 #003a64;
    padding:15px 0 0;
    font-size: 14px;
    line-height: 17px;
}
#content .title h1 a, #content .title h2 a {
    color: #ffffff;
}
#content .title h2, #content .title .heading2 {
    font-size: 13.5px;
    padding: 0 !important;
}
.heading2 a {
    color: white;
}
#content h1 {
    margin:0 0 14px;
    font-size:16px;
    line-height:20px;
    color:#005999;
    text-transform:uppercase;
}
#content p {
    margin: 15px 0 15px;
    line-height:18px;
}
#content p a {
    text-decoration: underline;
}
#content .article p {margin:15px 0 15px;}
#content h2, #content .heading2 {
    margin:15px 0 15px 0;
    font-size:14px;
    font-weight: bold;
    color:#005999;
    text-transform:uppercase;
}
#content h3.table-header {
    margin: 0;
    color: #333;
    font-size: 11px;
}
#content h3, #content .heading3 {
    margin:0 0 20px;
    font-size:14px;
    font-weight: bold;
    color:#005999;
    text-transform:uppercase;
}
#content h3 a, #content .heading3 a {
    font-size:14px;
    color:#005999;
}

/* list-product */
#content .border {
    padding:18px 0 0 18px;
    overflow:hidden;
    margin:0 0 17px 72px;
}
#content .section .border {margin:0 0 28px; padding:0 0 15px; width:703px;}
#content .section .article {
    padding:10px 0 0;
    margin:0;
    overflow:hidden;
}
#content ul.list-product {
    margin:0 -10px -5px 0;
    padding:0;
    list-style:none;
}
#content ul.list-product li {
    display:inline-block;
    vertical-align:top;
    border:1px solid #e6e6e6;
    margin:0 23px 23px 0;
    width:395px;
    padding:4px 10px 4px 4px;
}
*+html #content ul.list-product li {display:inline;}
* html #content ul.list-product li {display:inline;}
#content ul.list-product li img {
    float:left;
    margin:0 20px 0 0;
}
#content .list-product h3, #content .list-product .heading3 {margin:0 0 7px;padding-top: 0;}
#content ul.list-product p {margin:0;}
#content .list-product div {overflow:hidden;}
#content .list-product .article div {padding:7px 0 0; width:760px;}
#content ul.list-product div {padding:6px 0 0;}
#content ul.list-product p.pricelist-link {
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    background: url('/i/price-excel.png') no-repeat 0 4px;
}
#content ul.list-product p.pricelist-link a {
    color: #008000;
}
#content .left-align {
    float:left;
    border:1px solid #e6e6e6;
    padding:4px;
    background:#fff;
    margin:20px 20px 0 0;
}
* html #content .left-align {display:inline;}
#content .article {
    margin:0 0 -20px;
    padding:20px 0 0;
}
#content .article ul {
    margin:-8px 0 10px;
    padding:0 0 0 8px;
    list-style:none;
}
#content .article ul li {
    line-height:18px;
    color:#333;
    background:url(/i/bullet.png) no-repeat 0 7px;
    padding:0 0 0 10px;
}
#content .article h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 0 0;
    text-transform: none;
}
#content .table {
    overflow:hidden;
    width:100%;
}
#content table {
    width:100%;
    border-collapse:collapse;
    margin:0 0 17px;
    border-right:2px solid #fff;
}
#content .section table {
    border-left:1px solid #fff;
    margin:0 0 25px -1px;
    width:641px;
}
#content table th {
    text-transform:uppercase;
    padding:0 19px;
    font-size:11px;
    line-height:24px;
    color:#fff;
    height:37px;
    background:#005999;
    border-left:2px solid #fff;
    text-align:left;
}
#content .section table th {
    font-size:10px;
    line-height:18px;
    height:28px;
    border-left:1px solid #005089;
    text-align:center;
    padding:0 5px;
    border-bottom:1px solid #fff;
}
#content table td {
    border-left:2px solid #fff;
    background:#f2f2f2;
    border-bottom:1px solid #fff;
    padding:0 17px;
    font-size:11px;
    line-height:27px;
    color:#333;
}
#content .section table td {
    font-size:13px;
    line-height:18px;
    padding:5px 5px;
    text-align:center;
    border-left:1px solid #cfcfcf;
    border-bottom:1px solid #fff;
}
#content .section table td img {border:1px solid #d9d9d9; margin:0 -3px;}
#content .section table .cart {
    display:block;
    margin:0 auto;
    background:url(/i/cart2.gif) no-repeat;
    width:32px;
    height:32px;
}
#content table .odd td {background:#e6e6e6;}

/* gallery */
.section .gallery {
    margin:-2px 0 0;
    padding:0;
    list-style:none;
    overflow:hidden;
    width:105%;
}
.section .gallery li {
    float:left;
    margin:0 19px 19px 0;
    height:106px;
}
.section .gallery img {border:2px solid #e6e6e6;}

.tl, .tr, .br, .bl {
    display:block;
    width:11px;
    height:11px;
    position:absolute;
    overflow:hidden;
}
.tl {
    background:url(/i/tl.png) no-repeat;
    top:0;
    left:0;
}
.tr {
    background:url(/i/tr.png) no-repeat;
    top:0;
    right:0;
}
.br {
    background:url(/i/br.png) no-repeat;
    bottom:0;
    right:0;
}
.bl {
    background:url(/i/bl.png) no-repeat;
    bottom:0;
    left:0;
}

/* hold-content */
.hold-content {
    background:url(/i/hold-top.gif) no-repeat;
    padding:11px 0 19px;
    overflow:hidden;
    width:1000px;
}
.hold-bg {
    background:url(/i/hold-bg.gif) repeat-y;
    width:1000px;
    padding:9px 0 0;
}
.hold-content-bottom {
    background:url(/i/hold-bottom.gif) no-repeat 0 100%;
    overflow:hidden;
    width:980px;
    padding:0 0 0 20px;
}

/* section */
.section {
    float:left;
    width:705px;
}

/* aside */
.aside {
    float:right;
    width:235px;
}
#content .aside .title {
    background:#808080;
    padding:15px 20px;
    height:auto;
}
#content .aside h3, #content .aside .heading3 {
    margin:0;
    color:#fff;
    text-shadow:1px 1px 0 #535353;
}

/* catalog */
.aside .catalog {
    margin: 0 0 20px;
    padding:0;
    list-style:none;
}
.aside .catalog li {margin:0 0 5px;}
.aside .catalog li span {
    background:#005999;
    display:block;
    padding:7px 20px;
    text-transform:uppercase;
    font-size:12px;
    color:#fff;
    text-shadow:1px 1px 0 #003a64;
}
.aside .catalog li a {
    background:#005999;
    display:block;
    text-transform:uppercase;
    font-size:12px;
    color:#fff;
    text-shadow:1px 1px 0 #003a64;
}
.aside .catalog li ul {
    margin:0 0 15px;
    padding:15px 20px 0;
    list-style:none;
}
.aside .catalog li ul li ul {
    padding:10px 20px 0;
}
.aside .catalog li ul li {margin:0 0 15px;}
.aside .catalog li ul li ul li {margin:0 0 4px;}
.aside .catalog li ul li a {
    background:none;
    display:inline-block;
    padding:0;
    font-size:12px;
    color:#333;
    text-shadow:none;
}
.aside .catalog li a:hover {text-decoration:none;}
.aside .catalog li ul li a:hover {color:#005999;}

.aside .catalog li ul li ul li a {
    font-size:10px;
}
/* footer */
#footer {
    margin:-70px auto 0;
    height:144px;
    position:relative;
}
#footer .box {
    background:#e6e6e6;
    width:960px;
    overflow:hidden;
    padding:23px 20px 13px;
}
#footer .top {
    overflow:hidden;
    width:100%;
    margin:0 0 14px;
}

/* logo */
#footer .logo {
    float:left;
    margin:0 10px 0 0;
}
#footer .logo a {
    display:block;
    text-indent:-9999px;
    background:url(/i/logo-footer.png) no-repeat;
    width:114px;
    height:23px;
}

/* contacts */
#footer .contacts {
    float:right;
    margin:0 0 0 10px;
    padding:3px 0 0;
}
#footer .link {
    float:right;
    margin:0 0 0 17px;
    font-size:12px;
    color:#005999;
}
#footer .tel {
    float:right;
    color: #005999;
    font-family: AgencyFB, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    line-height: 14px;
}

#footer .tel span {
    color: #333;
}

#footer p {
    font-size:11px;
    line-height:16px;
}
#footer p.copy {color:#005999;}
#content .article .pagination li {
    float: left;
    background: none;
}
blockquote {
    background-color: #E2DED6;
    color: #44565C;
    font: 12px Verdana;
    margin: 0px;
    padding: 10px 20px;
    width: 664px;
}
#content .section table.geosetka td {
    font-size:8pt;
}
.counters {
    position:absolute;
    right:16px;
    top:60px;
}
.counters span {
    margin-right: 20px;
}
#content hr {
    margin: 15px 0 15px;
}
a.main-page-link:visited {
    color: #e6e6e6;
}

.addBasket{
    cursor: pointer;
}

.icon-down{
    position: absolute;
    right: 0;
    top: 0;
    background: #008000;
    height: 35px;
    padding: 15px;
    padding-left: 30px;
}
.icon-down a{
    color: white;
}
.icon-down img{
    margin-bottom: -10px;
    margin-top: -7px;
    padding-right: 15px;
    padding-left: 10px;
}


#order-block {
    background: url("/i/header-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    font-size: 14px;
    padding: 10px;
    width: 300px;
}
#order-block div {
    margin: 10px 0;
}
#order-block input {
    border: 1px solid #cccccc;
    width: 298px;
}
#order-block textarea {
    border: 1px solid #cccccc;
    height: 100px;
    width: 298px;
}

#order-block .submit {
    background-color: #ad1f23;
    border: 0 solid rgba(0, 0, 0, 0.3);
    width: 100%;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
    text-align: center;
}

#open-order {
    background-color: #dd2725;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: block;
    float: right;
    font-weight: 400;
    height: 35px;
    margin: 0 24px 0 28px;
    text-align: center;
    width: 130px;
    text-decoration: none;
}

#open-order:hover{
    background-color: #f52826;
}

#open-order span {
    line-height: 36px
}
ul.breadcrumb {
    list-style: none;
}
ul.breadcrumb li {
    display: inline;
    margin-right: 5px;
}
ul.breadcrumb li a, ul.breadcrumb li span{
    font-weight: bold;
    color: #005999;
}
ul.breadcrumb li a:hover {
    text-decoration: none;
}
ul.breadcrumb li a:hover span{
    text-decoration: underline;
}
.big {
    font-size: larger;
}

/* Стилизация  страницы товара */
.product-image, .product-params {
    float: left;
}
.product-params{
    padding-left: 10px;
}
.product-content {
    clear: both;
}