/*  ++Fonts++  */
/*@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/ptsansregular/pts55f_w-webfont.eot');
    src: url('../fonts/ptsansregular/pts55f_w-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsansregular/pts55f_w-webfont.woff') format('woff'),
         url('../fonts/ptsansregular/pts55f_w-webfont.ttf') format('truetype'),
         url('../fonts/ptsansregular/pts55f_w-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PFDinDisplayProLightRegular';
    src: url('../fonts/ddplightregular/pfdindisplaypro-light-webfont.eot');
    src: url('../fonts/ddplightregular/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ddplightregular/pfdindisplaypro-light-webfont.woff') format('woff'),
         url('../fonts/ddplightregular/pfdindisplaypro-light-webfont.ttf') format('truetype'),
         url('../fonts/ddplightregular/pfdindisplaypro-light-webfont.svg#PFDinDisplayProLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/*  Fonts  */

body {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    background-color: #c0c0c0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
    min-width: 1006px;
    max-width: 1280px;
    width: 1280px;
    height: auto;
    margin: 0px auto;
    padding: 15px 0px 0px 0px;
    background-color: #ffffff;
}

a {color: #0f7801;}
p {padding: 0px 20px;}
h2, h3 {padding-left: 20px;}

h1.catzag {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: bold;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
}
h2.catzag {
    clear: both;
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px;
    margin: 0px 0px 5px 0px;
    font-size: 18px;
    font-weight: bold;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
}

header, nav, section, article, aside, footer {
   display:block;
}

.f_left {float:left;}
.f_right {float:right;}

header {
    width: 1006px;
    height: 109px;
    margin: 0px auto;
}

.bold {font-weight: bold;}

.form-control {position:absolute;left: -99999px;}

/*  ++HeaderTop++  */
.header-top {width:1006px;height:43px;}

.ht-left, .ht-right {width: 499px;float: left;margin-right:4px;}
/*.ht-left p, .ht-right p, .ht-right a {font-family: 'PFDinDisplayProLightRegular', Arial, Helvetica, Verdana, Futura, sans-serif;}*/

.ht-left a, .ht-left p {float:left;}
.ht-right a, .ht-right p, .ht-right img {float:right;} 

.ht-left a {margin:0px 17px 0px 0px;}
.ht-left a img {border: none;}
#zakaz-zvonka #langswitch {float:right;margin-top:-26px;}
#zakaz-zvonka #langswitch a {text-transform:uppercase;text-decoration:none;border-bottom: #333333 1px dashed;display:block;margin-top:0px;float:left;}
#zakaz-zvonka #langswitch span {display:block;margin-top:0px;float:left;padding:0 6px;}
#zakaz-zvonka {float:right;}
#zakaz-zvonka a.zakaz-zvonka {display:block;clear:both;margin-top:0px;float:left;}
.ht-right a {text-decoration: none;}
.ht-right a.zakaz-zvonka {border-bottom: #333333 1px dashed;}
.ht-right a.zakaz-zvonka, .ht-left p {
    font-size: 14px;
    margin-top: 11px;
    margin-bottom: 0px;
    color: #333333;
}
.ht-right a img {border: none;}
.ht-right p.number {
    font-size: 24px;
    margin-top: 6px;
    margin-bottom: 0px;
    padding: 0px;
    color: #333333;
    letter-spacing: 1px;
}
.ht-right p.number span {
    display: block;
    float: left;
    font-size: 14px;
    margin: 0px 5px 0px 15px;
}
.ht-right p.drob {
    padding: 0px 5px;
}
/*  HeaderTop  */

/*  ++MainMenu++  */
nav {
    width: 1006px;
    height: 49px;
    margin-top: 22px;
    background: url(../images/header/bg-mnav.png) no-repeat;
}
nav ul {
    width: 1000px;
    height: 43px;
    margin: 0px;
    padding: 1px 4px 5px 2px;
}
nav ul li {
    position:relative;
    float: left;
    list-style: none;
    text-align: center;
    background: url(../images/header/bg-nav-active.png) no-repeat right top;
}
nav ul li.last {background: none;}
nav ul li:hover,nav ul li.active {background: url(../images/header/bg-nav-active.png) repeat-x right top;}

nav ul li a {
    display: block;
    padding: 12px 0px;
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
}
/*
nav ul li.mm1 {width: 150px;}
nav ul li.mm2 {width: 170px;}
nav ul li.mm3 {width: 170px;}
nav ul li.mm4 {width: 190px;}
nav ul li.mm5 {width: 150px;}
nav ul li.mm6 {width: 170px;}
*/

nav ul li.mm1 {width: 170px;}
nav ul li.mm2 {width: 115px;}
nav ul li.mm3 {width: 125px;font-weight:bold;}
nav ul li.mm4 {width: 165px;}
nav ul li.mm5 {width: 160px;}
nav ul li.mm6 {width: 130px;}
nav ul li.mm7 {width: 135px;}

nav ul ul.submenu {
  width:200px;
  display:none;
  position:absolute;
  z-index:1000;
  top:43px;
  margin:0px;
  padding:0px;
}
nav ul ul.submenu li {
  position:relative;
  z-index:1000;
  float:none;
  background:#056005;
}
nav ul ul.submenu li:hover {background:#1d8a0b;}
nav li:hover ul.submenu{display:block;}

/*  MainMenu  */

/*  ++Slider++  */
#slides {
        width: 1006px;
        height: 326px;
        margin: 15px auto;
        position: relative;
        background: url(../images/sliders/bg-slider.png) no-repeat left top;
}
#slides img {border:none;}

.slides_container {
  width:1000px;
  height:320px;
        margin-left: 2px;
        padding:2px 0px 0px 0px;
  overflow:hidden;
  position:relative;
/*display:none;*/
}

.slides_container li {
  width:1000px;
  height:320px;
  display:block;
}

/* Next/prev buttons */
#slides .next,#slides .prev {
  position:absolute;
  top:116px;
  width:20px;
  height:94px;
  display:none;
  z-index:101;
}
#slides .prev {margin-left: 26px;background: url(../images/sliders/arrow-prev.png) no-repeat;}
#slides .prev:hover {background: url(../images/sliders/arrow-prev-active.png) no-repeat;}
#slides .next {margin-left: 958px;background: url(../images/sliders/arrow-next.png) no-repeat;}
#slides .next:hover {background: url(../images/sliders/arrow-next-active.png) no-repeat;}

/* Pagination */
.pagination {
  margin:-50px 0px 0px 70px;
  width:100px;
        position:absolute;
        display:block;
  z-index:101;
}

.pagination li {
  float:left;
  margin:0px 3px;
  list-style:none;
}

.pagination li a {
  display:block;
  width:12px;
  height:0;
  padding-top:12px;
  background-image:url(../images/sliders/pagination.png);
  background-position:0 0;
  float:left;
  overflow:hidden;
}

.pagination li a:hover {
        background-image:url(../images/sliders/pagination.png);
  background-position:0 -12px;}

.pagination li.current a {background-position:0 -12px;}
/*  Slider  */



/*  ++Slider2++  */
#slides2 {
        width: 1000px;
        height: 218px;
        margin: 0px auto;
        padding-top: 38px;
        position: relative;
}

