/*Шрифты*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

@font-face {
    font-family: 'ImpactRegular';
    src: url('../css/fonts/impact.eot');
    src: url('../css/fonts/impact.eot') format('embedded-opentype'),
         url('../css/fonts/impact.woff') format('woff'),
         url('../css/fonts/impact.ttf') format('truetype'),
         url('../css/fonts/impact.svg#ImpactRegular') format('svg');
}




html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	color: #fff;
	background: #fff;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}

.contain_spacer{
	padding: 20px 0;
}

/*Шапка*/
#header{
height:140px;
background: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(52, 30, 12)),
	color-stop(1, rgb(130, 71, 20))
);
background: -o-linear-gradient(top, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
background: -moz-linear-gradient(top, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
background: -webkit-linear-gradient(top, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
background: -ms-linear-gradient(top, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
background: linear-gradient(to top, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
}

.logo{
	font-family: 'ImpactRegular';
	font-size: 36px;
	height: 100px;
	line-height: 20px;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}

.logo_info{
	padding: 7px;
	font-size: 13px;
	background: #b40d05;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}

.logo span{
	color: #ff0000;	
}

.logo span:last-child{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #fff;
}

#header_title{
	height: 100px;
	vertical-align: middle;
	display: table-cell;
	position: relative;
    left: calc(200px - 50%);
}

#header_contact{
	height: 130px;
	font-size: 20px;
	text-align:center;
	vertical-align: middle;
	display: table-cell;
}

#email{
	font-weight: 100;
	font-size: 14px;
}

.button{ 
	background: #e5c332;
	border-radius: 5px;
	font-size: 16px;
 	color: #000;
	font-weight: normal;
	padding: 5px 20px;	
}

.button:hover{ 
	background: #FFDB41;
	text-decoration:none;	
	transition: 0.2s;
 }

 

/*Меню*/

#navigation{

	background: -webkit-gradient(
	linear,
	right bottom,
	right top,
	color-stop(0, rgb(72, 42, 18)),
	color-stop(1, rgb(135, 74, 20))
	);
	
	background: -o-linear-gradient(top, rgb(72, 42, 18) 0%, rgb(135, 74, 20) 100%);
	background: -moz-linear-gradient(top, rgb(72, 42, 18) 0%, rgb(135, 74, 20) 100%);
	background: -webkit-linear-gradient(top, rgb(72, 42, 18) 0%, rgb(135, 74, 20) 100%);
	background: -ms-linear-gradient(top, rgb(72, 42, 18) 0%, rgb(135, 74, 20) 100%);
	background: linear-gradient(to top, rgb(72, 42, 18) 0%, rgb(135, 74, 20) 100%);

	border-top: 2px solid #B47F3F;
	border-bottom: 2px solid #B47F3F;

}

nav{
	width: 940px;
	height: 36px;
 	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

nav a{
	font-size: 14px;
	padding: 0 40px;
	cursor: pointer;
}

.line:after{
	content: url(../images/sep.png) no-repeat;
	position: absolute;
	padding: 0 40px;
}


/*Категории*/
#contain_img{
	padding: 50px 0;
}

.vertical_bottom:hover{
	background:rgba(52, 30, 12, 0.30);

}

.block_img{
	float: left;
	width: 218px;
	height: 263px;
	border: 1px solid #000;
	        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
}

.block_img:hover{
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
}

.block_img.right{
	margin-right: 20px;
}


#category1{
	background: url(../images/category1.png);
}

#category2{
	background: url(../images/category2.png);
}

#category3{
	background: url(../images/category3.png);
}

#category4{
	background: url(../images/category4.png) no-repeat center;
}

.text_block{
	background: rgba(52, 30, 12, 0.74);
	width: 220px;
	text-align: center;
	height: 50px;
	vertical-align: middle;
	display: table-cell;
}

.vertical_bottom{
	vertical-align: bottom;
	height: 263px;
	display: table-cell;
}

/*Основной контент*/

#section{
	background: url(../images/content_background.png) center no-repeat;
	background-size: cover;
}



table{
border: 0;
}

td.first{
	text-align:left;
	padding: 15px;
} 

td.two{
	width: 200px;
} 

td img{
	width: 100px;
}

