a	         { text-decoration: none}
aside a 	 { color: inherit; text-decoration: none }
aside a:hover { color: inherit; text-decoration: none }
td.tl 		 { background-image: url('/assets/images/grafika/left/tl_prazdne_cz.gif'); padding-bottom: 3; padding-left: 15; cursor:'hand'; 
				text-align: left; color: black; font-size: 13; font-family: Inter, "Titillium Web", sans-serif; valign: middle; font-weight: bold; 
				width:175; height:23; background-repeat: no-repeat }
				
body {
          scrollbar-arrow-color:#ffffff;
          scrollbar-face-color:#c81e1e;
          scrollbar-darkshadow-color:#800000;
          scrollbar-shadow-color:#C81E1E;
          scrollbar-3dlight-color:#F79B17;
          scrollbar-highlight-color:#ffffff;
          scrollbar-track-color:#FFff00;
          font-family: Inter, "Titillium Web", sans-serif;
          font-size: 8;
  	  //background-color:#FF0100;
	  background-repeat:repeat-x;
     }
body, table, td, th, p, div, span, a, li, ul, ol, input, textarea, select, button, font {
		font-family: Inter, "Titillium Web", sans-serif !important;
}
[style*="Trebuchet MS"],
[style*="Trebuchet_MS"],
font[face="Trebuchet MS"],
font[face='Trebuchet MS'] {
		font-family: Inter, "Titillium Web", sans-serif !important;
}
.DropDown {list-style-type: none; margin-left: 3; margin-right: 0; margin-top: 0; margin-bottom: 3}
.SipkaNahoru { cursor: n-resize;}
.SipkaDolu { cursor: s-resize; }

.menu		{
		display:block;
		width:fit-content;
		max-width:150px;
		border:0;
		padding:0 0 4px 0;
		cursor:hand;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:19px;
		font-weight:500;
		line-height:1.25;
		color:#797F8C;
		text-align:left;
		vertical-align:middle;
		background:none;
		margin:0 0 10px 0;
		border-bottom:3px solid transparent;
		}
.menu:hover {
		color:#000000;
		border-bottom:3px solid #9AA1AE;
}
.menu-active {
		color:#000000;
		border-bottom:3px solid #C81E1E;
}
.menu-active:hover {
		border-bottom:3px solid #C81E1E;
}
.menu-expanded:not(.menu-active) {
		color:#000000;
		border-bottom:3px solid #000000;
}
.menu-expanded:not(.menu-active):hover {
		border-bottom:3px solid #9AA1AE;
}
.podmenu 	{
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:19px;
		color:#797F8C;
		padding:0 0 6px 0;
		margin-top:0;
		}
.submenu 	{
		visibility:hidden;
		background:none;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:19px;
		color:#797F8C;
		left:10;
		padding:0;
		margin-left:0;
		//position:absolute;
		z-index:2;
		}
p	{
		margin-top:0;
		margin-bottom:0;
		}		
.subtl		{
		display:block;
		width:fit-content;
		max-width:150px;
		padding:0 0 2px 0;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:19px;
		font-weight:400;
		color:#797F8C;
		margin-top:0;
		margin-bottom:8px;
		margin-left:14px;
		cursor:hand;
		text-align:left;
		v-align:center;
		background:none;
		border-bottom:3px solid transparent;
		}
.subtl:hover {
		color:#000000;
		border-bottom:3px solid #9AA1AE;
}
.subtl_last {
		display:block;
		width:fit-content;
		max-width:150px;
		padding:0 0 2px 0;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:19px;
		font-weight:400;
		color:#797F8C;
		margin-top:0;
		margin-bottom:10px;
		margin-left:14px;
		cursor:hand;
		text-align:left;
		background:none;
		border-bottom:3px solid transparent;
		}