.slides_container2 {
  width:924px;
  height:218px;
        margin: 0px auto 0px auto;
        padding: 0px;
  overflow:hidden;
  position:relative;
  display:none;
}

.slides_container2 li {
  width:924px;
  height:218px;
  display:block;
}
.slides_container2 li img {
    width: 264px;
    height: 198px;
    margin: 0px 10px;
    border: #076807 10px solid;
}

/* Next/prev buttons */
#slides2 .next,#slides2 .prev {
  position:absolute;
  top:140px;
  width:20px;
  height:29px;
  /*display:none;*/
  font-size:0px;
  z-index:101;
}
#slides2 .prev {margin-left: 10px;background: url(../images/sliders/arrow-prev2.png) no-repeat;}
#slides2 .prev:hover {background: url(../images/sliders/arrow-prev-active2.png) no-repeat;}
#slides2 .next {margin-left: 972px;background: url(../images/sliders/arrow-next2.png) no-repeat;}
#slides2 .next:hover {background: url(../images/sliders/arrow-next-active2.png) no-repeat;}


/*  ++Slider3++  */
#slides3 {
        width: 1000px;
        height: 296px;
        margin: 0px auto;
        padding-top: 38px;
        position: relative;
}

.slides_container3 {
  width:924px;
  height:296px;
        margin: 0px auto 0px auto;
        padding: 0px;
  overflow:hidden;
  position:relative;
  display:none;
}

