@font-face {font-family: 'Montserrat';
	src: url("../fonts/Montserrat-Italic.ttf") format("truetype");
	font-style: normal; font-weight: normal;
}
* {
	margin: 0;
	padding: 0;
	/*box-sizing: border-box;*/
}

@media screen
{
	body {
		color:#000;
		padding:4px 5px 20px 5px;
		font:normal 1em arial;
		text-shadow:0 1px 2px #777;
	}

	.layout {
		background: #dadada;
		border:1px solid #721313;
		border-radius:7px;
		padding:5px 6px;
/*		resize:none;*/
/*		overflow:hidden;*/
	}
	a,a:hover,a:visited,a:active { color:#000; 
			text-shadow:1px 2px 3px #FFF;text-decoration: none; }
	img { border:none;outline:0; }

	header {
		display: grid;
		gap: 0 10px;
		grid-template-columns: auto 130px;
		grid-template-rows: 5em;
		align-content: end;
		width:calc(100% - 2px);

		min-width: 550px;
		overflow: hidden;

		border-radius:6px;
		box-shadow:0 1px 2px 1px #aaa;
		border-top:1px dotted #555;border-left:1px dotted #555;
		border-bottom:1px solid #000;border-right:1px solid #000;
		margin-bottom: 7px;
	}
	header div:nth-child(1) {
		white-space: nowrap;
		padding: 7px 7px 7px 15px;
	}
	header div:nth-child(2) {
/*		top: 10px; right: 10px;
		position: relative;*/
		text-align: center;
		padding-top: 9px;
	}

	footer { overflow: hidden;
		width: calc(100% - 2px);
		display: grid;
		gap: 0 10px;
		grid-template-columns: 2em auto 1.5em;
		grid-template-rows: 2.5em;
		align-content: end;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		box-shadow:0 1px 2px 1px #aaa;
		border-top:2px solid #555;border-left:1px solid #555;
		border-bottom:1px solid #000;border-right:1px solid #000;
		font: normal 0.8em Arial;
		text-align: center;
	}
	footer div:nth-child(1) {
		text-shadow: none;
		color: #777;
	}
	footer div:nth-child(2) {
		line-height: 2em;
	}
	footer div:nth-child(3) {
		background: linear-gradient(91deg,#AAA 0%,#998 100%);
		border-left: 1px solid;
	}

	section {
		border:1px solid #000;border-radius:6px 6px 0 0;
		padding-top:1em;padding-left:5px;overflow:hidden;
	}
	.okantovka { min-height:300px;
		border-left:1px solid #555;
		border-right:1px solid #111;
	}

	.mainLeft {
		display: inline-block;
		vertical-align: top;
		width: 250px;
		padding: 15px;
	}
	.mainRight
	{	display: inline-block;
		vertical-align: top;
		min-height:300px;
		border-left: 1px solid #000;
		padding: 1em;
		/*min-width: calc(666px + 2em + 2px);*/
		/*width: auto; */
		/* Что-бы таблица не вылезала за границу блока */
		/*overflow: hidden;*/
	}
	nav {
		display: block;
		padding-bottom: 0.5em;
		padding-top: 0.5em;
	}
	nav ul {
		margin-left: 0;     /* Отступ слева в браузере IE и Opera */
		padding-left: 0;    /* Отступ слева в браузере Firefox, Safari, Chrome */
	}
	nav li { height:2em;
		list-style-type: none;  /* Убираем маркеры */
	}
	.error {
		background: #CCC;
		border-top:2px solid #000;border-bottom:2px solid #000;
		border-left:1px solid #000;border-right:1px solid #000;
		padding:10px 20px;
	}
	.message {
		font: normal 1em 'Montserrat', sans-serif;
		padding:10px 20px;
		border:1px solid #F55;
		box-shadow:0 1px 2px 1px #999;
		background-color: #FF9;
		line-height: 1.5em;
	}
	.message h3 {
		font-weight: bold; font-size: 1.2em; color: red; text-align: center;padding-bottom: 10px;
	}
	.message ul {padding-left: 10px;}

	.textInset {
		/*Запретить выделение текста*/
		-ms-user-select: none;	  /* Для эксплорера */
		-moz-user-select: none;	  /* Для мозилы */
		-webkit-user-select: none;/* Для Сафари и Хрома* /
		white-space: nowrap; /* Не переносить текст*/
		font: bold 2.5em Verdana;
		text-shadow: -1px -1px #000, 0 1px 0 #444;
		color: #555;
		transition: all 1s;
	}

	table.input_price {
/*		min-width: 666px;*/
		/*overflow: hidden;*/
		border-collapse:collapse;empty-cells:hide;
		font:normal 1em Arial;
		border:1px solid; border-top-width:2px; border-bottom-width:2px;
	 }
	.input_price caption{
		background-color:#999; font:bold 1em arial;
		text-shadow:1px 1px 2px #eee;
		border:1px solid;border-top:2px solid;
		padding:5px 10px;margin-bottom:15px;
		-webkit-box-shadow:0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
		box-shadow:0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	}
	.input_price thead tr { color:#000;border-bottom:2px solid;}
	.input_price thead th { font:italic normal .85em arial; padding:2px 3px;	}
	.input_price thead th:not(:last-child){border-right:1px solid #000; }
	/* tBODY */
	.input_price tbody tr:not(:last-child){	border-bottom:1px solid; }
	.input_price td:not(:last-child){ border-right:1px solid #000;}
	.input_price td{ width:80px; text-align:right; text-shadow:1px 1px 2px #888; padding:2px 3px;}
	.input_price td:first-child{width:270px; text-align:left;}
	.input_price td:last-child{width:150px; text-align:left; font-size:80%; padding-left:5px;color: #900; }
	.input_price tbody tr:nth-child(even){background-color:#eee;}
	.input_price tr.typeMat td { background-color: white; font-size: 110%; font-weight: bold; }
	.input_price .Cu td{background-color: #f5eba0;}
	.input_price .Zn td{background-color:#e3f9ff;}

	.tableView { color:#000; }
	.tableView caption { font-weight:bold;font-size:1.2em; }
	.tableView td:nth-child(1) { width:185px;font-weight:normal; font-size:85%;}
	.tableView td:nth-child(2) { width:550px;font-weight:bold;
					border-bottom:1px dotted #000; }
	.tableView td:nth-child(1):after { content: ":"; }
	
/* === РЕДАКТИРОВАНИЕ === */
/* Список секций редактирования */
.edit { z-index:10;position:absolute;top:10px;right:20px;display:block;
width:auto;height:2em;border:1px solid;background:#CCF;color:#000;
padding:11px 5px 0 5px;vertical-align: middle;opacity:0.7;}
.edit_menu,.edit_menu:hover,.edit_menu:visited { color:#fff;background:#000;
	text-shadow:0 1px 2px #777; font:normal 1em arial;
	padding:0.2em 0.5em; border:0; line-height:1.6em;opacity:1; }			
.edit_menu:hover { color:#fff;background:#129;}	
	table { border:0;border-spacing:0;border-collapse:collapse;}
	table caption { color:#000;font:bold 1em arial;padding:5px; } 
	table th { text-align:center;font-weight:normal; }
	table tr {}	

.tableEdit,.tableEditPrice { border:2px;border-spacing:0;border-collapse:collapse; }
.tableEdit tr { }
.tableEdit td:nth-child(1) {width:185px;}
.tableEdit td:nth-child(2) {width:550px;}

/* ТАБЛИЦА РЕДАКТИРОВАНИЯ ЦЕНЫ */

	.tableEditPrice th input {font-size: 0.8em; background-color: #DDDDCC;font-style: italic; text-align: center;}
	.tableEditPrice th {text-align:center;}
	.tableEditPrice td { width:80px;border:0;text-align:right;}
	.tableEditPrice td:nth-child(1) { width:140px;}
	.tableEditPrice td input {text-shadow:1px 2px 3px #aaa; padding:1px 2px;}
	.tableEditPrice td:nth-child(1) input {font-size: 0.9em;color:#017;}
	.tableEditPrice td:nth-child(2) { width:260px;}
	.tableEditPrice td:nth-child(2) input {font-size:1em;}
	.tableEditPrice td:nth-child(3) input {font-size:1.1em;text-align: right;}
	.tableEditPrice td:nth-child(4) input {font-size:1.1em;text-align: right;}
	.tableEditPrice td:nth-child(5) input {font-size:1.1em;text-align: right;}
	.tableEditPrice td:nth-child(6) { width:120px;text-align:left;}
	.tableEditPrice td:nth-child(6) input {font-size: 0.9em;color:#700;}
	.tableEditPrice td select{ font:normal 0.9em arial; text-align:left;
		background-color: #eee; color: black;
	}

/* ФОРМЫ */
input[type='text'] { background:#EEE;border:1px solid #000;color:#000; 
	font:normal 1em arial;height:24px;width:100%;outline:none;}
input[type='text']:hover {border:1px solid #FFF;background:#BBC;}
input[type='text'] :focus {font-weight:bold;color:#FFF;background:#000;
	border:1px solid #667; }
/* Password */	
input[type=password] {width:90px;height:22px;
	color:#000;font:normal 1em arial;background:#CCB; 
	padding:2px 3px;text-align:center;outline:none; 
	border:1px solid #777; 
   border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;
   /*-khtml-border-radius:9px; //Safari */  }
input[type=password]:hover {background:#DDC;}
input[type=password]:focus {background:#FFF;}
input[name=enter] {width:60px;height:22px;
	font:normal 0.8em arial;color:#FFF;background:#776;padding:2px 3px;
	outline:none;
	border:1px solid #332; 
   border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
input[name=enter]:hover {background:#CCA;color:#000;}  
.pass_box { width:auto;height:22px;font:normal 1em arial;color:#000;border:0;
	text-decoration:none;}
textarea { background: #FFF;
   border: 1px dotted #999;
   margin: 3px; /* Отступы от линии */
   padding: 5px 5px 5px 5px; /* Поля в тексте */
	font: normal 1em Verdana; color:#555;text-shadow: 0 1px 1px #AAA;
	width:100%;overflow:auto; }

select{background: transparent;border:1px solid;color:#000;width: 150px;  
font:normal 1em arial;height: 28px; text-align:left; }
select:hover { font-weight:bold;border:1px solid #000; }
select:focus { color:#FFF;
	font:bold 1em arial;background: #000;border: none; }
/* Заголовок Контента */
.contentHeader { color: #fff;font:bold 1.1em Verdana; 
   text-decoration:none;vertical-align:middle;padding:9px 10px;
   border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
   border-right:1px dotted #777; border-bottom:1px solid #777;
   box-shadow:rgba(255,255,255,0.4) 0 1px 0,inset rgba(255,255,255,0.4) 0 0 0;
   -webkit-box-shadow:rgba(255,255,255,0.4) 0 1px 0,
   inset rgba(255,255,255,0.4) 0 0 0;
   -moz-box-shadow:rgba(255,255,255,0.4) 0 1px 0,
   inset rgba(255,255,255,0.4) 0 0 0;
   text-shadow:0 1px 2px #555;
   margin:0; }
.textWhite {font: normal 1.1em Verdana; color: #FFFFFF;text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);padding-right:33px;}

.gradientCB {
	background: linear-gradient(91deg,#CCC 0%,#BBA 100%);
	background: -moz-linear-gradient(91deg,#CCC 0%,#BBA 100%);
	background: -webkit-linear-gradient(91deg,#CCC 0%,#BBA 100%);
	background: -o-linear-gradient(91deg,#CCC 0%,#BBA 100%);}
.gradient7B {
	background:linear-gradient(91deg,#777 0%,#BBA 100%);
	background:-moz-linear-gradient(91deg,#777 0%,#BBA 100%);
	background:-webkit-linear-gradient(91deg,#777 0%,#BBA 100%);
	background:-o-linear-gradient(91deg,#777 0%,#BBA 100%);}

/* Кнопки */
.btnGray { border:1px solid #0a3c59;color:#06426c;
	font:normal 1em helvetica, serif;
   text-decoration: none;vertical-align: middle;
   background:-webkit-gradient(linear, left top, left bottom, from(#67696b), to(#b3bfc7));
   background:-webkit-linear-gradient(top, #67696b, #b3bfc7);
   background:-moz-linear-gradient(top, #67696b, #b3bfc7);
   background:-ms-linear-gradient(top, #67696b, #b3bfc7);
   background:-o-linear-gradient(top, #67696b, #b3bfc7);
   background-image:-ms-linear-gradient(top, #67696b 0%, #b3bfc7 100%);
   padding:10px 15px;
   border-radius:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
   -webkit-box-shadow:rgba(255,255,255,0.4) 0 1px 0, 
   inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, 
   inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, 
   inset rgba(255,255,255,0.4) 0 1px 0;  text-shadow: #7ea4bd 0 1px 0; }
.btnGray:hover { border:1px solid #3f484d;text-shadow:#1e4158 0 1px 0;
   color:#fff;
   background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#899));
   background:-webkit-linear-gradient(top,#444,#889);
   background:-moz-linear-gradient(top,#444,#889);
   background:-ms-linear-gradient(top,#444,#889);
   background:-o-linear-gradient(top,#444,#889);
   background-image:-ms-linear-gradient(top,#444 0%,#889 100%); }
.btnGray:active {color:#fff;text-shadow:#1e4158 0 1px 0;
	border:1px solid #0a3c59;background:#b4c7d4;
   background: -webkit-gradient(linear, left top, left bottom, from(#7c8d99), to(#8a9094));
   background:-webkit-linear-gradient(top, #7c8d99, #b4c7d4);
   background:-moz-linear-gradient(top, #7c8d99, #b4c7d4);
   background:-ms-linear-gradient(top, #7c8d99, #b4c7d4);
   background:-o-linear-gradient(top, #7c8d99, #b4c7d4);
   background-image:-ms-linear-gradient(top, #7c8d99 0%, #b4c7d4 100%); }
.btnWhite { background:#FFF;color:#000;border:1px solid #000;margin-left:3px;
	font:normal 1em arial;text-shadow:0 1px 2px #999;padding:5px 20px;
	border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
	box-shadow:1px 1px 4px 2px #999;-moz-box-shadow:1px 1px 4px 2px #999;
	-webkit-box-shadow:1px 1px 4px 2px #999; 
	transition-duration: 0.5s;-webkit-transition-duration:0.5s;
	-moz-transition-duration: 0.5s; }
.btnWhite:hover { background:#DDD;color:#000;text-decoration: none; 
	box-shadow:1px 1px 4px 2px #777;-moz-box-shadow:1px 1px 4px 2px #777;
	-webkit-box-shadow:1px 1px 4px 2px #777; }
.btnWhite:active { position:relative;top:1px; }	
.btnWhite:visited { color:#000;position:relative;top:1px; }	
.btnWhite:focus{ outline: none; }

/* Для Headers */

.imgANDtext { display:inline-block;
	top:-20px;
	width:170px;text-align:center;vertical-align:top;}	
.imgANDtext span { position:relative;display:inline-block;top:-15px;}	
.imgANDtext button {
	background-color:transparent;
	border: none;
}
.imgANDtext button:hover {
	border-left:1px dotted #777;
	border-right:1px dotted #777;
}
	.boxArrow { position:absolute;top:0;right:0;font-size:8px;color:#cccccc;
	/*Запретить выделение текста*/
	-ms-user-select: none;	  /*Для эксплорера*/
	-moz-user-select: none;	  /*Для мозилы*/
	-webkit-user-select: none;/*Для Сафари и Хрома*/
	white-space: nowrap; /*Не переносить текст*/
}
.boxArrow a {color:#ccc;text-decoration:none;font-weight:normal;}
.boxArrow a:hover {color:#ccc;text-decoration:none;font-weight:normal;}
.boxArrow {text-align:center;font-size:1em; font-family: Arial; color:#000;
	width:190px;height:24px;position:relative;background:#BCE;
	border:1px solid #000;margin:2px 2px 19px 2px;padding:10px;}
.boxArrow:after, .boxArrow:before {top:100%;left:50%;height:0;width:0;
	border:solid transparent;content:' ';position:absolute;}
.boxArrow:after {border-top-color:#BCE;border-width:17px;margin-left:-17px;}
.boxArrow:before {border-top-color:#000;border-width:19px;margin-left:-20px;}


.license {
	display: inline-block;
	overflow: hidden;
	color:#000;border:1px dotted #777;margin-right:9px;
	font:normal 0.75em arial;text-shadow:0 1px 2px #999;
	padding:5px 10px;
	text-align:center;
	width:333px;
	margin-left: 20px;
}

/* РАСПИСАНИЕ */
	.schedule {
		/*Запретить выделение текста*/
		-ms-user-select: none;	  /*Для эксплорера*/
		-moz-user-select: none;	  /*Для мозилы*/
		-webkit-user-select: none;/*Для Сафари и Хрома*/
		white-space: nowrap; /*Не переносить текст*/
	}
.schedule, .scheduleDays, .scheduleDaysRed { padding:3px 7px; }
.scheduleDays {color:#FFF;box-shadow: -2px -1px 7px #aaa;
	-webkit-box-shadow:-2px -1px 7px #aaa;-moz-box-shadow:-2px -1px 7px #aaa;
	background:linear-gradient(91deg,#121 0%,#666 100%); 
	background:-moz-linear-gradient(91deg,#121 0%,#666 100%); 
	background:-webkit-linear-gradient(91deg,#121 0%,#666 100%);  
	background:-o-linear-gradient(91deg,#121 0%,#666 100%);  }
.scheduleDaysRed {color:#FFD;background:#fa1c03;
	box-shadow:-2px -1px 7px #aaa; 
	-webkit-box-shadow:-2px -1px 7px #aaa;-moz-box-shadow:-2px -1px 7px #aaa; 		
	background:linear-gradient(91deg,#F20 0%,#F65 100%); 
	background:-moz-linear-gradient(91deg,#F20 0%,#F65 100%); 
	background:-webkit-linear-gradient(91deg,#F20 0%,#F65 100%); 
	background:-o-linear-gradient(91deg,#F20 0%,#F65 100%);  }
/* Вывод прайса */
.blkPr { position:absolute;display:inline-block; }
.txtPr { background:#FFF;color:#000;margin:2px;padding:4px 7px 3px 9px;
	border-bottom:1px solid #000;	border-top:1px dotted #777;
	border-left:1px dotted #999;	border-right:1px solid #000;
	font:bold 1.1em arial;text-shadow:0 1px 2px #999;
	box-shadow:1px 1px 4px 2px #999;-moz-box-shadow:1px 1px 4px 2px #999;
	-webkit-box-shadow:1px 1px 4px 2px #999; 
}
.matName,.matNameM,.matNameX {font:bold 1.2em verdana;
	font-style:normal;color:#fff;
	border:1px solid #fff;text-shadow:0 -1px 3px #222;
	box-shadow:1px 1px 10px #000;-moz-box-shadow:1px 1px 10px #000;
	-webkit-box-shadow:1px 1px 10px #000;
	border-radius:0 0 0 90px;-moz-border-radius:0 0 0 90px;
	-webkit-border-radius:0 0 0 90px;
	width:auto;padding:2px 20px;margin:0 auto;}
.matName {	background:linear-gradient(91deg,#566 0%,#AA9 100%); 
				background:-moz-linear-gradient(91deg,#566 0%,#AA9 100%); 
				background:-webkit-linear-gradient(91deg,#566 0%,#AA9 100%);  
				background:-o-linear-gradient(91deg,#566 0%,#AA9 100%); }
.matNameM {	background:linear-gradient(91deg,#865 0%,#CD8 100%);  
				background:-moz-linear-gradient(91deg,#865 0%,#CD8 100%); 
				background:-webkit-linear-gradient(91deg,#865 0%,#CD8 100%);  
				background:-o-linear-gradient(91deg, #865 0%,#CD8 100%); }
.matNameX {	background:linear-gradient(91deg,#38B 0%,#8CE 100%);  
				background:-moz-linear-gradient(91deg,#865 0%,#8CE 100%); 
				background:-webkit-linear-gradient(91deg,#865 0%,#8CE 100%);  
				background:-o-linear-gradient(91deg, #865 0%,#8CE 100%); }

.matName:hover,.matNameM:hover,.matNameX:hover{position:relative;top:2px;}

.txtComment {color:#f5facd;font:bold 1.1em arial;
	background:linear-gradient(91deg,#CD8 0%,#865 100%);  
	background:-moz-linear-gradient(91deg,#CD8 0%,#865 100%);  
	background:-webkit-linear-gradient(91deg,#CD8 0%,#865 100%);   
	background:-o-linear-gradient(91deg,#CD8 0%,#865 100%);  
	}
	.tooltipRight {position:absolute;visibility:visible;opacity:1;
		top:-1px;left:-5px;padding: 7px 5px;}
	.tooltipRight {display:inline-block;position:relative;border-radius:7px;
		-webkit-box-shadow:2px 2px 1px rgba(0, 0, 0, 0.3);
		box-shadow:2px 2px 1px rgba(0, 0, 0, 0.3);}
	.tooltipRight,.tooltipRight .ugol div {background-color:#FFFDD1;color:#000000;
	border: solid 1px #000000;box-sizing: border-box;}
.tooltipRight .ugol {position:absolute;overflow:hidden;}
.tooltipRight .ugol div {position:absolute;width:15px;height:15px;}
.tooltipRight {margin-left:10px;}
.tooltipRight .ugol {top:0;left:-10px;width:10px;height:100%;}
.tooltipRight .ugol div {top:50%;margin-top:-7px;left:5px;
	-webkit-transform: rotate(45deg);-ms-transform:rotate( 45deg );
	transform:rotate(45deg);box-shadow:2px 2px 1px rgba( 0, 0, 0, 0.3 );
	-webkit-box-shadow:2px 2px 1px rgba( 0, 0, 0, 0.3 );}



/* Кнопки для редактирования */
.btnBlack,.btnBlack:visited,.btnBlack:hover,.btnBlack:active,
.btnRed,.btnRed:visited,.btnRed:hover,.btnRed:active,
.btnGreen,.btnGreen:visited,.btnGreen:hover,.btnGreen:active,
.btnBlue,.btnBlue:visited,.btnBlue:hover,.btnBlue:active { color:#FFF; 
border:none;border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px;
font:normal 1em arial;height:2em;
margin:2px 4px; padding:6px 10px; text-decoration:none; vertical-align:middle;
}
.btnBlack:hover,.btnRed:hover,.btnGreen:hover,.btnBlue:hover {color:#FFD;}
.btnBlack,.btnBlack:visited,.btnBlack:hover,.btnBlack:active  {background:#000;}
.btnRed,.btnRed:visited,.btnRed:hover,.btnRed:active  {background:#B00;}
.btnGreen,.btnGreen:visited,.btnGreen:hover,.btnGreen:active  {background:#0B0;}
.btnBlue,.btnBlue:visited,.btnBlue:hover,.btnBlue:active {background:#00B;}

} /* @media screen */
@media print
{	body { background:#FFF;color:#000;padding:5px;margin:0;
	font:normal 1em arial;}
	.layout {background:#FFF;}
	.okantovka,.content {border:0}

a,img,header,footer,section,.error,.mainLeft,.btnGray,.btnWhite, .matName,.matNameM {display:none;}
} /* @media print */