.subtl_last:hover {
		color:#000000;
		border-bottom:3px solid #9AA1AE;
}
		
		
.subtl_big {
		display:block;
		width:fit-content;
		max-width:150px;
		padding:0 0 2px 0;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:19px;
		font-weight:400;
		color:#797F8C;
		margin-top:0;
		margin-bottom:8px;
		margin-left:14px;
		cursor:hand;
		text-align:left;
		background:none;
		border-bottom:3px solid transparent;
		}
.subtl_big:hover {
		color:#000000;
		border-bottom:3px solid #9AA1AE;
}
.subtl-active,
.subtl_last.subtl-active,
.subtl_big.subtl-active {
		color:#000000;
		border-bottom:3px solid #C81E1E;
}
.subtl-active:hover,
.subtl_last.subtl-active:hover,
.subtl_big.subtl-active:hover {
		border-bottom:3px solid #C81E1E;
}
.menu-link-external::after,
.menu-link-download::after,
.subtl.menu-link-external::after,
.subtl_last.menu-link-external::after,
.subtl_big.menu-link-external::after,
.subtl.menu-link-download::after,
.subtl_last.menu-link-download::after,
.subtl_big.menu-link-download::after {
		content:"";
		display:inline-block;
		width:14px;
		height:14px;
		margin-left:8px;
		vertical-align:-1px;
		background-color:currentColor;
		-webkit-mask-repeat:no-repeat;
		-webkit-mask-position:center;
		-webkit-mask-size:contain;
		mask-repeat:no-repeat;
		mask-position:center;
		mask-size:contain;
}
.menu-link-external::after,
.subtl.menu-link-external::after,
.subtl_last.menu-link-external::after,
.subtl_big.menu-link-external::after {
		-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 3H3.75A1.75 1.75 0 0 0 2 4.75v7.5C2 13.216 2.784 14 3.75 14h7.5A1.75 1.75 0 0 0 13 12.25V10M8 2h6v6M14 2 7.5 8.5'/%3E%3C/svg%3E");
		mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 3H3.75A1.75 1.75 0 0 0 2 4.75v7.5C2 13.216 2.784 14 3.75 14h7.5A1.75 1.75 0 0 0 13 12.25V10M8 2h6v6M14 2 7.5 8.5'/%3E%3C/svg%3E");
}
.menu-link-download::after,
.subtl.menu-link-download::after,
.subtl_last.menu-link-download::after,
.subtl_big.menu-link-download::after {
		-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M8 2.25v7.5M5.25 7.75 8 10.5l2.75-2.75M3 12.25h10'/%3E%3C/svg%3E");
		mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M8 2.25v7.5M5.25 7.75 8 10.5l2.75-2.75M3 12.25h10'/%3E%3C/svg%3E");
}

.sidebar-search {
		width:100%;
		max-width:250px;
		margin:8px 0 34px 0;
}
.sidebar-search-form {
		display:flex;
		align-items:center;
		gap:12px;
		width:100%;
		min-height:40px;
		padding:0 14px;
		border:1px solid #A9AECC;
		border-radius:4px;
		background:#FFFFFF;
		box-sizing:border-box;
}
.sidebar-search-icon {
		width:22px;
		height:22px;
		flex:0 0 22px;
		color:#8087A4;
}
.sidebar-search-input {
		width:100%;
		border:0;
		outline:none;
		background:transparent;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:17px;
		font-weight:400;
		line-height:1.2;
		color:#556274;
		padding:8px 0;
}
.sidebar-search-input::placeholder {
		color:#8E94AE;
}
.sidebar-search-status {
		min-height:18px;
		margin-top:8px;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:12px;
		line-height:1.4;
		color:#7B819A;
}
.sidebar-search-status[data-state="error"] {
		color:#C81E1E;
}
.sidebar-search-results {
		margin-top:8px;
		border:1px solid #D7DAE6;
		border-radius:6px;
		background:#FFFFFF;
		box-shadow:0 10px 22px rgba(87, 96, 124, 0.12);
		overflow:hidden;
}
.sidebar-search-results[hidden] {
		display:none;
}
.sidebar-search-result {
		display:block;
		padding:12px 14px;
		border-bottom:1px solid #ECEEF4;
		color:#4D5A6D;
		background:#FFFFFF;
}
.sidebar-search-result:last-child {
		border-bottom:0;
}
.sidebar-search-result:hover,
.sidebar-search-result.is-active {
		background:#F5F7FB;
		color:#000000;
}
.sidebar-search-result-title {
		display:block;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:15px;
		font-weight:500;
		line-height:1.3;
}
.sidebar-search-result-meta {
		display:block;
		margin-top:4px;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:12px;
		line-height:1.35;
		color:#8A90A6;
}