.slides_container3 li {
  width:924px;
  height: 198px;
  display:block;
}
.slides_container3 li img {
    width: 296px;
    height: 198px;
    margin: 0px 0px;
    border: #076807 4px solid;
}

/* Next/prev buttons */
#slides3 .next,#slides3 .prev {
  position:absolute;
  top:140px;
  width:20px;
  height:29px;
  /*display:none;*/
  font-size:0px;
  z-index:101;
}
#slides3 .prev {margin-left: 10px;background: url(../images/sliders/arrow-prev2.png) no-repeat;}
#slides3 .prev:hover {background: url(../images/sliders/arrow-prev-active2.png) no-repeat;}
#slides3 .next {margin-left: 972px;background: url(../images/sliders/arrow-next2.png) no-repeat;}
#slides3 .next:hover {background: url(../images/sliders/arrow-next-active2.png) no-repeat;}

/* Pagination */
.pagination {
  margin:-50px 0px 0px 70px;
  width:100px;
        position:absolute;
        display:block;
  z-index:101;
}

.pagination li {
  float:left;
  margin:0px 3px;
  list-style:none;
}

.pagination li a {
  display:block;
  width:12px;
  height:0;
  padding-top:12px;
  background-image:url(../images/sliders/pagination.png);
  background-position:0 0;
  float:left;
  overflow:hidden;
}

.pagination li a:hover {
        background-image:url(../images/sliders/pagination.png);
  background-position:0 -12px;}

.pagination li.current a {background-position:0 -12px;}
/*  Slider2  */


section {
    width: 1006px;
    margin: 0px auto;
}

/*  ++Категории каталога на главной++  */
ul.carbrands {
    width: 986px;
    height: 64px;
    padding: 15px 0px;
    margin: 0px auto;
}
ul.carbrands li {
    height: 64px;
    list-style: none;
    float: left;
    margin: 0px 19px;
}
ul.carbrands li a {display: block;}
ul.carbrands li a img {border: none;}
/*  Категории каталога на главной  */


/*  ++Каталог++  */
ul.catcar {
    width: 1000px;
    margin-left: 2px;
    margin-bottom: 5px;
    padding: 15px 0px;
}
ul.catcar-mp {
    width: 1000px;
    height: 174px;
    margin-left: 2px;
    margin-bottom: 5px;
    padding: 15px 0px;
}
ul.catcar-pc {
    width: 1000px;
    height: 174px;
    margin-left: 2px;
    margin-bottom: 5px;
    padding: 0px;
}

ul.catcar li {
    width: 232px;
    height: 174px;
    float: left;
    list-style: none;
    margin-right: 24px;
    margin-bottom: 24px;
}
ul.catcar li span.spezpredlojenie {
    width: 232px;
    position: absolute;
    text-align: center;
    font-size: 10px;
    color: #055f05;
    padding: 2px 0px;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #ffd200;
}

ul.catcar li.last, ul.catcar li.lastcat {margin-right: 0px;}
ul.catcar li a {
    width: 232px;
    height: 174px;
    display: block;
    font-size: 12px;
    text-decoration: none;
}
ul.catcar li a img {
    width: 232px;
    height: 174px;
    border: none;
}
ul.catcar li a span {
    width: 232px;
    height: 24px;
    display: block;
    margin-top: -36px;
    padding-top: 12px;
    background-color: #000000;
    opacity: 0.7;
    z-index:101;
    font-size: 12px;
    color: #ffffff;
    text-indent: 20px;
}
ul.catcar li a .mask span {
    display: inline;
}

