/* Standardní stránky */
body		 { 	background-color: white; 
				color: black; 
				font-family: Inter, "Titillium Web", sans-serif; 
				font-size:12pt;
				margin-left:20px;
				margin-right:20px;
				margin-top:10px;
			 }
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;
			 }
h1           { 	font-size: 45px; 
				color: #000000; 
				font-style: normal; 
				font-family: Inter, "Titillium Web", sans-serif;
				text-transform: uppercase;
				margin-top: 2; 
				margin-bottom: 2; 
				text-align: center;
				padding-top: 5; 
				padding-bottom: 3; 
				text-indent: 0; 
				v-align:center;
				
			 }
h2           { 	color: #000000;
				font-size: 20pt;
				font-style: normal;
				font-weight: bold; 
				text-transform: uppercase;
				text-align: left;
				text-indent: 0; 
				font-family: Inter, "Titillium Web", sans-serif;
				width: 100%;
				/*border: 1px solid #808080; */
				padding-left: 4; 
				padding-right: 4; 
				padding-top: 3; 
				padding-bottom: 3; 			
				/*background-color: #E9E9E9;*/
				background-image: url('/assets/images/grafika/nadpis_h02.png');
				background-repeat:no-repeat; 
				background-position:  left bottom;
			 }
h2,
.umitoto {
				background-image: none !important;
			 }
td[background*="linka.gif"],
th[background*="linka.gif"] {
				background-image: none !important;
			 }
h3           { 	font-size: 16pt; 
				color: #C81E1E; 
				font-family: Inter, "Titillium Web", sans-serif;
				margin-top: 10; 
				margin-bottom: 10; 
				text-align: left;
				line-height: 1.25;
				word-break: normal;
				overflow-wrap: break-word;
				hyphens: manual;
				text-wrap: balance;
				padding-bottom: 3; 
				text-indent: 0; 
			 }	
h4			 { 	color: black; 
				font-weight: bold;
				font-family: Inter, "Titillium Web", sans-serif;
				text-indent: 0;
				font-size: 14pt;
				margin-bottom:5;
			 }
h5           { 	font-size: 14pt; 
				color: #000000; 
				font-style: normal; 
				font-family: Inter, "Titillium Web", sans-serif;
				margin-top: 3; 
				margin-bottom: 3; 
				text-align: left;
				text-indent: 0; 
				padding-bottom: 3;  
			 }	
			 
			 
a			 {  color: #000080;
			 }

a:hover 	 { 	color: #FF6600; 
			   	text-decoration: none 
			 }

/* Zvýraznění běžných odkazů v elektro sekci */
body a {
				text-decoration: underline !important;
				text-underline-offset: 0.14em;
				text-decoration-thickness: 1.5px;
			 }

body a:hover {
				text-decoration: underline !important;
			 }

a.nav,
a.navigace,
.navigace a,
.site-sidebar a,
.sortiment a,
.menu_vyrobek a,
.product-quicknav a,
.rcbo-quicknav a,
a[class*="text-decoration:none"] {
				text-decoration: none !important;
			 }

a.nav:hover,
a.navigace:hover,
.navigace a:hover,
.site-sidebar a:hover,
.sortiment a:hover,
.menu_vyrobek a:hover,
.product-quicknav a:hover,
.rcbo-quicknav a:hover,
a[class*="text-decoration:none"]:hover {
				text-decoration: none !important;
			 }

/*Drobečková navigace*/
a.nav {color:gray;text-decoration: underline}
a.nav:hover	 { 	color: orange}
.navigace {text-align:center; color:gray 
	}


