﻿* {  outline: none; }
html {   height: 100%; }
body {
  margin: 0px;
  padding: 0px;
  font-family: Play;
  font-size: 12px;
  height: 100%;
  color: #000000;
}
*html body {   behavior:url("csshover.htc"); }
*html img, *html div, *html input, *html span, *html a { behavior: url("iepngfix.htc") }
a {  cursor: pointer;  color: #074bd4;  outline: none; }
a:hover {  text-decoration: none; }

table {  margin: 0px;  padding: 0px;  border: none;  border-collapse: collapse; width: 100%;}
td { padding: 10px; }
img { margin: 0px;  padding: 0px;  border: none; }
p { margin: 0px; padding: 0px; margin-bottom: 12px; line-height: 130%; text-align: justify;    font-family: "Open Sans Condensed",sans-serif;
    font-size: 18px;}
.non {
    display: none;
}	
h1 { margin: 0px;     margin: 0 0 15px;padding: 0; text-align: center; font-size: 40px; font-family: 'Play', sans-serif;; letter-spacing: -3px; }

h2 { font-family: "Play",sans-serif; text-transform: uppercase; margin: 0px; padding: 0px; font-size: 33px; margin-bottom: 21px; }
.item_head {    font-family: "Play",sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 29px;
    padding: 0;
    text-transform: uppercase;}
.item_head_an {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;}
.red {     color: #c80e13; }
h3 {
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 24px;
  	margin-bottom: 5px;
    margin-top: 5px;
}
.s_cont {
    font-weight: bold;
    text-transform: uppercase;
}
.a_img:hover img, a.logo:hover, .spec_ul a:hover img, .zn a:hover img {
  opacity: 0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#wrap {  text-align: center; }
.container { width: 1000px; margin-left: auto;  margin-right: auto;  position: relative;  text-align: left;  overflow: hidden; background: url(../images/container_bg.jpg) no-repeat top left; }
.left_col { padding-top: 45px;    width: 200px; padding-left: 10px; float: left; }
.right_col {     /*width: 755px; float: right; */     padding-left: 235px; width: 755px;}
.right_col_c {border: 1px solid red; border-radius: 6px; padding: 15px; margin-top: 22px;width: 723px;}
.logo_text { padding-top: 11px; margin-bottom: 27px;}
.search_input { font-family: Arial; height: 14px;  color: #363636; border: none; font-size: 12px; line-height: 12px; padding: 7px 0px 10px 10px; width: 159px;  background: url(../images/search_input.gif) no-repeat top left; float: left;   }
.search_but {  margin-bottom: 24px;   width: 23px; background: url(../images/search_but.gif) no-repeat top left; height: 29px; float: left; }
.search_but:hover {    background: url(../images/search_but.gif) no-repeat bottom left;}


*html .dob_tov { background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dob_poz.png', sizingMethod='scale'); }
.clear { height: 1px; clear: both; overflow: hidden; }

.left_ul { font-family: "Play",sans-serif; text-transform:uppercase;   margin: 0px; padding: 0px; list-style: none;  }
.left_ul li { font-size: 14px; }
.left_ul li div { margin-bottom: 4px; padding: 1px 5px 1px 5px; font-size: 15px; font-weight: bold;     border: 1px solid red;
    border-radius: 6px;}
.left_ul li ul { display: none; margin: 0px; padding: 0px; list-style: none; margin-left: 8px; margin-top: 6px; }
.left_ul li ul li { margin-bottom: 8px; padding-left: 12px; background: url(../images/left_li.gif) no-repeat 0px 5px; }
.left_ul a { color: #000000; text-decoration: none; }
/*.left_ul a:hover { text-decoration: underline;
color: #FFFFFF;}*/
.left_ul .act_ul > a:hover { text-decoration: underline !important;
color: #000000 ;}
.left_ul div:hover > a {
	color: #FFFFFF;
}
.left_ul div:hover {
    background-color: red;
}
.left_ul .act div { background: #ee1c24; }
.left_ul .act div a {  color: #ffffff; cursor: default; text-decoration: none; }
.left_ul li .act_ul {  display: block; }
.left_ul ul .vl_act  {  background: #ee1c24;    color: #ffffff; }
.left_ul ul .vl_act a { text-decoration: none; cursor: default;    color: #ffffff; }
/*.act a {
    color: #000000 !important;
}*/
.copy { padding-top: 30px;    font-size: 11px; color: #363636; }
.header { font-size: 11px; height: 180px; position: relative; }
.tel1 { position: absolute;  top: 46px;  left: 0px; }
.tel2 { position: absolute;  top: 72px;  left: 0px; }
.tel_text {     border: 1px solid red;
    border-radius: 6px;
    float: right;
    /*position: relative;*/
    text-transform: uppercase;
    top: 80px;
    width: 185px;}
.img_what {
    position: absolute;
}
/*.st_tel  {
    background-color: red;
    border: 1px solid red;
    border-radius: 6px;
    color: white;
    float: left;
    font-family: "Play",sans-serif;
    font-size: 27px;
    font-weight: bold;
    margin-top: 33px;
    padding: 5px;
}*/
/*ТЕНЬ 19*/
.st_tel {
position: relative;
background: white;
    float: left;
    font-family: "Play",sans-serif;
    font-size: 20px; /*27px*/
    font-weight: bold;
    margin-top: 33px;
    padding: 5px;
}
.st_tel:after {
content: "";
display: block;
position: absolute;
z-index: -1;
height: 20px;
bottom: 0;
right: 1em;
left: 1em;
border-radius: 50%;
box-shadow: 0 0 10px 10px rgba(0,0,0,.2);
}
/*ТЕНЬ 20
.st_tel  {
position: relative;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
background: white;
    float: left;
    font-family: "Play",sans-serif;
    font-size: 27px;
    font-weight: bold;
    margin-top: 33px;
    padding: 5px;
}
.st_tel:before {
content: "";
display: block;
position: absolute;
z-index: -1;
height: 20px;
width: 30%;
bottom: 0;
left: 10px;
box-shadow: 0 0 10px 10px rgba(0,0,0,.2);
border-bottom-right-radius: 100%;
}
.st_tel:after {
content: "";
display: block;
position: absolute;
z-index: -1;
height: 20px;
width: 30%;
bottom: 0;
right: 10px;
box-shadow: 0 0 10px 10px rgba(0,0,0,.2);
border-bottom-left-radius: 100%;
}*/
.llink1 {  position: absolute;  top: 76px;  left: 263px; }
.llink2 {  position: absolute;  top: 76px;  left: 440px; }

.input1  {height: 14px; line-height: 12px; position: absolute;  top: 42px;  /*left: 256px;*/  left: 315px;  width: 142px;  padding: 6px 10px 7px 10px; background: url(../images/input1.gif) no-repeat top right; border: none; font-size: 12px; color: #363636; }
.input2 {height: 14px; line-height: 12px; position: absolute;  top: 42px;  /*left: 433px;*/  left: 492px;  width: 142px;  padding: 6px 10px 7px 10px; background: url(../images/input1.gif) no-repeat top right; border: none; font-size: 12px; color: #363636; }
/*.vhod { width: 84px;  height: 23px; background: url(../images/vhod.gif) no-repeat top left;   position: absolute;  top: 43px;  left: 670px;/* left: 611px;*/ }
.vhod:hover {  background: url(../images/vhod.gif) no-repeat 0px -23px;  }*/
.exit { display: none; width: 84px;  height: 23px; background: url(../images/exit.gif) no-repeat top left;   position: absolute;  top: 43px;  left: 611px; }
.exit:hover {  background: url(../images/exit.gif) no-repeat 0px -23px; }
.home_p { padding-top: 7px;     text-transform: uppercase; margin-bottom: 20px; }

.spec_ul {    margin: 0px; padding: 0px; list-style: none; }
.spec_ul li { height: 218px; float: left; margin-right: 10px; width: 365px;}
.sleft {    width: 145px; overflow: hidden; float: left;}
.sright {    width: 214px; float: right;}
.sright span {  background: #ee1c24; color: #ffffff; }
.sright span a { color: #ffffff; text-decoration: none; }
.sright span a:hover { text-decoration: underline; }
.shead {min-height: 1px; padding: 2px 6px 2px 6px; margin-left: -6px; position: relative; margin-bottom: 8px;      font-size: 20px; font-weight: bold; float: left;  }
*html .shead { height: 1px; }
.table1 { }
.table1 .tr2 td { padding-top: 6px; padding-bottom: 0px; }
.table1 span {padding: 1px 3px 0px 3px; }
.table1 td { padding-bottom: 6px; padding-right: 5px; }
.tstoim {    font-size: 18px; font-weight: bold; }
.tstoim2 {  float: left;   font-size: 12px; font-weight: bold; position: relative; }
.tstoim2 strong {  position: absolute;  top: 7px;  left: 0px; width: 100%; height: 2px; overflow: hidden; background: #ee1c24;   }

.item_left .tstoim { padding-top: 10px; line-height: 48px;    font-size: 48px; font-weight: bold; }
.item_left .tstoim2 { line-height: 24px;   float: left;   font-size: 24px; font-weight: bold; position: relative; color: #595959; }
.item_left .tstoim2 strong {  position: absolute;  top: 12px;  left: 0px; width: 100%; height: 2px; overflow: hidden; background: #ee1c24;   }
.ts3 { color: #ffffff;    font-size: 18px; background: #c80e13; padding: 1px 3px 0px 3px; }
.ts3 b {   }


.paginate {    padding-top: 17px; margin-bottom: 12px; color: #363636;  }
.paginate a {    color: #363636;  }
.paginate span { padding-left: 5px; padding-right: 5px;  }

.item_left {   margin-bottom: 44px;  width: 370px; float: left; }
.item_right {    border-radius: 6px;
    box-shadow: 0 0 5px rgba(168, 168, 168, 0.5);
    float: right;
    margin-bottom: 44px; /* margin-bottom: 44px;   width: 370px; float: right; */}
.table2 { font-size: 14px; }
.table2 td { padding-bottom: 8px; padding-right: 5px; vertical-align: top;}
.cena {vertical-align: middle !important;}
.econ { margin-top: 4px;  position: relative; margin-left: -5px; color: #ffffff;  padding: 0px 30px 0px 3px;  float: left;  background: url(../images/econom.gif) no-repeat left 50% #c80e13; font-size: 24px; font-weight: bold; padding-left: 139px;}

.cat_table { font-family: Play; width: 100%; margin-bottom: 26px; }
.cat_table td { padding: 8px 7px 8px 7px; cursor: pointer; }
.cat_table thead th { border-bottom: 1px solid #ee1c24; padding: 0px 7px 5px 7px; }
.cat_table .tdc { text-align: center; }
.cat_table .tdl { text-align: left; }
.cat_table .td { text-align: center; }
.cat_table .td { text-align: center; }
.cat_table .trn td { background: #f3f3f3; }
.cat_table .trn .td1 { background: #ffffff; }
.cat_table tr:hover td {    background: #ef353c; color: #ffffff; text-decoration: underline; }
.cat_table .td1_selected, .cat_table tr:hover .td1_selected {   cursor: default;  background: #ef353c; color: #ffffff; font-weight: bold; text-decoration: none; }
.cat_table .trn .td1_selected {    background: #ef353c; color: #ffffff; font-weight: bold; text-decoration: none; }
.cat_table .td1 {    background: #ffffff; }
.cat_table  tr:hover .td1 {    background: #ffffff; }
.totall {
    float: right;
    width: 200px;
}
.bpaginate { margin: 0px; padding: 0px; list-style: none;  margin-left: 7px; position: relative; min-height: 1px; }
*html .bpaginate, *html .bpaginate li {height: 1px; }
.bpaginate li { float: left; padding-bottom: 17px; margin-right: 10px;position: relative; min-height: 1px;  }
.bpaginate .act { color: #ed1c24;  }
.bpaginate .act  a { color: #ed1c24;  text-decoration: none; cursor: default; }
.bpaginate .no_act  a { color: #8e8e8e;  text-decoration: none; cursor: default; }

.bpaginate2 { margin: 0px; padding: 0px; list-style: none; margin-left: 7px; }
.bpaginate2 li { float: left; margin-bottom: 17px; margin-right: 6px;  }
.bpaginate2 .act { color: #ed1c24;  }
.bpaginate2 .act  a { color: #ed1c24;  text-decoration: none; cursor: default; }

.zn {float: left;
    position: relative;
    right: 90px; /*155px*/
    top: 90px; /*80px*/
    width: 400px;}
.zn > a {
	padding-left: 52px;
/*    padding-left: 23px;
    padding-right: 23px;*/
}
.zn p > a {
    padding-left: 30px;
    padding-right: 5px;
}
.logo {  /*  margin-bottom: 27px; */width: 189px; display: block; }

.footer { margin-top: 20px;    text-align: center; border-top: 1px solid #666666; padding-top: 20px; padding-bottom: 30px; }


.input_k { height: 14px; width: 43px;  padding: 5px 0px 8px 0px; text-align: center; font-size: 12px; line-height: 12px; border: none; background: url(../images/inputk.gif) no-repeat top left;   }
.ztable { font-size: 18px; }
.ztable td { padding-top: 10px; padding-right: 5px; }
.vk { width: 109px; height: 24px; background: url(../images/vc.gif) no-repeat top left; float: left; }
.vk:hover { background: url(../images/vc.gif) no-repeat bottom left; }
.db { display: none; background: url(images/db.gif) no-repeat top left;   width: 109px; height: 24px; position: absolute; top: 0px; left: 0px;  }


.user_info { left: 540px;
    position: absolute;
    top: 45px;}
.user_info b { font-size: 14px; color: #565252; }
.cart_info  {font-weight: bold;
    left: 506px;
    position: absolute;
    text-align: right;
    top: 76px;
    width: 250px;}
.cart_info span a { text-transform: uppercase; color: #ed001a;   }



.i { width: px;  height: px;  position: absolute;  top: px;  left: px; }
.i { width: px;  height: px;  position: absolute;  top: px;  left: px; }
.i { width: px;  height: px;  position: absolute;  top: px;  left: px; }
.i { width: px;  height: px;  position: absolute;  top: px;  left: px; }
.i { width: px;  height: px;  position: absolute;  top: px;  left: px; }

.notfound { font-size: 16px; text-align: center; }
.metro {
  list-style: none;
  padding: 0;
  margin: 0;
  border-left: 5px solid #DAE4F1;
}
.metro li {
  line-height: 2em;
}
.metro ul {
  margin: 20px 0 20px 15px;
  padding: 0;
  border: none;
  list-style: none;
}
.metro ul:before, .metro ul:after {
  content: "";
  width: 5px;
  height: 28px;
  background: #DAE4F1;
  position: relative;
  display: block;
  left: -9px;
}
.metro ul:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -15px;
}
.metro ul:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -20px;
}
.metro ul li {
  border-left: 5px solid #DAE4F1;
}
.metro ul li:first-child {
  margin-top: -5px;
  padding-top: 5px;
}
.metro ul li:last-child {
  padding-bottom: 9px;
  margin-bottom: -25px;
}
.metro a {
  text-decoration: none;
  display: block;
  font-family: 'Noto Sans', sans-serif;
  color: #4A4B4D;
}
.metro a:before {
  content: "";
  display: inline-block;
  background: #CA682D;
  width: 12px;
  height: 12px;
  left: -9px;
  position: relative;
  border-radius: 50%;
  margin-right: .5em;
}
.pr_col_green {
    background-color: yellowgreen !important;
    /*border-radius: 6px;*/
    color: white;
    font-size: 30px;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
}
.pr_col_red {
    background-color: tomato !important;
    /*border-radius: 6px;*/
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
}
.features-table
{
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  background: #fafafa;
  background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */
  background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff));
  margin-top:20px;
  margin-bottom:20px;
  text-transform:uppercase;
}
 
.features-table td
{
  height: 50px;
  padding: 0 20px;
 /* border-bottom: 1px solid #cdcdcd;*/
  box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
 
.features-table tbody td
{
  text-align: center;
  width: 150px;
}
 
 
.features-table td.grey
{
  background: #efefef;
  background: rgba(144,144,144,0.15);
  border-right: 1px solid white;
  font-weight: bold;
  text-align: left;
}
 
.features-table td.green
{
  background: #e7f3d4;
  background: rgba(184,243,85,0.3);
  font-weight: bold;
  text-align: left;
}

.features-table td.red
{
  background: #f7b7b7;
  background: rgba(247, 183, 183,0.3);
  font-weight: bold;
  text-align: left;
} 
.features-table td:nowrap
{
  white-space: nowrap;
}
 
.features-table thead td
{
  font-size: 120%;
  font-weight: bold;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea;
}
 
.features-table tfoot td
{
  font-size: 120%;
  font-weight: bold;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}
.pagination_botom {
    font-family: Play;
    font-size: 16px;
    height: 29px;
    line-height: 20px;
    margin: 0 25%;
    width: 100%;
}
.pagination_botom div {
    text-align: center;
    float: left;
    margin: 0 20px 0 0; /* отступ справа */
}
.pagination_botom div a {
    padding-top: 2px; /* сдвигаем сверху, чтобы background выглядел  правильно */
    width: 25px;
    height: 25px;
    display: block;
	text-decoration: none;
}
.pagination_botom .prev a, .pagination_botom .next a {
    /* убираем влияние width:25px из правила .pagination div a */
    width: auto; 
}
.pagination_botom div a:hover, .pagination_botom div a.active {
    color: white;
    /* задний фон для текущий страницы и для наведения */
    background: url('../images/select.png') 0 0 no-repeat;
}
.pagination_botom .prev a:hover, .pagination_botom .next a:hover {
    width: auto; /* автоматическая ширина */
    color: #1982d1;
    background: none; /*  убираем задний фон при наведении */
}
.tabl div {
    background-color: lightpink;
    border: 1px solid red;
    border-radius: 6px;
    color: white;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}

.catal {
    color: red;
    font-size: large;
    font-weight: bold;
    margin-bottom: 4px;
    text-align: center;
}

table.news img {
    max-width: 150px;
    max-height: 150px;
}

table.news td:first-child {
    width: 150px;
}

table.news td:nth-child(2) {
    vertical-align: top;
}

table.news span.date, .news_content span.date {
    float: right;
}

.news_content img {
    max-height: 300px;
    max-width: 300px;
    float: left;
    margin: 10px;
}
a.bbotre {
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
        width:90px;
    font-weight: bold;
    margin:20px auto;
        text-align:center;
    padding: 1px 5px;
    color: #717171;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d4d4d4));
    background: -webkit-linear-gradient(#f6f6f6, #d4d4d4);
    background-image: -moz-linear-gradient(top, #f6f6f6, #d4d4d4);
    background-image: -moz-gradient(top, #f6f6f6, #d4d4d4);
    border: 1px solid #a1a1a1;
}

a.bbotre:hover {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ececec));
    background: -webkit-linear-gradient(#f6f6f6, #ececec);
    background-image: -moz-linear-gradient(top, #f6f6f6, #ececec);
    background-image: -moz-gradient(top, #f6f6f6, #ececec);
}
.do-shopping {
	background-color: orange;
	border-radius: 5px ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	height: 25px;
	left: 0;
	position: relative;
	top: -2px;
	width: 25px;
	float: right;
}
.do-shopping i {
	position: absolute;
	top: 5px;
	left: 3px;
}
.do-shopping:hover, .table-price.oldstyle .do-shopping:hover {
	background-color: #006600;
	-moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;
	-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background
		0.5s;
	-o-transition: box-shadow 0.5s, border 0.5s, background 0.5s;
	transition: box-shadow 0.5s, border 0.5s, background 0.5s;
}

.do-shopping:hover a, .do-shopping:hover i {
	color: #FFFFFF;
}
.icon-fc-bigbasket {
	background: url(../images/basket_17.png) no-repeat scroll 0 0 transparent;
	height: 15px;
	width: 17px;
}
.do-shopping:hover i.icon-fc-bigbasket {
    background: url(../images/basket_17_invert.png) no-repeat scroll 0 0 transparent;
}