.sidebar-services {
		max-width:250px;
		margin-top:112px;
		padding-bottom:24px;
}
.sidebar-services-title {
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:18px;
		font-weight:500;
		line-height:1.25;
		color:#000000;
		margin:0 0 22px 0;
}
.sidebar-service-link {
		display:flex;
		align-items:flex-start;
		gap:14px;
		width:100%;
		max-width:100%;
		margin:0 0 20px 0;
		color:#52667D;
		box-sizing:border-box;
}
.sidebar-service-link:hover {
		color:#000000;
}
.sidebar-service-link:last-child {
		margin-bottom:0;
}
.sidebar-service-icon {
		width:44px;
		height:44px;
		flex:0 0 44px;
		color:#9AA1AE;
}
.sidebar-service-label {
		display:block;
		flex:1 1 auto;
		min-width:0;
		font-family:Inter, "Titillium Web", sans-serif;
		font-size:19px;
		font-weight:500;
		line-height:1.2;
}
aside div[onclick*="top.frames.main.location='en/electrical/mcb.htm'"] {
		display:none;
}

.site-shell {
		display:grid;
		min-height:100vh;
		grid-template-columns:minmax(0, 1fr);
		grid-template-rows:auto minmax(0, 1fr);
}

.site-topbar {
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:12px;
		padding:12px 16px;
		background:#FFFFFF;
		border-bottom:1px solid #D7DAE6;
		position:sticky;
		top:0;
		z-index:60;
}

.site-topbar-logo img {
		display:block;
		width:auto;
		height:32px;
		max-width:150px;
		border:0;
}

.site-topbar-actions {
		display:flex;
		align-items:center;
		gap:10px;
}

.site-topbar-flags {
		display:flex;
		align-items:center;
		gap:6px;
}

/* Elektro is currently available only in Czech. */
[data-elektro-page="true"] .site-topbar-flags,
[data-elektro-page="true"] .site-desktop-strip > div:last-child {
		display:none;
}

.site-topbar-flag img {
		display:block;
		width:25px;
		height:17px;
		border:0;
}

.site-menu-button {
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:42px;
		height:42px;
		padding:0;
		border:1px solid #D7DAE6;
		border-radius:10px;
		background:#FFFFFF;
		color:#111111;
}

.site-menu-button svg {
		display:block;
		width:22px;
		height:22px;
}

.site-overlay {
		display:none;
}

.site-sidebar {
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		z-index:70;
		width:min(86vw, 320px);
		padding:18px 18px 32px 18px !important;
		background-color:var(--bonega-chrome-gray);
		overflow:auto;
		transform:translateX(-110%);
		transition:transform 0.24s ease;
		box-shadow:0 20px 40px rgba(17, 24, 39, 0.18);
		box-sizing:border-box;
}

.site-sidebar.is-open {
		transform:translateX(0);
}

.site-sidebar .sidebar-search,
.site-sidebar .sidebar-services {
		width:100%;
		max-width:100%;
		box-sizing:border-box;
}

.site-sidebar .menu,
.site-sidebar .subtl,
.site-sidebar .subtl_last,
.site-sidebar .subtl_big,
.site-sidebar .podmenu,
.site-sidebar .submenu {
		max-width:100%;
}

.site-overlay.is-open {
		display:block;
		position:fixed;
		inset:0;
		z-index:65;
		background:rgba(15, 23, 42, 0.38);
}