ul.catcar li:hover a .mask span.mask_price {color: #ffd400;}
ul.catcar li a:hover span {background-color: transparent;}
ul.catcar li.last a span {background-color: transparent;}

.view {
   width: 232px;
   height: 174px;
   overflow: hidden;
   position: relative;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}

.view .mask-out {
   width: 232px;
   height: 174px;
   position: absolute;
   overflow: hidden;
   top: 0px;
   left: 0;
   z-index:100;
}

.view .mask {
   width: 232px;
   height: 174px;
   position: absolute;
   overflow: hidden;
   top: 0px;
   left: 0;
   z-index: 200;
}

.view span {
   text-transform: uppercase;
   color: #ffffff;
   position: relative;
   z-index: 200;
}
.view p {
   /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
   font-size: 12px;
   position: relative;
   color: #ffffff;
   padding: 10px;
}

.view-first .mask {
   width: 232px;
   height: 174px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color:#ffffff;
   background-color: rgba(0,0,0, 0.5);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first span {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   color: #ffffff;
   display: block;
}

.view-first:hover .mask-out {
   background-color: #000000;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   *-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
   *filter: alpha(opacity=50);
   opacity: 0.5;
}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1.0;
   background-color: transparent;
   z-index: 200;
}

.view-first:hover span {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1.0;
   -webkit-transform: translateY(-135px);
   -moz-transform: translateY(-135px);
   -o-transform: translateY(-135px);
   -ms-transform: translateY(-135px);
   transform: translateY(-135px);
   background-color: transparent;
   z-index: 200;
   color: #ffd400;
}
.view-first:hover span.mask_price {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
}

.view-first:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   *top:30px;
   -webkit-transform: translateY(35px);
   -moz-transform: translateY(35px);
   -o-transform: translateY(35px);
   -ms-transform: translateY(35px);
   transform: translateY(35px);
   background-color: transparent;
   z-index: 200;
}
/*  Каталог  */






.separator {
    width: 1000px;
    height: 4px;
    margin: 0px auto;
    background: url(../images/separator/separator.png) repeat-x;
}

.separator-mp1 {
    width: 1000px;
    height: 20px;
    margin: 0px auto 20px auto;
    background: url(../images/separator/separator-mp1.png) repeat-x left bottom;
}

.separator-mp1 a {
    width: 110px;
    display: block;
    margin: 0px auto 0px auto;
    background-color: #ffffff;
    text-align: center;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
    font-size: 14px;
    color: #333333;
}

.separator-mp2 {
    width: 744px;
    height: 16px;
    margin: 0px auto;
    background: url(../images/separator/separator-mp2.png) repeat-x;
}

.separator-mp2 a {
    width: 180px;
    height: 16px;
    display: block;
    margin: 0px auto;
    padding: 0px;
    line-height: 0;
   *line-height: normal;
    background-color: #065904;
    text-align: center;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
    font-size: 14px;
    color: #ffffff;
}

.separator-mp3 {
    width: 232px;
    height: 16px;
    margin: 0px auto;
    background: url(../images/separator/separator-mp2.png) repeat-x;
}

.separator-mp3 a {
    width: 110px;
    display: block;
    margin: 0px auto;
    background-color: #065904;
    text-align: center;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
    font-size: 14px;
    color: #ffffff;
}


section.green-zone {
    width: 100%;
    height: 295px;
    background: url(../images/bg-green.png) repeat-x;
}
section .gz {
    width:1006px;
    height: 295px;
    margin: 0px auto;
}
section.green-zone .gz-left {
    width: 744px;
    height: 295px;
    float: left;
    margin-left: 2px;
    margin-right: 24px;
    background: url(../images/bg-spezpred.png) no-repeat top center;
}

ul.spezcatcar {
    width: 744px;
    height: 171px;
    margin: 0px;
    padding: 64px 0px 15px 0px;
}
ul.spezcatcar li {
    width: 232px;
    height: 171px;
    float: left;
    list-style: none;
    margin-right: 24px;
}
ul.spezcatcar li.last {margin-right: 0px;}
ul.spezcatcar li a {
    width: 232px;
    height: 171px;
    display: block;
    font-size: 12px;
}
ul.spezcatcar li a img {border: none;}
ul.spezcatcar li a span {
    width: 232px;
    height: 24px;
    display: block;
    margin-top: -39px;
    padding-top: 12px;
    background-color: #000000;
    opacity: 0.7;
    z-index:101;
    font-size: 12px;
    color: #ffffff;
    text-indent: 20px;
}











section.green-zone .gz-right {
    width: 232px;
    height: 295px;
    float: left;
    background: url(../images/bg-otzivi.png) no-repeat top center;
}
.gz-right .otziv-text {
    width: 202px;
    height: 78px;
    margin-top: 64px;
    padding: 15px 15px 24px 15px;
    background: url(../images/otziv-text.png) no-repeat;
}
.gz-right .otziv-text p {
    height: 72px;
    overflow: hidden;
    font-size: 12px;
    color: #ffffff;
    margin: 0px;
    line-height: 150%;
    padding: 0;
}
.gz-right .otziv-fotoname {
    width: 232px;
    height: 48px;
    margin-bottom: 15px;
    padding-bottom: 6px;
}
.gz-right .otziv-fotoname img {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 15px;
}
.gz-right .otziv-fotoname p {
    font-size: 12px;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    padding-top: 9px;
    line-height: 150%;
}


