.body { padding: 0 7px; }
#header { height: 101px; }
#header .quick { position: absolute; left: -63px; width: 363px; height: 104px; padding: 8px 88px 0 115px; background: url(../_img/quick-contact-1.00.png) no-repeat; color: #fff; font-size: 12px; line-height: 130%; }
#header .quick > .a { font-weight: bold; text-shadow: 0 1px 1px rgba(97,0,0,.78); }
#header .quick > .b { font-size: 28px; font-weight: bold; letter-spacing: -1px; text-shadow: 0 1px 1px rgba(97,0,0,.78); line-height: 120%; }
#header .quick > .m { display: none; }
#header .logo { top: 19px; right: 70px; width: 222px; height: 72px; }
#header .logo > span { display: none; }
#nav { position: relative; z-index: 1; height: 62px; box-shadow: 0 1px 5px #000101; background: -webkit-linear-gradient(top, rgba(94,94,95,1) 50%, rgba(82,81,81,1) 50%); background: -moz-linear-gradient(top, rgba(94,94,95,1) 50%, rgba(82,81,81,1) 50%); background: -ms-linear-gradient(top, rgba(94,94,95,1) 50%, rgba(82,81,81,1) 50%); background: linear-gradient(top, rgba(94,94,95,1) 50%, rgba(82,81,81,1) 50%); font-size: 13px; cursor: default; }
#nav > .body { overflow: visible; }
#nav .menu-show { display: none; }
#nav .menu > li { display: inline-block; padding-right: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAuBAMAAAAfNL5kAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFJiYmKysrISEhnpycnpycnpycnpycnpycKikpnpycpKhAogAAAAp0Uk5TYz5fCQoFDhFmE5VEh38AAAAYSURBVAjXY3B0YCgoYJgxYSBRUgJDcAAA1r4zVyQqUkMAAAAASUVORK5CYII=) no-repeat right center; }
#nav .menu > li > a { display: block; padding: 0 22px; color: #fff; text-shadow: 0 1px 0 #2f2f2f; line-height: 61px; transition: background-color .3s; }
#nav .menu > li.current > a, #nav .menu > li > a:hover, #nav .menu > li > a:focus { background-color: rgba(255,255,255,.1); outline: none; }
#nav .menu > li ul { display: none; position: absolute; top: 61px; padding: 15px 0; background-color: #101010; background: rgba(16,16,16,.76); color: #fff; }
#nav .menu > li ul a { display: block; padding: 0 50px 0 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALBAMAAACwtdEWAAAABGdBTUEAALGPC/xhBQAAABVQTFRF8DgA/zwA8zkA/zwA/zwAAAAA7jgANYmHJQAAAAZ0Uk5T7JnXMxEAHUFg8AAAADBJREFUCNdjCA0NUWYIDXVSYQgNTnRlCDUTDWUITgwNZXBgDYWywGKhwUyuUHVAHQBW2ww1ZJJcZQAAAABJRU5ErkJggg==) no-repeat right 30px top 11px; }
#nav .menu > li ul a:hover { background-color: #605f5f; }
#nav .menu > li li { line-height: 33px; }
#footer > .body { padding-bottom: 25px; }
#footer > .body > .info { margin-top: 35px; color: #666; text-align: center; }
#footer > .body > .info > li { display: inline-block; margin-right: 5px; padding-right: 5px; border-right: 1px solid #808080; }
#footer > .body > .info > li:first-child { margin-right: 0; padding-right: 0; border-right: none; }
#footer > .body > .social { direction: ltr; position: absolute; top: 31px; left: 0; }
#footer > .body > .social > li { margin-right: 14px; background: url(../_img/sprites-1.00.png) no-repeat; }
#footer > .body > .social > li > a { width: 26px; height: 27px; }
#footer > .body > .social > .facebook { background-position: -223px 0; }
#footer > .body > .social > .youtube { background-position: -250px 0; }
#footer > .body > .social > .google { background-position: -277px 0; }
#footer > .body > .social > .email { background-position: -304px 0; }
#footer > .body > .social > .waze { background-position: -251px -28px; }
#footer > .body > .credits { position: absolute; top: 23px; right: 0; color: #a09f9f; font-size: 10px; text-transform: uppercase; }
#footer > .body > .credits > a { color: #889; }
#footer > .body > .promos { margin-top: 20px; text-align: center; color: #666; }
#footer > .body > .promos > a { color: #113; text-decoration: underline; }
#hp > .opening { border-bottom: 1px solid #d0d0d0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABv8AAAABCAYAAAD5JbLgAAAAB3RJTUUH3QkcCyQDER9w+gAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAFiSURBVHja7Vi7bgMxDKPuuvb/fzVLrKLAqWBo6pKxgwgcEtkSqYcnxePx+AYQ1wf6BZ2n8YnGt3DiFdFw/OIgHbbL70CvHeRTNmvXf+Y+6J79Q/TUTjl3saxRMedlJ/Zcw+TFPmhyYu6TeKpO1tR8+N7NLsRnNfkwZ+l8kd9Bel1Nqs89dn1nbvZn+7hyT9ED9j7pG2D+yr80WIvjkzjy6lfNRnMO9EjsNQP7bLinWg/nt5rew8SoDkNn4zgq74X9rTk+N5vBYDAYDAaDwWAwGAwGg8HgP8HtsPQsP6f7i483Z7yTVF3V47iFz7Cw71tdzWXXzo/3ie+0Ko532bqPdFqur0/sO8q88XHcMDF3s+O6q2ddflwr66TYTpfvVKPun5RL1/eFXXPd+HU1ac4psUtiQ/SUQ9+K88NVo+tLmjuOuau/O+/ugnjrnHvk+hfoa9dPe6C1AvvMXK/WjU7VsX4A3aiwFVEvf1kAAAAASUVORK5CYII=) repeat-y center top; }
#hp > .opening > .body { background: url(../_img/hp-opening-top-1.00.png) no-repeat center top; }
#hp #slogan { margin-top: 15px; }
#hp #slogan h1 { margin: 0 35px 10px; font-size: 27px; }
#hp .sections { text-align: center; }
#hp .sections > li { display: inline-block; width: 274px; margin-right: 58px; vertical-align: top; }
#hp .sections > li:first-child { margin-right: 0; }
#hp .sections > li > .header { height: 208px; padding: 5px; border: 1px solid #edecec; box-shadow: 0 2px 7px rgba(0,1,1,.07); background: #fff; text-align: center; }
#hp .sections > li > .header > h2 { line-height: 34px; font-size: 16px; letter-spacing: -1px; }
#hp .sections > li > .content { margin-top: 12px; padding: 8px; text-align: center; text-shadow: 0 1px #fff; }
#hp .sections > li img { width: 100%; height: auto; }
#hp .areas { margin: 0 -7px; padding-top: 55px; border-top: 1px solid #f0f0f0; background: url(data:image/png;base64,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) no-repeat center top; }
#hp .area { display: inline-block; width: 50%; margin-bottom: 32px; padding: 0 7px; vertical-align: top; }
#hp .area > .content { height: 195px; }
#hp .news > .content > li > a { padding: 0 15px 8px; }
#hp .news > .content > li > a > h4 { margin: 28px 0 8px; }
#hp .news > .content > li > a > img { float: left; margin: 8px 15px 15px -8px; }
#hp .video > .content { height: 162px; padding: 11px 14px 11px 240px; }
#hp .video > .content > a { position: absolute; top: 11px; left: 14px; }
#hp .video > .content > h4 { margin: 15px 0 8px; }
#hp .promo > ul > li { display: inline-block; width: 50%; margin-bottom: 10px; padding: 0 5px; }
#breadcrumb { height: 34px; padding-right: 8px; background: #e0dfdf url(../_img/breadcrumb-1.00.png) no-repeat center top; }
#breadcrumb > ul > li { background-position: right 14px; line-height: 37px; }
#aside { float: right; width: 230px; }
#content { float: left; width: 740px; }
#category-page > .header > .logo { position: absolute; top: 14px; right: 15px; width: 202px; height: 147px; border: 1px solid #e1e1e1; background-repeat: no-repeat; background-position: center center; }
#category-page > .header > #description { width: 470px; margin-right: 215px; }
#category-page > .header > #description.nologo { margin-right: 0; }
#category-page > .products { margin: 0 -7px; }
#category-page > .products > li { display: inline-block; width: 33.33%; }
#category2-page > .header { padding: 25px 25px 25px 250px; }
#category2-page > .products > li { display: inline-block; width: 33.33%; }
#product-page > .product > h1 { height: 37px; margin-bottom: 18px; padding: 0 22px; box-shadow: 0 2px 7px rgba(0,1,1,.07); background-color: #fff; line-height: 39px; }
#product-page > .product > .gallery > .image { float: right; width: 567px; height: 425px; box-shadow: 0 2px 7px rgba(0,0,0,.07); padding: 7px 6px; background: #fff; }
#product-page > .product > .gallery > .thumbnails > li { float: left; width: 167px; height: 139px; margin-bottom: 4px; box-shadow: 0 2px 7px rgba(0,0,0,.07); padding: 6px; background: #fff; }
#product-page > .product > .info { position: relative; outline: #e8e6e6 solid 1px; margin-right: 4px; padding: 36px 212px 40px 50px; box-shadow: 0 3px 4px rgba(0,1,1,.07); background: #fff; }
#product-page > .product > .info > .brand { position: absolute; top: 26px; right: -8px; width: 180px; height: 145px; padding-right: 18px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACRCAMAAABdcmKFAAAABGdBTUEAALGPC/xhBQAAAE5QTFRFRUVFSEhISEhISEhIRERESEhIRERESEhISEhISEhIZWVlSEhIRkZGSEhIWVlZSEhISEhIXFxcbGxsAAAAQ0NDRkZGUVFRVlZWSEhIbGxsR84F6AAAABR0Uk5TyFqTCdMS5hVyPIFmrkhzDC3RZgAEuJ37AAAAtklEQVR42u3dOxKCUBREwQcqoiAgfrjsf6NYlDH5reoTTdg7mPLK0+X2HyUReoqmveZDR3z6xw895+m+7H2HsubrCQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NfYxO9n0Rce7GZOh3PWV7GSnVaR8bJkDSZJI3AUAAAAAASUVORK5CYII=) no-repeat; line-height: 140px; text-align: center; }
#product-page > .product > .info > .brand > img { vertical-align: middle; }
#product-page > .product > .info > .attributes { margin: 30px -12px 0; }
#product-page > .product > .info > .attributes > li { width: 100px; height: 84px; margin: 0 12px 12px; outline: #e8e6e6 solid 1px; box-shadow: 0 2px 7px rgba(0,1,1,.15); }
#product-page > .contact { margin-right: 4px; padding: 18px 212px 40px 90px; outline: #e8e6e6 solid 1px; box-shadow: 0 3px 4px rgba(0,1,1,.07); }
#product-page > .contact > form > .column { display: inline-block; width: 52%; padding-right: 10px; vertical-align: top; }
#product-page > .contact > form > .column:first-child { display: inline-block; width: 48%; padding-right: 0; }
#product-page > .contact > form > button { float: right; }
#product-page > .contact > form > .direct { float: left; margin-top: 10px; }
#generalpage > .content { padding: 23px 22px 30px; }
#contact-page > form > .column { display: inline-block; width: 56%; padding-right: 10px; vertical-align: top; }
#contact-page > form > .column:first-child { display: inline-block; width: 43%; padding-right: 0; }
#brands-page > ul > li { position: relative; height: 186px; margin-bottom: 16px; padding: 36px 218px 50px 58px; }
#brands-page > ul > li > .logo { position: absolute; top: 35px; right: 30px; }
#brands-page > ul > li > a { position: absolute; bottom: 22px; left: 65px; }
#media-page > ul > li { display: inline-block; width: 50%; vertical-align: top; }

@media (min-width: 768px) and (max-width: 1023px)
{
	#header .quick { left: 0; width: 300px; height: 104px; padding: 8px 88px 0 0; background-position: -63px 0; }
	#header .logo { right: 15px; }
	#nav .menu > li > a { padding: 0 10px; }
	#footer > .body { padding-bottom: 10px; text-align: center; }
	#footer > .body > .info { margin: 35px 0 20px; }
	#footer > .body > .social { position: static; margin-bottom: 15px; }
	#footer > .body > .credits { position: static; }
	#hp .sections > li { width: 210px; margin-right: 20px; }
	#hp .sections > li > .header { height: auto; padding: 5px; }
	#hp .news > .content > li > a > img { width: 50%; height: auto; margin: 8px 15px 15px -8px; }
	#hp .video > .content { padding: 11px 4px 11px 210px; }
	#hp .video > .content > h4 { margin: 0 0 4px 0; font-size: 18px; }
	#hp .promo > ul { margin-top: 45px; }
	#hp .promo > ul > li > a > img { width: 100%; height: auto; }
	#aside { display: none; }
	#content { float: none; width: auto; }
}