body{
	margin:			0;
	padding:		0;

	font-family:	verdana, arial, tahoma;

	background:		#F8F8F8;
}

::-webkit-scrollbar {
    width:			12px;
}
::-webkit-scrollbar-thumb{
	border-radius:	32px 0px 0px 32px;
    background:		rgba(0,0,0,.4);
}
div.menu::-webkit-scrollbar-thumb{
    background:		rgba(255,255,255,.4);
}



div.editor{
	width:			100%;
	height:			600px;

	margin-bottom:	20px;

	font-family:	monospace;
	font-size:		14px;
}


a{
	text-decoration:	none;
}
a.link{
	color:			#2F5F8F;
	font-weight:	bold;
	text-decoration:underline;
}

ul.breadcrumbs{
	list-style:			none;
	margin:				0;
	padding:			0;
}


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.under{
	position:		fixed;
	z-index:		1000;
	box-sizing: 	border-box;

	width:			98%;
	height:			36px;

	padding:		2;
	padding-right:	20px;
	border-radius:	0px 0px 16px 0px;

	background:		rgba(0,0,0,.7);

	font-size:		12px;
}


div.menu{
	position:			fixed;
	box-sizing:			border-box;

	padding-top:		36px;
	padding-bottom:		36px;

	float:				left;
	width:				200;
	height:				100%;

	overflow-y:			auto;
	overflow-x:			hidden;

	background:			linear-gradient( 90deg, #EBEBEB, #AEDBCB);
}

div.menuelement{
	position:			relative;

	float:				left;
	width:				138px;

	margin:				2 4;
	padding:			8;
	padding-left:		32;

	border-radius:		6px;

	font-size:			13;
	color:				#333333;

	transition:			.5s;
}
div.menuelement:hover{
	background:			#FFFFFF;
}

div.menuCount{
	float:			right;
	background:		#A52A2A;
	color:			white;
	border-radius:	3px;
	padding:		1px 4px;
	#margin-right:	12px;
	font-size:		12px;
}

div.menuTitle{
	position:			relative;

	float:				left;
	width:				100%;
	padding:			8;
	#padding-left:		32;

	font-size:			13;
	color:				#1A1A1A;
	text-align:			left;
	font-weight:		bold;

	#background:			#353535;
	#border-left:		4px solid #757575;

	#cursor:				pointer;
}

/*
div.menu0{
	background:			#553B4F;
}

div.menu1{
	background:			#55473B;
}

div.menu2{
	background:			#42553B;
}

div.menu3{
	background:			#3B5552;
}

div.menu4{
	background:			#483B55;
}
*/


div.menuUnder{
	float:			right;

	margin:			2;
	padding:		6 12;

	color:			#CCCCCC;
	text-shadow:	black 0px 2px 4px;

	border-radius:	6px;

	transition:		.5s;
}
div.menuUnder:hover{
	color:			#4D4D4D;
	background:		white;
	text-shadow:	#888888 0px 2px 4px;
}


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

	margin-left:	200;
	padding:		20;
	padding-top:	58px;

	font-size:		12;
	color:			#636363;

	#border:		1px solid lightgray;
}

div.blockWay{
	float:			left;
	width:			100%;
	margin-bottom:	20;
}


div.way{
	float:			left;
	color:			#1E90FF;
	font-size:		12;

	padding-right:	15;
}


img.menu{
	position:			absolute;
	top:				8px;
	left:				8px;
}


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

div.help{
	color:			#765847;
	background:		#FFF0CF;
	border-left:	4px solid #FFB82F;

	#display:		none;

	padding:		10px 20px;
	margin-bottom:	20px;

	border-radius:	0px 0px 16px 0px;
	position:		relative;
}
div.help:after{
	content:		'?';

	position:		absolute;
	top:			-2px;
	right:			-2px;

	color:			#765847;
	padding:		2px 4px;
	background:		#FFE3A6;
	border:			1px solid #E5BC62;
}