footer {
    width: 100%;
    height: auto;
    padding: 30px 0px 20px 0px;
    background: url(../images/bg-footer.jpg) repeat-x left bottom;
}

.footer-info {
    width: 1002px;
    height: auto;
    margin: 0px auto;
    padding-bottom: 15px;
}

.footer-info img {
    width: 1002px;
    height: 92px;
    margin-bottom: 15px;
}
.footer-info p {
    text-align: center;
}














/*  ++Формы++  */
form.catfil {
    width: 1006px;
    height: 114px;
    margin: 10px auto 0px auto;
    background: url(../images/form/bg-filtr.png) no-repeat;
}
.cf-left {width: 232px;height: 114px;float: left;}
.cf-left select {
    width: 176px;
    margin-left: 28px;
    margin-top: 15px;
    outline: none;
}
.cf-left p {
    margin-left: 2px;
    font-size: 11px;
    outline: none;
    padding-top: 0px;
}

.cf-center {width: 542px;height: 114px;float: left;}
.cf-center p {margin: 15px 0px 0px 0px;font-size: 11px;}
.cf-center a input {
    height: 15px;
    position: absolute;
    margin: -14px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    font-size: 10px;
    border: 0px;
    background-color: transparent;
    outline: none;
    z-index: 1;
}
#amount2-in, #amount2-out {width: 44px; margin-left: -18px;}
#amount3-in, #amount3-out {width: 34px; margin-left: -10px;}
#amount4-in, #amount4-out {width: 51px; margin-left: -18px;}



.cf-right {width: 232px;height: 114px;float: left;}
.cf-right input {
    width: 158px;
    height: 40px;
    margin: 37px 0px 0px 37px;
    padding: 0px;
    border: none;
    cursor: pointer;
    background-color: #ffd300;
}
.cf-right a.sbros {
    float: right;
    color: #333;
    text-decoration: none;
    border-bottom: #333 1px dashed;
    margin: 8px 37px 0px 0px;
    font-size: 12px;
}




/*  ++Ползунок++  */
/* Ширина слайдера */
#slider {
  width: 200px;
}
/* Контейнер слайдера */
.ui-slider {
  position: relative;
}
/* Ползунок */
.ui-slider .ui-slider-handle {
  display: block;
  position: absolute;
  z-index: 20;
  width: 14px;   /* Задаем нужную ширину */
  height: 4px;  /* и высоту */
  background: url(../images/form/slider.png) no-repeat bottom center; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */
  cursor: pointer
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 10;
  font-size: .7em;
  display: block;
  border: 0;
  overflow: hidden;
}
.ui-state-focus {outline:none;}

/* горизонтальный слайдер (сама полоса по которой бегает ползунок) */
.ui-slider-horizontal {
   height: 3px; /* задаем высоту согласно дизайна */
}
/* позиционируем ползунки */
.ui-slider-horizontal .ui-slider-handle { 
  top: -5px;
  margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min { 
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
/* оформление полосы по которой ходит ползунок */
.ui-widget-content { 
  width: 400px;
  height: 2px;
  float: right;
  margin-top: -5px;
  background: url(../images/form/bg-slider-range.png) repeat-x;
}
/* оформление активного участка (между двумя ползунками) */
.ui-widget-header { 
  height: 2px;
  background: #018a01;
}
/* скругление для полосы слайдера */
.ui-corner-all {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
/*  Ползунок  */


/*  Формы  */

.catcaunt {
    width: 1006px;
    height: auto;
    margin: 20px auto 0px auto;
    text-align: center;
}

.pager {
    width: 1000px;
    height: auto;
    padding: 12px 0px;
    clear: both;
    margin: 0px auto;
    background-color: #f2f2f2;
    text-align: center;
    /*font-family: 'PFDinDisplayProLightRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
}
.pager a {
    font-size: 14px;
    color: #000000;
    padding: 2px 3px;
}

.pager span {
    padding: 2px 3px;
    background-color: #ff0;
}

.backcat {
    width: 1000px;
    height: auto;
    padding: 11px 0px 14px 0px;
    clear: both;
    margin: 10px auto;
    background-color: #f2f2f2;
}
.backcat a {
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, Verdana, Futura, sans-serif;
    margin-left: 20px;
}


/*  ++Карточка товара++  */
.catinfo {
    width: 1000px;
    height: auto;
    margin: 0px auto;
}

.catinfo .fotoinfo {
  width: 480px;
  height: auto;
  float: left;
}

.catinfo .description {
  width: 500px;
  height: auto;
  float: right;
}

/*  ++Галерея изображений карточки товара++  */

#products .slides_container {
  width:480px;
  height:360px;
  overflow:hidden;
  position:relative;
        margin: 0px;
        padding: 0px;
}

#products .slides_container a img {
    border: none;
}

#products .pagination {
  width: 452px;
        float:left;
        margin: 0px;
  padding: 14px 14px 0px 14px;
        background-color: #e5e5e5;
}

#products .pagination li {
  float:left;
        margin: 0px 12px 14px 0px;
}

