html {
	width:100%;
	height:100%;
	font-size: 100.01%;
}

body {
	font: 14px/1.41 Arial, sans-serif;
	width:100%;
	height:100%;
}

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

@import "mixins.less";

/* Secondary section */

.container {
	width: 980px;
	margin: 0 auto;
}

.wrapper {
	position: relative; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/top.jpg) no-repeat center top;
	
	.empty {
		position: relative;
		height: 240px;		
	}

	&.form_wrapper {
		background: none;
	}
}

header {
	position: relative;
	height: 1075px;

	&.form {
		height: 170px;
	}

	.logo {
		position: absolute;
		top:19px;
		left:0px;
	}

	.dekeramik {
		position: absolute;
		top:10px;
		right:0px;
	}

	.phones {
		font-size: 20px;
		color:#ffffff;
		font-weight:bold;
		width: 275px;
		position: absolute;
		top: 97px;
		text-shadow:1px 1px 1px #000000;

		span {
			font-size: 34px;
		}
	}

	.phones_2 {
		position: absolute;
		right: 0;
		text-align: right;
	}

	.button {
		text-transform: uppercase;
		color:#484848;
		text-decoration: none;
		display: block;
		width: 385px;
		height: 50px;
		background: url(../images/button.png) no-repeat;
		line-height: 51px;
		font-weight: bold;
		margin:0 auto;
		position: relative;
		text-align: center;
		top: 146px;

		span {
			color:#ff5a00;
		}
	}

	.slogan {
		position: relative;
		font-size: 36px;
		font-weight: bold;
		text-align: center;
		width: 100%;
		top: 590px;
		color:#333333;
		line-height: 1.21;
	}

	.orange_blocks {
		.clearfix;
		margin-left: -25px;
		position: relative;
		margin-top:830px;
		.orange_b {
			float:left;
			width: 307px;
			height: 92px;
			background: url(../images/orange_bg.png) no-repeat;
			margin-left: 25px;
			color:#ffffff;

			.orange_b_in {
				display: table-cell;
				height: 74px;
				width: 307px;
				vertical-align: middle;
				text-align: center;
				font-weight: bold;
				font-size: 18px;
				line-height: 1.21;
				text-shadow:1px 1px 1px #813000;
			}
		}
	}
}

