*
{
	margin: 0px;
	padding: 0px;
}

body
{
	min-height: 100%;
	background-color: #141414;
}

a
{
	outline: none;
	text-decoration:underline;
	color: #fff;
}

a:hover
{
	color: #ff8d19;
}

a img
{
	border: 0px;
}

#main
{
	width: 1200px;
	margin: 0 auto;
	background: url(fon.jpg) center top repeat-y;
}

/* ====================================================================================== */

#layout-header
{
	width: 1200px;
}

#top
{
	background: url(top.jpg) left top no-repeat;
	width: 1200px;
	/*height: 189px;*/
}

#logo
{
	width: 234px;
	height: 161px;
	background: url(logo.png) left top no-repeat;
	margin: 12px 0 0 0;
	float:left;
}

#logo a
{
	display:block;
	width: 234px;
	height: 161px;
}

#map, #map2, #map3, #map4, #map5, #map6
{
	display: none;
	padding: 9px;
	width: 800px;
	height: 600px;
}

.address
{
	color: #fff;
	font: normal 14px 'Trebuchet MS';
	font-style:italic;
	float:left;
	margin-top: 12px;
	margin-left: 24px;
	line-height: 23px;
	width: 450px;
}

.address2
{
	margin-right:10px;
}

.address a
{
	border-bottom: 1px dotted #696969;
	text-decoration:none;
}

.address a:hover
{
	border-bottom: 1px dotted #ff8d19;
}

.address-title {
	font-size: 18px;
	color: #ff0000;
}
.phone
{
	color: #fff;
	font: normal 36px Arial;
	margin-top: 15px;
}

.phone span
{
	font-size: 18px;
}

.phone span#code
{
	font-size: 23px;
	color: #dbdbdb;
}

#top-right
{
	clear:both;
	float:right;
	margin: 0 6px 0 0;
	text-align:right;
}

#ssylki
{
	font: normal 16px 'Trebuchet MS';
	font-style:italic;
	float:right;
	margin-top: 10px;
}

#ssylki a
{
	float:left;
}

#line
{
	width: 1px;
	height: 18px;
	background-color: #c2c2c2;
	display:block;
	float:left;
	margin: 3px 18px 0 20px;
}

#mainmenu-container
{
	width: 1200px;
	height: 61px;
	background: url(topmenu.jpg) left top no-repeat;
}

ul#mainmenu
{
	height: 61px;
	margin-left: 12px;
}

ul#mainmenu li
{
	float:left;
	list-style-type:none;
	text-transform:uppercase;
	height: 61px;
}

ul#mainmenu li a
{
	text-decoration:none;
	display:block;
	height: 61px;
}

ul#mainmenu li#mainmenu1
{
	width: 108px;
	background: url(mainmenu1.png) left top no-repeat;
}

ul#mainmenu li#mainmenu1-cur, ul#mainmenu li#mainmenu1:hover
{
	width: 108px;
	background: url(mainmenu1-cur.png) left top no-repeat;
}

ul#mainmenu li#mainmenu2
{
	width: 139px;
	background: url(mainmenu2.png) left top no-repeat;
}

ul#mainmenu li#mainmenu2-cur, ul#mainmenu li#mainmenu2:hover
{
	width: 139px;
	background: url(mainmenu2-cur.png) left top no-repeat;
}

ul#mainmenu li#mainmenu3
{
	width: 131px;
	background: url(mainmenu3.png) left top no-repeat;
}

ul#mainmenu li#mainmenu3-cur, ul#mainmenu li#mainmenu3:hover
{
	width: 131px;
	background: url(mainmenu3-cur.png) left top no-repeat;
}

ul#mainmenu li#mainmenu4
{
	width: 198px;
	background: url(mainmenu4.png) left top no-repeat;
}

ul#mainmenu li#mainmenu4-cur, ul#mainmenu li#mainmenu4:hover
{
	width: 198px;
	background: url(mainmenu4-cur.png) left top no-repeat;
}

ul#mainmenu li#mainmenu5
{
	width: 145px;
	background: url(mainmenu5.png) left top no-repeat;
}

ul#mainmenu li#mainmenu5-cur, ul#mainmenu li#mainmenu5:hover
{
	width: 145px;
	background: url(mainmenu5-cur.png) left top no-repeat;
}

ul#mainmenu li#mainmenu6
{
	width: 88px;
	background: url(mainmenu10.png) left top no-repeat;
}

ul#mainmenu li#mainmenu6-cur, ul#mainmenu li#mainmenu6:hover
{
	width: 88px;
	background: url(mainmenu10-cur.png) left top no-repeat;
}

