@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700,400italic,700italic,900,900italic&subset=latin,cyrillic);

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



body.main {
	margin:0px 0px 0px 0px;
	/*background:url(bitrix/templates/autoplus/images/bg_body.jpg) repeat left top #FFFFFF;*/
	background:url("images/bg.gif") repeat center top #fff;

}

table {
	border:0;
	    border-collapse: collapse;
}

table.main {
	height:100%;
	width:950px;
margin-bottom: 25px;
}

table.table_100 {
	width:100%;
}

td {
	font-family: Arial, Tahoma, Verdana, Helvetica;

	color:#333333;
}

ul.woi {
    margin:0;
    padding:0;
    list-style:none;
}

ul.woi > li {
    margin:0;
    padding:0;
    display: block;
    box-sizing: border-box;
}

.calendar-icon {
margin-top: 0px;
}








@media (min-width:1000px) {
   #popup__toggle{
       display:none;

   }
}



#popup__toggle{ 
bottom: 80px;
    left: 170px;
    position: fixed;
    z-index: 999;}
.img-circle{background-color:#ff0000;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #ff0000;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#ff0000;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:100px;height:100px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:100px;height:100px;background-image:url('../mini.png');background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}








.call_back{

position: fixed;
    z-index: 999;
    left: 20px;
    bottom: 0px;
}

/*Стили для ссылки*/
.call_back a{
	color:#fff!important; /*цвет ссылки*/
	display:block;
	
	text-shadow: 1px 1px 1px #555;
    background: -moz-linear-gradient(#df0023, #c4001f);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4001f),color-stop(1, #df0023));
    background: -webkit-linear-gradient(#df0023, #c4001f);
    background: -o-linear-gradient(#df0023, #c4001f);
    background: -ms-linear-gradient(#df0023, #c4001f);
    background: linear-gradient(#df0023, #c4001f);
    border: 1px solid #c4001f;
	
	
	font-size:1.2em; /*размер шрифта*/
	text-align:center; /*выравнивание по центру*/
	padding: 15px 20px 10px 20px; /*внутренние отступы*/
	font-weight:bold;/*жирный шрифт*/
	border-radius:5px 5px 0 0; /*радиус скругления углов*/
}

.call_back a:hover {
	padding: 15px 20px 20px 20px; /*внутренние отступы*/
}


@media (max-width:1000px) {
   .call_back a {
      font-size:30px; /*размер шрифта*/
   }
}














.hide {
    display: none; 
}
.hide + label ~ div{
    display: none;
}
/* оформляем текст label */
.hide + label {
    padding: 0;
    cursor: pointer;
    display: inline-block; 
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    padding: 10px; 
}

/* demo контейнер */
.zayavblock {

}


.longblock div {
text-indent: 0px;
    text-indent: 0px;
    text-align: center;
    font-size: 25px;
    background-color: red;
    background: -moz-linear-gradient(#df0023, #c4001f);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4001f),color-stop(1, #df0023));
    background: -webkit-linear-gradient(#df0023, #c4001f);
    background: -o-linear-gradient(#df0023, #c4001f);
    background: -ms-linear-gradient(#df0023, #c4001f);
    background: linear-gradient(#df0023, #c4001f);
    border: 1px solid #c4001f;
    text-shadow: 1px 1px 1px #000;
    margin: 15px 0;
    color: #ffff;
    font-weight: bold;
    padding: 10px;
    border-radius: 10px;

}

.longblockblue div {
text-indent: 0px;
    text-indent: 0px;
    text-align: center;
    font-size: 25px;
    background-color: red;
    background: -moz-linear-gradient(#02d1fb, #056cff);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #056cff),color-stop(1, #02d1fb));
    background: -webkit-linear-gradient(#02d1fb, #056cff);
    background: -o-linear-gradient(#02d1fb, #056cff);
    background: -ms-linear-gradient(#02d1fb, #056cff);
    background: linear-gradient(#02d1fb, #056cff);
    border: 1px solid #056cff;
    text-shadow: 1px 1px 1px #000;
    margin: 15px 0;
    color: #ffff;
    font-weight: bold;
    padding: 10px;
    border-radius: 10px;

}

.longblock {

}



@media (max-width: 1024px) {
.longblock {
margin: 10px 0;
display: block;
}


.tabprice td {
font-size: 16px;
}

.blocktext p {
font-size: 16px;
}

.longblock div {
text-indent: 0px;
    text-indent: 0px;
    text-align: center;
    font-size: 25px;
    background-color: red;
    background: -moz-linear-gradient(#df0023, #c4001f);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4001f),color-stop(1, #df0023));
    background: -webkit-linear-gradient(#df0023, #c4001f);
    background: -o-linear-gradient(#df0023, #c4001f);
    background: -ms-linear-gradient(#df0023, #c4001f);
    background: linear-gradient(#df0023, #c4001f);
    border: 1px solid #c4001f;
    text-shadow: 1px 1px 1px #000;
    margin: 15px 0;
    color: #ffff;
    font-weight: bold;
    padding: 10px;
    border-radius: 10px;

}

}
}

.tabbezok {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}

.tabbezok td {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-indent: 0px;
}

.tabbezok th {
    border: 1px solid #ccc;
    padding: 10px 10px;
    text-indent: 0px;
    text-align: center;
    background-color: #eee;
    font-size: 16px;
}


.knopki {
	border: 1px solid #ddd;
	display: table;
	
}

.krepage h3 {
text-indent: 0px;
text-align: center;
color: #d70022;
font-size: 20px;
font-weight: bold;
}

.krepfoto {
text-indent: 0px;
display: table;
}

.krepfoto img {
float: left;
width: 200px;
margin: 0px 5px 15px 5px;
}

.pricetable table {
text-indent: 0px;
border-spacing: 0px;
border: 1px solid #ddd;
}

.pricetable td {
border: 1px solid #ccc;
padding: 5px 10px;
}

.pricetable tr:hover {
background-color: #ccc;
cursor: pointer;
}

.pricetable th {
border: 1px solid #ccc;
padding: 10px 10px;
text-align: center;
font-size: 20px;
}



.tabprice {
text-indent: 0px;
border-spacing: 0px;
border: 1px solid #ddd;
}

.tabprice td {
border: 1px solid #ddd;
padding: 5px 10px;
}

.tabprice tr:hover {
background-color: #ddd;
cursor: pointer;
}

.tabprice th {
border: 1px solid #ddd;
padding: 10px 10px;
text-align: center;
font-size: 20px;
}

.certificat {
width: 950px;
overflow-y: scroll; 
height: 225px;
margin: 0 auto 25px auto;
padding: 0px; 
border: solid 1px black;
white-space: nowrap;
scrollbar-arrow-color: #red;
background-image: url(images/bgblock.jpg);
background-repeat: repeat-x;

border: 1px solid #ccc;
background-color: #fff;

box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
}

.certificat img {
border: 1px solid #ccc;
}

.certificat img:hover {
border: 1px solid red;
}

.redbut {
float: left;
text-indent: 0px;
    background-color: #df0024;
    color: #fff;
    width: 270px;
    height: 35px;
    border-radius: 5px;
    /* height: 43px; */
    text-align: center;
    /* font-size: 25px; */
    margin: 12px;
    /* font-weight: bold; */
    font: bold 16px 'exo 2', Helvetica, Sans-Serif;
    padding: 10px 15px;
    text-shadow: 1px 1px 1px #555;
    background: -moz-linear-gradient(#df0023, #c4001f);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4001f),color-stop(1, #df0023));
    background: -webkit-linear-gradient(#df0023, #c4001f);
    background: -o-linear-gradient(#df0023, #c4001f);
    background: -ms-linear-gradient(#df0023, #c4001f);
    background: linear-gradient(#df0023, #c4001f);
    border: 1px solid #c4001f;
}

.knopkamain {
margin: 25px 0 10px 0;
background-color: #c4001f;
  color: #fff;
  display: block;
  text-shadow: 0 1px 0 #000;
  box-shadow: 0 1px 1px #999, 0 1px 0 #c4001f inset;
  font-size: 23px;
  padding: 10px 0px 7px 0px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #c4001f;
  text-align: center;
  background-image: linear-gradient(#dc0022, #c4001f);
}

.knopkamain:hover {
background-color: #c4001f;
  color: #fff;
  display: block;
  text-shadow: 0 1px 0 #000;
  box-shadow: 0 1px 1px #999, 0 1px 0 #c4001f inset;
  font-size: 23px;
  padding: 10px 0px 7px 0px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #c4001f;
  text-align: center;
  background-image: linear-gradient(#c4001f, #dc0022);
}


.divfoot {
color: #fff;
line-height: 1.1;
}

.divfoot span {
color: #ccc;
line-height: 1.1;
}

.search-page {
margin-top: 20px;
}

#title-search {
float: right;
margin:0 25px 0 0;
}


#title-search input[type=text] {
padding: 5px 10px;
width: 570px;
border-radius: 5px;
font: normal 14px 'exo 2', Helvetica, Sans-Serif;
-webkit-box-shadow: inset 0 1px 1px #ccc;
-moz-box-shadow: inset 0 1px 1px #ccc;
box-shadow: inset 0 1px 1px #ccc;
color:#777;
}

#title-search input[type=submit] {
padding: 6px 15px;
border-radius: 5px;
font: bold 15px 'exo 2', Helvetica, Sans-Serif;
background-color: #df0023;
cursor: pointer;
color: #fff;

text-shadow: 1px 1px 1px #555;
background: -moz-linear-gradient(#df0023, #c4001f);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4001f),color-stop(1, #df0023));
background: -webkit-linear-gradient(#df0023, #c4001f);
background: -o-linear-gradient(#df0023, #c4001f);
background: -ms-linear-gradient(#df0023, #c4001f);
background: linear-gradient(#df0023, #c4001f);
border: 1px solid #c4001f;
}

#title-search input[type=text]:focus {
    color:#000;
}




.search-page .text {
display: none;
}

.search-advanced-result .search-result {
display: none;
}

.tablekont {
border-spacing: 0px;
border: 5px solid #ccc;
border-radius: 5px;
}

.tablekont td {
padding: 5px 15px;
text-indent: 0px;
font-size: 21px;
line-height: 1.5;
border: 1px solid #ccc;
	font-family: 'exo 2', Arial, Tahoma, Verdana, Helvetica;
}

.tablekontpraz {
margin-top: 10px;
border-spacing: 0px;
border: 5px solid #cf0021;
border-radius: 5px;
}

.tablekontpraz td {
padding: 5px 15px;
text-indent: 0px;
font-size: 21px;
line-height: 1.5;
border: 1px solid #cf0021;
	font-family: 'exo 2', Arial, Tahoma, Verdana, Helvetica;
}

.kontpraz {
padding-left: 40px;
margin: 5px 0 20px 0;
text-indent: 0px;
font-size: 16px;
line-height: 1.5;
text-align: left;
}

.rightcol {
width: 230px;
}

.mainarea {
width: 950px;
margin: 20px auto;

}

.mf-text {
text-indent: 0px;
margin-top: 10px;
}

div.mf-ok-text {
font-size: 20px;
text-indent: 0px;
}

div.mf-message textarea {
padding: 4px;
font-family: inherit;
font-size: inherit;
line-height: inherit;
background-color: #eee;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
box-sizing: border-box;
font: 300 16px 'exo 2', sans-serif;
-webkit-box-shadow: inset 0 1px 1px #AAA;
-moz-box-shadow: inset 0 1px 1px #AAA;
box-shadow: inset 0 1px 1px #AAA;
border: 1px solid #d6d6d6;
border-radius: 5px;
}

div.mf-name input, div.mf-email input {
padding: 4px;
font-family: inherit;
font-size: inherit;
line-height: inherit;
background-color: #eee;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
box-sizing: border-box;
font: 300 16px 'exo 2', sans-serif;
-webkit-box-shadow: inset 0 1px 1px #AAA;
-moz-box-shadow: inset 0 1px 1px #AAA;
box-shadow: inset 0 1px 1px #AAA;
border: 1px solid #d6d6d6;
border-radius: 5px;
}

#simplemodal-overlay {background-color:#aaaaaa; cursor:wait;}

/* Container */
#simplemodal-container {height: 410px; width: 500px; background-color:#fff; border:1px solid #555; -moz-border-radius: 5px;  border-radius: 10px;}
#simplemodal-container a.modalCloseImg {background-image: url ("http://autoplus37.ru/x.png"); no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; left:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:20px;}


.notice {
background-color: #f2faf2;
border: 1px solid #cdcdcd;
padding: 5px;
margin: 5px;
}

.nameport {
margin-top: 15px;
margin-bottom: 10px;
font: normal 25px 'exo 2', Helvetica, Sans-Serif;
}


.zagolovok-tel,
.zagolovok-graf,
.zagolovok-mail,
.zagolovok-adr,
.zagolovok-proezd,
.zagolovok-karta,
.zagolovok-map,
.zagolovok-dir {
font: normal 30px/35px 'exo 2', Helvetica, Sans-Serif;
margin-top: 10px;
text-indent: 0px;
color:#cf0021;
}

.zagolovok-adr {
background: #ffffff url("http://autoplus37.ru/ico/home.png") no-repeat;
padding-left: 40px;
}

.zagolovok-tel {
background: #ffffff url("http://autoplus37.ru/ico/phone.png") no-repeat;
padding-left: 40px;
}

.zagolovok-mail {
background: #ffffff url("http://autoplus37.ru/ico/mail.png") no-repeat;
padding-left: 40px;
}

.zagolovok-graf {
background: #ffffff url("http://autoplus37.ru/ico/clock.png") no-repeat;
padding-left: 40px;
}

.zagolovok-proezd {
background: #ffffff url("http://autoplus37.ru/ico/compass.png") no-repeat;
padding-left: 40px;
}

.zagolovok-proezd {
background: #ffffff url("http://autoplus37.ru/ico/compass.png") no-repeat;
padding-left: 40px;
}

.zagolovok-map {
background: #ffffff url("http://autoplus37.ru/ico/location.png") no-repeat;
padding-left: 40px;
}

.zagolovok-dir {
background: #ffffff url("http://autoplus37.ru/ico/user.png") no-repeat;
padding-left: 40px;
}
.kont {
padding-left: 40px;
margin: 5px 0 20px 0;
text-indent: 0px;
font-size: 16px;
line-height: 1.5;
text-align: left;
}

.portfolio {
text-indent: 0px;
}

.portfolio img {
margin: 15px 0 15px 0;
}

.portfolio img:hover {
border: 1px solid #df0024;
}

.butzap {
display:block;
background-color: #df0024;
color: #fff;
width: 229px;
border-radius: 5px;
text-align: center;
font-size: 25px;
margin-bottom: 25px;
/* font-weight: bold; */
font: bold 25px 'exo 2', Helvetica, Sans-Serif;
padding: 10px 0px;
text-shadow: 1px 1px 1px #555;
background: -moz-linear-gradient(#df0023, #c4001f);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4001f),color-stop(1, #df0023));
background: -webkit-linear-gradient(#df0023, #c4001f);
background: -o-linear-gradient(#df0023, #c4001f);
background: -ms-linear-gradient(#df0023, #c4001f);
background: linear-gradient(#df0023, #c4001f);
border: 1px solid #c4001f;
}

.butzap:hover {
color: #fff;
text-shadow: 1px 1px 1px #999;
background: -moz-linear-gradient(#c4001f, #df0023); 
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #df0023),color-stop(1, #c4001f));	
	background: -webkit-linear-gradient(#c4001f, #df0023);	
	background: -o-linear-gradient(#c4001f, #df0023);
	background: -ms-linear-gradient(#c4001f, #df0023);
	background: linear-gradient(#c4001f, #cdf0023);
	border: 1px solid #c4001f;

}

.blockname {
background-color: #333;
color: #fff;
padding: 3px 15px 6px 20px;
font: normal 25px 'exo 2', Helvetica, Sans-Serif;
border-radius: 0 5px 5px 0px;
background-image: linear-gradient(#777, #333);
text-shadow: 0 1px 0 #000;
border-right: 1px solid #333;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

.mainblock {
background-image: url(images/bgblock.jpg);
background-repeat: repeat-x;
padding-top: 20px;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;

}

.akciyabosch {
font: normal 14px 'exo 2', Helvetica, Sans-Serif;
}

.leftblock {
background-image: url(images/bgblock.jpg);
background-repeat: repeat-x;

border: 1px solid #ccc;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;

}

.leftblock img {
border-radius: 10px 10px 0 0;
}

.rekblock {
margin-top: 25px;
background-image: url(images/bgblock.jpg);
background-repeat: repeat-x;

border: 1px solid #ccc;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;

}

.rekblock img {
border-radius: 10px;
}

.todata {
background-color: #eee;
padding: 10px 15px;
margin: 0px;
color: #555;
font-size: 12px;
}

.inleftblock {
padding: 10px 20px 20px 20px;
}

.blocktext {
padding: 20px 20px 20px 20px;
font: normal 13px arial, Helvetica, Sans-Serif;
text-indent: 20px;
text-align: justify;
line-height: 1.3;
}

.blocktext img {
margin-top: 0px;
border-radius: 10px;
text-indent: 0px;
padding: 2px;
border: 1px solid #ccc;
text-indent: 0px;
}

.blocktext h2 {
display: none;

}

.blocktext li {
text-indent:0px;
padding: 5px;
    list-style: square;
}


.fiolet {
    width: 400px;
    height: 165px;
    background-color: #b20dc3;
    margin-left: 20px;
    color: #ffff00;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px 20px 20px 0px;
}



.rightcol {
vertical-align:top;
padding-left: 20px;

}

@media (max-width: 1024px) {
.rightcol {
display: none;

}
}



.leftcol {
vertical-align:top;

}


.blockbotred {
text-align: center;
color: white;
font: bold 23px 'exo 2', Helvetica, Sans-Serif;
letter-spacing: -1px;
background: rgb(0, 0, 0);
background: #d70022;
padding: 5px 10px 8px 10px;
opacity: 0.9;
text-shadow: 0 1px 0 #000;
}

.blockbotblack {
text-align: center;
color: white;
font: normal 23px 'exo 2', Helvetica, Sans-Serif;
letter-spacing: -1px;
background: rgb(0, 0, 0);
background: #333;
padding: 5px 10px 8px 10px;
opacity: 0.9;
text-shadow: 0 1px 0 #000;
border-radius: 0 0 10px 10px;
}


.slogan-td {
width: 400px;

}

.slogan {
background-color: #c4001f;
color: #fff;

text-shadow: 0 1px 0 #000;
box-shadow: 0 1px 1px #999, 0 1px 0 #c4001f inset;
font-size: 23px;
padding: 6px 0px 5px 0px;
font-weight: bold;
border-radius: 5px;
border: 1px solid #c4001f;
text-align: center;
		background-image: linear-gradient(#dc0022, #c4001f);
}

.telefon {
font-family: 'Exo 2', sans-serif;
float: right;
color: #333;
text-shadow: 0 1px 0 #ccc;
font-size: 30px;
padding-left: 13px;
font-weight: bold;
}

.dir {
font-family: 'Exo 2', sans-serif;
float: right;
color: #333;
text-shadow: 0 1px 0 #ccc;
font-size: 30px;
padding-right: 15px;
font-weight: bold;
}

.menu-td {
padding-left: 15px;
}

.kont-td {
padding-left: 17px;
}

.akcii h2 span {
color			: #000;
display: block;
border-radius: 5px;
border: 1px solid #cccccc;
  box-shadow: 0 0 10px #cfcfcf;
  -webkit-box-shadow: 0 0 10px #cfcfcf;
text-align: center;
margin: 0 10px;
font			: normal 21px 'exo 2', Helvetica, Sans-Serif;
letter-spacing		: -1px;
background-image: linear-gradient(#ffffff, #e1e1e1);
padding			: 5px 10px 8px 10px;
opacity: 0.9;
}





.akcii h3 span {
color			: white;
	font			: normal 20px 'exo 2', Helvetica, Sans-Serif;
	letter-spacing		: -1px;
	background		: rgb(0, 0, 0); /* на случай, если следующая строка не сработает */
	background		: #333;
	padding			: 5px 10px;
	opacity: 0.9;
}




.akcii {
width: 950px;
margin: 0 auto 25px auto;
display: table;
}

.akc1 {
border: 1px solid #ccc;
background-color: #fff;
width: 300px;
height: 235px;
border-radius: 5px;
float: left;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
}

.akc23 {
border: 1px solid #ccc;
background-color: #fff;
width: 625px;
height: 161px;
border-radius: 5px;
float: left;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
}

.akc31 {
border: 1px solid #ccc;
background-color: #fff;
width: 625px;
height: 57px;
margin-left: 20px;
margin-top: 20px;
border-radius: 5px;
float: left;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
}

.akc1:hover,
.akc2:hover,
.akc3:hover,
.akc23:hover,
.akc31:hover {
border: 1px solid #d70022;

}

.akc2 {
margin: 0 18px 0 18px;
border: 1px solid #ccc;
background-color: #fff;
width: 304px;
height: 250px;
border-radius: 5px;
float: left;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
}

.akc3 {

border: 1px solid #ccc;
background-color: #fff;
width: 300px;
height: 250px;
border-radius: 5px;
float: left;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
}






	
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		width: 528px;
		margin: 0px auto;
		border: 1px solid #222;
		background-color: #333;
		background-image: linear-gradient(#777, #333);
		border-radius: 6px;
		box-shadow: 0 1px 1px #999, 0 1px 0 #888 inset;
		
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #444;
		box-shadow: 1px 0 0 #666;
		position: relative;
	}
	
	#menu a {
		float: left;
		padding: 11px 12px;
		color: #fff;
		text-transform: uppercase;
		font: bold 14px 'exo 2', Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}
	
	#menu li:hover > a {
		color: #eee;

	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #fafafa;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 39px;
		left: 0;
		z-index: 1;    
		background: #444;
		background: linear-gradient(#444, #111);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		border-radius: 3px;
		transition: all .2s ease-in-out;  
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
		z-index: 9999;
	}
	
	#menu ul ul {
		top: 0;
		left: 210px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		width: 190px;
		_height: 10px; /*IE6 only*/
		display: block;

		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		background-color: #db0022;
		background-image: linear-gradient(#c4001f, #db0022);
	}
	
	#menu ul li:first-child > a {
		border-radius: 3px 3px 0 0;
		
	}
	#menu ul li a {
		font-weight: normal;
		
	}
	
	
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #c4001f; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #c4001f; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}

	@media screen and (max-width: 600px) {

		/* nav-wrap */
		#menu-wrap {
			position: relative;
		}

		#menu-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		#menu-trigger {
			display: block; /* show menu icon */
			height: 40px;
			line-height: 40px;
			cursor: pointer;		
			padding: 0 0 0 35px;
			border: 1px solid #222;
			color: #fafafa;
			font-weight: bold;
			background-color: #111;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
			border-radius: 6px;
			box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		}
		
		/* main nav */
		#menu {
			margin: 0; padding: 10px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
			background-color: #444;
			display: none;
			box-shadow: none;		
		}

		#menu:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}	

		#menu ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			box-shadow: none;				
		}

		#menu ul ul {
			margin: 0 0 0 20px !important;
			box-shadow: none;		
		}

		#menu li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			box-shadow: none;			
		}

		#menu ul li{
			margin-left: 20px;
			box-shadow: none;		
		}

		#menu a{
			display: block;
			float: none;
			padding: 0;
			color: #999;
		}

		#menu a:hover{
			color: #fafafa;
		}	

		#menu ul a{
			padding: 0;
			width: auto;		
		}

		#menu ul a:hover{
			background: none;	
		}

		#menu ul li:first-child a:after,
		#menu ul ul li:first-child a:after {
			border: 0;
		}		

	}

	@media screen and (min-width: 600px) {
		#menu {
			display: block !important;
		}
	}	

	/* iPad */
	.no-transition {
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#menu li:hover > .no-transition {
		display: block;
	}
















/*

.ny1 {
    width:100%;
    height:100%;
	background:url(/images/ny_right_bottom.png) no-repeat right bottom;
}

.ny2 {
    width:100%;
    height:100%;
	background:url(/images/ny_right_top.png) no-repeat right top;
}

.ny3 {
    width:100%;
    height:100%;
	background:url(/images/ny_left_top.png) no-repeat left top;
}
*/
/*

.y201 {
    width:100%;
    height:100%;
    background:url(/images/20y/shar-right-bottom.png) no-repeat right bottom;
}

.y202 {
    width:100%;
    height:100%;
    background:url(/images/20y/shar-right-top.png) no-repeat right top;
}

.ny202 {
    width:100%;
    height:100%;
    background:url(/images/new_hat/ny/top_right.png) no-repeat right top;
}

.y203 {
    width:100%;
    height:100%;
    background:url(/images/20y/shar-left-top.png) no-repeat left top;
}

.ny203 {
    width:100%;
    height:100%;
    background:url(/images/new_hat/ny/top_left.png) no-repeat left top;
}
*/


.topline {
background-image: linear-gradient(#ffffff, #e1e1e1);
border-left: #cccccc solid 1px;
border-right: #cccccc solid 1px;
border-bottom: #cccccc solid 1px;
width: 950px;
height: 15px;
margin: 0 auto 10px auto;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
border-radius: 0 0 5px 5px;
}


.string{
	width:950px;
	margin:25px auto;

background-image: linear-gradient(#ffffff, #e1e1e1);
border: #cccccc solid 1px;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
text-shadow: 0 0 5px #fff;
border-radius: 5px;
position: relative;
height: 50px;
word-spacing: 5px;
	
line-height: 45px;

font-size: 23px;

font-family: 'exo 2', Verdana, Arial, Helvetica, sans-serif;
	
}

.ninemay {
width:900px;
margin:25px auto;
padding: 25px;
background-image: linear-gradient(#ffffff, #e1e1e1);
border: #cccccc solid 1px;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
text-shadow: 0 0 5px #fff;
border-radius: 10px;
font-family: 'exo 2', Verdana, Arial, Helvetica, sans-serif;
}

.string strong {
color: #de0025;
font-weight: normal;
}

.footer {
background-color: #333;
background-image: linear-gradient(#777777, #333333);
color: #fff;
width: 930px;
font-family: 'exo 2', Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 auto;
padding: 10px;
border-radius: 10px 10px 0 0;
border: 1px solid #333;
}

.footer td {
color: #ddd;
font-family: 'exo 2', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1;

}

.footerkont {
width: 265px;
height: 35px;
margin: 10px;
color: #fff;
font-family: 'exo 2', Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
padding: 10px;
border-radius: 5px;
text-align: center;

box-shadow: inset 0 2px 10px 1px rgba(0,0,0,.3), inset 0 0 0 60px rgba(0,0,0,.3), 0 1px rgba(255,255,255,.08);
  background: linear-gradient(rgb(70,70,70), rgb(120,120,120));
  color: #ccc;
  transition: .5s linear;
}

.footerkont:hover {
  outline: none;
  box-shadow: inset 0 1px 3px 1px  rgba(0,0,0,.5), inset 0 0 0 60px rgba(0,0,0,0), 0 1px rgba(255,255,255,.08);
  }

.footerkont td {
color: #fff;
font-family: 'exo 2', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;

}



/* Scoller Box */







a {
	color:#d70022;
	text-decoration:none;
}

a:hover   {color:#333;}

.u {
	border-bottom:#2C68A6 dashed 1px;
    text-decoration: none;
}

.u:hover {
    border-bottom:#60a62c dashed 1px;
}

form {
	margin: 0px;
}

h1 {
	font-size:20px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

h2 {
	font-size:19px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

.clear {
    clear:both;
}


.hat_services {

    margin-top: 20px;

}

.hat_services .hat_services_block {

    height: 300px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    border: #cccccc solid 1px;
box-shadow: 0 0 10px #cfcfcf;
-webkit-box-shadow: 0 0 10px #cfcfcf;
}

.hat_services .hat_services_block #services_slider_nav {
    width:233px;
    height: 300px;
    float:left;
    -webkit-border-radius:10px 0 0 10px;
    -moz-border-radius:10px 0 0 10px;
    border-radius:10px 0 0 10px;
    position:relative;
}

.hat_services .hat_services_block #services_slider_nav .item {
    position:absolute;
    width:253px;
    min-height:60px;
    height: 60px;
}

.hat_services .hat_services_block #services_slider_nav .item .item_arrow {
    background:none;
    width: 20px;
    height: 61px;
    float: right;
}
.hat_services .hat_services_block #services_slider_nav .item.activeSlide .item_arrow,
.hat_services .hat_services_block #services_slider_nav .item.hover .item_arrow {
    background: url(images/serv_arrow_small.png) no-repeat 0 0;
}

.hat_services .hat_services_block #services_slider_nav .item .item_inner {
    display: block;
    width:233px;
    height: 60px;
    border-bottom: #e90000 solid 1px;
    background: url(images/bg_services_nav_small.png) repeat-x 0 0 #580000;
}

.hat_services .hat_services_block #services_slider_nav .item.activeSlide .item_inner,
.hat_services .hat_services_block #services_slider_nav .item.hover .item_inner {
    background: url(images/bg_services_nav_small.png) repeat-x 0 -60px #a90007;
    border-top: #333 solid 1px;

}

.hat_services .hat_services_block #services_slider_nav .item.item1 {left:0;top:0;z-index:96;}
.hat_services .hat_services_block #services_slider_nav .item.item2 {left:0;top:60px;z-index:95;}
.hat_services .hat_services_block #services_slider_nav .item.item3 {left:0;top:120px;z-index:94;}
.hat_services .hat_services_block #services_slider_nav .item.item4 {left:0;top:180px;z-index:93;}
.hat_services .hat_services_block #services_slider_nav .item.item5 {left:0;top:240px;z-index:92;}
.hat_services .hat_services_block #services_slider_nav .item.item1 .item_inner {-webkit-border-radius:9px 0 0 0;-moz-border-radius:9px 0 0 0;border-radius:9px 0 0 0;}
.hat_services .hat_services_block #services_slider_nav .item.item5 .item_inner {border-bottom:0;-webkit-border-radius:0 0 0 9px;-moz-border-radius:0 0 0 9px;border-radius:0 0 0 9px;}

.hat_services .hat_services_block #services_slider_nav .item .item_inner .icon {
    float:left;
}

.hat_services .hat_services_block #services_slider_nav .item.item1 .icon {
    margin:5px 10px 0 10px;
    width: 50px;
    height: 50px;
    background:url(images/icon_tools_small.png) no-repeat 0 0;
}
.hat_services .hat_services_block #services_slider_nav .item.item2 .icon {
    margin:5px 10px 0 10px;
    width: 50px;
    height: 50px;
    background:url(images/icon_paint_small.png) no-repeat 0 0;
}
.hat_services .hat_services_block #services_slider_nav .item.item3 .icon {
    margin:5px 10px 0 10px;
    width: 50px;
    height: 50px;
    background:url(images/icon_to_small.png) no-repeat 0 0;
}
.hat_services .hat_services_block #services_slider_nav .item.item4 .icon {
    margin:5px 10px 0 10px;
    width: 50px;
    height: 50px;
    background:url(images/icon_svecha_small.png) no-repeat 0 0;
}
.hat_services .hat_services_block #services_slider_nav .item.item5 .icon {
    margin:5px 10px 0 10px;
    width: 50px;
    height: 50px;
    background:url(images/icon_car_small.png) no-repeat 0 0;
}

.hat_services .hat_services_block #services_slider_nav .item .item_inner .text {
    font-family: 'exo 2';
    font-weight: bold;
    margin-left: 60px;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding-top: 10px;
    text-shadow: 0 0 5px #333;
}

.hat_services .hat_services_block #services_slider_nav .item.item3 .item_inner .text,
.hat_services .hat_services_block #services_slider_nav .item.item4 .item_inner .text
 {padding-top: 20px;}

.hat_services .hat_services_block #services_slider {
    width:715px;
    height: 300px;
    margin-left:231px;
    overflow:hidden;
}

.hat_services .hat_services_block #services_slider .item {
    width:715px;
    height: 300px;
    -webkit-border-radius:0 10px 10px 0;
    -moz-border-radius:0 10px 10px 0;
    border-radius:0 10px 10px 0;
    position: relative;
}

.hat_services .hat_services_block #services_slider .item .item_contacts {
    font-family: Verdana;
    font-size: 14px;
    color: #2d3134;
    position: absolute;
    text-align: right;
    top:215px;
    right:10px;
    display: block;
    text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
}

.hat_services .hat_services_block #services_slider .item .item_logo {
    position: absolute;
    top:3px;
    left:15px;
}

.hat_services .hat_services_block #services_slider .item .item_contacts .phone {
    font-size: 27px;
    line-height: 20px;
    letter-spacing: -1px;
}

.hat_services .hat_services_block #services_slider .item .item_contacts .phone .code {
    font-size: 21px;
}

.hat_services .hat_services_block #services_slider .item .item_contacts .phone2 {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -1px;
    color: #2d3134;
}

.hat_services .hat_services_block #services_slider .item .item_contacts .scheme {
    font-size: 12px;
    font-style: italic;
    color: #003663;
    text-decoration: underline;
}

.hat_services .hat_services_block #services_slider .item .item_contacts .scheme a {
    color: #003663;
    text-decoration: underline;
}

.hat_services .hat_services_block #services_slider .item.item1 {
    background: /*url(../images/new_hat/ny/hat_bottom_right.png) no-repeat 100% 100%, url(../images/new_hat/ny/hat_top_left.png) no-repeat 0 0, */url(../images/new_hat/bg_hat1.jpg) no-repeat 0 0;
}

.hat_services .hat_services_block #services_slider .item.item1_new {
    background: url(../images/new_hat/bg_hat1_new.jpg) no-repeat 45px 15px;
}

.hat_services .hat_services_block #services_slider .item.item1_new .item_to,
.hat_services .hat_services_block #services_slider .item.item2_new .item_to,
.hat_services .hat_services_block #services_slider .item.item5_new .item_to {
    position: absolute;
    top:-5px;
    right:-5px;
    text-align: center;
    color: #2d3134;
    font-family: Verdana;
    font-size: 20px;
}

.hat_services .hat_services_block #services_slider .item.item1_new .item_to .images,
.hat_services .hat_services_block #services_slider .item.item2_new .item_to .images,
.hat_services .hat_services_block #services_slider .item.item5_new .item_to .images {
    margin-top: 10px;
}

.hat_services .hat_services_block #services_slider .item.item1_new .item_to .images img,
.hat_services .hat_services_block #services_slider .item.item2_new .item_to .images img,
.hat_services .hat_services_block #services_slider .item.item5_new .item_to .images img {
    margin: 5px;
    border: 0;
}

.hat_services .hat_services_block #services_slider .item.item2 {
    background: /*url(../images/new_hat/ny/hat_bottom_right.png) no-repeat 100% 100%, url(../images/new_hat/ny/hat_top_left.png) no-repeat 0 0, */url(../images/new_hat/bg_hat2.jpg) no-repeat 0 0;
}

.hat_services .hat_services_block #services_slider .item.item2_new {
    background: url(../images/new_hat/bg_hat2_new.jpg) no-repeat 0 0;
}

.hat_services .hat_services_block #services_slider .item1 .phrase,
.hat_services .hat_services_block #services_slider .item2 .phrase {
    position: absolute;
    font-size: 11px;
    color: #252525;
    line-height: 20px;
    font-family: Arial;
}
.hat_services .hat_services_block #services_slider .item1 .phrase a,
.hat_services .hat_services_block #services_slider .item2 .phrase a {
    text-decoration: none;
    color: #252525;
}
.hat_services .hat_services_block #services_slider .item1 .phrase a:hover,
.hat_services .hat_services_block #services_slider .item2 .phrase a:hover {
    text-decoration: underline;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase1 {
    left: 585px;
    top:12px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase2 {
    left: 195px;
    top:59px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase3 {
    left: 72px;
    top:108px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase4 {
    left: 595px;
    top:147px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase5 {
    left: 30px;
    top:165px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase6 {
    left: 21px;
    top:221px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase7 {
    left: 547px;
    top:263px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase8 {
    left: 25px;
    top:283px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase9 {
    left: 106px;
    top:342px;
}
.hat_services .hat_services_block #services_slider .item1 .phrase.phrase10 {
    left: 343px;
    top:342px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase1 {
    left: 460px;
    top:11px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase2 {
    left: 180px;
    top:51px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase3 {
    left: 604px;
    top:100px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase4 {
    left: 35px;
    top:118px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase5 {
    left: 322px;
    top:154px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase6 {
    left: 534px;
    top:176px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase7 {
    left: 497px;
    top:265px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase8 {
    left: 18px;
    top:290px;
}
.hat_services .hat_services_block #services_slider .item2 .phrase.phrase9 {
    left: 312px;
    top:346px;
}

.hat_services .hat_services_block #services_slider .item.item3 {
    background: /*url(../images/new_hat/ny/hat_bottom_right.png) no-repeat 100% 100%, url(../images/new_hat/ny/hat_top_left.png) no-repeat 0 0, */url(../images/new_hat/bg_hat3.jpg) no-repeat 87px 0;
}

.hat_services .hat_services_block #services_slider .item.item3_new {
    background: url(../images/new_hat/bg_hat3_new.jpg) no-repeat 150px 10px;
}

.hat_services .hat_services_block #services_slider .item.item3_new .item_to {
    position: absolute;
    top:-5px;
    right:-5px;
    text-align: center;
    color: #2d3134;
    font-family: Verdana;
    font-size: 20px;
}

.hat_services .hat_services_block #services_slider .item.item3 .chel {
    position: absolute;
    display: block;
    top:10px;
    left:170px;
    width: 220px;
    height: 360px;
}

.hat_services .hat_services_block #services_slider .item.item3_new .item_to .header {
    color: #2d3134;
    font-family: Verdana;
    font-size: 16px;
    padding: 8px 30px 0 0;
}

.hat_services .hat_services_block #services_slider .item.item3_new .item_to .header a {
    color: #2d3134;
    text-decoration: none;
}

.hat_services .hat_services_block #services_slider .item.item3_new .item_to .images {
}

.hat_services .hat_services_block #services_slider .item.item3_new .item_to .images img {
    margin: 5px;
    border: 0;
}

.hat_services .hat_services_block #services_slider .item.item4 {
    background: /*url(../images/new_hat/ny/hat_bottom_right.png) no-repeat 100% 100%, url(../images/new_hat/ny/hat_top_left.png) no-repeat 0 0, */url(../images/new_hat/bg_hat4.jpg) no-repeat 19px 98px;
}

.hat_services .hat_services_block #services_slider .item.item4_new {
    background: url(../images/new_hat/bg_hat4_small.jpg) no-repeat 150px 5px;
}

.hat_services .hat_services_block #services_slider .item.item4_new .item_to {
    position: absolute;
    top:-5px;
    right:-5px;
    text-align: right;
    color: #2d3134;
    font-family: Verdana;
    font-size: 20px;
}

.hat_services .hat_services_block #services_slider .item.item4_new .item_to .images {
    padding-top: 10px;
}

.hat_services .hat_services_block #services_slider .item.item4_new .item_to .images img {
    border: 0;
    margin: 5px 6px;
}

.hat_services .hat_services_block #services_slider .item.item4 .asale_button {
    display: inline-block;
    width: 171px;
    line-height: 33px;
    padding: 1px 0 6px 0;
    text-align: center;
    background: url(../images/new_hat/asale_button.png) no-repeat 0 0;
    font-family: Verdana;
    color: #636363;
    font-size: 18px;
    letter-spacing: 0;
    text-shadow: 0 0 5px #ffffff;
    text-decoration: none;
}

.hat_services .hat_services_block #services_slider .item.item4 .asale_button:hover {
    background: url(../images/new_hat/asale_button.png) no-repeat 0 -40px;
}

.hat_services .hat_services_block #services_slider .item.item4 .item_buttons {
    width: 180px;
    text-align: center;
    position: absolute;
    top:7px;
    right: 10px;
}