div.rightBlock{
	float:			left;
	width:			220px;
	padding-top:	58px;

	font-size:		12px;

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

div.rightTitle{
	font-size:		13px;
	color:			gray;
	width:			100%;
	margin-top:		40px;
	padding:		10px 0;
}

div.rightBlockPic{
	box-sizing: 	border-box;

	width:			100%;
	background:		white;
	padding:		10px;
	margin-bottom:	20px;
	border-radius:	10px;
	box-shadow:		#EBEBEB 0px 8px 8px;
}

div.rightBlockGoogle{
	width:			100%;
	text-align:		center;
}

a.rightBlockGoogle{
	font-size:		11px;
	color:			gray;
}

div.stat{
	width:			100%;

	padding-bottom:	10px;

	color:			#4E7BA7;
	font-size:		13px;
	text-align:		center;
}

a.link{
	color:			#4E7BA7;
	font-size:		13px;
	font-weight:	normal;
	text-decoration:none;
}
a.linkProd{
	color:			#4E7BA7;
	text-decoration:none;
}

table{
	font-size:		12px;
}


div.paySale{
	border-radius:	6px;
	padding:		5px;
	margin-bottom:	10px;
	background:		#FF6E38;

	text-align:		center;
	color:			white;
	font-size:		24px;
}

div.payPersPrice{
	border-radius:	6px;
	padding:		10px;
	margin-bottom:	10px;
	background:		#8EFF9D;

	text-align:		center;
	color:			#696969;
	font-size:		14px;
	font-weight:	bold;
}

div.payDate{
	border-radius:	6px;
	padding:		10px;
	margin-bottom:	10px;
	background:		#FFB6B8;

	text-align:		center;
	color:			#696969;
	font-size:		14px;
	font-weight:	bold;
}

div.payBlock{
	border-radius:	10px;

	padding:		10px;
	margin-bottom:	10px;

	background:		#FFFFFF;
	box-shadow:		#EBEBEB 0px 8px 8px;
}

input.payInput{
	width:			100%;
	margin-bottom:	10px;
	padding:		10px;
	font-size:		16px;
	font-weight:	bold;
	color:			#393939;
}

input.payButton{
	width:			100%;
}

input.payPromo{
	width:			100%;
}

div.payDel{
	position:		relative;
	bottom:			50px;
}


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

	border-bottom:		1px solid lightgray;
}
div.blockLinkText{
	margin-bottom:		10px;
}


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

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

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

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

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

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

div.linkSelected{
	border-left: 		3px solid red;
}


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


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

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

input.preButton{
	box-sizing: 	border-box;
	margin:			3px;
	padding:		10px 16px;

	background:		rgba(0,0,0,.1);
	border:			none;
	border-radius:	3px;

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

	cursor:			pointer;
}

input.preButton:hover{
	background:		rgba(0,0,0,.2);
}


div.propName{
	float:			left;
	clear:			both;
	width:			150;
	margin:			5;
	padding-top:	10;
}


input{
	color:		#1A1A1A;
}

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

	border-radius:	6px;

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

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

	border-radius:	6px;

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

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

	border-radius:	6px;

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

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

	border-radius:	6px;

	background:	white;
	border:		1px solid lightgray;
	color:		#1A1A1A;
}

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

	border-radius:	6px;

	background:		white;
	border:			1px solid lightgray;
	color:			#1A1A1A;
}

input.submit{
	font-size:		14;
	background:		#689D68;
	border:			none;
	border-radius:	6px;
	padding:		7 15;
	color:			white;
	cursor:			pointer;

	transition:		.5s;
}
input.submit:hover{
	background:		#00A300;
}
input.submit2{
	width:			180px;
}

input.theme{
	width:			100%;
	background:		#BFEEBF;
	color:			#008000;
}

input.theme:hover{
	color:			#FFFFFF;
}

input.right{
	float:			right;
}

input.submitDel{
	float:			right;
	font-size:		14px;
	background:		#875757;
	border:			none;
	border-radius:	6px;
	padding:		7 15;
	margin-bottom:	15px;
	color:			white;
	cursor:			pointer;

	transition:		.5s;
}

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

input.autoPic{
	width:			100%;
}


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


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

	background:		#E5E5E5;
	padding:		2;
	margin-bottom:	10;
	border-radius:	6px;
}

div.selected{
	color:			#FFA500;
}

div.selectSec{
	float:			left;
	#background:		#909090;
	color:			#4D4D4D;
	padding:		6 8;
	margin:			2;
	cursor:			pointer;
	border-radius:	6px;

	transition:		.2s;
}

div.selectSec:hover{
	background:		#C2C2C2;
}

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

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


input.color{
	margin:				4px 0px;
	height:				40px;
	width:				40px;
}
div.cssTitle{
	font-size:			24px;
	font-weight:		bold;
	margin:				10px 0px;
	cursor:				pointer;
}
div.cssTop{
	color:				#3D73A8;
	font-size:			20px;
	padding:			10px;
	border-top:			1px solid #ADBCCB;
	cursor:				pointer;
}
div.cssTop:hover{
	background:			#D7EDD7;
}
div.cssBlock{
	display:			none;
	margin:				10px 0px;
}

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

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

input.iconDel{
	position:	relative;
	top:		-10px;
	left:		90px;

	background:	#875757;
	border:		none;
	border-radius:	4px;
	color:		white;
	padding:	2 5;
	cursor:		pointer;
}
input.iconDel:hover{
	background:	#E01B1B;
}

