/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}

.panno__tabs {
	display: flex;
	align-items: center;
	margin-top: 36px;
	margin-bottom: 20px;
	gap: 12px;
	flex-wrap: wrap;
}

.panno__tabs_link {
	display: flex;
	font-size: 20px;
	line-height: 1;
	color: #828282;
	padding: 8px 42px;
	border-radius: 50px;
	border: 1px solid #828282;
}

.panno__tabs_link.selected {
	background: var(--clr-accent);
	color: #333333;
}

.panno__tabs_link:hover {
	background: var(--clr-accent-hover);
	color: #333333;
}

@media screen and (max-width: 1200px) {
	.panno__tabs_link {
		font-size: 18px;
		padding: 8px 36px;
	}
}
@media screen and (max-width: 991px) {

	.panno__tabs {
		gap: 10px 8px;
	margin-top: 30px;
	margin-bottom: 20px;
	}
	.panno__tabs_link {
		font-size: 16px;
		padding: 8px 32px;
	}
}
@media screen and (max-width: 768px) {

	.panno__tabs {
		gap: 10px 6px;
	margin-top: 24px;
	margin-bottom: 18px;
	}
	.panno__tabs_link {
		font-size: 16px;
		padding: 6px 24px;
	}
}
@media screen and (max-width: 576px) {

	.panno__tabs_link {
		font-size: 15px;
		padding: 6px 24px;
	}
}