menu            { padding:0; position:relative; z-index:2; clear:both }
menu ul     	{ margin:0; padding:0; }
menu li 		{ display:inline-block; list-style-type:none; text-align:center; margin:0 2px  }
menu a			{ display:inline-block; background-color:#fff; color:#222; }
menu img 		{ display:block; height:100px; margin:0 auto }
menu a:hover 	{ text-decoration:none; }
menu > ul 		{ position:relative; padding:5px 5px 0; }
menu > ul > li > a { margin:0; padding:4px; }
menu > ul > li:hover a { z-index:3; position:relative; }
menu li ul 		{ display:none; position:absolute; z-index:3; left:0; width:780px; padding:10px; background-color:#fff; border-radius:10px; }
menu li:hover ul { display:block;/*box-shadow:0 0 10px 0 #0004;*/ }
menu li ul a 	{ padding:.2em; animation:vysun .5s; width:12em; margin-bottom:1em }
menu li ul a:hover { outline:2px dotted #bbb; border-radius:.5em; }
menu li ul a span { display:block }
menu li ul img	{ margin-bottom:.5em }

menu > ul > li:hover::before { content:''; position:fixed; top:0; left:0; z-index:3; background:#0004; height:100%; width:100%; pointer-events:none; animation:ztmav .5s;}
@keyframes ztmav {
	0%   { background:inherit; }
   100%  { background:#0004; }
}

section         { min-height:29em }
section div     { width:40%; float:left; background-color:#fffd; padding:4%; margin:1%; cursor:pointer; position:relative }
section div:hover { background-color:#fff; outline:1px solid #bbb }
section div:hover::after { content:'Objednat'; position:absolute; top:0; right:0; background:#bbb; color:#fff; padding:.3em .5em }
section h2      { margin:0 0 1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
section div img { width:50%; float:left; margin-right:.5em }
section div p span { float:right }