@font-face {
    font-family: "ArialNarrowRegular";
    src: url("fonts/ArialNarrowRegular.eot");
    src: url("fonts/ArialNarrowRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/ArialNarrowRegular.woff") format("woff"),
    url("fonts/ArialNarrowRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


* 		{margin:0;padding: 0;}
html 	{height:100%;}
body	{width:100%;height:100%;}

a 		{outline:none;}
a:hover	{text-decoration:none}
	
img		{border:0}
p		{margin:0 0 20px 0}

.cl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl {display: inline-block;}
.cl {display: block;}
.clearboth {clear:both}
table {border-collapse: collapse}
table tr td {vertical-align: top}
ul {list-style:none}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

.button { text-decoration: none; display: inline-block;font-size: 14px; line-height: 17px; height: 19px; cursor: pointer;  padding: 0 20px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;}
.greenbutton {-webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;text-decoration: none; display: inline-block;font-size: 12px; line-height: 23px; height: 23px; cursor: pointer;  padding: 0 20px;}

.buttoncart {display: inline-block; position: relative; width: 31px ; height: 26px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; padding: 0;}
.buttoncart:before {position: absolute; width: 31px; height: 26px; left: 0;top:0; content: ""; }


fieldset {border:0}
input, textarea {outline:none;}
input.button {cursor:pointer}
textarea {resize:none}

div.wrapper {padding: 22px 0 50px 0;}
div.page {width: 1170px; margin: 0 auto;-webkit-border-radius:7px;-o-border-radius:7px; border-radius:7px; -moz-box-shadow: 0 0 9px RGBA(124,124,124,0.45); -webkit-box-shadow:0 0 9px RGBA(124,124,124,0.45); box-shadow: 0 0 9px RGBA(124,124,124,0.45); }

header {height: 93px; margin:2px 3px; }

#logo {float: left; width: 300px; padding: 0 0 0 42px; position: relative; margin-right: 43px;}
#logo:before {position: absolute; content: ""; right: -1px; height: 79px; width: 1px; top:8px; }
#logo a {text-decoration: none;}
#logo .word1 {margin-top: 23px; display: block; font:normal 24px/36px "MyriadPro-Regular",sans-serif }
#logo .word2 {display: block; font: normal 10px/16px Tahoma, Geneva, sans-serif; text-transform: uppercase; position: relative; top:-7px; }

header .table {display: table !important; width: 725px;float: left; margin-top: 8px; height: 79px; }
header .table .cell {display: table-cell !important; display: inline; vertical-align: top;}
header .table .cell:last-child {border-right: 0 !important}

#topPhone {padding-right: 50px; padding-top: 7px;  }
#topPhone .inner {display: inline-block;  text-align: center;  position: relative}
#topPhone p {padding-left: 30px; text-align: left; margin-bottom: 12px;font-weight: bold; font-size: 18px; white-space: nowrap }
#openCallback {  font-size: 14px; }

#topAddress {line-height: 18px; font-size: 12px; padding-right: 40px; padding: 10px 30px 0 35px }
#topAddress p.address {padding-left: 27px; margin-bottom: 0; min-height: 34px;}
#topAddress p.mail {padding-left: 27px; margin: 0;}

#topCart {width: 240px; line-height: 22px; font-size: 14px;padding: 5px 20px 0 55px;}
#topCart .title { margin-bottom: 0; font-size: 18px; position: relative;top:3px;}
#topCart .button {margin-top: 3px;}

#topCart .button {padding: 0 15px !important}

.topmenuWrapper {padding: 6px; }
#topmenu {text-align: center; font-size: 0; height: 44px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; }


#topmenu li {display: inline-block; font: normal 20px/44px "Roboto Condensed" , sans-serif;position: relative;}
#topmenu li:before {position: absolute; content: ""; top:13px; left: -1px; height: 17px; width: 1px; }
#topmenu li:first-child:before {display: none;}
#topmenu li a {text-decoration: none; display: block; line-height: 44px; padding: 0 17px ;}

#topmenu li ul {position: absolute; z-index: 900; display: none; left:0; top:44px; background: #fff;  width: 250px; padding: 15px 30px; }
#topmenu li:hover ul {display: block;}
#topmenu li ul li {font-size: 16px;text-transform: none; text-align: left; font-weight: normal; display: block;padding: 0;}
#topmenu li ul li:before {display: none;}
#topmenu li ul li a {line-height: 19px; padding: 5px 10px 6px 10px;}
#topmenu li ul li a:hover, #topmenu li ul li.active a {text-decoration: underline}


#slider { margin-bottom: 6px; position: relative}

#slider .block {height:258px; width: 872px; position: relative;}
#slider .block .pic {position: absolute; height: 258px; line-height: 254px; width: 300px; right: 0;}
#slider .block .pic img {vertical-align: middle}
#slider .block .text {position: absolute;left: 80px; top:24px; width: 500px; color: #4e4c4c;   }
#slider .block .text .title { font: normal 47px/56px "ArialNarrowRegular", sans-serif; margin-bottom: 30px; }
#slider .block .text .oldprice {font-size: 18px; font-weight: bold;text-decoration: line-through; margin-bottom: 7px; padding-left: 10px;}
#slider .block .text .pricebuy {padding: 3px 5px 3px 10px; width: 160px; margin: 0 0 18px 0;}
#slider .block .text .pricebuy .price {float: left; font-size: 25px; font-weight: bold; line-height: 28px;margin: 0; }
#slider .block .text .pricebuy .buttoncart {float: right; }
#slider .block .text .sliderbuy {color: #fff; font: normal 24px/36px "ArialNarrowRegular" sans-serif ; text-transform: uppercase; text-decoration: none;  height: 35px; width: 106px; text-align: center; display: inline-block;  -webkit-border-radius:4px;-o-border-radius:4px; border-radius:4px; line-height: 36px;}
#slider .block .text .sliderbuy:hover {width: 104px; height: 33px; line-height: 34px;}

#sliderPrev {position: absolute; cursor: pointer; width: 20px; height: 36px; left: 13px; top:106px; z-index: 400;  }
#sliderNext {position: absolute; cursor: pointer; width: 20px; height: 36px; right: 13px; top:106px; z-index: 400; }

#sliderNav {position: absolute;  z-index: 500; width: 100%; bottom:14px; left: 0; text-align: center; font-size: 0;  text-align: center; display: inline-block; height: 15px;}
#sliderNav span {display: inline-block; width: 15px; height: 15px; -webkit-border-radius:15px;-o-border-radius:15px; border-radius:15px; margin: 0 5px; cursor: pointer;}

.body { padding: 0 7px; }


main {float: right; width: 874px; font-size: 16px; line-height: 24px; }
main a.readon {float: right;font-size: 16px;}
main.fullwidth {float: none; width:  auto;}

main h1 {margin: 0 0 5px 0;  padding: 2px 3px; font-size: 20px; font-weight: normal;  }
main h1 span {display: block; line-height: 27px; padding: 0 6px;}
main h1 a {text-decoration: none;}
main h1 a:hover {text-decoration: underline;}

section.catalog { position: relative; width:884px; position: relative; margin-bottom: 33px;  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;}
          
.catalog .item {float: left; width: 231px;text-align: center; padding:17px 26px 245px 26px; position: relative; text-align: center;margin:0 8px 8px 0; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; }
.group{ padding: 17px 26px 205px !important;}
main.fullwidth section.catalog {width: 1170px;}
main.fullwidth section.catalog .item {padding-left: 24px; padding-right: 24px;}
.catalog .item .pic {height: 152px; line-height: 150px; vertical-align: middle; }
.catalog .item .pic img {vertical-align: middle}
.catalog .item .absolute {position: absolute; left:26px; width: 231px; bottom: 29px;}

.catalog .item p.title {font-size: 14px; padding: 0 8px; text-align: left; font-weight: bold; line-height: 15px;margin-bottom: 9px;}
.catalog .item .title a {text-decoration: none; display: block;}
.catalog .item .title a:hover {text-decoration: underline;}
.catalog .item .oldprice {font-size: 18px; line-height: 24px; height: 24px; font-weight: bold;text-decoration: line-through; margin-bottom: 5px; }
.pricebuy {padding: 3px 5px 3px 10px; width: 160px; margin: 0 auto;}
.pricebuy .price {float: left; font-size: 25px; font-weight: bold; line-height: 28px;margin: 0; }
.pricebuy .buttoncart {float: right; }
.innerPrice{margin:0px !important;}
.innerPrice2{height: auto !important; padding:0px !important;}
main div div.sorting{margin-bottom:20px;}


div.aside section.catalog {width: 272px;}
div.aside section.catalog .item { margin: 0;}

.indexNewsInner { display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;}
#indexNews .item {float: left; width:371px; margin-left: 7px; padding: 17px 27px 33px 33px; font-size: 12px; line-height: 18px; margin-bottom: 40px;}
#indexNews .item:first-child {margin-left: 0;}

#indexNews .item  img {float: left;margin: 5px 20px 3px 0;}
#indexNews .item p.date {margin-bottom: 3px; position: relative;top:-3px;}
#indexNews .item .title {font-weight:bold; margin-bottom: 18px; font-size: 14px;}
#indexNews .item .title a {display: block;}

#indexNews p.readall {clear: both;}


div.aside {float: left; width: 272px; }
div.aside  h2 {margin-top: 3px;  margin-bottom: 6px; position: relative; height: 36px; padding: 0 42px;  font:normal 18px/37px "Roboto Condensed", sans-serif; }
div.aside  h2:before {position: absolute; left:15px; top:11px; content: ""; width: 16px; height: 16px; }

#sideSearch {margin-bottom: 6px; padding: 21px 17px 19px 19px; height: 23px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; }
#sideSearch .text {border: 0; font: italic 12px/21px Arial, Helvetica, sans-serif;   height: 21px; width: 166px; padding: 0 9px 0 9px;  float: left; margin: 0; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;}
#sideSearch .greenbutton {border: 0; position: relative;  display: inline-block; padding: 0; width: 41px; height: 22px;  float: right; cursor: pointer; margin: 0; }
#sideSearch .greenbutton input {top: 0; display: block; left: 0; width: 41px; height: 21px; z-index: 400; border: 0; }

#sidemenu {font-size: 14px; margin-bottom: 6px;  padding-bottom: 10px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;}
#sidemenu .sidemenuInner {padding: 6px 15px 10px 10px;}
#sidemenu li { border-top:1px solid #e2e2e2; }
#sidemenu li:first-child {border-top:0;}
#sidemenu ul li a {text-decoration: none; display: block;padding: 5px 0 4px 33px; line-height: 17px; cursor: pointer; }

#sidemenu ul li ul li { margin-bottom: 0;border: 0;}
#sidemenu ul li ul li:first-child {}
#sidemenu ul li ul li a {padding-left: 48px}

#sideNews  {margin-bottom: 6px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; }
.sideNewsInner {padding: 10px 6px 0px 15px; }
#sideNews .item {font-size: 13px; }
#sideNews .item  img {float: left;margin: 0 20px 3px 0; }
#sideNews .item p.date {margin-bottom: 1px;font-weight:bold; }
#sideNews .item .title { margin-bottom: 24px; }
#sideNews .item .title a {text-decoration: none;}
#sideNews .item .title a:hover {text-decoration: underline;}



input.text { height: 21px; font: italic 12px/23px Arial, Helvetica, sans-serif; padding: 0 8px;  border: 0; margin-bottom: 10px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;  }
input.button {font-size: 16px; padding: 0 33px; height: 27px; line-height: 25px; }
textarea {font: italic 12px/23px Arial, Helvetica, sans-serif; padding: 0 8px;  -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;  }

#sideAuth {margin-bottom: 6px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px;}
.sideAuthInner {padding: 14px 17px;}

#sideAuth input.text {width: 218px; }
#sideAuth input.button  {}

#sideAuth .links {padding: 13px 0 0 0;margin: 0;}
#sideAuth .links a {font-size: 12px; }
#sideAuth  input.text{margin-bottom:15px;}



main h2 {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.contactsPage {padding-top: 20px;}
.contactsPage .table {display: table; width: 100%; margin-bottom: 55px }
.contactsPage .leftCol {display: table-cell !important; display: inline; padding:15px 45px 0 15px; font-size: 16px;  vertical-align: top;font-family: ArialNarrowRegular, sans-serif;}
.contactsPage .rightCol {display: table-cell !important; display: inline;padding: 0 20px; width: 370px; vertical-align: top; }

.contactsPage p.phone {padding-left: 25px; line-height: 30px; padding-right: 20px; margin-bottom: 24px;font-size: 22px;   }
.contactsPage p.address {padding-left: 32px;font-size: 20px; margin-bottom: 16px;line-height: 30px;}
.contactsPage p.mail {padding-left: 32px;font-size: 20px; margin: 0;line-height: 30px;}
.contactsPage .leftCol p.info {line-height: 20px;}


.contactsPage .text {-webkit-border-radius:6px;-o-border-radius:6px; border-radius:6px; padding: 4px 12px; font-size: 14px; font-style: normal; width: 320px; }
.contactsPage textarea {-webkit-border-radius:6px;-o-border-radius:6px; border-radius:6px; padding: 4px 12px; font-size: 14px; font-style: normal; width: 320px; margin-bottom: 20px; }
.contactsPage .button {display: block; margin: 0 auto; }








footer {height: 130px; margin-top:20px;}
#botmenu {margin: 0 6px 26px 6px; height: 40px;   }
#botmenu ul {height: 37px;margin: 0 4px;text-align: center; font-size: 0;  }
#botmenu li {display: inline-block; position: relative;font: normal 18px/37px "ArialNarrowRegular", sans-serif;}
#botmenu li:before {position: absolute; content: ""; top:11px; left: -1px; height: 16px; width: 1px; }
#botmenu li:first-child:before {display: none;}
#botmenu li a { padding: 0 16px; display: block;}



footer .social {float: left; margin-left: 50px;}
footer .social a {display:inline-block; width: 32px; height: 32px; background-position: 0 0; background-repeat: no-repeat; margin-right: 3px;}

footer .counters {position: absolute; left: 50%; margin-left: -150px; width: 300px; text-align: center;}

footer .creator {float: right; width: 130px; font-size: 14px; margin-right: 50px;  line-height: 15px; position: relative; top:-3px; padding-top: 3px;}
footer .creator a.creator_logo {float: left;margin: -3px 6px 0 0; display: block; width: 46px; height: 36px; }
footer .creator a {text-decoration: none;}
footer .creator a:hover {text-decoration: underline;}


.popupWrapper {position: fixed; left: 0; top:0; width: 100%; height: 100%;  z-index: 999; display: none; }
.popupWrapper .popup { width: 264px; margin: 0 auto; padding: 55px 37px 33px 37px; -webkit-border-radius:12px;-o-border-radius:12px; border-radius:12px; -moz-box-shadow: 2px 2px 7px RGBA(0,0,0,0.29); -webkit-box-shadow: 2px 2px 7px RGBA(0,0,0,0.29); box-shadow: 2px 2px 7px RGBA(0,0,0,0.29); position: relative;}
.popupWrapper .popup .text {-webkit-border-radius:6px;-o-border-radius:6px; border-radius:6px; padding: 4px 12px; font-size: 14px; font-style: normal; width: 245px; }
.popupWrapper .popup textarea {-webkit-border-radius:6px;-o-border-radius:6px; border-radius:6px; padding: 4px 12px; font-size: 14px; font-style: normal; width: 245px; }
.popupWrapper .button {margin: 0 auto; display: block; padding: 0 50px; float: none; margin-top: 12px;}

.popupWrapper .close {position: absolute; width:13px; height: 14px;  right: 26px; top:15px; cursor: pointer;  }
 


