article, aside, details, figcaption, figure, footer, header, hgroup, menu, section { 
    display: block;
}

body ,html {
margin:0;
padding:0;
width: 100%;
font-family: "Helvetica Neue", sans-serif;
background: #310E00;
}

#wrap {
width: 100%;
}

#middle {
width: 960px;
margin: 0 auto;
}

.header {
width: 100%;
height: 540px;
background: url("/bg/bg_1.jpg") no-repeat;
background-size: 100%;
}

.header_1 {
width: 100%;
height: 540px;
background: url("/bg/bg_header_1.png") no-repeat;
background-size: 100%;
}

.header_1_img {
display: inline-block;
padding: 30px;
}

.header_1_img img {
width: 110px;
}

.nav {
height: 40px;
background: #D2BC8E;
z-index: 10;
width: 960px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.3)
}

#nav {
	position: fixed;
	margin-top: 500px;
}

.lenta {
background: url("/bg/element_2.png") no-repeat;
background-size: 250px;
width: 250px;
height: 130px;
z-index: 10;
display: block;
float: left;
position: absolute;
bottom: -43px;
}

ul.nav {
width: 100%;
text-align: center;
}

.nav ul {
margin: 0 0 0 120px;
padding: 0;
float: left;
display: block;
text-align: center;
}

.nav li {
font-size: 18px;
color: #7D1621;
line-height: 26px;
display: inline-block;
margin: 5px 0;
padding: 0 20px;
border: 2px solid #7D1621;
border-radius: 5px;
}

.nav li:hover {
background: rgba(255,255,255,0.5);
border-bottom: 7px solid #7D1621;
}

.nav_img {
display: inline-block;
padding: 10px 20px;
float: left;
}

.nav_img img {
width: 110px;
}

.nav li a{
color: #7D1621;
text-decoration: none;
}

.nav .lang_p {
float: right;
line-height: 40px;
margin-right: 20px;
color: #7D1621;
font-size: 13px;
}

.about {
display: inline-block;
background: url("/bg/bg.jpg") #7D1621;
z-index: 9;
}

#about {
font-size: 25px;
color: #D2BC8E;
margin: 0 20px;
padding: 50px 0 10px 0;
border-bottom: 1px dotted #D2BC8E;
text-align: center;
}

.about_img {
float: left;
margin: 50px 20px 0px 20px;
}

.about_img img{
float: left;
width: 380px;
}

.about_txt {
float: left;
}

.about p{
padding: 10px 0 50px 0px;
font-size: 95%;
line-height: 1.3;
margin: 0 20px;
width: 920px;
color: #E7D1A4;
text-align: justify;
text-shadow: 0px 0px 1px rgba(0,0,0,0.8)
}

.images {
height: 290px;
background: #D2BC8E;
z-index: 10;
}

.images img {
margin-top: 30px;
margin-bottom: 30px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
float: left;
width: 310px;
height:200px;
background: url("/bg/bg.jpg") #7D1621;
}

.images img:last-child {
padding-right: 0px;
}

.catalog {
background: url("/bg/bg.jpg") #7D1621;
padding: 0 0 50px 0;
}

#product {
font-size: 25px;
color: #D2BC8E;
margin: 0 100px 30px 100px;
padding: 50px 0 10px 0;
border-bottom: 1px dotted #D2BC8E;
text-align: center;
}

.group {
display: block;
margin: 0 100px;
}