ul#mainmenu li#mainmenu7
{
	width: 145px;
	background: url(mainmenu7.png) left top no-repeat;
}

ul#mainmenu li#mainmenu7-cur, ul#mainmenu li#mainmenu7:hover
{
	width: 145px;
	background: url(mainmenu7-cur.png) left top no-repeat;
}

ul#mainmenu li#mainmenu8
{
	width: 101px;
	background: url(mainmenu8.png) left top no-repeat;
}

ul#mainmenu li#mainmenu8-cur, ul#mainmenu li#mainmenu8:hover
{
	width: 101px;
	background: url(mainmenu8-cur.png) left top no-repeat;
}

ul#mainmenu li#mainmenu9
{
	width: 110px;
	background: url(mainmenu9.png) left top no-repeat;
}

ul#mainmenu li#mainmenu9-cur, ul#mainmenu li#mainmenu9:hover
{
	width: 110px;
	background: url(mainmenu9-cur.png) left top no-repeat;
}

#flash
{
	width: 1200px;
	height: 441px;
	margin:2px 0;
}

#flash2
{
	width: 1200px;
	height: 220px;
	margin:2px 0;
}

#buttons
{
	width: 1142px;
	height: 142px;
	background: url(button.jpg) left top no-repeat;
	padding: 0 29px;
}

a.button
{
	float:left;
	height: 119px;
	text-decoration:none;
	display:block;
	height: 142px;
}

#button1
{
	background: url(button1.png) 13px 25px no-repeat;
	padding-left: 122px;
	width: 257px;
}

#button2
{
	background: url(button2.png) 16px 27px no-repeat;
	padding-left: 128px;
	width: 261px;
}

#button3
{
	background: url(button3.png) 31px 19px no-repeat;
	padding-left: 131px;
	width: 242px;
}

.button-title
{
	color: #fff;
	font: normal 21px 'Trebuchet MS';
	display:block;
	padding-bottom: 7px;
	margin-top: 23px;
}

.button-text
{
	color: #bababa;
	font: normal 14px 'Trebuchet MS';
	width: 260px;
	display:block;
	line-height: 17px;
}

#buttons2
{
	width: 1200px;
	height: 142px;
	background: url(button.jpg) left top no-repeat;
	margin-top: 30px;
}

#buttons2 .button2-info {
	width: calc(100% - 400px);
	float: left;
	margin-left: 20px;
}

#buttons2 .button-title {
	padding-top: 23px;
	margin-top: 0;
}

#buttons2 .button-text {
	width: 100%;
}

#layout-wrapper
{
	width: 1125px;
	padding: 0 29px 0 46px;
	margin: 43px 0 53px;
	display: inline-block;
}

#capt h1
{
	color: #fff;
	font: normal 24px 'Trebuchet MS';
	margin-bottom: 19px;
	text-align:left;
}

#layout-content
{
	color: #fff;
	font: normal 16px 'Trebuchet MS';
	font-style:italic;
}

#o-nas p
{
	overflow:hidden;
	text-align:left;
	margin-bottom: 0;
}

#o-nas img
{
	float:left;
	margin-right: 28px;
}

#fotoreport
{
	width: 298px;
	margin: 29px auto 30px;
}

#fotoreport img
{
	margin: 0 3px 4px;
}

#fotoreport a#fotoservis
{
	margin: 5px 0 0 4px;
	display:block;
}

#fotoreport-title, #advantage-title
{
	font: normal 24px 'Trebuchet MS';
	margin-bottom: 24px;
	text-align: center;
}

#services {
	margin-top: 30px;
}

#services-title
{
	font: normal 24px 'Trebuchet MS';
	margin-bottom: 24px;
}

#services-left
{
	float:left;
	width: 240px;
	margin-right: 20px;
}

#services-right
{
	float:right;
	width: 240px;
}

#services p
{
	margin-bottom: 10px;
	background: url(check2.png) left center no-repeat;
	padding-left: 38px;
}

#zayavka-avtozap
{
	margin: 42px 0 0 0;
	width: 216px;
	height: 287px;
	padding: 45px 0 0 12px;
	background: url(zayavka-avtozap.png) left center no-repeat;
	position:relative;
}

.avtozap-title
{
	font: normal 18px 'Trebuchet MS';
	text-shadow: 1px 1px 1px #00497d;
	margin-bottom: 10px;
}

#zayavka-remont .avtozap-title
{
	margin-bottom: 32px;
}

.font22
{
	font: bold 22px 'Trebuchet MS';
}