th{
	background: #824814;
	color: #fff;
	vertical-align: middle;
	padding: 5px;
 	text-align: center;
	font-size: 14px;
	font-weight: 100;
	
}

.background{
	background: #f1f2f2;
}
 

.button3{
background: #e5c332;
line-height: 3em;
padding: 5px;
font-size: 14px;
color: #fff;
border-radius: 5px;
font-weight: 100;
text-transform: uppercase;
 cursor: pointer;
margin: 5px;
position: relative;
}

/*Подвал*/

#footer{

	height: 120px;

	background: -webkit-gradient(
	linear,
	right top,
	right bottom,
	color-stop(0, rgb(52, 30, 12)),
	color-stop(1, rgb(130, 71, 20))
	);
	
	background: -o-linear-gradient(bottom, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
	background: -moz-linear-gradient(bottom, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
	background: -webkit-linear-gradient(bottom, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
	background: -ms-linear-gradient(bottom, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);
	background: linear-gradient(to bottom, rgb(52, 30, 12) 0%, rgb(130, 71, 20) 100%);

}

#line{
	height: 70px;
	border: 0;
	float: left;
	border-left: 1px solid #fff;
	margin: 0 30px;
}

#footer_contact{
	height: 120px;
	font-size: 16px;
	font-weight: 100;
	text-align: right;
	vertical-align: middle;
	display: table-cell;
	text-align: left;
}
 
#zakaz{
text-align: right;
vertical-align: middle;
display: table-cell;
height: 100px;
} 

#zakaz a{
	text-align: right;
	font-size:18px;
	color: #000;
	text-transform: uppercase;
}



#footer_bottom{
background: #48290e;
height: 70px;
text-align: center;
padding: 20px 0;
}

#footer_bottom img{
padding: 0 10px;
}

/* Форма обратной связи */   
.form-article{
	width:292px;
	background:  url(../images/form-bg.png) right top no-repeat;
	padding-top:15px;
	float:right;
	height:355px;
	text-align: center;
	position: relative;
}

.head-form h3{
 font-family: 'Open Sans', sans-serif;
 padding: 10px 0;
}

.ico-1{
	background-image: url(../images/user.png);
}
 
.ico-2{
	background-image: url(../images/phone.png);
	background-position: 18px center;
}

.ico-3{
	background-image: url(../images/mail.png);
	background-position: 13px 2px;
}

.form-field {
width: 275px;
height: 35px;
border-radius: 5px;
border: none;
margin-bottom: 17px;
font-family: inherit;
font-size: 15px;
background-repeat: no-repeat;
background-position: 13px center;
padding-left: 54px;
}

.button2{
	background: #e5c332;
	width: 269px;
	height: 51px;
	border: none;
	font-family: inherit;
	font-size: 21px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 18px;
	cursor: pointer;
}

.button2:hover{
	background: #FFDB41;
	text-decoration:none;	
	transition: 0.2s;
 }

/* Заголовки */
.form-article h3{
	text-align: center;
	color: #fff;
	font-weight: 400;
	padding:20px 0 0;
	font-size: 26px;
	line-height: 0.7;
	margin:0;
}

.form-article p{
	text-align: left;
	color: #7b7b7b;
 	font-weight: 400;
	padding:30px 0 0 90px;
	font-size: 14px;
	line-height: 1;
	margin:0;
	position: absolute;
	bottom: 35px;
}
 
/* Проверка полей на ошибки */

.edit_f{
color: rgb(200, 200, 200);
margin-top: 15px;
background-image: none;
 background-color: rgb(255, 255, 255);
 border: 1px solid rgb(200, 200, 200);
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 0px; height: 25px;
 padding: 5px 10px;
 width: 220px;
 }


/* когда в фокусе елемент ввода */
 /* ошибка ввода поч. адреса */