.group_img {
    display:inline-block;   
    position:relative;
	margin-bottom: 30px;
	padding-right: 60px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.group_img:last-child {
	padding-right: 0px;
 
}
.group_img .span_1 {
	font-size: 11px;
	font-weight: bold;
	color: #D2BC8E;
    display:inline-block;
	width: 100px;
    position:absolute;
    bottom:20px;
	line-height: 20px;
    left:0px;
	text-align: center;
	border-bottom: 1px dotted #D2BC8E;
}

.group_img .span_2 {
	font-size: 10px;
	color: #D2BC8E;
    display:inline-block;
	width: 100px;
    position:absolute;
    bottom:0px;
	line-height: 20px;
    left:0px;
	text-align: center;
}

.group_img img{
vertical-align: bottom;
width: 100px;
}

.beshbarmak {
background: #7D1621;
padding-bottom: 30px;
}

.beshbarmak_title {
font-size: 20px;
}

.beshbarmak  img{
width: 400px;
float: right;
margin-left: 20px;
}

.beshbarmak p{
padding: 50px 0 50px 0px;
font-size: 95%;
line-height: 1.3;
margin: 0 20px;
color: #E7D1A4;
text-align: justify;
text-shadow: 0px 0px 1px rgba(0,0,0,0.8)
}

.line {
height: 30px;
background: #D2BC8E;
}

.contacts {
background: #D2BC8E;
padding: 50px 0 0 0;
box-shadow: 0px 0px 10px rgba(0,0,0,1);
z-index: 100;
}

#contact {
font-size: 25px;
color: #7D1621;
margin: 0 100px 10px 100px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #7D1621;
text-align: center;
}


.contact_info {
display: block;
width: 370px;
float: left;
padding: 10px 10px 50px 100px;
}

.contact_info_req {
display: block;
padding: 10px 0;
font-size: 13px;
color: #7D1621;
margin: 0px;
line-height: 20px;
}

.contact_info_req a{
color: #7D1621;
}

.contact_map {
float: right;
width: 370px;
padding: 10px 100px 50px 10px;
}

#map_canvas {
width:360px;
height:270px;
border: 5px solid #7D1621;
}

.contact_soc {
width: 100%;
}

.footer {
height: 40px;
background: url("/bg/bg.jpg") #7D1621;
}

@media(min-width:1920px){ /*Изменения будут внесены только для шаблона шириной свыше 767px*/
	#middle {
	width: 1440px;
	}
	
	.header_1_img {
	padding: 40px;
	}
	
	.header_1_img img {
	width: 140px;
	}
	
	.nav {
	width: 1440px;
	height: 50px;
	}
	.lenta {
	background: url("/bg/element_2.png") no-repeat;
	background-size: 400px;
	width: 400px;
	height: 200px;
	bottom: -70px;
	}
	.nav ul {
	margin: 0 0 0 320px;
	}
	.nav li {
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	}
	
	.nav_img img {
	width: 140px;
	}
	
	.nav .lang_p {
	line-height: 50px;
	font-size: 16px;
	}
	
	#about {
	font-size: 35px;
	padding-top: 70px;
	}
	
	.about_img img{
	width: 580px;
	}
	
	.about p{
	padding: 10px 0 50px 0px;
	font-size: 150%;
	width: 1400px;
	}
	
	.images {
	height: 390px;
	}
	
	.images img {
	width: 470px;
	height: 303px;
	}
	
	#product {
	font-size: 35px;
	}
	
	
	
	.group_img img{
	width: 180px;
	}
	
	.group_img .span_1 {
		font-size: 22px;
		width: 180px;
		bottom:30px;
		line-height: 30px;
	}

	.group_img .span_2 {
		font-size: 20px;
		width: 180px;
	}
	
	.beshbarmak {
	background: #7D1621;
	padding-bottom: 30px;
	}
	
	.beshbarmak_title {
	font-size: 35px;
	}
	
	.beshbarmak  img{
	width: 550px;
	}
	
	.beshbarmak p{
	font-size: 145%;
	}
	
	#contact {
	font-size: 35px;
	}
	
	.contact_info {
	width: 570px;
	padding: 10px 10px 50px 100px;
	}
	
	.contact_info_req {
	font-size: 20px;
	line-height: 30px;
	}
	
	.contact_map {
	width: 570px;
	padding: 10px 100px 50px 10px;
	}
	
	#map_canvas {
	width:570px;
	height:370px;
	}
	
}