.font21
{
	font: normal 21px 'Trebuchet MS';
}

#zayavka-avtozap input, #zayavka-remont input
{
	width: 185px;
	height: 30px;
	margin-bottom: 5px;
	padding-left: 17px;
	color: #7b7b7b;
}

#zayavka-avtozap .submitform, #zayavka-remont .submitform
{
	width: 205px;
	height: 42px;
	border: 0 none;
	background: url(zayavka1.png) no-repeat left top;
	margin-top: 5px;
	padding: 0;
	font-size: 13px;
	color: #4a4a4c;
	font-weight:bold;
	margin-left: -1px;
}

#zayavka-remont .submitform
{
	background: url(zayavka2.png) no-repeat left top;
}

#zayavka-avtozap .submitform:hover, #zayavka-remont .submitform:hover
{
	cursor:pointer;
}

.ps
{
	font: normal 14px 'Trebuchet MS';
	margin-top: 17px;
	position:absolute;
	bottom: 27px;
}

#zayavka-remont
{
	margin: 36px 161px 0 0;
	float:right;
	width: 217px;
	height: 287px;
	padding: 51px 0 0 12px;
	background: url(zayavka-remont.png) left center no-repeat;
	position:relative;
}

#advantage
{
	clear:both;
	float:left;
	margin-top: 63px;
}

.advant img
{
	margin-bottom: 15px;
}

.advant
{
	height: 216px;
	border-right: 1px solid #393939;
	width: 292px;
	font: normal 15px 'Trebuchet MS';
	font-style:italic;
	text-align:center;
	padding: 0 28px;
	float:left;
	margin-bottom: 37px;
}

#advant2
{
	width: 323px;
}

#advant3
{
	width: 334px;
}

#advant5
{
	width: 318px;
	padding-left:58px;
}

#advant3, #advant5
{
	border: 0 none;
}

#advant4
{
	margin-left: 151px;
	width: 334px;
}

#layout-footer
{
	width: 1142px;
	height: 270px;
	padding: 0 29px;
	background: url(footer.jpg) left center repeat-y;
	font: normal 14px 'Trebuchet MS';
}

#copyright
{
	background: url(footer-logo.png) left top no-repeat;
	margin: 17px 0 0 7px;
	float:left;
	padding: 3px 0 0 132px;
	color: #fff;
	font-size: 13px;
}

#info
{
	color: #bdbdbd;
	float:right;
	margin-right: 8px;
	width: 577px;
	text-align:right;
	margin-top: 21px;
	font-size: 13px;
}

#info span
{
	color:#fff;
	font-weight:bold;
}

#footer-ssylki
{
	clear:both;
	float:left;
	margin-top: 25px;
}

#footer-ssylki a
{
	color: #bdbdbd;
	float:left;
}

#footer-ssylki a:hover
{
	color: #ff8d19;
}

.line2
{
	background-color: #919191;
	width: 1px;
	height: 18px;
	float:left;
	display:block;
	margin: 2px 15px 0 18px;
}

#itco
{
	float:right;
	margin-right: 9px;
	margin-top: 25px;
	background: url(itco.png) left center no-repeat;
	padding-left: 25px;
}

#itco a
{
	text-decoration:none;
}

#itco a span
{
	border-bottom: 1px solid #696969;
}

#itco a:hover span
{
	border-bottom: 1px solid #ff8d19;
}

#socseti
{
	clear:both;
	float:right;
	margin-top: 4px;
	color: #bdbdbd;
	font: normal 12px 'Trebuchet MS';
}

#socseti span
{
	display:block;
	float:left;
	margin-right: 12px;
}

.social-net-buttons a{
	background-image: url(socseti.png);
	width: 18px;
	height: 17px;
	display: block;
	float: left;
	margin-right: 4px;
}
.social-net-buttons a.icon-vk{background-position: -90px 0;}
.social-net-buttons a.icon-ok{background-position: -112px 0;}
.social-net-buttons a.icon-twitter{background-position: -22px 0;}
.social-net-buttons a.icon-facebook{background-position: 0 0;}


#obratnaya-svyaz td
{
	padding: 5px;
	text-align:right;
	vertical-align:top;
}

#obratnaya-svyaz td input
{
	width: 305px;
	height: 20px;
}

#obratnaya-svyaz td input.submitform
{
	width: 105px;
	height: 30px;
}

#obratnaya-svyaz td input.submitform:hover
{
	cursor:pointer;
}

#obratnaya-svyaz td textarea
{
	width: 305px;
}

p.over
{
	font-size: 13px;
}

.form_result
{
	margin-bottom: 20px;
}