article {
	h2 {
		font-size: 24px;
		text-align: center;
	}

	.advantages {
		padding-top:5px;
		padding-bottom: 30px;
	}

	h4 {
		font-size: 24px;
		color:#474747;
		font-weight: normal;
		text-align: center;
	}

	h5 {
		font-size: 18px;
		font-weight: bold;
		color: #000000;
		margin:0.7em 0;
	}

	h6 {
		font-size: 14px;
		margin:0.7em 0;
	}

	.types {
		.clearfix;
		margin-left: -30px;
		margin-bottom: 84px;
		.types_b {
			float:left;
			width: 300px;
			height: 106px;
			background: url(../images/type_bg.jpg) no-repeat;
			position: relative;
			margin-left: 30px;

			a {
				display: table-cell;
				width: 300px;
				height: 86px;
				vertical-align: middle;
				text-decoration: none;
				font-size: 24px;
				font-weight: bold;
				line-height: 1.21;

				img {
					position: absolute;
					top:0;
					left:50px;
				}

				&.milk {
					color:#2b87ee;
					padding-left: 108px;
				}

				&.fish {
					color:#6c82b1;
					padding-left: 130px;

					img {
						left: 30px;
						top:10px;
					}
				}

				&.beer {
					color:#f7a347;
					padding-left: 120px;

					img {
						left: 45px;
						top:10px;
					}
				}

				&.cheese {
					color:#f4d70b;
					padding-left: 108px;

					img {
						left: 30px;
						top:15px;
					}
				}

				&.meat {
					color:#b91a14;
					padding-left: 130px;

					img {
						left: 30px;
						top:15px;
					}
				}

				&.liker {
					color:#904e07;
					padding-left: 70px;

					img {
						left: 20px;
						top:15px;
					}
				}

				&.him {
					color:#9947bd;
					padding-left: 108px;

					img {
						left: 30px;
						top:15px;
					}
				}

				&.volt {
					color:#ff4747;
					padding-left: 80px;

					img {
						left: 30px;
						top:15px;
					}
				}

				&.sklad {
					color:#474747;
					padding-left: 100px;

					img {
						left: 30px;
						top:15px;
					}
				}
			}
		}
	}

	.texts {
		margin-bottom: 100px;
		.text_b {
			margin-bottom: 40px;
			.clearfix;
		}
		.text_b_left {
			float: left;
			width: 470px;
			margin-right: 40px;
		}
		.text_b_right {
			float: left;
			width: 470px;
		}

		.type {
			position: relative;
			a {
				display: table-cell;
				height: 50px;
				vertical-align: middle;
				text-decoration: none;
				font-size: 24px;
				font-weight: bold;
				line-height: 1.21;
				text-align: left;

				img {
					position: absolute;
					top:0;
					max-height: 45px;
					max-width: 30px;
					margin-left: -35px;
				}

				&.milk {
					color:#2b87ee;
					padding-left: 35px;
				}

				&.fish {
					color:#6c82b1;
					padding-left: 35px;

					img {
						top:10px;
					}
				}

				&.beer {
					color:#f7a347;
					padding-left: 40px;

					img {
						top:5px;
						margin-left:-40px;
					}
				}

				&.cheese {
					color:#f4d70b;
					padding-left: 35px;

					img {
						top:10px;
						margin-left: 15px;
					}
				}

				&.meat {
					color:#b91a14;
					padding-left: 35px;

					img {
						top:15px;
						margin-left: 10px;
					}
				}

				&.liker {
					color:#904e07;

					img {
						top:15px;
					}
				}

				&.him {
					color:#9947bd;
					padding-left: 40px;

					img {
						top:7px;
						margin-left:-40px;
					}
				}

				&.volt {
					color:#ff4747;
					padding-left: 35px;

					img {
						top:5px;
					}
				}

				&.sklad {
					color:#474747;
					padding-left: 40px;

					img {
						top:10px;
						margin-left:-40px;
					}
				}
			}
		}

		h3 {
			font-size: 24px;
			color:#6d6358;
		}

		p {
			line-height: 24px;
			color:#6d6358;
			text-indent: 15px;
			text-align: justify;
		}

		ul {
			color:#6d6358;
			list-style: square;
			margin-left: 20px;

			li {
				line-height: 1.21;
				padding:10px 0;
			}
		}
	}

	.form_b {
		.clearfix;
		margin-bottom: 30px;
		width: 600px;

		.form_item {
			width: 280px;
			float:left;
			white-space: nowrap;
			height: 30px;

			input[type="text"] {
				margin-left:15px; 
				position: relative;
				border:1px solid #000000;
				height: 24px;
				margin-top: -4px;
				padding:0 5px;
			}
		}

		&.no-float {
			.form_item {
				float: none;

				&.form_item_60 {
					height: 60px;

					input[type="text"] {
						width: 396px;
						border:1px solid #000000;
						height: 24px;
						margin:0;
						margin-top:4px;
					}
				}
			}
		}

		&.float-all {
			width: 100%;

			.form_item {
				width: auto;
				margin-right: 20px;

				&.form_item_big {
					height: 120px;

					input {
						margin-bottom: 12px;
					}
				}
			}
		}
	}

	.buttons {
		width: 408px;
		text-align: right;
		margin-bottom: 30px;
		.clearfix;
		input {
			text-transform: uppercase;
			color:#ff5a00;
			text-decoration: none;
			display: block;
			width: 199px;
			height: 50px;
			background: url(../images/button_mini.png) no-repeat;
			line-height: 51px;
			font-weight: bold;
			text-align: center;
			border:none;
			float: right;
		}

		.errors {
			color:red;
			font-size: 14px;
			font-weight: bold;
			line-height: 50px;
			text-align: left;
			display: none;
		}
	}
}

footer {
	position: relative; 
	margin-top: -240px; 
	height: 240px; 
	width: 100%; 

	.container {
		position: relative;
		height: 240px;
	}

	.phones {
		font-size: 20px;
		color:#6d6358;
		font-weight:bold;
		width: 275px;

		span {
			font-size: 34px;
		}
	}

	.phones_2 {
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
	}


	.button {
		text-transform: uppercase;
		color:#484848;
		text-decoration: none;
		display: block;
		width: 385px;
		height: 50px;
		background: url(../images/button.png) no-repeat;
		line-height: 51px;
		font-weight: bold;
		margin:0 auto;
		position: absolute;
		text-align: center;
		top: 10px;
		left:50%;
		margin-left:-193px;

		span {
			color:#ff5a00;
		}
	}

	.logo {
		position: absolute;
		bottom: 0px;
		left: 0;
	}

	.dekeramik {
		position: absolute;
		bottom: 0px;
		right: 0;
	}
}