
#download_pdf {display: block; width: max-content; margin: 50px auto 0 auto;}
#download_pdf a {display: block; text-decoration: underline;}
#download_pdf a:hover {font-weight: 500;}

#obed_info {display: block; padding: 15px; max-width: 450px; margin: auto; color: #727a7e; text-align: center;}

#obsah_menu {display: block; width: max-content; margin: auto;}

	#tabs {display: flex; flex-wrap: wrap; justify-content: center; margin: 25px auto;}
	#tabs button {
		display: block;
		min-width: 65px;
		padding: 10px 0;
		margin: 3px;
		cursor: pointer;
		background: #e0e4e6;
		color: #556167;
		border: 0;
		border-radius: 5px;
	}
	.active {background-color: #727a7e !important; color: #fff !important;}
	
	
	.tab {margin-bottom: 15px;}
	.tab h3 {padding-top: 15px; text-align: center;}
	.tab h4 {padding: 5px 0;}
		.tab h3 i {display: block; font-weight: 400; font-style: normal;}
		
	.tab .polievky,.jedla {padding: 15px;}

	.menu_item {line-height: 20px; margin: 10px 0; border: solid 1px #e0e4e6;}
	.menu_item p {margin: 5px;}
	.menu_item div {display: inline-block;}
	
		.menu_poradie	{display: inline-block; background: #e0e4e6; color: #727a7e; width: 10px; padding: 5px; font-weight: 700; text-align: center;}
		.menu_nazov		{display: inline-block; width: 450px;}
		.menu_objem		{display: inline-block; width: 70px; color: #727a7e;}
		.menu_alergeny	{display: inline-block; width: 70px; color: #727a7e;}
		.menu_cena 		{display: inline-block; width: 70px; color: #727a7e; font-weight: 700; text-align: center;}

@media screen and (max-width: 768px) {

	.menu_item div {display: block;}
	
		.menu_poradie {display: block; width: auto;}
		.menu_nazov {display: inline-block; width: 320px; font-weight: 500;}
		.menu_objem {display: inline-block;}
		.menu_alergeny {display: inline-block;}
		.menu_cena {display: inline-block; float: right;}
}