#loadBar, #loadBar1
{
	margin-top: 10px;
}
/* ====================================================================================== */

/* Contacts */

.contact-table td
{
	padding: 5px;
	vertical-align:top;
}

.contact-table a
{
	color: #fff;
	text-decoration:none;
}

.contact-item
{
	width: 130px;
	height: 20px;
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
}

.contact-value
{
	text-align: left;
}

/* ====================================================================================== */

h1
{
	margin-bottom: 10px;
	text-align:center;
}

h2
{
	margin: 30px 0 10px;
	text-align:left;
	font-size: 21px;
}

h3
{
	margin: 30px 0 10px;
	text-align:left;
}

#layout-content ol, #layout-content ul
{
	padding-left: 30px;
	padding-bottom: 7px;
}

#layout-content ol li, #layout-content ul li
{
	margin-bottom: 8px;
	text-align:justify;
}

#layout-content ul li
{
	list-style-type: disc;
}

img.img-left
{
	float:left;
	margin: 0 8px 8px 0;
}

img.img-right
{
	float:right;
	margin: 0 0 8px 8px;
}

.clear
{
	clear:both;
}

.action img
{
	border: 1px solid #000;
	padding: 3px;
	background-color: #fff;
	margin-left: 15px;
	margin-bottom: 15px;
}

p
{
	text-align:justify;
	margin-bottom: 15px;
}

.otzyv
{
	margin-bottom: 40px;
}

.otzyv p
{
	margin-bottom: 5px;
}

p.gall
{
	text-align:left;
}

p.gall img
{
	margin: 0 25px 28px 0;
}

.flleft
{
	float:left;
}

.flright
{
	float:right;
}

.retro
{
	text-align:center;
	width: 228px;
	float:left;
	margin: 0 53px 10px 0;
}

.retro img
{
	margin-bottom: 10px;
}

#back
{
	text-align:right;
	margin: 10px 0 30px;
}

#metrika
{
	float:left;
	margin: 13px 0 0 100px;
}

#main-left {
	float: left;
	/*width: 550px;*/
}

#layout-content #main-left #catalog {
	padding: 0;
}

#layout-content #main-left #catalog li {
	list-style-type: none;
	text-align: left;
	min-height: 142px;
	margin-bottom: 64px;
}

#main-left #catalog li > a {
	background: #eee;
	border-radius: 3px;
	color: #000;
	display: block;
	font: bold 15px Candara;
	margin-top: 5px;
	text-decoration: none;
	width: 389px;
	height: 142px;
	clear: both;
	float: left;
}

#main-left #catalog li > a:hover {
	background: #ddd;
	background: -moz-linear-gradient(top, #eee 0,#ccc 100%);
	background: -o-linear-gradient(top, #eee 0,#ccc 100%);
	background: -webkit-linear-gradient(top, #eee 0,#ccc 100%);
	background: linear-gradient(top, #eee 0,#ccc 100%);
}

#main-left #catalog a > div > div {
	padding: 37px 0px 0px 227px;
	width: 160px;
	height: 102px;
}

#main-left #catalog a span, #content-leftside #catalog div span {
	font-size: 20px;
}

#main-left #catalog a#catalog-gaz > div > div {
	background: url('catalog-gaz.png') 18px 14px no-repeat;
}

#main-left #catalog a#catalog-kamaz > div > div {
	background: url('catalog-kamaz.png') 22px 26px no-repeat;
}

#main-left #catalog a#catalog-maz > div > div {
	background: url('catalog-maz.png') 14px 20px no-repeat;
}

#main-left #catalog a#catalog-vaz > div > div {
	background: url('catalog-vaz.png') 9px 23px no-repeat;
}

#main-left #catalog a#catalog-auto > div > div {
	background: url('catalog-auto.png') 9px 23px no-repeat;
}

#main-left #catalog li .catalog-info {
	margin-left: 400px;
}

#main-left #catalog li .catalog-info a.catalog-read {
	float: right;
}

#main-left #catalog li .catalog-info a.catalog-read:hover {
	cursor: pointer;
}

#main-right {
	float: right;
	width: 510px;
	background-color: #dbf1ff;
	color: #000;
	padding: 20px;
}

#main-right p {
	text-align: center;
}

#main-right #services p {
	text-align: left;
}

#mayak {
	width: 500px;
	height: 67px;
	display: block;
	border: 1px solid #000;
	background-color: #bfe7ff;
	margin: 0 auto;
	padding-top: 15px;
}
.main-bn {
	margin: 0 0 42px 40px;
}
.main-bl {
	clear: both;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}