body.mobile-nav-open {
		overflow:hidden;
}

.site-main-column {
		display:grid;
		min-height:0;
		grid-template-rows:auto minmax(0, 1fr) auto;
}

.site-desktop-header,
.site-desktop-strip {
		display:none;
}

.site-main {
		overflow:auto;
		padding:16px 14px 24px 14px;
}

.site-content {
		width:min(100%, 980px);
		margin:0 auto;
		overflow-wrap:anywhere;
}

.site-content img,
.site-content video,
.site-content canvas,
.site-content svg,
.site-content iframe,
.site-content embed,
.site-content object {
		max-width:100% !important;
}

.site-content img,
.site-content video {
		height:auto !important;
}

.site-content table {
		display:block;
		max-width:100%;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
}

.site-content table.tabulka,
.site-content table.ikony,
.site-content table[border="1"][width="300"],
.site-content table[border="1"][width="350"],
.site-content table[border="0"][width="300"] {
		display:table;
		width:auto;
		max-width:none;
		margin-left:auto;
		margin-right:auto;
		overflow:visible;
}

.site-content table[width],
.site-content img[width],
.site-content iframe[width],
.site-content object[width],
.site-content embed[width],
.site-content *[style*="width:"] {
		max-width:100% !important;
}

.site-content input,
.site-content select,
.site-content textarea,
.site-content button {
		max-width:100%;
		box-sizing:border-box;
}

@media (min-width: 768px) {
		.site-shell {
				grid-template-columns:clamp(280px, 26vw, 340px) minmax(0, 1fr);
		}

		.site-topbar {
				display:none;
		}

		.site-overlay {
				display:none !important;
		}

		.site-sidebar {
				position:static;
				top:auto;
				left:auto;
				bottom:auto;
				z-index:auto;
				width:auto;
				padding:12px 24px 0 clamp(24px, 4vw, 50px) !important;
				transform:none;
				transition:none;
				box-shadow:none;
				grid-column:1;
				grid-row:1 / span 2;
		}

		body.mobile-nav-open {
				overflow:auto;
		}

		.site-desktop-header,
		.site-desktop-strip {
				display:block;
		}

		.site-main {
				padding:24px;
		}
}

/* Jemne ruzova nahrada puvodnich oranzovych prvku */
:root {
		--bonega-soft-pink: #FDE8E8;
		--bonega-soft-pink-border: #F4C7D3;
		--bonega-soft-pink-text: #C81E1E;
}

font[color="#FFCC00"],
font[color="#FF6600"],
[color="#FFCC00"],
[color="#FF6600"] {
		color: var(--bonega-soft-pink-text) !important;
}

[bgcolor="#FFCC00"],
[bgcolor="#FF9900"],
[bgcolor="#FFFFCC"],
[bgcolor="#FFE6CC"],
[bgcolor="#FFFFEE"] {
		background-color: var(--bonega-soft-pink) !important;
}

hr[color="#FFCC00"],
hr[color="#FFCC22"] {
		color: var(--bonega-soft-pink-border) !important;
		border-color: var(--bonega-soft-pink-border) !important;
		background-color: var(--bonega-soft-pink-border) !important;
}

.bg-\[\#FFCC00\],
.bg-\[\#FF9900\],
.bg-\[\#FFFFCC\],
.bg-\[\#FFE6CC\],
.bg-\[\#FFFFEE\] {
		background-color: var(--bonega-soft-pink) !important;
}

.text-\[\#FFCC00\],
.text-\[orange\] {
		color: var(--bonega-soft-pink-text) !important;
}

.\[border-left\:3px_solid_\#FFCC00\],
.\[border-top\:3px_solid_\#FFCC00\],
.\[border\:2px_solid_\#FFCC00\],
.\[border\:1px_solid_\#FFCC22\],
.\[border-left\:10px_solid_\#FFCC22\] {
		border-color: var(--bonega-soft-pink-border) !important;
}