html {
	padding:0;
	margin:0;
}
body {
	background:#FFF;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	-webkit-text-size-adjust:100%;
}
table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}
td {
	padding:0px;

}
div {
	padding:0;
	margin:0;
	text-align:left; 
}
a:link {color:#386484; text-decoration:none;}
a:visited {color:#386484; text-decoration:none;}
a:hover {color:#b68576; text-decoration: underline;}
a:active {color:#7d6366; text-decoration:none;}

table.general {
	width:100%;
	margin-top:2%; 
}
div.label {
		background:#386484; max-width:970px; height:20px; margin:0 auto;
}
td.label, div.label {
	color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;text-align:left; cursor:pointer;
}
table.boxes { border-collapse:separate; 
}
td.boxes {
		transition: background .2s, color .2s;
		background:#b68576; width:150px; height:150px; text-align:center; font-weight: bold; cursor: pointer;
		font-size:14pt; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
}

td.boxes_spac{ width:190px;
}
div.work {
	max-width: 970px; margin: 0 auto; text-align:justify;
	font-size: 13px; line-height: 1.5;
}
td.obj_god {
	width:240px;
	background:#9cb6c6;
	color:#386484;
	padding-left:10px;
	padding-right:8px;
}
td.obj-box-td {
	text-align:left;
	/*background: black;*/
	width:100px;
	height:100px;
	padding-left:20px;
	/*opacity: 0.1;*/
}
td.obj_txt {
	color:#b68576;
	width:760px;
	
}

div.black-icon-back { background: black; width: 80px; height: 80px }
div.obj-box {
	background:#b68576;
	width:80px;
	height:80px;

}
div.obj-icon {background: black;}
div.menu_box {
	background:url(/static/img/kub1.gif);
	background-image:url(../img/kub1.gif);
	background-repeat:no-repeat;
	display:block;
	width:20px;
	height:20px;
	z-index:9;
	cursor: pointer;
}

td.menulink {
	color:#FFF;
	cursor: pointer;
}
div#copyright {color:#999; max-width:970px; margin: 0 auto; text-align:center;}
div.cpr {margin: 0 auto; text-align: center; /*background: #ccc;*/ height: 20px; line-height: 20px;}
div#hotlog {background-color:#FFF; width:100%; text-align:center; margin: 5px;}


table.contacts td { font-size: 18px; padding: 10px 14px 10px 0; vertical-align: baseline; }
table.contacts td.contacts-label { font-size: 12px; padding-left: 10px; }

/* real links inside the old click-cells keep the cell's look */
td.label a, td.menulink a, td.boxes a, td.obj_txt a { color: inherit; text-decoration: none; }
td.menulink a, td.boxes a { display: block; }
td.boxes a { line-height: 150px; }
td.obj_txt a:hover { text-decoration: underline; }

/* home */
table.home { height: 80%; }
table.home div.label { line-height: 20px; }
table.boxes { margin-top: 180px; }

/* page headings */
h1.page { font-size: 18px; font-weight: bold; text-align: center; margin: 0 0 28px; }
h2.sec {
	font-size: 16px; font-weight: normal; font-style: italic; color: #386484;
	border-bottom: 1px solid #9cb6c6; padding-bottom: 4px; margin: 36px 0 14px;
}
p.pub { margin: 0 0 16px; }
p.pub video { vertical-align: top; margin: 6px 0 2px; height: auto; background: #000; }

/* catalog */
div.catalog-title { color: #FFF; background: #9cb6c6; padding: 10px; width: 300px; font-weight: bold; }
table.catalog { width: 100%; cursor: pointer; }
table.catalog td.obj_txt { width: auto; font-size: 13px; padding-right: 10px; transition: color .2s; }
td.obj_god { transition: color .2s; }
tr.js-obj-hover:hover td.obj_txt { color: #7d6366; }
tr.js-obj-hover:hover td.obj_god { color: #202c41; }

/* narrower than the 970px layout: menu wraps, catalog becomes a list */
@media (max-width: 989px) {
	table.general { margin-top: 0; }
	div.work { padding: 0 16px; text-align: left; overflow-wrap: anywhere; }
	div.work > br { display: none; }

	div.label { height: auto; }
	div.label table, div.label tbody { display: block; }
	div.label tr { display: flex; flex-wrap: wrap; align-items: center; padding: 4px 6px 2px; }
	div.label td { display: block; }
	div.label td:first-child, div.label td.spacer { display: none; }
	div.label td.label { flex: 0 0 100%; padding: 4px 0 6px; }
	div.label td.menulink { margin-right: 12px; }
	td.menulink a { padding: 6px 0; }

	table.home div.label { padding: 8px 6px; }
	table.boxes { margin-top: 60px; }
	td.boxes_spac { width: 40px; }

	div.catalog-title { width: auto; margin-bottom: 8px; }
	table.catalog, table.catalog tbody { display: block; }
	table.catalog tr {
		display: grid; grid-template-columns: 80px 1fr; column-gap: 14px;
		padding: 10px 0; border-bottom: 1px solid #e3e9ee;
	}
	table.catalog td { display: block; width: auto; height: auto; padding: 0; }
	td.obj-box-td { grid-row: 1 / span 2; }
	table.catalog td.obj_god {
		grid-column: 2; align-self: end; justify-self: start;
		color: #FFF; padding: 1px 6px; font-size: 11px;
	}
	table.catalog td.obj_txt { grid-column: 2; align-self: start; padding-top: 4px; }

	table.contacts td { font-size: 16px; }
	h2.sec { margin-top: 28px; }
}
@media (max-width: 520px) {
	td.boxes { width: 100px; height: 100px; font-size: 11pt; }
	td.boxes a { line-height: 100px; }
	td.boxes_spac { width: 12px; }
}