body {
   background: #fff;
   /*
   background-attachment: fixed;
   background-size: cover;
   background-image: url('../img/bg-blue.min.jpg');
   background: #333 url('../img/bg-met1.jpg') top center;
   background: #333 url('../img/bg3-1.jpg') top center;
   
   background-size: contain;
   background: #333 url('../img/bg-black.jpg');
   background: #ddd7c9;
   background-color: #eee;
   background-repeat: no-repeat;
   font-family: 'Open Sans', sans-serif;
   */
   color: #333;
   font-size: 14px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}


a {color: #1167AC;}
a:visited {color: #6633BB;}
a.btn:visited {color: #333;}
a.btn-primary:visited, a.btn-info:visited, a.btn-success:visited, a.btn-warning:visited, a.btn-danger:visited {color: #fff;}

.bold {font-weight: bold;}

.btn {
   opacity: 0.85;
}


h1, h2, h3, h4, h5, h6 {
   font-variant: small-caps;
   font-weight: normal;
   color: #333;
   /*
   color: #0D5182;
   color: #c66;
   */
}
h1 {font-size: 48px; line-height: 60px;}
h2 {font-size: 36px; line-height: 42px;}
h3 {font-size: 32px; line-height: 38px;}
h4 {font-size: 28px; line-height: 34px;}
h5 {font-size: 24px; line-height: 30px;}
h6 {font-size: 18px;}

.btn-small {
   font-size: 13px;
}










.linkscol {
   width: 300px;
}
.linkscol div {
   line-height: 23px;
}




.navbar-fixed-top {font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif; font-size: 15px;}
.container {
   /*
   background: #fff;
   border-radius: 4px 4px 0 0;
   border-top: 1px solid #ccc;
   margin-top: 20px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   box-shadow: 0 0 5px #ddd;
   */
   padding: 0px 70px 0px 70px;
}

.gray_row, .black_row {
   min-width: 1265px;
}
.gray_row {
   background: #f5f5f5;
   /*
   background-image: linear-gradient(to right, #F0F0E7 0%, #E0E0D9 50%, #F0F0E7 100%);
   margin: 0 -700px;
   */
   border-top: 1px solid #e6e6e6;
   border-bottom: 1px solid #eee;
   padding: 5px 0 20px 0;
}

.black_row {
   background-color: #1a1a1a;
   color: #eee;
   border-bottom: 4px solid #96DA00;
   padding: 0px 0 0px 0;
   height: 42px;
   box-shadow: 0 0 100px rgba(100,100,100, 0.2);
}


a.logo {
   display: block;
   position: relative;
   top: 0px;
   z-index: 200;
   text-align: center;
}





.maincontent {font-size: 15px;}




footer {
   font-size: 13px;
   line-height: 20px;
   color: #eee;
   background-color: #222;
   min-width: 1265px;
   border-bottom: 4px solid #96DA00;
   /*
   */
   min-height: 200px;
}
footer .container {
   margin-top: 50px;
   padding: 30px 0px 30px 0px;
}
footer a, footer a:visited, footer a:hover {
   color: #96DA00;
}





.news_block {
   margin: 20px 0 20px 0;
}





.alert {margin-top: 20px;}



.sidebar-nav {
   padding: 9px 0;
}

.well{
   background-color: #f5f5f5; 
   border: 1px solid #e5e5e5;
   box-shadow: 0px 1px 8px rgba(0,0,0, 0.15);
}


.navbar .brand {
   font-weight: bold;
   color: #666666;
}



.header {
   height: 80px;
   position: relative;
}






.search_block {
   margin: 20px 0 0 0px;
}



.top_block {
   position: relative;
   height: 30px;
   padding: 0px;
}






/* ========================== Корзина =============================== */

#cart_topblock {
   position: absolute;
   top: 5px;
   right: 0px;
}
.cart {
   display: block;
   border-radius: 0px;
   background-color: #75A800;
   background-image: none;
   color: #f5f5f5;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
   margin: 0;
   padding: 6px 8px;
   float: right;
   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.99);
   text-align: center;
   font-size: 16px;
   line-height: 20px;
}
.cart:after {clear: both;}
.cart:visited {color: #eee;}
.cart:hover {
   color: #fff;
   text-decoration: none;
}

.cart-with-goods {
   background-color: #3E72B2;
}

.cart .full_sum {color: #fc0;}
.cart u {
   font-variant: small-caps;
}
.cart .s {color: #ddd;}

.cart-fix {
   position: fixed !important;
   top: 10px !important;
   right: 10px !important;
   z-index: 100;
}









/* ====================== Информационные разделы ==================== */
.txtnav {
   overflow: hidden;
}
.txtnav .nav {
   margin: 0px;
   padding: 0px;
}
.txtnav .nav li {
   display: block;
   float: left;
   margin: 0px;
   border-left: 1px solid #444;
}
.txtnav .nav li:first-child {
   border-left: 0px none #444;
}

.txtnav .nav li > a, .txtnav li > a:visited {
   display: block;
   margin: 0px;
   padding: 11px 10px;
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
   font-size: 18px;
   line-height: 20px;
   font-variant: small-caps;
}

.txtnav .nav li a:hover, .txtnav .nav li a:focus {
   background-color: #222;
   color: #96DA00;
}

.txtnav .nav li.active {
}
.txtnav .nav li.active a,
.txtnav .nav li.active a:hover,
.txtnav .nav li.active a:focus {
   background-color: #96DA00;
   color: #fff;
   text-shadow: 1px 1px 5px rgba(0,0,0,0.9);
}









/* ====================== Разделы каталога ========================== */

.catnav {
   margin-top: 20px;
   padding: 0px 0 0 0;
   overflow: hidden;
}
.catnav .nav {
   border-left: 4px solid #96DA00;
}
.catnav .nav li {
   display: block;
   border-top: 1px solid #444;
   margin: 0px;
}
.catnav .nav li:first-child {
   border-top: 0px none #ff5947;
}
.catnav .nav li > a, .catnav li > a:visited {
   font-weight: normal;
   display: block;
   margin: 0px;
   padding: 8px 10px;
   border: 0px none #444;
   color: #fff;
   background: #1a1a1a;
   text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
   font-size: 18px;
   line-height: 20px;
   font-variant: small-caps;
}

.catnav .nav li a:hover, .catnav .nav li a:focus {
   color: #96DA00;
   text-shadow: 1px 1px 0 rgba(0,0,0,0.01);
   background: #222;
}

.catnav .nav li.active {
}
.catnav .nav li.active a,
.catnav .nav li.active a:hover,
.catnav .nav li.active a:focus {
   color: #fff;
   background: #96DA00;
   text-shadow: 1px 1px 5px rgba(0,0,0,0.9);
}








.leftnav {
   list-style: none;
   margin: 15px 0 0 0px;
   padding: 0px;
}
.leftnav li {
   display: block;
   margin: 5px 0px 5px 0;
}







.breadcrumbs {
   padding: 0px;
   font-size: 11px;
   font-family: 'Open Sans', "Segoe UI", Arial;
}
.breadcrumb {
   padding: 0px;
   margin: 0px;
}
















.brands_container {margin: 10px -10px;}

.brand-logo {
   float: left;
   width: 110px;
   height: 70px;
   padding: 0px;
   margin: 8px 8px;
   border: 1px solid #f5f5f5;
   background: #fff;
   text-align: center;
   box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.brand-logo:hover {
   box-shadow: 0 1px 4px rgba(0,0,0,0.4);
   border: 1px solid #96DA00;
}
.brand-logo img {opacity: 0.95;}
.brand-logo:hover img, .brand-logo-active img {opacity: 1.0;}











/* =================== Разделы каталога сверху ====================== */

.goodnav {
   margin-top: 7px;
   padding: 0;
   font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
   margin-right: -12px;
   
}
.goodnav .nav li {
   float: left;
   width: 95px;
   height: 160px;
   padding: 6px;
   margin-right: 12px;
   overflow: hidden;
}
.goodnav .nav li > a img {
   width: 95px;
   height: 95px;
   opacity: 0.5;
   margin-bottom: 5px;
}
.goodnav .nav li > a, .goodnav li > a:visited {
   color: #111;
   font-size: 11px;
   line-height: 15px;
   text-align: center;
}
.goodnav .nav li > a:hover {background-color: #fff;}
.goodnav .nav li > a:hover img {opacity: 1.0}

.goodnav .nav li a:hover, .goodnav .nav li a:focus {color: #1167AC;}

.goodnav .nav li.active a,
.goodnav .nav li.active a:hover,
.goodnav .nav li.active a:focus {color: #1167AC;}
.goodnav .nav li.active a img {opacity: 1.0}
























/* =========================== TABLE ================================ */
.table-striped tbody tr:nth-child(odd) td {
   background-color: #f5f5f5;
}
.table tr.active td {
   background-color: #FFf9bA !important;
}
.table-striped tbody tr:nth-child(odd).active td {
   background-color: #FFE9AA !important;
}






a[rel^='prettyPhoto']:focus, a[rel^='goods_img']:focus {outline:0px none #333;}










table.spec {width: 100%; margin-top:20px; border-collapse: collapse;}
table.spec tr th {text-align: left; padding: 5px; background-color: transparent;}
table.spec tr td {text-align: left; padding: 5px; background-color: #ffffff;}
table.spec tr:hover td {background-color: #d9edf7;}


table.spec td.div_td, table.spec th.div_td {
   border:  0px none #ffffff;
   background-color: transparent;
}





.brand-tr td {
   background-color: #96DA00 !important;
   color: #eee;
   text-shadow: 1px 1px 5px rgba(0,0,0,0.9);
   font-size: 18px;
   line-height: 24px;
   font-variant: small-caps;
}
.brand-tr a {
   color: #fff;
}










.tab-pane {
   background-color: #f5f5f5;
   font-size: 14px;
   line-height: 18px;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 4px;
   /*
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   border-radius: 0 0 4px 4px;
   */
}
.tab-pane h1, .tab-pane h2, .tab-pane h3, .tab-pane h4, .tab-pane h5, .tab-pane h6 {
   color: #999;
   margin: 30px 0 15px 0;
}
#infoTabs {margin-bottom: 0px;}
.nav-tabs li a {border-color: #eee;}
.nav-tabs li a:hover {background-color: #f5f5f5;}
.nav-tabs li.active a {background-color: #f5f5f5;}


.brand_map {border: 1px solid #d2d2d2;}




.goodinfo {
   position: relative;
   padding-top: 55px;
   font-size: 13px;
}
.goodinfo .cost, .goodinfo .discount {
   position: absolute;
   font-size: 26px;
   color: #eee;
   text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
.goodinfo .discount {
   z-index: 100;
   position: absolute;
   padding: 10px 10px 12px 10px;
   width: 348px;
   border-radius: 6px;
   left: 0px;
   top: 0px;
   background-color: #B3152A;
   background-image: linear-gradient(to right, #991827, #D01029);
}
.goodinfo .cost {
   z-index: 101;
   padding: 10px 10px 12px 15px;
   border-radius: 0 6px 6px 0;
   right: 0px;
   top: 0px;
   background-color: #6F93B5;
   background-image: linear-gradient(to right, #6F93B5, #354656);
}
.goodinfo .cost-20p {
   font-size: 20px;
}






/* ============================ Carousel ============================ */
.carousel {
   margin: 18px 0px 10px;
   /*
   box-shadow: 0 0 10px rgba(0,0,0,0.05);
   padding: 1px 0px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   overflow: hidden;
   */
}
a.carousel-control, a.carousel-control:hover, a.carousel-control:visited {
   color: #fff;
   font-family: Georgia;
   top: 48%;
   z-index: 20;
   text-decoration: none;
}
.carousel .left  {left: 5px;}
.carousel .right {right: 5px;}

.carousel-inner .item {
   /*
   border-radius: 4px 4px 0 0;
   */
}
.carousel-inner .item a {
}
.carousel-inner .item a img {
   width: 100%;
   height: auto;
   /*
   border-radius: 4px 4px 0 0;
   */
   z-index: 8;
}
.carousel-inner .item a .name {
   position: absolute;
   left: 60px;
   bottom: 20px;
   width: 720px;
   text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
   color: #fff;
   font-size: 46px;
   line-height: 50px;
   font-family: 'Open Sans', 'Segoe UI', 'Trebuchet MS', Arial, sans-serif;
   font-weight: lighter;
   z-index: 10;
}






.good-table {width: 100%;}
.good-table #good_img {
   max-width: 240px;
   max-height: 240px;
   width: 240px;
   height: auto;
}
.good-table .thumbnail {
   padding: 0px;
   border-radius: 0px;
}
.good-table .thumbnail-left img{
   width:  50px;
   height: 50px;
}







table.goods {
   font-size: 18px;
   line-height: 22px;
}
table.goods td {
   max-height: 100px;
   overflow: visible;
}
table.goods td.goodicontd {overflow: visible; width: 100px;}
td.cost {
   width: 90px;
   text-align: right;
}
td.article {
   width: 110px;
}



.table-striped tbody tr:nth-child(odd) td {
   background-color: #fff;
}

tr.old {text-decoration: line-through;}



.caticon {
   border: 1px solid #ccc;
   border-radius: 4px;
   box-shadow: 0 1px 4px rgba(120,120,120,0.3);
   width: 80px;
   height: 60px;
}




.subcat {
   float: left;
   width: 280px;
   height: 200px;
   margin: 5px 5px;
   overflow: hidden;
   position: relative;
   text-align: left;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-family: 'Open Sans', Verdana;
   /*background: #F0E5C4;*/
   background-color: #777;
   background-image: linear-gradient(to right, #888, #666);
   color: #ccc;
   text-align: center;
   text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
   box-shadow: 0 1px 4px rgba(120,120,120,0.26);
}

.subcats-2 {padding: 0px 100px;}
.subcats-2 > .subcat {margin: 5px 90px;}

.subcats-3 > .subcat {margin: 5px 54px;}



.subcat:hover {
   border: 1px solid #c66;
   box-shadow: 0 1px 4px rgba(120,120,120,0.6);
}

.subcat > a > img {
   width: 280px;
   height: 200px;
  -webkit-filter:grayscale(15%);
   filter: grayscale(15%);
}
.subcat:hover > a > img {
  -webkit-filter:grayscale(0%);
   filter: grayscale(0%);
}
.subcat a {
   color: #eee;
   text-decoration: none;
}

.subcat .name {
   padding: 5px 10px;
   font-size: 13px;
   line-height: 15px;
   background-color: rgba(60,60,60,0.6);
   width: 260px;
   position: absolute;
   left: 0px;
   bottom: 0px;
}
.subcat a:visited .name {color: #ddd;}
.subcat a:hover   .name {color: #fff;}

.subcat .more {
   display: none;
   position: absolute;
   left: 5px;
   bottom: 40px;
   opacity: 0.80;
}
.subcat:hover .more {
   opacity: 1.0;
   display: block;
}









.store_char {
   font-size: 13px;
   line-height: 13px;
   padding: 0px 4px;
   margin: 1px;
   background: #7096C1;
   color: #fff;
   text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.store_char_eshop {
   background: #75A800;
}


.goods_container {
   /*
   margin-right: -27px;
   */
   margin-right: -29px;
}

.good {
   float: left;
   width: 240px;
   height: 240px;
   margin: 10px 28px 10px 0;
   /*
   width: 200px;
   height: 200px;
   margin: 10px 21px 10px 0;
   */
   overflow: hidden;
   position: relative;
   text-align: left;
   border: 1px solid #ccc;
   border-radius: 4px;
   background-color: #fff;
   color: #ccc;
   text-align: center;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
   box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.good:hover {
   border: 1px solid #96DA00;
   box-shadow: 0 1px 4px rgba(120,120,120,0.6);
}

.good > a > img {
   width: 240px;
   height: 240px;
  -webkit-filter:grayscale(5%);
   filter: grayscale(5%);
}
.good:hover > a > img {
  -webkit-filter:grayscale(0%);
   filter: grayscale(0%);
}
.good a {
   color: #fff;
   text-decoration: none;
}

.good .name {
   padding: 5px 10px;
   font-size: 15px;
   line-height: 18px;
   background-color: rgba(26,26,26, 0.5);
   width: 220px;
   position: absolute;
   left: 0px;
   bottom: 0px;
}
.good a:visited .name {color: #ddd;}
.good a:hover   .name {
   color: #96DA00;
   background-color: rgba(26,26,26, 1.0);
}


.good .cost {
   position: absolute;
   left: 0px;
   top: 0px;
   padding: 5px 5px 7px 10px;
   color: #fff;
   font-size: 18px;
   line-height: 18px;
   background-color: #96DA00;
   text-shadow: 1px 1px 5px rgba(0,0,0,0.9);
}
.good .more {
   display: none;
   position: absolute;
   left: 5px;
   bottom: 45px;
}
.good:hover .more {
   display: block;
}


.good .good-cart {
   background: url("../img/cart-wo-good.png");
   border: 0px none #ccc;
   position: absolute;
   right: 10px;
   bottom: 10px;
   /*
   width: 42px;
   height: 32px;
   */
   width: 27px;
   height: 27px;
   display: block;
}
.good .good-in-cart {display: block;}
.good a:hover   .good-cart {display: block;}





.good-rel {
   margin: 0px 0px 20px 32px;
}
















.goodicondiv {
   width: 100px;
   height: 100px;
   padding: 0px;
   position: relative;
}

.goodicon {
   position: absolute;
   max-width: 150px;
   width: 100px;
   height: 100px;
   left: 0px;
   top: 0px;
   z-index: 100;
}

.goodicon-wide {
   z-index: 200;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
   border-radius: 3px;
}




table.news {
   margin-top: 20px;
   border-bottom: 1px solid #eee;
}
table.news td {border-top: 1px solid #eee;}
table.news tr td:first-child {
   width: 77px;
}
table.news tr td:first-child img {
   width: 75px;
   height: 75px;
}

















.good-cart-btn {
   width: 25px;
   height: 25px;
   background: transparent;
   border: 0px none;
   padding: 0px;
}
.good-cart-btgn:hover {
   border: 1px solid #A7D7F9;
}













.thumbnail{
   border-color: #ccc;
   padding: 0px;
   border-radius: 0px;
}
.thumbnail-left {
   float: left;
   margin: 5px 11px 5px 0;
}

.thumbnail-right {
   float: right;
   margin: 0 0px 20px 10px;
}









#good_img1 {
   padding:4px;
   line-height:1;
   border:1px solid #ddd;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075);
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.075);
   box-shadow:0 1px 1px rgba(0,0,0,0.075);
}

.good_img {
   width: 100%;
   height: 330px;
   overflow: hidden;
}









.photos_block {
   width: 240px;
   height: 210px;
   float: left;
   margin: 5px 10px 5px 0;
   background: #EFF2F4;
   overflow: hidden;
}




.w20  {width: 20px;}
.w60  {width: 60px;}
.w90  {width: 90px;}
.w120 {width: 120px;}
.w240 {width: 240px;}



a.s {color: #777777;}
a.d {color: #000000;}
a.d:visited {color: #702E70;}
a.b {color: #1A3DC1;}
a.b:visited {color: #8D36AF;}
a.r {color: #c66;}
a.r:visited {color: #a55;}


a.discount_href,
a.discount_href:visited {color: #555;}



.lt {text-align: left !important;}
.ct {text-align: center !important;}
.rt {text-align: right !important;}
.jt {text-align: justify !important;}


.txt8p  {font-size: 8px;}
.txt9p  {font-size: 9px;}
.txt10p {font-size: 10px;}
.txt11p {font-size: 11px;}
.txt12p {font-size: 12px;}
.txt13p {font-size: 13px;}
.txt14p {font-size: 14px;}
.txt15p {font-size: 15px;}
.txt16p {font-size: 16px;}
.txt17p {font-size: 17px;}
.txt18p {font-size: 18px;}
.txt19p {font-size: 19px;}
.txt20p {font-size: 20px;}
.txt21p {font-size: 21px;}
.txt22p {font-size: 22px;}
.txt23p {font-size: 23px;}
.txt24p {font-size: 24px;}
.txt25p {font-size: 25px;}
.txt26p {font-size: 26px;}
.txt28p {font-size: 28px;}


.s {color: #777777;}
.b {color: #1167AC;}
.r {color: #c66;}






.m5   {margin: 5px;}
.m5v  {margin-top: 5px; margin-bottom: 5px;}
.m-9  {margin: -9px;}
.m-10 {margin: -10px;}
.m-14 {margin: -14px;}
.m10  {margin: 10px;}
.m10h {margin: 0 10px 0 10px;}
.m10v {margin-top: 10px; margin-bottom: 10px;}
.m40v {margin-top: 40px; margin-bottom: 40px;}

.p5   {padding: 5px;}
.p5v  {padding: 5px 0;}
.p10  {padding: 10px;}
.p10h {padding: 0 10px 0 10px;}


.odd {
   background: #eeeeee;
}
.even {
   background: #EFF2F4;
}

.odd, .even {
   margin: 0 0 20px 0;
   border-radius: 4px;
   border-top: 1px solid #e7e7e7;
   border-top:1px solid rgba(0,0,0,0.05);
   /*
   border-bottom: 1px solid #e7e7e7;
   border-bottom:1px solid rgba(0,0,0,0.05);
   */
   box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
}

.odd a, .even a {text-decoration: underline;}






.s {color: #999999;}
.o {color: #eb6e08;}
.w {color: #ffffff;}
.d {color: #000000;}
.r {color: #cc0000;}
.g {color: #572;}
.b {color: #1167AC;}











.good2cart_fullform {
   padding: 0px;
}

#payment_comment {
   width: 375px;
   margin-left: 30px;
   font-size: 20px;
   line-height: 30px;
}
.payment_comment {
   font-size: 12px;
   line-height: 16px;
}






a.discount_href,
a.discount_href:visited {
   margin-top: 10px;
   padding-right: 25px;
   color: #555;
   display: block;
   text-align: left;
   font-size: 13px;
   line-height: 18px;
}






.payments img {
   opacity: 0.8;
   border-radius: 4px;
   border: 0px solid #444;
   box-shadow: 0 0 6px #333;
}
.payments img:hover {opacity: 1.0;}



.control-label {font-size: 12px;}
a.btn-danger, a.btn-warning, a.btn-primary, a.btn-success {color: #fff;}





.well-gray   {background-color: #eee;}
.well-yellow {background-color: #FCF4DF;}