#products .pagination li.last {margin: 0px 0px 14px 0px;}

#products .pagination li a {
  display:block;
  width:104px;
  height:78px;
  float:left;
  background:#f9f9f9;
        padding: 0px;
}
#products .pagination li a span {
    width: 98px;
    height: 72px;
    display: block;
    position: absolute;
    margin: 3px;
}

#products .pagination li a img {
    width: 104px;
    height: 78px;
    position: absolute;
    border: none;
}


#products .pagination li.current a {
  /*border:3px solid #000000;
  margin:0;*/
}

#products .pagination li.current a span, #products .pagination li:hover a span {
    margin: 0px;
    border: 3px solid #000000;
}
/*  Галерея изображений карточки товара  */

.cattext1, .cattext2, .cattext3 {width: 500px;margin-bottom: 30px;}
.cattext1 {height: auto;}
.cattext2 {height: 142px;}

.description .left {width: 238px;height: auto;float: left;}
.description .right {width: 238px;height: auto;float: right;}

.description .price {width: 238px;height: 121px;background-color: #ffd300; text-align: center;}
.description .price p {margin: 0px;padding-top: 20px;text-transform: uppercase;font-size: 14px;}
.description .price p.realprice {font-size:40px;font-weight: bold;padding-top: 5px;}
.description .price p.oldprice {padding-top: 5px;text-decoration: line-through;}
.description .cattext1 .left a {
    width: 115px;
    display: block;
    text-decoration: none;
    margin-top: 8px;
    padding: 9px 0px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
}
.description .cattext1 a.buy {float: left;background-color: #1e960d;}
.description .cattext1 a.credit {float: right;background-color: #056105;}

.description .cattext1 .left a.action {
    width: 238px;
    display: block;
    clear: both;
    padding: 9px 0px;
    text-align: center;
    font-size: 18px;
    color: #000000;
    background-color: #FFD300; 
}
.description .cattext1 .left a.action span {font-weight: bold;font-size:20px;}


.description .cattext1 .right #metka {width: 25px;height: 169px;float: left;margin-right: 16px;}
.description .cattext1 .right #metka a {width: 25px;height: 36px;display: block;margin-top: 13px;}
.description .cattext1 .right img {width: 25px;height: 36px;border:none;}
.description .cattext1 .right p {font-family: Arial, Helvetica, Verdana, Futura, sans-serif;font-size: 12px;}
.description .cattext1 .right p.location {
    margin: 17px 0px 0px 0px;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
    font-size: 14px;
    text-transform: uppercase;
}

.cattext2 table {width: 238px;border-top: #cccccc 1px solid;}
.cattext2 table tr td {
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: #cccccc 1px solid;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
}


.cattext3 h3 {
    margin: 0px 0px 3px 0px;
    padding-bottom: 7px;
    font-size: 14px;
    font-weight: bold;
    /*font-family: 'PTSansRegular', Arial, Helvetica, Verdana, Futura, sans-serif;*/
    text-transform: uppercase;
    border-bottom: #cccccc 1px solid;
}
.cattext3 p {
    width: 500px;
    font-size: 12px;
    font-family: Arial, Helvetica, Verdana, Futura, sans-serif;
    padding:0;
}
/*  Карточка товара  */

/*  Корзина  */
p.modif-avto {
    width: 280px;
    float:right;
    font-weight:bold;
}
/*  Корзина  */
#callback {
    width: 600px;
    height: 400px;
    background: url(../images/form/bg-callback3.png) repeat-x top left;
}
#callback.rating {background: url(../images/form/bg-callback7.png) repeat-x top left;}
.rating-text {
  height:52px;
  padding:5px;
  margin:10px 0px 5px 0px;
  overflow:hidden;
  font-size:12px;
  line-height:150%;
  color: #555555;
}

#callback h1 {
   text-align: center;
   margin: 0;
   padding: 30px 0px 15px 0px;
}

#callback form {
   width: 500px;
   margin-left: 50px;
}

#callback .line, #callback form .line {
   width: 500px;
   height: 1px;
   clear: both;
   background-color: #666666;
}

