body{
	margin:		0;
	padding:	0;

	background:	#F8F8F8;
}

*{
	font-family:	verdana, arial, tahoma;
}

a{
	text-decoration:	none;
}


h1{
	display:	inline;
	margin:		0;
	font-weight:normal;
}

h2{
	display:	inline;
	margin:		0;
	font-weight:normal;
}

h3{
	display:	inline;
	margin:		0;
	font-weight:normal;
}

h4{
	display:	inline;
	margin:		0;
	font-weight:normal;
}



div.menu{
	position:	fixed;
	float:		left;
	width:		200;
	height:		100%;

	background:	#4D4D4D;

	#border:		1px solid gray;
}

div.menuelement{
	float:		left;
	width:		180;
	padding:	8;
	padding-left:	16;

	font-size:	13;
	color:		white;

	#border:		1px solid lightgray;
}

div.menuelement:hover{
	background:	#777777;
}

div.main{
	float:		left;
	width:		800;

	margin-left:200;
	padding:	20;

	font-size:	12;
	color:		#636363;

	#border:		1px solid lightgray;
}

div.way{
	float:		left;
	color:		#1E90FF;
	font-size:	12;
	padding:	10;
	padding-right:	5;
}


div.miniTop{
	font-size:	12;
	color:		#A52A2A;
	padding:	4;
}

div.rightBlock{
	float:		left;
	width:		200;

	margin-top:		10;
	margin-bottom:	10;
}

div.blockLink{
	float:		left;
	clear:		both;
	margin-bottom:	20;
	width:		220;

	border-bottom:	1px solid lightgray;
}

div.link{
	color:		gray;
	font-size:	12;
	padding:	10 15;

	border:		1px solid lightgray;
	border-bottom:	none;
}

div.link:hover{
	background:	#F3F3F3;
}


div.topText{
	font-size:	32;
	margin-bottom:	20;
}


input.pass{
	width:		260;
	padding:	6 12;

	background:	white;
	border:		1px solid lightgray;
}

input.input{
	font-size:	14;
	width:		800;
	padding:	6 15;
	margin-top:	5;
	margin-bottom:	10;

	background:	white;
	border:		1px solid lightgray;
}

input.input2{
	font-size:	14;
	width:		620;
	padding:	6 15;
	margin-top:	5;
	margin-bottom:	10;

	background:	white;
	border:		1px solid lightgray;
}

textarea{
	font-size:	14;
	width:		800;
	height:		150;
	padding:	6 15;
	margin-top:	5;
	margin-bottom:	10;

	background:	white;
	border:		1px solid lightgray;
}

select{
	font-size:		14;
	padding:		6 15;
	margin-top:		5;
	margin-right:	10;
	margin-bottom:	10;
}

input.submit{
	font-size:	14;
	background:	#00C400;
	border:		none;
	border-radius:	4px;
	padding:	10 15;
	color:		white;
	cursor:		pointer;
}

input.submit:hover{
	background:	#00A300;
}

input.submitDel{
	float:		right;
	font-size:	14;
	background:	#A52A2A;
	border:		none;
	border-radius:	4px;
	padding:	10 15;
	color:		white;
	cursor:		pointer;
}

input.submitDel:hover{
	background:	#E01B1B;
}


div.block{
	float:		left;
	width:		800;
}

div.sector{
	float:			left;
	width:			800;

	border-top:		1px solid #BFBFBF;
	padding-top:	10;
	margin-bottom:	20;
}


div.icon{
	float:		left;
	height:		100;
	width:		100;
	margin:		10;

	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;
}

input.iconDel{
	float:		right;

	background:	#A52A2A;
	border:		none;
	border-radius:	4px;
	color:		white;
	padding:	2 5;
	cursor:		pointer;
}

input.iconDel:hover{
	background:	#E01B1B;
}

div.iconGroup{
	float:		left;
	height:		150;
	width:		100%;
	margin:		10 0;

	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;
}

div.iconGroups{
	float:		left;
	height:		50;
	width:		50;
	margin:		10;

	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;
}

div.catGroup{
	float:			left;
	width:			800;
	margin-bottom:	20;
	color:			gray;

	border-top:		1px solid #E6E6E6;
}

div.catGroupBlock{
	float:			left;
	width:			700;
	padding-top:	10;
}

div.catGroupName{
	float:			left;
	font-size:		22;
	width:			730;
	margin-bottom:	10;
	color:			#1C6BB8;
}

div.catProdName{
	float:			left;
	font-size:		22;
	width:			800;
	margin-bottom:	10;
	color:			#1C6BB8;
}


div.basketBlock{
	float:			left;
	width:			800;

	margin-bottom:	20;

	border-top:		1px solid #E6E6E6;
}