.hat_services .hat_services_block #services_slider .item.item4 .item_buttons .asale_button {
    margin-bottom: 7px;
}

.hat_services .hat_services_block #services_slider .item.item5 {
    background: /*url(../images/new_hat/ny/hat_bottom_right.png) no-repeat 100% 100%, url(../images/new_hat/ny/hat_top_left.png) no-repeat 0 0, */url(../images/new_hat/bg_hat5.jpg) no-repeat 0 0;
}

.hat_services .hat_services_block #services_slider .item.item5_new {
    background: url(../images/new_hat/bg_hat5_new.jpg) no-repeat 150px -5px;
}




.usluga-link a {
background-color: #df0024;
color: #fff;
border-radius: 5px;
font-size: 11px;
padding: 3px 5px;
text-shadow: 1px 1px 1px #555;
	background: -moz-linear-gradient(#df0023, #c4001f); 
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4001f),color-stop(1, #df0023));	
	background: -webkit-linear-gradient(#df0023, #c4001f);	
	background: -o-linear-gradient(#df0023, #c4001f);
	background: -ms-linear-gradient(#df0023, #c4001f);
	background: linear-gradient(#df0023, #c4001f);
	border: 1px solid #c4001f;
}


.usluga-link a:hover {
	background: -moz-linear-gradient(#c4001f, #df0023); 
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #df0023),color-stop(1, #c4001f));	
	background: -webkit-linear-gradient(#c4001f, #df0023);	
	background: -o-linear-gradient(#c4001f, #df0023);
	background: -ms-linear-gradient(#c4001f, #df0023);
	background: linear-gradient(#c4001f, #cdf0023);
	border: 1px solid #c4001f;
}

.usluga-link div {
background-color: #333;
color: #fff;
border-radius: 5px;
font-size: 11px;
padding: 3px 5px;
text-shadow: 1px 1px 1px #555;
	background: -moz-linear-gradient(#777, #333); 
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c4001f),color-stop(1, #777));	
	background: -webkit-linear-gradient(#777, #333);	
	background: -o-linear-gradient(#777, #333);
	background: -ms-linear-gradient(#777, #333);
	background: linear-gradient(#777, #333);
	border: 1px solid #333;
}


.usluga-link-kvadro {
background-color: none;
color: #fff;
font-size: 11px;
padding: 0 0;
text-shadow: 1px 1px 1px #555;
	border: 0px solid #c4001f;
}





.slesar-tormoz {
position: absolute;
z-index: 9999;
left: 220px;
top: 15px;
}

.slesar-toavto {
position: absolute;
z-index: 9999;
font-size: 18px;
left: 50px;
top: 15px;
width: 100px;
}



.slesar-vihlop {
position: absolute;
z-index: 9999;
left: 15px;
top: 195px;
}

.slesar-podveska {
position: absolute;
z-index: 9999;
left: 45px;
top: 260px;
}

.slesar-antibakt {
position: absolute;
z-index: 9999;
left: 200px;
top: 255px;
width: 130px;
}

.slesar-transmis {
position: absolute;
z-index: 9999;
left: 370px;
top: 250px;
}

.slesar-akpp {
position: absolute;
z-index: 9999;
left: 490px;
top: 260px;
}

.slesar-shino {
position: absolute;
z-index: 9999;
left: 585px;
top: 195px;
}

.slesar-rulrey {
position: absolute;
z-index: 9999;
left: 575px;
top: 227px;
}

.slesar-ohlazhd {
position: absolute;
z-index: 9999;
left: 605px;
top: 145px;
width: 70px;
}

.slesar-dvs {
position: absolute;
z-index: 9999;
left: 595px;
top: 72px;

}

.slesar-dvig {
position: absolute;
z-index: 9999;
left: 590px;
top: 25px;
}

.slesar-kond {
position: absolute;
z-index: 9999;
left: 345px;
top: 15px;
}

.slesar-inzhektor {
position: absolute;
z-index: 9999;
left: 460px;
top: 15px;
}

.slesar-grm {
position: absolute;
z-index: 9999;
left: 630px;
top: 110px;
}

.slesar-3d {
position: absolute;
z-index: 9999;
left: 15px;
top: 130px;
width: 90px;
}




.kuzov-kvadro {
position: absolute;
z-index: 9999;
left: 600px;
top: 235px;
}

.kuzov-foto {
position: absolute;
z-index: 9999;
left: 10px;
top: 10px;
width: 130px;
}

.kuzov-kasko {
position: absolute;
z-index: 9999;
left: 157px;
top: 10px;
}

.kuzov-kuzov {
position: absolute;
z-index: 9999;
left: 266px;
top: 10px;
}
.kuzov-emal {
position: absolute;
z-index: 9999;
left: 441px;
top: 10px;
}

.kuzov-slozh {
position: absolute;
z-index: 9999;
left: 554px;
top: 10px;
}

.kuzov-pokraska {
position: absolute;
z-index: 9999;
left: 465px;
top: 45px;
}

.kuzov-okrasdisk {
position: absolute;
z-index: 9999;
left: 300px;
top: 270px;
}

.kuzov-stapel {
position: absolute;
z-index: 9999;
left: 415px;
top: 230px;
width: 130px;
}

.kuzov-lokal {
position: absolute;
z-index: 9999;
left: 590px;
top: 160px;
}

.kuzov-polirovka {
position: absolute;
z-index: 9999;
left: 590px;
top: 85px;
}

.kuzov-skol {
position: absolute;
z-index: 9999;
left: 610px;
top: 125px;
}

.kuzov-bamper {
position: absolute;
z-index: 9999;
left: 10px;
top: 140px;
}

.kuzov-antikor {
position: absolute;
z-index: 9999;
left: 10px;
top: 190px;
}

.kuzov-nano {
position: absolute;
z-index: 9999;
left: 10px;
top: 240px;
}

.kuzov-3d {
position: absolute;
z-index: 9999;
left: 100px;
top: 270px;
}

.kuzov-argon {
position: absolute;
z-index: 9999;
left: 600px;
top: 200px;
}

.kuzov-stekla {
position: absolute;
z-index: 9999;
left: 50px;
top: 90px;
}

.kuzov-vmyat {
position: absolute;
z-index: 9999;
left: 50px;
top: 55px;
}

.kuzov-abraziv {
position: absolute;
z-index: 9999;
left: 50px;
top: 50px;
}


.diagnostika-kompleks {
position: absolute;
z-index: 9999;
left: 300px;
top: 10px;
}

.diagnostika-ebu {
position: absolute;
z-index: 9999;
left: 570px;
top: 50px;
width: 100px;
}

.diagnostika-lkp {
position: absolute;
z-index: 9999;
left: 30px;
top: 130px;
width: 70px;
}

.diagnostika-tochek {
position: absolute;
z-index: 9999;
left: 590px;
top: 230px;
width: 100px;
}

.diagnostika-ohlazhd {
position: absolute;
z-index: 9999;
left: 620px;
top: 130px;
width: 70px;
}

.diagnostika-kond {
position: absolute;
z-index: 9999;
left: 350px;
top: 260px;
}

.diagnostika-hodov {
position: absolute;
z-index: 9999;
left: 150px;
top: 260px;
}

.diagnostika-tormoz {
position: absolute;
z-index: 9999;
left: 20px;
top: 210px;
width: 100px;
}



.elektrika-remni {
position: absolute;
z-index: 9999;
left: 20px;
top: 140px;
width: 80px;
}

.elektrika-srs {
position: absolute;
z-index: 9999;
left: 300px;
top: 10px;
}



.elektrika-chip {
position: absolute;
z-index: 9999;
left: 630px;
top: 120px;
}

.elektrika-inzhekt {
position: absolute;
z-index: 9999;
left: 570px;
top: 40px;
}


.elektrika-odometr {
position: absolute;
z-index: 9999;
left: 370px;
top: 260px;
}

.elektrika-zazhig {
position: absolute;
z-index: 9999;
left: 520px;
top: 220px;
}

.elektrika-pribor {
position: absolute;
z-index: 9999;
left: 30px;
top: 240px;
width: 90px;
}

.dop-nano {
position: absolute;
z-index: 9999;
left: 610px;
top: 100px;
}

.dop-sig {
position: absolute;
z-index: 9999;
left: 40px;
top: 270px;
}

.dop-shum {
position: absolute;
z-index: 9999;
left: 480px;
top: 270px;
}

.dop-antikor {
position: absolute;
z-index: 9999;
left: 30px;
top: 230px;
}

.dop-kovriki {


position: absolute;
z-index: 9999;
left: 260px;
top: 240px;
}

.dop-ksenon {

position: absolute;
z-index: 9999;
left: 650px;
top: 145px;
}

.dop-zashita {

position: absolute;
z-index: 9999;
left: 590px;
top: 230px;
}

.dop-svet {

position: absolute;
z-index: 9999;
left: 635px;
top: 185px;
}

.dop-brizg {

position: absolute;
z-index: 9999;
left: 25px;
top: 185px;
}

.dop-farkop {

position: absolute;
z-index: 9999;
left: 20px;
top: 145px;
}

.dop-dugi {

position: absolute;
z-index: 9999;
left: 450px;
top: 240px;
}

.dop-spoilery {

position: absolute;
z-index: 9999;
left: 30px;
top: 100px;
}

.dop-bagazh {

position: absolute;
z-index: 9999;
left: 280px;
top: 10px;
}

.dop-tormoz {
position: absolute;
z-index: 9999;
left: 95px;
top: 10px;
}

.dop-zvuk {
position: absolute;
z-index: 9999;
left: 20px;
top: 55px;
}

.dop-hodogni {


position: absolute;
z-index: 9999;
left: 550px;
top: 55px;
}

.dop-kruiz {
position: absolute;
z-index: 9999;
left: 500px;
top: 15px;
}