/* menu boczne lub górne */
ul.menu
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:1200px;
	min-height:62px;
	list-style:none;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
ul.menu *
{
	margin:0;
	padding:0;
}

/* linki w menu */
ul.menu a
{
	display:block;
	padding:20px 23px;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	text-transform:uppercase;
	color:#222;
}
ul.menu a:hover, ul.menu li:hover, ul.menu a:focus
{
	color:#bb0000;
	background:#fff;
	outline:none;
}

/* kliknięty przycisk */
ul.menu a.active
{
	color:#bb0000;
}
ul.menu a.active:hover
{
	color:#000;
}


/* -------- SUBMENU -------- */
ul.submenu
{
	display:none;
	position:absolute;
	list-style:none;
	width:1200px;
	left:0;
	right:0;
	margin-top:-1px;
	margin:auto;
	box-sizing:border-box;
	padding:20px 0 0 20px;
	z-index:1000;
	background:#fff;
	box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.3);
}

/* kontener na całe submenu */
li.submenu_container
{
	display:flex;
	flex-wrap:wrap;
}

/* sekcja w submenu */
ul.section
{
	list-style:none;
	width:22%;
	margin-right:30px;
	margin-bottom:30px;
}

/* link-przycisk w submenu */
ul.section li
{
	margin:0;
	float:none;
}

/* przycisk w submenu */
ul.section a
{
	display:block;
	padding:6px 0 6px 4px;
	font-size:0.9em;
	font-weight:normal;
	text-transform:none;
	border-bottom:1px solid #ccc;
}

/* przycisk w menu po najechaniu */
ul.section a:hover
{
	color:#bb0000;
}

/* nagłówek w sekcji */
ul.section a.no_url
{
	display:inline-block;
	font-weight:bold;
	margin-bottom:6px;
	pointer-events:none;
	border:none;
}


/* ikona rozwijająca menu */
div#menu_mobile
{
	display:none;
	padding:6px;
}
a.mobile_open
{
	display:inline-block;
	width:50%;
}
a.mobile_open img
{
	width:28px;
	height:auto;
	margin-top:2px;
}
li.mobile
{
	display:none;
}