#callback form p {
   width: 440px;
   margin: 0px 0px 0px 30px;
   padding: 15px 0px;
   *padding: 0;
}

#callback form p input {float: right;}
#callback form p textarea {float: right; margin-bottom:15px;}


#callback form p.captcha {
  clear: both;
  padding: 7px 0px 0px 0px;
}
#callback form p.captcha input {margin-right:82px;}
#callback form p.captcha img {width:120px; height:30px;}


#callback input.submit {
    width: 230px;
    height: 40px;
    margin: 30px 0px 0px 135px;
    padding: 0px;
    border: none;
    cursor: pointer;
    background-color: #cccccc;
}

#callback2 {
    width: 700px;
    height: auto;
    margin: 40px auto 30px auto;
}

#callback2 form {
   width: 600px;
   margin: 0px 0px 0px 50px;
}

#callback2 form .line {
   width: 600px;
   height: 1px;
   clear: both;
   background-color: #666666;
}

#callback2 form p {
   width: 540px;
   margin: 0px 0px 0px 30px;
   padding: 15px 0px;
}

#callback2 form p input {float: right;}
#callback2 form p textarea {float: right; margin-bottom:15px;}
#callback2 form p select {float: right;}

#callback2 form p.captcha {
  clear: both;
  padding: 7px 0px 0px 0px;
}
#callback2 form p.captcha input {margin-right:82px;}

#callback2 input.submit {
    width: 230px;
    height: 40px;
    margin: 30px 0px 0px 185px;
    padding: 0px;
    border: none;
    cursor: pointer;
    background-color: #cccccc;
}

#callback2 form p span {
   width:70px; float:right;
   padding-left:10px;
}
#srok {
 color:#000;
}
#slider-range-max {
   width:200px;
   float:right;
   margin:8px 110px 20px 0;
}
.button {
 width:230px;
 background-color:#cccccc;
 margin:30px auto 15px;
 padding:12px 0;
 text-align:center;
 cursor:pointer;
}

.services {margin-top:30px;margin-left:20px;}

.services a {
   display: block;
   width: 500px;
   margin: 15px 0px;
   font-size: 27px;
   color: #0f7801;
}

.othernews {padding-left: 20px;padding-top:40px;}
.othernews div {margin-bottom: 15px;}
.othernews h3 {padding: 0;}

.revblock {clear: both;padding:15px 0px;height: auto;}
.revblock img {padding-right: 10px;}
.clear {clear: both;}

ul.avtosaloni li {
   margin-bottom:10px;
   margin-left: 7px;
}

.page-uslugi-h1 {
   font-weight:normal;
   font-size:27px;
   margin-left:20px;
}

/*Ссылка вверху - оставить отзыв о работе салона*/
.rating-top {
  width:1280px;
  height: 47px;
  text-align: center;
  background-color: #ffffff;
  margin:0px auto;
}
.fixplace {
  position: fixed;
  z-index: 1000;
  width:1280px;
  padding-bottom: 5px;
  /*background-color: #ffffff;*/
}
.fixplace a {
  display: block;
  width: 300px;
  padding: 5px 0px 10px 0px;
  margin:0px auto;
  color: #000000;
  text-decoration: none;
  background-color: #ffd300;
  moz-border-radius-bottomright:10px;
  -webkit-border-bottom-right-radius: 10px;
  -khtml-border-bottom-right-radius:10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -khtml-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: #939599 1px solid;
  border-right: #939599 1px solid;
  border-bottom: #939599 1px solid;
}
.fixplace a span {
  padding-bottom: 2px;
  border-bottom: #333333 1px dashed;
}
#callback span {
  text-align: center;
  margin: 0;
  padding: 30px 0px 15px 0px;
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}