div.file{
	position:	relative;
	box-sizing: border-box;

	float:		left;

	width:		100%;

	padding:	10px;
	margin-bottom:	10px;

	background:	white;
}

input.fileDel{
	position:	absolute;

	top:		-4px;
	right:		-4px;

	background:	#875757;
	border:		none;
	border-radius:	4px;
	color:		white;
	padding:	2 5;
	cursor:		pointer;
}
input.fileDel:hover{
	background:	#E01B1B;
}


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

	padding:		20px;
	margin-bottom:	40px;

	color:			white;
	font-size:		14px;
	background:		#1A538C;
}

div.partLogo{
	float:			left;
	margin-right:	20px;
	margin-bottom:	20px;
}

div.partInfo{
	float:			left;
}

a.partLink{
	float:			right;
	width:			100%;
	color:			white;
	text-align:		right;
	text-decoration:underline;
}


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;

	border-radius:		6px;
	background-color:	white;

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

div.catGroup{
	float:			left;
	width:			100%;
	padding:		10 0;
	color:			gray;

	border-top:		1px solid #E6E6E6;
}

div.catGroup:hover{
	background:		white;
}

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

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

div.catProd{
	float:			left;
	width:			100%;
	padding:		10 0;
	border-top:		1px solid #E6E6E6;
}

div.catProd:hover{
	background:		white;
}

div.catProdName{
	box-sizing: 	border-box;

	float:			left;
	font-size:		22;
	width:			100%;
	margin-left:	10;
	color:			#1C6BB8;
}

a.catProdName{
	color:			#1C6BB8;
}

input.catProdPrice{
	width:			150;

	font-size:		22;
	font-family: 	verdana, arial, tahoma;
	color:			#1C6BB8;
	background:		white;
	border:			1px lightgray solid;
	text-align:		right;
	border-radius:	6px;
	padding:		2px	10px;
}

span.catProdStatus{
	font-size:		11px;
	color:			#008000;
}

div.infoStateDate{
	float:			left;
	font-size:		13;
	margin-left:	10;
	color:			#7F7F7F;
}

span.priceOld{
	color:				gray;
	font-size:			16px;
	text-decoration:	line-through;
}

span.catObjAmount{
	color:				gray;
	font-size:			13px;
}


div.dateInfo{
	float:				right;
	padding-right:		10;

	color:				gray;
	font-size:			11px;
}


table.stat{
	width:		100%;

	color:		gray;
	font-size:	13px;
}

td.stat{
	border-bottom:		1px solid lightgray;
}

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

	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:			100%;
	padding:		10;

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

div.basketTitles:hover{
	background:		white;
	border-radius:	6px;
}


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:			640;
	padding:		10;

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

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

div.requestPercent{
	float:			right;

	width:			80px;

	font-size:		24;
	font-weight:	bold;
	text-align:		center;

	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-radius:	6px;
	border:		1px solid lightgray;
}

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


textarea.head{
	height:			600px;
	color:			#BFBFBF;
	background:		#272822;
	border:			none;
}


div.totop{
	box-sizing: 		border-box;

	position:			fixed;
	z-index:			10;

	bottom:				6px;
	right:				6px;

	height:				39px;
	width:				46px;

	padding:			10px 15px;

	color:				#BFBFBF;

	background:			rgba(0, 0, 0, .4);
	border-radius:		3px;

	cursor:				pointer;

	transition:			1s;
}

div.totop:hover{
	color:				#000000;

	background:			rgba(255, 120, 0, .3);
}


div.infoMSG{
	display:			none;

	position:			fixed;
	z-index:			10;

	bottom:				6px;
	right:				56px;

	padding:			10px 15px;

	color:				#BFBFBF;

	background:			rgba(255, 0, 0, .8);
	border-radius:		3px;
}


div.mobile{
	display:		none;
}


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

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

	div.panels{
		display:	none;
	}

	div.mobile{
		box-sizing: border-box;
		display:	block;
		float:		left;
		width:		100%;
		background:	#464646;
		color:		white;
	}
	div.mobileMenu1{
		float:		left;
		padding:	10px 20px;
		cursor:		pointer;
	}
	div.mobileMenu2{
		float:		right;
		padding:	10px 20px;
		cursor:		pointer;
	}
	div.under{
		display:	none;

		box-sizing: border-box;
		position:	relative;
		float:		left;
		width:		100%;
		height:		100%;
	}
	div.menuUnder{
		box-sizing: border-box;
		width:		100%;
		#float:		none;
		text-shadow:	none;
		font-size:	16px;
		padding:	10px;
	}
	div.menu{
		display:	none;

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

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

		margin-left:0;
		padding:	10;
	}

	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:	10;
	}

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

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

	div.propName{
		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;
	}

}
