/* Кастомные стили */


body {
   /*
   background: #ddd url('../img/bg-4.png') repeat-y;
   background: #333 url('../img/bg-black.jpg');
   background: #ddd7c9;
   background-size: contain;
   background-repeat: no-repeat;
   font-family: 'Open Sans', Arial, sans-serif;
   background: #EAE6E1;
   background: #eee url('../img/bg.jpg');
   */
   background: #e8e8e8;
   color: #777;
   font-size: 14px;
   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
.container {
   /*
   background: #fff;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   box-shadow: 0 0 20px rgba(0,0,0,0.2);
   */
   padding: 0px 20px;
}


a {color: #D61D23;}
a:visited {color: #a6120e;}

::selection {
   color: #fff;
   background: #1C6AB3;
}



.btn {
   opacity: 0.85;
}


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



h1, h2, h3, h4, h5, h6 {
   /*
   font-family: Cambria, Geoorgia;
   font-variant: small-caps;
   */
   font-weight: normal;
   color: #a6120e;
}
h1 {font-size: 36px; line-height: 42px;}
h2 {font-size: 32px; line-height: 38px;}
h3 {font-size: 28px; line-height: 34px;}
h4 {font-size: 24px; line-height: 30px;}
h5 {font-size: 20px; line-height: 26px;}
h6 {font-size: 18px;}



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





.comment {
   color: #777777;
   font-size: 12px;
   line-height: 15px;
}


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









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

.well{
   background-color: #F9F2F2; 
   border: 1px solid #e5e5e5;
}


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





.headblack {
   /*
   font-family: Cambria, Georgia, Times, 'Times New Roman', serif;
   */
   background: #222;
   color: #eee;
   padding: 8px 0;
   font-size: 16px;
   line-height: 20px;
   min-width: 980px;
}
.headblack a, .headblack a:visited {color: #eee;}
.headblack a:hover {color: #fff;}

.headmenu {
   min-width: 980px;
   /*
   font-family: Cambria, Georgia, Times, 'Times New Roman', serif;
   */
   font-variant: small-caps;
   background: #fff;
   border-bottom: 1px solid #ccc;
   box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

a.logo {
   display: block;
   padding: 0px 0px 0 0;
   margin: -30px 0 -45px 0;
   text-align: center;
}




.maincontent {
   box-shadow: 0 0 10px rgba(0,0,0,0.05);
   margin: 0px 0 0 0;
   font-size: 15px;
   background: #fff;
   color: #111;
   border: 1px solid #ccc;
   border-radius: 4px;
   padding: 0px 20px 20px;
}

.txtimg_block {
   border-radius: 4px 4px 0 0;
   margin: 0px -20px 50px;
   min-height: 20px;
   position: relative;
}
.txtimg_block img {
   border-radius: 4px 4px 0 0;
}

.title_block {
   /*
   font-family: Cambria, Georgia, Times, 'Times New Roman', serif;
   */
   font-variant: small-caps;
   position: absolute;
   left: -10px;
   bottom: -18px;
   padding: 8px 30px;
   background-color: #a6120e;
   background-image: linear-gradient(to right, #a6120e, #D61D23);
   background-repeat: repeat-x;
   /*
   */
   color: #f2f2f2;
   font-size: 32px;
   line-height: 32px;
   text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}










.banner {
   min-height: 210px;
   margin: 0px -70px;
   padding: 0px;
   position: relative;
   overflow: hidden;
}
.banner img.banner_img {
   width: 100%;
}

.slogan {
   position: absolute;
   top: 20px;
   left: 20px;
   width: 900px;
   font-size: 50px;
   line-height: 50px;
   font-variant: small-caps;
   color: #fff;
   text-shadow: 0 0 10px rgba(0,0,0,0.6);
}


.lang {
   font-size: 15px;
   line-height: 20px;
   margin-bottom: 20px;
}
.lang a, .lang a:visited {
   color: #1167AC;
}
.lang a.active {
   color: #111;
}
.lang img {
   width: 16px;
   height: 12px;
   border: 1px solid #aaa;
}







/* ====================== Верхнее подменю =========================== */

.subnav {
   width: 100%;
   height: 36px;
   /*
   padding: 0px 10px;
   background: #245FAD;
   font-variant: small-caps;
   border-bottom: 2px solid #F9D000;
   color: #eee;
   */
   font-variant: small-caps;
   margin: 0;
   color: #111;
}
.subnav .nav {}
.subnav .nav li {
   float: left;
}
.subnav .nav li > a, .subnav .nav li > a:visited {
   padding: 22px 10px;
   color: #000;
   font-size: 20px;
   line-height: 20px;
}
.subnav .nav li:first-child a {margin-left: -10px;}

.subnav .nav li > a:hover, .subnav .nav li > a:focus {
   background: rgba(70,70,70,0.01);
   color: #a6120e;
}

.subnav .nav li.active a,
.subnav .nav li.active a:hover,
.subnav .nav li.active a:focus {
   background-color: #a6120e;
   background-image: linear-gradient(to bottom, #a6120e, #D61D23);
   background-repeat: repeat-y;
   /*
   */
   text-shadow: 1px 1px 5px rgba(0,0,0,0.9);
   color: #fff;
}
.subnav .nav {margin: 0px 0 0 0;}

.subheader {
   font-size: 18px;
   line-height: 18px;
   float: left;
   padding-top: 8px;
   padding-left: 140px;
   padding-bottom: 10px;
}
.subheader a {color: #111;}
.subheader a.active {
   color: #1167AC;
}










.breadcrumbs {
   padding: 0;
   font-size: 12px;
   margin: 10px 0 10px 150px;
}
.breadcrumb {
   text-shadow: none;
   background-color: rgba(0,0,0,0.0);
   padding-left: 0px;
   padding-right: 0px;
   font-style: italic;
}
.breadcrumb li {
   text-shadow: none;
}
.breadcrumb a {
   color: #666;
}





/* ======================== Меню слева (подразделы) ================= */

.leftnav {
   margin-top: 0px;
   padding: 0px 0 0 0;
   overflow: hidden;
   font-size: 15px;
}
.leftnav .nav {
   /*border-left: 4px solid #245FAD;*/
}
.leftnav .nav li {
   display: block;
   margin: 0px;
   border-radius: 0 4px 4px 0;
}
.leftnav .nav li > a, .leftnav li > a:visited {
   font-weight: normal;
   display: block;
   margin: 0px;
   padding: 5px 10px;
   border: 0px none #444;
   color: #D61D23;
}

.leftnav .nav li a:hover, .leftnav .nav li a:focus {
   color: #a6120e;
   text-shadow: 1px 1px 0 rgba(0,0,0,0.01);
   background: rgba(255,255,255,0.2);
}

.leftnav .nav li.active {
}
.leftnav .nav li.active a,
.leftnav .nav li.active a:hover,
.leftnav .nav li.active a:focus {
   color: #fff;
   background-color: #a6120e;
   background-image: linear-gradient(to right, #a6120e, #D61D23);
   background-repeat: repeat-x;
   text-shadow: 1px 1px 5px rgba(0,0,0,0.9);
}











.brandsblock {margin: 20px 0 50px 0;}

.brand-logo {
   float: left;
   width: 150px;
   padding: 0px;
   margin: 5px 0px;
   border: 0px solid #fff;
   background: #fff;
   text-align: center;
}
.brand-logo img {opacity: 0.3;}
.brand-logo:hover img, .brand-logo-active img {opacity: 1.0;} /*0.67*/



.brands_block {
   margin: 10px -10px;
}
.brandlogo {
   float: left;
   margin: 5px 10px;
   border-radius: 2px;
   opacity: 0.8;
}
.brandlogo:hover {
   opacity: 1.0;
}
.brandlogo img {
   width: 100px;
   height: 50px;
}








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

.goodnav {
   margin-top: 7px;
   padding: 0;
   /*font-family: '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}









footer {
   font-size: 11px;
   line-height: 16px;
   padding-bottom: 10px;
   padding-top: 30px;
   margin-top: 10px;
   /*
   border-top: 1px solid #dadada;
   */
}
























/* =========================== 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;
}


.table {}
.table td {padding: 10px;}
.table th {
   font-size: 18px;
   padding: 10px;
   text-align: center;
}
.table td.info, .table th {
   font-family: Calibri;
   background: #f5f5f5;
   vertical-align: middle;
}
.table td.big {
   font-family: Calibri;
   font-size: 24px;
   text-align: center;
   vertical-align: middle;
}




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; border: 1px solid #aaaaaa;}
table.spec tr td {text-align: left; padding: 5px; background-color: #ffffff;     border: 1px solid #aaaaaa;}
table.spec tr.ch td {background: #EDF0F2;}
table.spec tr td.ct {text-align: center;}
table.spec tr:hover td {background-color: #FFE9AA;}


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





.brand-tr td {
   background-color: #E5ECF2 !important;
}
.brand-tr a {
   color: #111;
}




.good-table #good_img {
   max-width: 300px;
   max-height: 300px;
   width: auto;
   height: auto;
}
.good-table .thumbnail {
   padding: 0px;
   border-radius: 0px;
}
.good-table .thumbnail-left img{
   width:  60px;
   height: 60px;
}





table.goods {
   font-size: 12px;
   line-height: 16px;
}
/*table.goods tr td:first-child {width: 50px;}*/
table.goods td {
   max-height: 45px;
   overflow: hidden;
}
table.goods td.goodicontd {overflow: visible;}
td.cost {
   width: 90px;
   text-align: right;
}
td.article {
   width: 110px;
}






.goodicondiv {
   width: 50px;
   height: 50px;
   padding: 0px;
   position: relative;
}
.goodicon {
   position: absolute;
   max-width: 150px;
   width: 50px;
   height: 50px;
   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: 108px;
}
table.news tr td:first-child img {
   width: 106px;
   height: 71px;
}

















.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: 0 20px 10px 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;
}



.photos-list {margin: 0px -7px;}

.photoalbum, .photoalbum:visited {
   display: block;
   float: left;
   text-align: center;
   color: #111;
   position: relative;
   margin: 8px;
   width: 212px;
   height: 275px;
   padding: 0px 0px 2px;
   border: 0px none #fff;
   box-shadow: none;
}
.photo, .photo:visited {
   display: block;
   float: left;
   text-align: center;
   margin: 8px;
   width: 212px;
   height: 142px;
   padding: 0px;
   border: 0px none #fff;
   box-shadow: none;
}
.photoalbum img {
   z-index: 20;
   width: 212px;
   height: 212px;
   margin: 0px;
}
.photo img {
   z-index: 20;
   width: 212px;
   height: 142px;
   margin: 0px;
}
.photoalbum .caption {
   z-index: 30;
   /*
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 150px;
   font-size: 14px;
   line-height: 15px;
   background-color: rgba(119,119,119,0.6);
   color: #f8f8f8;
   */
   padding: 3px 0px;
   overflow: hidden;
   text-align: center;
}
.photo:hover, .photoalbum:hover {
   /*
   background-color: rgba(13,80,130,0.6);
   color: #fff;
   */
   box-shadow: 0 0 10px rgba(13,80,130,0.6);
}





.licenses-list {margin: 0px -7px;}

.license, .license:visited {
   display: block;
   float: left;
   text-align: center;
   color: #111;
   position: relative;
   margin: 8px;
   width: 212px;
   height: 265px;
   padding: 10px 0 2px;
   border: 0px none #fff;
   box-shadow: none;
}
.license img {
   z-index: 20;
   width: 150px;
   height: 212px;
}
.license .caption {
   z-index: 30;
   /*
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 150px;
   font-size: 14px;
   line-height: 15px;
   background-color: rgba(119,119,119,0.6);
   color: #f8f8f8;
   */
   padding: 3px 0px;
   overflow: hidden;
   text-align: center;
}
.license:hover {
   /*
   background-color: rgba(13,80,130,0.6);
   color: #fff;
   */
   box-shadow: 0 0 10px rgba(13,80,130,0.6);
}









.w20  {width: 20px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w240 {width: 240px;}



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


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;}


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






.m5   {margin: 5px;}
.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;}
.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;}









.cost_block {
   float: left;
   font-size: 28px;
   line-height: 30px;
   margin: 0 40px 10px 0;
}









.good2cart_fullform {
   float: left;
   padding: 0px;
}

.good2cart_fullform .btn {
   margin-top: -10px;
}








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








.good {
   float: left;
   width: 176px;
   height: 220px;
   margin: 10px 5px;
   overflow: hidden;
   position: relative;
   text-align: center;
   border: 1px solid #ccc;
}

.good:hover {
   border: 1px solid #AD4363;
   box-shadow: 0 1px 3px rgba(120,120,120,0.5);
}

.good > a > img {
   width: 120px;
   height: 120px;
}
.good a {
   color: #000;
   text-decoration: none;
}


.good .name {
   padding: 3px 25px;
   font-size: 11px;
   line-height: 15px;
   height: 45px;
}
.good a:visited .name {color: #222;}
.good a:hover   .name {color: #000;}


.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 .cost {
   padding: 10px;
   
   font-size: 14px;
   line-height: 14px;
   
   position: absolute;
   left: 5px;
   bottom: 0px;
   opacity: 0.85;
   
   text-align: left;
}
.good:hover .cost {
   opacity: 1.0;
}


.good .buy {
   display: none;
   position: absolute;
   left: 7px;
   top: 127px;
   opacity: 0.80;
}
.good:hover .buy {
   opacity: 1.0;
   display: block;
}


.good .cost-1 {
}
.good:hover .cost-1 {
}

.good .cost-0 {
}





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









.payments img {opacity: 0.7;}
.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;}