.edit_f_error{background-color: #E01B1E !important;}
  
.sendbtn { cursor: hand; cursor: pointer;	margin-top: 15px;}

.label_sndok{
 font-weight: 400;
font-size: 20px;
line-height: 1;
color: #fff;
}
.form-article2 .label_sndok{
color:#fff;
}

/* Модальная форма */


#fade { 
	display: none;/*--по умолчанию скрыто--*/ 
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80; 
	z-index: 9999;
}
.popup_block{
	display: none; /*--по умолчанию скрыто--*/
	background: url(../images/modal_background.jpg);
	padding: 20px;
	border: 8px solid #000;
	float: left;
	font-size: 85%;
	position: fixed;
	top: 50%; left: 50%;color: #000;
	max-width: 750px;
	min-width: 320px;
	height: auto;
	z-index: 99999;
	/*--CSS3 тень блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 скругление углов--*/
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.popup_block p  {	
    font-weight: 400;
	padding: 0;
	margin: 0;
	color: #000;
	line-height: 1.6;}
.popup_block h2{
    margin: 0px 0 10px;
    color: rgb(43, 43, 43);
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 2px #0D0C0C;
}	
img.btn_close {
	float: right;
	margin: -38px -38px 0 0;
    border:0;
}
.shadow {
box-shadow:4px 4px 10px #857373;
-webkit-box-shadow:4px 4px 10px #857373;
-moz-box-shadow:4px 4px 10px #857373;
padding:0;
}
/*--фиксированное позиционирование для IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.submenu
{
	display: inline-block;
	margin: 0px; padding: 0px;
}
.submenu li{
	position: relative;
	display: inline;
	padding: 2px 4px;
	margin: 2px;
	border-right: 0px;
	text-align: left;
}
 
.submenu li ul{
background: #62310E;
list-style: none;
visibility: hidden;
opacity: 0;
position: absolute;
line-height: 1.5;
 left: -5px;
margin: 0;
padding: 5px;
z-index: 999;
box-shadow: 2px 2px 5px #000000;
 }
.submenu li:hover ul{
	visibility: visible;
	opacity: 1;
}
.submenu li li{
	display: block;
	white-space: nowrap;
}

.submenu li ul a{
font-size: 14px;
color: #FFFFFF;
border-right: 0px;
padding: 0;
text-decoration: none;
font-weight: bold;
}

.submenu li ul a:hover{
	font-size: 14px;
	color: #FFFFFF; 
 	border-right: 0px;
 	text-decoration: underline;
}

.container .menu a:hover  {
	text-decoration: underline;
}
.container .menu {
	padding-left: 127px;
	padding-top: 9px;
	margin-bottom: 62px;
}

/*Спойлер*/

 
.spoiler h2,
.spoiler.close h2{
padding: 30px 10px;
font-size: 20px;
color: #FF7878;
cursor: pointer;
margin: 5px 0 0 0;
}

.spoiler.close h2:hover{
text-decoration: underline;
color: #000;
}

.close.spoiler h2{margin: 10px 0;}
 .spoiler h2 span{
	font-size:12px;
	color:#FF7878;
	float:right;
}

.spoiler h2 span:hover{
color: #000;
}

.spoiler .block{
 	border:1px solid #ddd;
	background:#fff;
	overflow:hidden;
	
}
.close .block{display:none}
.show {display: none;}
.bgcolor .show {display: block;}
.hide  {display: block;}
.bgcolor .hide {display: none;}
.close .show {display: block;}
.close .bgcolor .show {display: none;}
.close .hide  {display: none;}
.close .bgcolor .hide {display: block;}



/* Странички продуктов по ДПК */

h2.h2_1{
	margin: 30px 0 15px;
	font-size: 24px;
}

h2.h2_2{
	margin: 30px 0 30px;
	font-size: 24px;
}

img.left{
	width: 500px;
	float: left;
	padding-right: 20px;
}

img.left2{
	width: 410px;
	float: left;
	padding-right: 20px;
}

img.left3{
	width: 310px;
	float: left;
	padding-right: 20px;
}


p.p_1{
	line-height: 2;
}

p.p_priemuhestva{
	font-weight: bold;
	padding: 20px 0; 
}

ul.priemuhestva2{
	color: #000;
	width: 640px;
}

a.zakaz{
	background: #e5c332;
	border-radius: 5px;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	padding: 6px 80px;
}

a.zakaz:hover{ 
	background: #FFDB41;
	text-decoration:none;	
	transition: 0.2s;
 }
 
div.div_zakaz{
	text-align:center;
	padding: 40px 0;
 }
 
 div.div_zakaz2{
	text-align:center;
	padding: 20px 0;
  }
  
  .hover_img{
	        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
}

.hover_img:hover{

        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
}
/* end new spoiler 2013 */