div.basketTop{
	float:			left;
	clear:			both;
	font-size:		32;
	width:			600;
	color:			#1C6BB8;
}

div.basketTotal{
	float:			right;
	text-align:		right;
	width:			200;
}

div.basketAmount{
	float:			right;
	text-align:		right;
	width:			200;
}

div.basketTitles{
	float:			left;
	width:			800;
	padding:		10;

	font-size:		16;
	color:			#1C6BB8;
}


div.updateAbout{
	float:			left;
	width:			100%;

	font-size:		13;
	line-height:	1.5;

	margin-bottom:	40;
}

div.updateBlock{
	float:			left;
	width:			100%;

	margin-bottom:	40;

	border-top:		1px solid #E6E6E6;
}

div.updateTop{
	font-size:		22;
	color:			#1E74C8;
}

div.updateDate{
	font-size:		11;
	margin-bottom:	20;
}

div.updateText{
	font-size:		14;
	line-height:	1.5;
}


div.requestTitles{
	float:			left;
	width:			680;
	padding:		10;

	font-size:		16;
	color:			#4D4D4D;

	margin-top:		10;
	border-top:		1px solid lightgray;
}

div.requestPercent{
	float:			right;

	font-size:		24;
	font-weight:	bold;

	margin-top:		10;
	padding:		4;
	background:		lightgray;
	color:			white;
	border-radius:	6px;
	cursor:			pointer;
}

div.requestPercent:hover{
	background:		gray;
}

div.sale{
	background:		#90EE90;
}

div.sale:hover{
	background:		#68E768;
}


div.basketViewTop{
	font-size:		24;
	margin-bottom:	20;
	color:			#008000;
}

input.submitBasket{
	width:		100%;
	margin-bottom:	20;

	font-size:	14;
	background:	#00C400;
	border:		none;
	border-radius:	4px;
	padding:	10 15;
	color:		#FFFFFF;
	font-weight:	bold;

	cursor:		pointer;
}

div.iconBasket{
	float:		left;
	height:		50;
	width:		50;
	margin:		0 20 20 0;

	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;
}

div.status{
	float:		left;
	margin-right:	20;

	height:		16;
	width:		16;
	border-radius:	20px;
}

span.week{
	font-size:	12;
	color:		gray;
}

div.basketOldClient{
	background:		white;
	border:			1px solid lightgray;
	border-radius:	4px;
	line-height:	1.5;
	padding:		10;
	margin-bottom:	20;

}


div.dayBlock{
	float:		left;
	width:		100%;
	margin-bottom:	10;
}

div.dayTop{
	float:		left;
	width:		80;
	padding:	6;
	text-align:	center;
}

div.day{
	float:		left;
	width:		80;
	padding:	6;
	clear:		both;
}

input.day{
	float:		left;
	width:		95;
	padding:	6;

	margin-right:	4;
	margin-bottom:	4;
	background:	white;
	border:		1px solid lightgray;
}

select.day{
	float:		left;
	width:		95;
	padding:	3;
}


div.firstStateImg{
	float:			left;

	height:			50;
	width:			50;

	margin-right:	20;

	background-repeat:	no-repeat;
	background-position:center;
	background-size:	cover;
}


/*ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ*******/

@media screen and (max-width: 1000px) {

	div.menu{
		box-sizing: border-box;
		position:	relative;
		float:		left;
		width:		100%;
		height:		600;
	}

	div.menuelement{
		box-sizing: border-box;
		width:		100%;
	}

	div.main{
		box-sizing: border-box;
		float:		left;
		width:		100%;

		margin-left:0;
		padding:	20;
	}

	input.input{
		box-sizing: border-box;
		width:		100%;
	}

	input.input2{
		box-sizing: border-box;
		width:		100%;
	}

	textarea{
		box-sizing: border-box;
		width:		100%;
	}

	div.rightBlock{
		box-sizing: border-box;
		width:		100%;
		padding:	20;
	}

	div.block{
		box-sizing: border-box;
		width:		100%;
	}

	div.sector{
		box-sizing: border-box;
		width:		100%;
	}

	div.catGroup{
		box-sizing: border-box;
		width:		100%;
	}

	div.catGroupBlock{
		float:		left;
		width:		100%;
	}

	div.catGroupName{
		box-sizing: border-box;
		width:		100%;
	}

	div.catProdName{
		box-sizing: border-box;
		width:		100%;
	}

	div.blockLink{
		box-sizing: border-box;
		width:		100%;
	}

	div.basketTitles{
		box-sizing: border-box;
		width:		100%;
	}

	div.requestTitles{
		box-sizing: border-box;
		width:		100%;
	}

	div.basketBlock{
		box-sizing: border-box;
		width:		100%;
	}

	div.basketTop{
		box-sizing: border-box;
		width:		200;
	}

}
