/*
** 1.3 General
*/


#main-content {
    background: url(images/bg-page.gif) repeat-x top;
    position: relative;
}

.page-l-mashinka {
	height:576px;
	background: url(images/img_05.webp) no-repeat top;
}
.otstup-r {height:20px; width:673px; background: url(images/img_06.jpg) repeat-x;}
.otstup-l {height:36px; background: url(images/img_05-1.png) no-repeat;}
.page-l-mashinka, .otstup-l { width:589px;}

/* уголок с лева вверху */
.corner {
	width:25px;
	height:25px;
	background:url(images/img_06_corner.png) no-repeat;
}

article {
    float: left;
}

.single-margin-top {
}

article.front p, article.front h2 {
    padding: 30px 45px;
    background: #ededed;
}

.front img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    display: block;
    border-left: 2px solid #ededed;
    border-right: 2px solid #ededed;
}

/*
** 1.0 Container
*/

.container {width:1262px;background:url(images/bg-border.gif) repeat-y; border:1px solid #000; color:white; box-shadow:-6px 0px 4px 0px grey, 6px 0px 4px 0px grey; margin:0 auto}


/*
** 1.4 Header
*/
header, #main-content, footer {
    margin: 0;
}

.top-l {
	float: left;
	width: 329px;
	height: 90px;
	background: url(images/img_01.png) no-repeat;
}

.top-l a img { border-style:none;margin:6px 0 0 9px;width:270px;height:72px}

.top-r {
	/*margin-left:329px;*/
	height: 90px;
	background: url(images/img_02.png) repeat-x;
	display: flex;
	justify-content: space-around
}
.top-slogan {
	width:620px;
	height:64px;
	/*margin-left:110px;
	float:left;*/
	margin-top:1px;
	background:url(images/zvezda.png) no-repeat;
}

.head-letter {float:left;margin:12px 0 0 115px}
.head-call {float:right;margin:12px 115px 0 0}
.head-call,.head-letter {color:white;text-align: right;font-size: 15px;letter-spacing: -1px;}
.head-call a,.call-me.mobile a.ph {background:url(images/phone2.png) left no-repeat; padding-left:15px}
.head-letter a,.call-me.mobile a.lett {background:url(images/letter2.png) left no-repeat; padding-left:30px}

.head-letter > a::after,.head-letter > a::before  {display:inline-block;font-family:arial;content:'v'}
.head-letter > a::before {transform: rotate(90deg)}
.head-letter > a::after {transform: rotate(-90deg)}


.menu-l {
	float:left;
	width: 352px;
	height: 36px;
	background: url(images/img_03.png) no-repeat;
}