strong		 { 	color: #C81E1E}
p			 {
	margin-top: 0px;
	margin-bottom: 7px;
}
sup			 {  font-size: 80%;}


/* Rolovací menu sortimentu*/
.sortiment {font-size: medium; color:#FFCC00; margin-top:20px; 
	
}
.sortiment a {color:white
}
.sortiment a:hover {color:#FFCC00
	
}
.sortiment td {color:#FFCC00; font-weight:bold
	
}
.sortiment table {margin-top:20px;padding: 2px
	}


/* Souvislý text */
.clanek		 {  text-align:justify;
				text-indent: 15px;		
				line-height: 150%;
				margin-bottom:10px;
			 }

/* Zdůraznění */
.stredni	 {  font-size:12pt;			 
			 }
.tip 		 { 	/*text-align: center;*/
				position: relative;
				display: inline-block;
				box-sizing: border-box;
				width: auto;
				max-width: 100%;
				min-height: 0;
				padding: 16px 22px 16px 74px;
				border-radius: 22px;
				background: #C81E1E;
				background-image: none;
				margin-top: 10px; 
				margin-bottom: 10px;
				font-size:11pt;
				line-height: 1.45;
				color:#FFFFFF;
				font-weight: bold;
				text-align: left;
				box-shadow: 0 12px 24px rgba(200, 30, 30, 0.18);
			 }	

.tip::before {
				content: "!";
				position: absolute;
				left: 24px;
				top: 50%;
				transform: translateY(-50%);
				width: 32px;
				height: 32px;
				border: 2px solid rgba(255, 255, 255, 0.7);
				border-radius: 999px;
				color: #FFFFFF;
				font-size: 24px;
				font-weight: 800;
				line-height: 28px;
				text-align: center;
			}

.tip a,
.tip a:hover,
.tip strong,
.tip b {
				color: #FFFFFF;
			}

.tip a {
				text-decoration: underline;
			}

.slogan		{ background-color:#C81E1E;
				border:none;
				border-radius:24px;
				padding:14px 20px;
				margin:20px;
				color:#FFFFFF;
				font-weight:bold;
				line-height:1.35;
				display:inline-block;
			}

.slogan a	{ color:#FFFFFF;
				text-decoration:underline;
			}

.slogan strong {
				color:#FFFFFF;
			}

.ramecek	{ width: 200px;
				height:120px; 
				padding-left: 10px; 
				padding-right: 10px; 
				padding-top: 10px; 
				padding-bottom: 10px; 
				background-color:transparent;
				/*background-color: #FFFFCC;*/
				background-image: url('/assets/images/grafika/ramecek.png');
				background-repeat: no-repeat; 
				margin-top: 15px; 
				margin-bottom: 5px;
				font-size:11pt;
				color:#FFFFFF;
				font-weight: bold;
				text-align: center;
				line-height: 150%;
				/*display: inline; */
			 }
.podbarveni  {  background-color: #FFFFEE;
				padding:10;	
			 }			 

/* Poznámky */
.poznamka 	 {  font-size:8pt;
				color:#666666;
	text-align: left;
}

/* Kontakty v zápatí */
.kontakt	 {  margin-top:10;
				margin-bottom:10;
				font-size:8pt;
			 }

/* Výhody výrobků */
h1.umitoto      { color: #000000;
				font-size: 45px;
				font-style: normal;
				font-weight: bold; 
				text-transform: uppercase;
				text-align: center;
				font-family: Inter, "Titillium Web", sans-serif;
				margin:0;
			 }

/* Zahraniční verze */
.jazyk	 {  font-size: 90%;
				color:gray}



/* Menu na stránkách výrobků */
.menu_vyrobek {	width:80px;
				height:40px;
				color:white;
				font-size:11pt;
				font-weight:bold;
				/*vertical-align:middle;*/
				padding:2px;
				padding-top:5px;
				margin:5px;
				border-right-color:gray;
				border-right-width:medium;
				border-right-style:none;
				text-align: center;
				float:left;
				line-height: 17px;
					}
	
.menu_vyrobek.on {background-color:#FFCC00;
				color:#CC3300; 

	}
.menu_vyrobek.off {background-color:transparent;
	}
.menu_vyrobek a {color:#CCCCCC; text-decoration: none
	}
.menu_vyrobek a:hover {color:#FFCC00;
	}

.menu_vyrobek.last {border-right-style:none;
	}
.menu_vyrobek.cislo {text-align: left; padding-left:10px; margin-left:0
	}

/* Oddělovače */
hr.tenka	 {	color:#FFCC00; height:1;text-indent: 0;
			 }
		
/*  OBRÁZKY   */		
img			{border:0px none;}	

/* Obrázek zpět na obsah */
img.obsah	 {	margin-top:5;
			 	margin-bottom:5;
			 	border:0px none;
			 	vertical-align:middle;
			 	text-align:left;
			 	text-indent: 0;			 	
			 	width:50;
			 	height:25
			 }			 

/*  TABULKY   */		

table	 	 {	margin-top: 10px; 
				margin-bottom: 10px;
				font-size:12pt;
			 }
table.max	 {  width:100%}
table.tabulka{ 	border:1px solid  #E4E4E4; 
				border-collapse:collapse;
				padding:5px
			 }
.tabulka td {border:1px solid  #E4E4E4; padding:5px; font-size:12pt;}

table[border="1"][width="300"],
table[border="1"][width="350"],
table.tabulka[class*="w-[450px]"] {
				width:auto !important;
				margin-left:auto;
				margin-right:auto;
				table-layout:auto;
			 }

table[border="1"][width="300"] td,
table[border="1"][width="350"] td,
table[border="1"][width="300"] p,
table[border="1"][width="350"] p,
table.tabulka[class*="w-[450px]"] td,
table.tabulka[class*="w-[450px]"] p {
				word-break:normal;
				overflow-wrap:break-word;
			 }

table[border="1"][width="300"] td[width],
table[border="1"][width="350"] td[width],
table[border="1"][width="300"] th[width],
table[border="1"][width="350"] th[width] {
				width:auto !important;
			 }

.site-content table.tabulka,
.site-content table[border="1"],
.site-content table.ikony {
				background:#FFFFFF;
				border:1px solid #E5E7EB !important;
				border-collapse:collapse !important;
				box-shadow:0 10px 30px rgba(17, 17, 17, 0.05);
			 }

.site-content table.tabulka td,
.site-content table[border="1"] td,
.site-content table[border="1"] th,
.site-content table.ikony td,
.site-content table.ikony th {
				border:1px solid #E5E7EB !important;
				padding:12px 16px !important;
				color:#111111;
				line-height:1.4;
				vertical-align:middle;
			 }

.site-content table tr.titulek,
.site-content table td.titulek,
.site-content table .titulek {
				background:#C81E1E !important;
				color:#FFFFFF !important;
				font-family:Inter, "Titillium Web", sans-serif;
				font-size:12pt;
				font-weight:800;
				letter-spacing:0.02em;
				text-transform:uppercase;
			 }

.site-content table tr.titulek td,
.site-content table td.titulek,
.site-content table .titulek td {
				border-color:#C81E1E !important;
				color:#FFFFFF !important;
				padding:14px 16px !important;
			 }

.site-content table tr.hlavicka,
.site-content table td.hlavicka,
.site-content table .hlavicka,
.site-content table tr.hlavicka td,
.site-content table .hlavicka td {
				background:#FDE8E8 !important;
				color:#111111 !important;
				font-weight:700;
				border-color:#F4C7D3 !important;
			 }

.site-content table tr.lichy,
.site-content table tr.lichy td,
.site-content table tr.sudy td[bgcolor="#FFFFFF"],
.site-content table tr.sudy td[bgcolor="#ffffff"] {
				background:#FFFFFF !important;
			 }

.site-content table tr.sudy,
.site-content table tr.sudy td {
				background:#F8FAFC !important;
			 }

.site-content table td p,
.site-content table th p {
				margin:0;
			 }

table tr.titulek,
table td.titulek,
table .titulek {
				background:#C81E1E !important;
				color:#FFFFFF !important;
				font-family:Inter, "Titillium Web", sans-serif;
				font-weight:800;
				text-transform:uppercase;
			 }

table tr.titulek td,
table tr.titulek th,
table td.titulek,
table td.titulek *,
table .titulek td,
table .titulek th,
table .titulek * {
				background:#C81E1E !important;
				color:#FFFFFF !important;
				border-color:#C81E1E !important;
			 }

table tr.hlavicka,
table td.hlavicka,
table .hlavicka,
table tr.hlavicka td,
table tr.hlavicka th,
table .hlavicka td,
table .hlavicka th {
				background:#FDE8E8 !important;
				color:#111111 !important;
				border-color:#F4C7D3 !important;
				font-weight:700;
			 }

table tr.poznamka td,
table tr.poznamka th,
table td.poznamka,
table td.poznamka *,
table .poznamka td,
table .poznamka th {
				background:#FFFFFF !important;
				color:#6B7280 !important;
			 }

[style*="font-size: 9pt"],
[style*="font-size:9pt"],
[style*="font-size: 9.0pt"],
[style*="font-size:9.0pt"] {
				font-size:12pt !important;
			 }
.stred       {  text-align: center;
				vertical-align:middle;
			 }
.levy		 {  padding-left:3;
				vertical-align:top;
			 }
.stred td    {  text-align: center;
				vertical-align:middle;
			 }
.levy td     {  padding-left:3;			/*opakuje se kvůli použití v tabulce */
				vertical-align:top;
			 }
			 
tr.oddelovac {	background-color: #C0C0C0; height:1px }
.lichy	 {  background-color: white}
.sudy		 {  background-color: #F4F4F4}
.treti		 {  background-color: #E4E4E4}
.nadpis	     {  background-color: #FFE6CC; 
				font-size:10pt;
				color:#FF6600;
				font-weight:bold;}
.titulek	 { 	background-color: #C81E1E; 
			 	border: 1px solid #C81E1E; 
			 	font-size: 10pt; 
			 	text-transform: uppercase;
			 	font-family: Inter, "Titillium Web", sans-serif;
				text-align: center; 
				vertical-align: middle;
			    font-weight: bold; 
			    color: white
			 }
.titulek	 td { 	padding:3; color:#FFFFFF; background-color:#C81E1E; border-color:#C81E1E;
			 }
.hlavicka td {	padding:10px; border:1px solid  #F4C7D3;
			 }
.hlavicka    {  background-color:#FDE8E8; color: #111111; font-weight: bold; padding:10px
			 }
.poznamka td {	background-color: #FFFFFF;
				color:#6B7280;
				font-size:8pt;
							 }			

/* Tabulka další informace */
.dalsi {padding:0; background-color: #FFCC00;}
					 }

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

a.nav:hover,
.sortiment,
.sortiment a:hover,
.sortiment td,
.menu_vyrobek a:hover {
				color: var(--bonega-soft-pink-text) !important;
}

.menu_vyrobek.on,
.nadpis,
.hlavicka,
.dalsi {
				background-color: var(--bonega-soft-pink) !important;
}

.menu_vyrobek.on,
.nadpis {
				color: var(--bonega-soft-pink-text) !important;
}

.hlavicka {
				color: #111111 !important;
}

.hlavicka td {
				border-color: var(--bonega-soft-pink-border) !important;
}

hr.tenka,
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;
}

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;
}

.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;
}

.bonega-form-button,
.contact-form-table input[type="submit"],
.newsletter-form-table input[type="submit"],
.sample-form-table input[type="submit"],
.reference-form-table input[type="submit"],
.faq-search-controls input[type="submit"],
.dealers-filter input[type="submit"],
.kde-buy-action input[type="submit"],
input[name="Podminky"] {
				appearance: none;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border: 1px solid #D1D5DB;
				border-radius: 12px;
				background: #F4F4F4;
				color: #111111;
				min-height: 54px;
				padding: 0 22px;
				box-sizing: border-box;
				font-family: Inter, "Titillium Web", sans-serif;
				font-size: 12pt;
				font-weight: 600;
				line-height: 1;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				box-shadow: 0 2px 8px rgba(17, 17, 17, 0.08);
				transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.bonega-form-button:hover,
.contact-form-table input[type="submit"]:hover,
.newsletter-form-table input[type="submit"]:hover,
.sample-form-table input[type="submit"]:hover,
.reference-form-table input[type="submit"]:hover,
.faq-search-controls input[type="submit"]:hover,
.dealers-filter input[type="submit"]:hover,
.kde-buy-action input[type="submit"]:hover,
input[name="Podminky"]:hover {
				background: #FFFFFF;
				border-color: #9CA3AF;
				box-shadow: 0 4px 14px rgba(17, 17, 17, 0.12);
				transform: translateY(-1px);
}

.bonega-form-button:focus-visible,
.contact-form-table input[type="submit"]:focus-visible,
.newsletter-form-table input[type="submit"]:focus-visible,
.sample-form-table input[type="submit"]:focus-visible,
.reference-form-table input[type="submit"]:focus-visible,
.faq-search-controls input[type="submit"]:focus-visible,
.dealers-filter input[type="submit"]:focus-visible,
.kde-buy-action input[type="submit"]:focus-visible,
input[name="Podminky"]:focus-visible {
				outline: 2px solid #C81E1E;
				outline-offset: 2px;
}

.bonega-form-button--compact {
				min-height: 46px;
				padding: 0 18px;
				font-size: 11pt;
				border-radius: 10px;
}

td[class*="bg-[#F4F4F4]"], th[class*="bg-[#F4F4F4]"], td[class~="bg-[#F4F4F4]"], th[class~="bg-[#F4F4F4]"] { background-color: #F4F4F4 !important; }
td[class*="bg-[#000000]"], th[class*="bg-[#000000]"], td[class~="bg-[#000000]"], th[class~="bg-[#000000]"] { background-color: #000000 !important; }
td[class*="bg-[#FF99FF]"], th[class*="bg-[#FF99FF]"], td[class~="bg-[#FF99FF]"], th[class~="bg-[#FF99FF]"] { background-color: #FF99FF !important; }
td[class*="bg-[#FF00FF]"], th[class*="bg-[#FF00FF]"], td[class~="bg-[#FF00FF]"], th[class~="bg-[#FF00FF]"] { background-color: #FF00FF !important; }
td[class*="bg-[#663300]"], th[class*="bg-[#663300]"], td[class~="bg-[#663300]"], th[class~="bg-[#663300]"] { background-color: #663300 !important; }
td[class*="bg-[#008000]"], th[class*="bg-[#008000]"], td[class~="bg-[#008000]"], th[class~="bg-[#008000]"] { background-color: #008000 !important; }
td[class*="bg-[#00FF00]"], th[class*="bg-[#00FF00]"], td[class~="bg-[#00FF00]"], th[class~="bg-[#00FF00]"] { background-color: #00FF00 !important; }
td[class*="bg-[#C81E1E]"], th[class*="bg-[#C81E1E]"], td[class~="bg-[#C81E1E]"], th[class~="bg-[#C81E1E]"] { background-color: #C81E1E !important; }
td[class*="bg-[#CCCC00]"], th[class*="bg-[#CCCC00]"], td[class~="bg-[#CCCC00]"], th[class~="bg-[#CCCC00]"] { background-color: #CCCC00 !important; }
td[class*="bg-[#C0C0C0]"], th[class*="bg-[#C0C0C0]"], td[class~="bg-[#C0C0C0]"], th[class~="bg-[#C0C0C0]"] { background-color: #C0C0C0 !important; }
td[class*="bg-[#808080]"], th[class*="bg-[#808080]"], td[class~="bg-[#808080]"], th[class~="bg-[#808080]"] { background-color: #808080 !important; }
td[class*="bg-[#0000FF]"], th[class*="bg-[#0000FF]"], td[class~="bg-[#0000FF]"], th[class~="bg-[#0000FF]"] { background-color: #0000FF !important; }
td[class*="bg-[#FFFF00]"], th[class*="bg-[#FFFF00]"], td[class~="bg-[#FFFF00]"], th[class~="bg-[#FFFF00]"] { background-color: #FFFF00 !important; }
td[class*="bg-[#800080]"], th[class*="bg-[#800080]"], td[class~="bg-[#800080]"], th[class~="bg-[#800080]"] { background-color: #800080 !important; }
td[class*="bg-[#800000]"], th[class*="bg-[#800000]"], td[class~="bg-[#800000]"], th[class~="bg-[#800000]"] { background-color: #800000 !important; }
td[class*="bg-[#CC0000]"], th[class*="bg-[#CC0000]"], td[class~="bg-[#CC0000]"], th[class~="bg-[#CC0000]"] { background-color: #CC0000 !important; }
td[class~="bg-[silver]"], th[class~="bg-[silver]"] { background-color: silver !important; }
td[class~="bg-[red]"], th[class~="bg-[red]"] { background-color: red !important; }
td[class~="bg-[yellow]"], th[class~="bg-[yellow]"] { background-color: yellow !important; }
td[class*="bg-[#FFFFFF]"], th[class*="bg-[#FFFFFF]"], td[class~="bg-[#FFFFFF]"], th[class~="bg-[#FFFFFF]"] {
				background-color: #FFFFFF !important;
				box-shadow: inset 0 0 0 1px #D1D5DB;
			}

embed[type="application/x-shockwave-flash"],
embed[src*="googleplayer.swf"],
embed[src*="youtube.com/"],
object:has(embed[type="application/x-shockwave-flash"]),
object:has(embed[src*="googleplayer.swf"]),
object:has(embed[src*="youtube.com/"]),
p:has(> embed[type="application/x-shockwave-flash"]),
p:has(> embed[src*="googleplayer.swf"]),
p:has(> object:has(embed)),
td:has(> embed[type="application/x-shockwave-flash"]),
td:has(> embed[src*="googleplayer.swf"]),
td:has(> p > embed[type="application/x-shockwave-flash"]),
td:has(> p > embed[src*="googleplayer.swf"]),
td:has(> center > embed[type="application/x-shockwave-flash"]),
td:has(> center > embed[src*="googleplayer.swf"]) {
				display: none !important;
}