/* ==========================================
   MAIN.CSS (sjednocený soubor)
   Základní styl + mobilní úpravy
   Původně hlmrf.css + mobile.css
   ========================================== */

/* Základní nastavení */



/* ============================================================
   ZÁKLADNÍ STYLY – opravené pro moderní responzivní layout
   ============================================================ */

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  color: #111111;
  font-weight: 400;
  text-align: center;
  overflow-x: hidden;

  /* === Přechod pozadí – moderní CSS místo PNG === */
  background: linear-gradient(to bottom, #cfe9f9 0%, #ffffff 60%);
}


html > body {
  font-size: 16px;
}

td {
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Roboto, Arial, sans-serif;
}

.code {
  padding: 50px;
  background-color: #fef9ef;
  border: 1px solid #ffb787;
}

/* ============================================================
   PAGE WRAPPER
   ============================================================ */
.page {
  background-color: #ffffff;
  border: 1px solid #e3dfdf;
  border-top: 1px solid #e3dfdf;
  border-bottom: 1px solid #e3dfdf;
  text-align: left;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px; /* ✅ vystředění na desktopu */
  box-sizing: border-box;
}

/* ============================================================
   HEADER (horní část stránky)
   ============================================================ */
.header {
  background: url('images/header-full.png') no-repeat top left;
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.header-left {
  float: left;
  font-size: 100%;
  padding: 35px 0;
  text-align: center;
  width: 195px;
}

.header-middle {
  background: none no-repeat top left;
  float: left;
  font-size: 100%;
  text-align: center;
  width: 750px;
}

.ihm-links a {
  border-bottom: 0px dashed #666666;
  color: #666666;
  margin: 0px 1px 0px 0px;
  text-decoration: none;
}

.ihm-links a:hover {
  border-bottom: 1px dashed #333333;
  color: #333333;
  margin: 0 10px 0 0;
  text-decoration: none;
}

.in-header-middle {
  margin: 0;
  word-spacing: 20px;
  padding-top: 10px;
}

.header-right {
  float: right;
  font-size: 100%;
  padding: 10px 0;
  text-align: center;
  width: 195px;
}

.header-right .total-price a {
  color: #f3692a;
}

.header-right .total-price a:hover {
  text-decoration: none;
}

.header-banner {
  padding-top: 15px;
}

/* ============================================================
   TOP MENU
   ============================================================ */
.top-menu {
  background-color: #66aacf;
  border-bottom: 0px outset #3dc1b1;
  border-top: 0px outset #3dc1b1;
  color: #d6d5d5;
  font-size: 100%;
  font-weight: 500;
  padding: 8px 0;
  word-spacing: 2px;
  text-align: center;
}

.top-menu li {
  display: inline;
  padding: 0 10px;
  position: relative;
}

.top-menu li:last-child:after {
  display: none;
}

.top-menu li:after {
  content: "";
  border-right: 1px solid white;
  width: 1px;
  height: 14px;
  position: absolute;
  right: 0;
  color: white;
}

.top-menu a {
  background-color: transparent;
  border-bottom: 0px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
}

.top-menu a:hover {
  background-color: transparent;
  border-bottom: 0px dashed #ffffff;
  color: #000;
  text-decoration: none;
}

/* ============================================================
   MAIN CONTENT (hlavní plocha)
   ============================================================ */
.middle {
  color: #393535;
  overflow: visible;
  width: 100%;
  max-width: 1000px; /* ✅ zarovnáno a centrováno */
  margin: 0 auto;
  box-sizing: border-box;
}

.mainp {
  margin: 0 20px 30px 20px;
  padding: 10px;
  border: 1px solid #cccdcd;
}

.mainp a {
  background-color: transparent;
  color: #393535;
  text-decoration: underline;
}

.pagelat {
  margin-top: 470px;
  margin-bottom: 20px;
  text-align: justify;
}

.in-middle {
  margin: 10px;
}

.middle p {
  padding: 5px;
}

.middle a {
  background-color: transparent;
  border-bottom: 0px solid #000;
  color: #393535;
  text-decoration: underline;
}

.middle a:hover {
  background-color: transparent;
  border-bottom: 0px solid #111111;
  color: #f4692a;
  text-decoration: underline;
}

/* ============================================================
   TABULKY / OBSAH
   ============================================================ */
.middletab {
  color: #393535;
  float: left;
  overflow: hidden;
  width: 100%;
  max-width: 775px;
  margin: 0 0 20px 0;
}

.in-middletab {
  margin: 0;
}

.middletab p {
  padding: 0;
}

.middletab a {
  background-color: transparent;
  color: #393535;
  text-decoration: none;
}

.middletab a:hover {
  background-color: transparent;
  border-bottom: 0px dotted #2e727d;
  color: #000000;
  text-decoration: underline;
}


.catmenu

{
	margin: 0 0 10px 0;
	
}


.btnAcceptAll

{
	background-color: 25c67b;
	color: #25c67b;

}

.btn.large.btn-settings.svelte-bfoedw

{
padding: 5px;
}


.btn.large.call2action

{
background: #26b257;
color: white;
font-weight: bold;
padding: 5px;
}



/* Levý a pravý sloupek */
.left
{
	background-color: #f9f9f9;
	color: #ffffff;
	float: left;
	Height: auto;
	width: 195px;
	border-right: 0px inset #a49595;
	border-bottom: 0px inset #a49595;
	margin: 0px 0 0 0;	
}

.left ul li li
{
	background-color: #f0f0f0;

}
	
.left a
{
	background-color: tansparent;
	border-bottom: 1px dashed #000000;
	color: #000000;
}


.left h4
{
	background-color: #282A39;
	border-bottom: 0px solid #F7B50C;
	border-left: 10px solid #F7B50C;
	border-top: 0px solid #F7B50C;
	color: #ffffff;
	font-size: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}


.right
{
	background-color: #f9f9f9;
	color: #ffffff;
	float: right;
	height: 100%; 
	width: 208px;
	border-right: 0px inset #a49595;
	border-bottom: 0px inset #a49595;
	margin: 0px 0px 0px 0px;
}



.right a
{
	background-color: Transparent;
	border-bottom: 1px dashed #000000;
	color: #36917d;
}

.right a:hover
{
	background-color: Transparent;
	border-bottom: 1px solid #282A39;
	color: #282A39;
}

.right h4
{
	background-color: #c0c0c0;
	border-bottom: 1px solid #2C3D47;
	border-top: 1px solid #2C3D47;
	color: #2C3D47;
	font-size: 100%;
	margin: 0px;
	padding: 2px 2px 2px 21px;
	text-align: left;
}



/* Spodní pruh */
.footer
{
	background-color: #444341;
	color: #e3e3e3;
	font-size: 90%;
	text-align: left;
	
	}


.footer a
{
	background-color: Transparent;
	border-bottom: 0px dashed #666666;
	color: #e9e9e9;
	text-decoration: underline;
}

.footer a:hover
{
	background-color: #transparent;
	border-bottom: 0px solid #282A39;
	color: #ffffff;
	text-decoration: underline;
}

/* Spodní menu */
.bottom-menu
{
	background-color: #76beca;
	border-bottom: 0px solid #84c5cf;
	border-top: 3px solid #84c5cf;
	color: #ffffff;
	font-size: 100%;
	padding: 3px 0px 3px 0px;
	text-align: center;
}

.bottom-menu li
{
	display: inline;
}

.bottom-menu a
{
	background-color: Transparent;
	border-bottom: 0px dashed #ffffff;
	color: #ffffff;
	text-decoration: none;
}

.bottom-menu a:hover
{
	background-color: Transparent;
	border-bottom: 1px dashed #ffffff;
	color: #ffffff;
	text-decoration: none;
}

/* Cena nákupu */
.total-price1
{
	background-color: #ff7b00;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0ght: 1px solid #cccccc;
	border-top: 0px outset #3dc1b1;
	color: #ffffff;
	font-size: 12px;
	margin: 10px 0px;
	padding: 4px 2px 4px 6px;
	text-align: left;
	font-weight: bold;
}

.total-price
{
	color: #f3692a;
	font-size: 13px;
}

.total-price p span
{
	color: #f3692a;
	font-weight: bold;
}

/* Language Selection */
.selectedlanguage
{
	font-weight: bold;
}

.language h4
{
	background: url('images/bg_menu2.png') repeat-x;
	border-bottom: 0px outset #3dc1b1;
	border-left: 1px solid #3dc1b1;
	border-right: 1px solid #3dc1b1;
	border-top: 1px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px 0px 5px 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.language
{
	border-bottom: 0px solid #000;
	margin: 10px 0;
	text-align: center;
}

.language select
{
	min-width: 50px;
}

.language div
{
	padding: 2px;
}

.language table
{
	text-align: center;
	width: 100%;
}

.language input
{
	margin: 0 2px 0 2px;
}

/* Kategorie */
.levels-tree2
{
	
	background-color: #68bbdf;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0px solid #3dc1b1;
	border-right: 0px solid #3dc1b1;
	border-top: 0px outset #3dc1b1;
	color: #ffffff;
	font-size: 100%;
	margin: 0px;
	padding: 4px 0px 4px 8px;
	text-align: left;
	font-weight: bold;
	
}

.levels-tree
{
	border-bottom: 1px solid #ecebeb;
	border-right: 1px solid #ecebeb;
	margin: 0 0;
}

.levels-tree ul
{
	font-size: 100%;
	margin: 0;
	
}

.levels-tree ul ul
{
	margin: 5px 0px 5px 5px;
	

}

.levels-tree li
{

	line-height: 1.85;
	list-style-type: none;
	text-align: left;
	
}

.levels-tree ul ul li
{
	color: #000000;
	font-size: 100%;  
	border-top: 1px solid #ebe9e9;
	border-bottom: 0px solid #ebe9e9;
	lyst-style-type: circle; 
	
}

.levels-tree a
{
	background-color: transparent;
	border-bottom: 0px dotted #2e727d;
	color: #0b366e;
	font-weight: 600;
	font-size: 100%; 
	text-decoration: none;
	padding: 8px 0px 8px 15px;
	display:block;
	transition: all 0.25s ease-out;
} 

.levels-tree a:hover
{
	
	border-bottom: 0px dotted #2e727d;
	padding: 8px 0px 8px 15px;
	color: #72a39f;
	
}

.levels-tree li a:hover
{
	
		background-color: #eeeeee;
	
	
}

.levels-tree li li a:hover
{
	
		background-color: #dddddd;
	
	
}

span.selected 
{
	display: block;
	font-weight: bold;
	height: auto;
	width: auto;
margin-left: -15px;
    padding-left: 15px;
    margin-top: -5px;
    padding-top: 5px;
    margin-bottom: -5px;
    padding-bottom: 5px;
	
}

.levels-tree li a:hover,
span.selected{

color: #00275a;
}

.levels-tree ul li
{ 
	color: #d16b12;
	border-top: 1px solid #ebe9e9;
	border-bottom: 0px solid #ebe9e9;
	padding: 0px 0px 0px 0px;
	list-style: none; 
	font-size: 12px;
	font-weight: normal; 
}

.levels-tree li li a
{
	color: #0d3c83;
	font-weight: bold;

}

.levels-tree li li li a
{
	color: #2468bf;
	font-weight: bold;

}

.SelectedTreeItem a 
{	
	color: #a12727;	
	font-size: 100%;

}
.Selected
{
	background-color: #72a39f;
	font-weight: bold;
}

.ctl00 li:nth-child(1) {
  background-color: #ba0022;
}
.ctl00 li:nth-child(2) {
 background-color: #ba0022;
}
.ctl00 li:nth-child(3) {
  background-color: #ba0022;
}


/* Anketa */
.enquiry h4
{
	background-color: #00aa95;
	border-bottom: 1px outset #3dc1b1;
	border-left: 1px solid #3dc1b1;
	border-right: 1px solid #3dc1b1;
	border-top: 1px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.enquiry form
{
	padding: 0 10px;
}

.enquiry-question
{
	font-weight: bold;
	margin-bottom: 10px;
}

.enquiry a
{
	display: block;
	margin: 5px 0 2px 0;
}

.enquiry input
{
	margin: 5px 0 2px 0;
}

.enquiry-submit
{
	margin: 5px 0 2px 0;
	text-align: center;
}

.answer1
{
	background-color: Blue;
}

.answer2
{
	background-color: Gray;
}

.answer3
{
	background-color: Red;
}

.answer4
{
	background-color: Green;
}

.answer5
{
	background-color: Maroon;
}

.answer6
{
	background-color: Navy;
}

.answer7
{
	background-color: Aqua;
}

.answer8
{
	background-color: Orange;
}

.answer9
{
	background-color: Purple;
}

.answer10
{
	background-color: Silver;
}

/* Odběr novinek */
.newstaking h4
{
	background-color: #00aa95;
	border-bottom: 1px outset #3dc1b1;
	border-left: 1px solid #3dc1b1;
	border-right: 1px solid #3dc1b1;
	border-top: 1px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.newstaking form
{
	padding: 0 10px;
	color: #313131;
	font-size: 90%;
}

.newstaking a
{
	display: block;
	margin: 5px 0 2px 0;
}

.newstaking input
{
	margin: 2px 0;
}

.newstaking_submit
{
	margin: 5px 0 2px 0;
}

/* Uživatelské výběry */
.item-section
{
	margin: 10px;
	text-align: center;
	
}

.item-section a
{
	background-color: Transparent;
	border-bottom: 0px dashed #222222;
	color: #212121;
	font-weight: normal;
	text-decoration: underline;
	font-size: 100%;
	
}

.item-section a:hover
{
	background-color: #transparent;
	border-bottom: 0px solid #000000;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}



.item-section div
{
	margin-bottom: 5px;
	margin: 0px 0px 12px 0px;
	color: #212121;
}

.item-section div strong
{
	color: #212121;
	
}

/* Uživatelský výběr 1 */

.user-selection1 img
{

  max-width: 100%;
  max-height: 100%;

}
.user-selection1 h4
{
	background-color: #fd8c58;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0px solid #3dc1b1;
	border-right: 0px solid #3dc1b1;
	border-top: 0px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 25px 0 0 0;
	padding: 3px 2px 3px 6px;
	text-align: center;
}

.user-selection1
{
	background-color: Transparent;
	color: #616161;
	border-bottom: 0px solid #000000;
	margin: 10px 0px 10px 0px;
	
}


/* Uživatelský výběr 2 */
.user-selection2 h4
{
	background: url('images/bg_menu2.png') repeat-x;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0px solid #3dc1b1;
	border-right: 0px solid #3dc1b1;
	border-top: 0px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.user-selection2
{
	background-color: Transparent;
	border-bottom: 0px solid #000000;
	margin: 10px 0px 10px 0px;
}

/* Uživatelský výběr 3 */
.user-selection3 h4
{
	background: url ('images/bg_menu2.png') repeat-x;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0px solid #3dc1b1;
	border-right: 0px solid #3dc1b1;
	border-top: 0px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.user-selection3
{
	background-color: Transparent;
	border-bottom: 0px solid #000;
	margin: 10px 0px 10px 0px;
}



/* Přihlášení */
.customer-login h4
{
	background: url ('images/bg_menu2.png') repeat-x;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0px solid #3dc1b1;
	border-right: 0px solid #3dc1b1;
	border-top: 0px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.customer-login
{
	background-color: Transparent;
	border-bottom: 0px solid #000000;
	margin: 10px 0px 10px 0px;
}

.customer-login form
{
	color: #3c3c3c;
	margin: 10px 10px 0 10px;
}

.customer-login input.field
{
	width: 120px;
}

.customer-login ul
{
	font-size: 90%;
	line-height: 1.5;
	list-style: none;
	padding: 10px;
}

.customer-login a
{
	background-color: Transparent;
	border-bottom: 0px dashed #222222;
	color: #222222;
	padding: 3px 0;
	text-decoration: none;
}

.customer-login a:hover
{
	background-color: Transparent;
	border-bottom: 0px solid #414141;
	color: #414141;
	text-decoration: underline;
}

/* Blok zákazníka */
.customer-section h4
{
	background-color: #679d98;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0px solid #3dc1b1;
	border-right: 0px solid #3dc1b1;
	border-top: 0px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.customer-section
{
	background-color: Transparent;
	border-bottom: 1px solid #000;
	color: #9c1a1a;
	margin: 10px 0px 10px 0px;
	
}

.customer-section ul
{
	list-style: none;
	padding: 0px 10px 10px;
	
}

.customer-section p
{
	padding-top: 0px;
	text-align: center;
	margin: 10px 0 10px 0;
}

.customer-section p span
{
	font-weight: bold;
	
}

.customer-section a
{
	background-color: Transparent;
	border-bottom: 0px dashed #222222;
	line-height: 1.7;
	color: #222222;
	padding: 3px;
	text-decoration: none;
	
}

.customer-section a:hover
{
	background-color: Transparent;
	border-bottom: 0px solid #00aa95;
	color: #72a39f;
}

/* Vyhledávání */
.search-form h4
{
	background-color: #00aa95;
	border-bottom: 1px outset #3dc1b1;
	border-left: 1px solid #3dc1b1;
	border-right: 1px solid #3dc1b1;
	border-top: 1px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.search-form
{
	background-color: Transparent;
	border-bottom: 0px solid #000;
	margin: 10px 0px 10px 0px;
}

.search-form input
{
width: 70%;
}

.search-form form
{
	margin: 10px 10px 0 10px;
}

.search-form ul
{
	font-size: 90%;
	line-height: 1.5;
	list-style: none;
	padding: 10px;
  padding: 0;
}

.search-form a
{
	background-color: Transparent;
	border-bottom: 0px dashed #222222;
	color: #222222;
	padding: 3px 0;
	text-decoration: none;
}

.search-form a:hover
{
	background: url('images/bg_menu2.png') repeat-x;
	border-bottom: 0px dotted #2e727d;
	padding: 3px 3px 3px 3px;
	color: #ffffff;
}

/* Filtry */
.filters h4
{
	background-color: #00aa95;
	border-bottom: 1px outset #3dc1b1;
	border-left: 1px solid #3dc1b1;
	border-right: 1px solid #3dc1b1;
	border-top: 1px outset #3dc1b1;
	color: #ffffff;
	font-size: 90%;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

.filters
{
	background-color: Transparent;
	border-bottom: 0px solid #000;
	margin: 10px 0px 10px 0px;
}

.filters p
{
	padding: 5px 10px;
}

/* Levy Info panel */
.left-info h4
{
	font-size: 90%;
	color: #ffffff;
	background-color: #68b5bd;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0px solid #3dc1b1;
	border-right: 0px solid #3dc1b1;
	border-top: 0px outset #3dc1b1;
	padding: 3px 2px 3px 6px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

.left-info
{
	color: #313131;
	margin: 10px 5px;
	text-align: center;
	font-size: 90%;
}

.left-info a
{
	text-decoration: underline;
	border-bottom: none;
}

.left-info a:hover
{
	text-decoration: none;
	border-bottom: none;
}
/* Pravy Info panel */
.right-info2 {
	font-size: 100%;
	color: #ffffff;
	background-color: #f7941e;
	border-bottom: 0px outset #3dc1b1;
	border-left: 0px solid #3dc1b1;
	border-right: 0px solid #3dc1b1;
	border-top: 0px outset #3dc1b1;
	padding: 3px 2px 3px 6px;
	margin: 0px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
	
}
.right-info 
{
	color: #313131;
	margin: 10px 5px;
	text-align: center;
	font-size: 90%;
	height: 100%;


	
}

.right-info a
{
	
	text-decoration: underline;
	border-bottom: none;
	color: #333333;
	font-size: 13px;
	font-weight: bold;

}

.right-info a:hover
{
	text-decoration: underline;
	border-bottom: none;
	color: #f4692a;


}
.right-info img {
    margin: 5px 0px;


}
.right-info p {
	padding: 5px 10px;
	
}

/* Nadpis stránky */

h1
{
	background-color: Transparent;
	color: #393939;
	font-size: 100%;
	padding: 0px;
	text-align: left;
	font-size: 20px;
	margin: 20px 0 20px 0;
	
}

h1 img
{
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

h2
{
	
	color: #404040;
	font-size: 14px;
	margin: 0;
	
}

h1.realizace
{
text-align: center;

}


h1.clanek
{
text-align: center;

}

h1.home
{
font-size: 18px;
text-align: center;
margin: 25px 0 5px 0;
color: #202020;
font-weight: normal;

}

/* Cesta kategorií */
.breadcrumbs
{
	border-bottom: 0px none #282a39;
	font-size: 100%;
	margin: 5px 0px 5px 0px;
	padding: 5px 0;
	font-size: 12px;
	
	
}

.breadcrumbs span{
	
	margin: 0 2.5px;
	color: #0daadd;
	font-weight: bold;
	

}

.breadcrumbs a
{
	background-color: Transparent;
	border-bottom: 0px solid #282a39;
	color: #f4692a;
	font-weight: bold;
}

.breadcrumbs a:hover
{
	background-color: Transparent;
	border-bottom: 0px none #cc64bd;
	color: #f4692a;
	text-decoration: none;
}

/* Chybové hlášení */
.missing-entry
{
	color: #FF0000;
}

.missing-entry strong
{
	font-size: 100%;
}

/* Formuláře */
fieldset
{
	border-bottom: 1px solid #2c3d47;
	border-left: 1px solid #2c3d47;
	border-right: 1px solid #2c3d47;
	border-top: 1px solid #2c3d47;
	margin: 10px 5%;
	padding: 5px;
}

legend
{
	color: #2C3D47;
	font-weight: bold;
}

legend img
{
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

label
{
	display: block;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
}

.input
{
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	padding: 2px 0;
}

/* Výběry titulka */
.main-selection
{
	margin: 10px 0;
}

.main-selection a
{
	border-bottom: 1px dashed #cc64bd;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.main-selection a:hover
{
	border-bottom: 1px solid #222222;
	color: #222222;
	font-weight: bold;
	text-decoration: none;
}

.main-selection div
{
	margin-bottom: 5px;
}

.main-selection div strong
{
	color: #282A39;
}

.main-column
{
	float: left;
	margin: 10px 10px 10px 0;
	text-align: center;
	width: 180px;
}

/* Tabulka parametrů */
.parameters
{
	margin-top: 10px;
}

.parameters td
{
	border: none;
	padding: 2px;
}

.sec-line
{
	background: #F8F8F8;
}

.property-title
{
	background: #c0c0c0;
	font-weight: bold;
}

.property-name
{
	background: #EFEFEF;
}

.property-value
{
	
}

/* Ceník, katalog, košík */
.count
{
	width: 30px;
}

.marks
{
	margin:  7px 0px 3px 50px;
}

td div.marks
{
	margin: 0px 0px 0px 0;
}



.marks span
{
	background-color: #f4692a;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	padding: 3px;
}

.marks event
{
	background-color: #fef568;
	color: #f26015;
	font-weight: 900;
	font-size: 100%;
	padding: 3px;
}

.event
{
	background-color: #fef568;
	color: #f26015;
	font-weight: 900;
	font-size: 100%;
	padding: 3px;
}

.marks event2
{
	background-color: #fef568;
	color: #404040;
	font-weight: bold;
	font-size: 100%;
	padding: 3px;
}

.event2
{
	background-color: #fef568;
	color: #404040;
	font-weight: bold;
	font-size: 100%;
	padding: 3px;
}


.marks img
{
	margin-right: 3px;
	
}

.product-list
{
	width: 100%;
	margin: 10px;
}

.product-list td
{
	padding: 5px 2px;
		
}
	

.product-list th
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.product-list-header td
{
	background-color: #627f92;
	border-bottom: 1px solid #282A39;
	color: #ffffff;
	font-weight: bold;
}

.product-list-footer td
{
	background-color: #ffffff;
	color: #2C3D47;
	text-align: right;
}

.product-list-row td
{
	background-color: #F5F5F5;
	
}


/* --- Tlačítko Do košíku (oranžové) --- */
.button_kosik {
    display: inline-block;
    background: #ff7b00 !important; /* hlavní oranžová */
    color: #fff !important;
    padding: 6px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 3px 8px rgba(255, 123, 0, 0.25);
    border: none;
    line-height: 1.4;
    cursor: pointer;
	transform: translateY(-8px);
	font-size: 12px;
}

/* --- Hover efekt --- */
.button_kosik:hover {
    background: #ff9800; /* světlejší oranžová */
    transform: translateY(-6px);
    box-shadow: 0 5px 14px rgba(255, 123, 0, 0.3);
    color: #fff;
}


.cat-picture
{
	float: left;
	margin-right: 10px;
	padding: 8px 5px 5px 5px;
}

.cat-picture img {
    max-width: 100%;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cat-picture img:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.cat-desription
{
	float: left;
}

.cat-price-row
{
	width: 100%;

}

.cat-price
{
	float: right;
	text-align: right;
	
}

.product-list-row .cat-price{
line-height: 20px;
}

.cat-price span{font-weight: 600;}


.cat-price div 
{
	margin-bottom: 0px;
	margin: 5px 0px 0px 0px;
	
	
}

.cat-price-button *
{
	
	vertical-align: middle;
}

.cat-price-button
{
	float: right;
	margin-left: 10px;
}

.add-button
{
	margin: 5px 0;
	text-align: right;
}

.cat-item-data span
{
	font-weight: 600;

}

.cat-item-description p
{
	margin: 0;
	padding: 0;
}

.cat-description a
{
	text-decoration: underline;	
	color: #36917d;
	font-weight: bold;
}



.discount
{
	color: #282A39;
	font-weight: bold;
	text-align: right;
	
	
	
}
	

.product-list-name 
{
	background-color: Transparent;
	border-bottom: 1px none #000;
	color: #150e0d;
	font-style: normal;
	text-decoration: none;
	
}	

.product-list-name a
{
	background-color: Transparent;
	border-bottom: 0px solid #2c3d47;
	color: #000000;
	text-decoration: none;
	font-weight: 600;
}



.product-list-name a:hover
{
	background-color: Transparent;
	border-bottom: 0px solid #2c3d47;
	color: #2c3d47;
	text-decoration: underline;
}

.product-list-name-mark a:hover
{
	color: #990000;
}

h2.product-list-name
{
	font-size: 113%;
	margin: 10px 0px 5px 0px;
}

div.product-list-row
{
	border-bottom: 1px dotted #2c3d47;
	padding: 0px 0px 10px 0px;
}

.cat-item-data
{
	font-size: 100%;
	line-height: 130%;
}

.cat-column
{
	float: left;
	margin: 0px 10px 10px 0px;
	width: 482px;
}



/* ------- Bloky nenastavující se zatím z managera ------- */
.reg-form fieldset
{
	margin-bottom: 10px;
}

.reg-form .input
{
	width: 80%;
}

.reg-form td.value
{
	width: 60%;
}

.enhsearch-form td.value
{
}

.reg-form td.name
{
	width: 40%;
}

.enhsearch-form td.name
{
	width: 40%;
}

.reg-form td
{
	text-align: left;
}

.enhsearch-form td
{
	text-align: left;
}

.reg-form table
{
	width: 100%;
}

.enhsearch-form table
{
	width: 100%;
}

.reg-form
{
	margin: 0 auto 10px auto;
	text-align: center;
}

.enhsearch-form
{
	margin: 0 auto 10px auto;
	text-align: center;
}

/* User data */
.user-data
{
	text-align: left;
	width: 80%;
}

.user-data td
{
	padding: 1px 5px 1px 0;
	text-align: left;
}

.user-data td.name
{
	text-align: left;
	width: 40%;
}

.user-data td.value
{
	text-align: left;
	width: 60%;
}

/* Stránkování */
.pager
{
	margin: 5px 0;
	width: 100%;
}

.pager-txt
{
	float: left;
	padding-top: 4px;
}

.pager-btn
{
	float: right;
	

}



/* Sestavy */
.configure-button
{
	margin: 5px 0 20px 0;
	text-align: right;
}

.componentgroup-name
{
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0px 10px;
	color: #ff6000;
	
}


/* Košík, pokladna */
.cart-button
{
	margin: 5px 0 20px 0;
	text-align: right;
}

.deliveries
{
	float: left;
	margin: 3px 0 10px 0;
	width: 50%;
}

.payments
{
	float: left;
	margin: 3px 0 10px 0;
	width: 50%;
}

.delivery-adress
{
	text-align: left;
	width: 100%;
}

.delivery-adress td
{
	text-align: left;
}

.delivery-adress td.name
{
	text-align: left;
	width: 40%;
}

.delivery-adress td.value
{
	text-align: left;
	width: 60%;
}

.delivery-adress .input
{
	width: 80%;
}

.extrapay-name td
{
	background-color: Transparent;
	border-bottom: 0px solid #f5f5f5;
	border-left: 0px solid #f5f5f5;
	border-right: 0px solid #f5f5f5;
	border-top: 0px solid #f5f5f5;
	color: #666666;
	font-size: 10px;
	height: 15px;
	text-align: right;
}

.extrapay-footer td
{
	background-color: Transparent;
	border-bottom: 0px solid #f5f5f5;
	border-left: 0px solid #f5f5f5;
	border-right: 0px solid #f5f5f5;
	border-top: 0px solid #f5f5f5;
	color: #666666;
	font-size: 10px;
	height: 15px;
	text-align: right;
}





h3
{
	font-size: 100%;
	margin: 10px 0 5px 0;
	color: #ff7b00;
	font-weight: bold;
		
}




.groupprops 

{
	font-weight: bold;
	margin: 5px 0px 0px 5px;
	color: #FFFFFF;
	background: #f9834e;
	
}

.update
{
	font-size: 86%;
	margin: 20px 10px 10px 10px;
	text-align: center;
}

.last
{
	margin-right: 0;
}

.show-filters
{
	margin-bottom: 15px;
	text-align: right;
}

.show-filters span
{
	color: #282A39;
	font-weight: bold;
}

#ordering *
{
	vertical-align: middle;
}

form#ordering
{
	float: right;
}


.leftpanel
{
	background-color: #ffffff;
}

.rightpanel
{
	background-color: #ffffff;
}

search-form .input
{
	width: 80%;
	
}

.price-with-vat
{
	color: #282A39;
	text-align: left;
	font-weight:normal !important;
}

.product-list-footer td.price-with-vat
{
	color: #282A39;
	font-weight: bold;
	text-align: right;
}

.old-price-with-vat
{
	text-align: right;
	text-decoration: line-through;
}

.old-price
{
	text-align: right;
	text-decoration: line-through;
}

.product-list-row td.price
{
	text-align: right;
}

.product-list-row td.button
{
	text-align: right;
}

.product-list-secrow td.price
{
	text-align: left;
}

.product-list-secrow td.button
{
	text-align: right;
}

.product-list-footer td.price
{
	text-align: right;
}

.product-list-secrow td
{
	border-bottom: 1px dotted #2c3d47;
}

.product-list-row td.picture
{
	border-bottom: 1px dotted #2c3d47;
}

.categorization
{
	margin: 10px 5px 10px 40px;
}

.department
{
	margin: 10px 5px 10px 40px;

	
}

/* Currency Selection - Blok výběru měny */
.currency
{
	color: #666666;
	text-align: center;
}

/* Wizard pokladna - krokovani 1234 */
.step1-deliveries
{
	margin: 3px 0 10px 0;
}

.step1-button
{
	padding-left: 10px;
	text-align: left;
	
}


.souhrn-data
{
	width: 100%;
}

.souhrn-data td
{
	padding: 1px 5px 1px 0;
	text-align: left;
}

.souhrn-data td.name
{
	text-align: left;
	width: 40%;
}

.souhrn-data td.value
{
	text-align: left;
	width: 60%;
}

p.extra-pay-catalogue
{
	color: #666666;
	font-size: 80%;
}

/* odkazy u detailu vyrobku */
.detail-link
{
	margin: 0px 0px;
	float: right;
	text-align: right;
}

.detail-link a
{
	
	text-decoration: underline;
	font-weight: normal;
	
}

.detail-link a:hover
{
	text-decoration: none;
	
}

.homep {
	margin-left: 40px;
	margin-top: 5px;
	font-size: 90%;
}

.homep a{
display: block;
float: left;
margin: 5px;
text-decoration: none;
margin-left: 20px;
}


.homep a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.homep a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 137px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.homep a:hover span{
background: #f87016;

}


.homep2 {
	margin-left: 55px;
	margin-top: 10px;
}

.homep2 a {
	margin-left: 30px;
	

}

.outdoor {

text-align: center;
width: 100%;
font-size: 90%;
	
}


.outdoor a
{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;

}


.outdoor a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 165px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.outdoor a:hover span{
background: #f87016;
}

.outdoor span{
		margin-bottom: 10px;
}


.outdoor a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.vitriny {

text-align: center;
width: 100%;
font-size: 90%;
	
}


.vitriny a
{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;

}


.vitriny a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 213px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.vitriny a:hover span{
background: #f87016;
}

.vitriny span{
		margin-bottom: 10px;
}


.vitriny a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.vitriny-int {

text-align: center;
width: 100%;
font-size: 90%;
	
}


.vitriny-int a
{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;

}


.vitriny-int a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 193px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.vitriny-int a:hover span{
background: #f87016;
}

.vitriny-int span{
		margin-bottom: 10px;
}


.vitriny-int a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.prsteny {
	
text-align: center;
width: 100%;
font-size: 90%;


	
}

.prsteny a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.prsteny a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 172px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.prsteny a:hover span{
background: #f87016;

}

.prsteny span{
		margin-bottom: 10px;
}

.prsteny a:hover

{
	text-decoration: none;
	border-bottom: none;
	
	
}	

.rekstojany {

text-align: center;
width: 100%;
font-size: 90%;
	
}


.rekstojany a
{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;

}


.rekstojany a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 174px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.rekstojany a:hover span{
background: #f87016;
}

.rekstojany span{
		margin-bottom: 10px;
}


.rekstojany a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.rekstojany2 {

text-align: center;
width: 100%;
font-size: 90%;
	
}


.rekstojany2 a
{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;

}


.rekstojany2 a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 135px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.rekstojany2 a:hover span{
background: #f87016;
}

.rekstojany2 span{
		margin-bottom: 10px;
}


.rekstojany2 a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.minikat {

text-align: center;
width: 100%;
font-size: 10px;	
}


.minikat a
{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;

}


.minikat a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 115px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.minikat a:hover span{
background: #f87016;
}

.minikat span{
		margin-bottom: 10px;
}


.minikat a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.minikat2 {

text-align: center;
width: 100%;
font-size: 13px;	
padding-bottom:10px;
}


.minikat2 a
{
display: inline-block;
float: none;
margin-left: 5px;
text-decoration: none;

}


.minikat2 a span{
opacity: 1;
transition: opacity 0.3s ease;
display: block;
text-align: center;
padding: 5px;
border: 1px solid #f87016;
width: 130px;
background: #53c9aa;
color: white;
text-decoration: none;
font-weight: bold;
}

.minikat2 a:hover span{
background: #f87016;
}

.minikat2 span{
		margin-bottom: 10px;
}


.minikat2 a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.minikat2 a.grey span {
    background: #e1e1e1;
}

.minikat2 a.grey:hover span{
background: #f87016;
color: #ffffff;
}

.shape {
	
text-align: center;
width: 100%;
font-size: 90%;

	
	
}

.shape a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.shape a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 136px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.shape a:hover span{
background: #f87016;
}

.shape span{
		margin-bottom: 10px;
}

.shape a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.popup {
	
text-align: center;
width: 100%;
font-size: 90%;

	
}

.popup a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.popup a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 140px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.popup a:hover span{
background: #f87016;
}

.popup span{
		margin-bottom: 10px;
}

.popup a:hover

{
	text-decoration: none;
	border-bottom: none;

	
}	

.srouby {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.srouby a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.srouby a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 234px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.srouby a:hover span{
background: #f87016;
}

.srouby span{
		margin-bottom: 10px;
}

.srouby a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.dezin {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.dezin a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.dezin a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 175px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.dezin a:hover span{
background: #f87016;
}

.dezin span{
		margin-bottom: 10px;
}

.dezin a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	





.rollup {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}


.rollup a
{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;
}


.rollup a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 165px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.rollup a:hover span{
background: #f87016;
}

.rollup span{
		margin-bottom: 10px;
}


.rollup a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.stany {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}


.stany a
{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;
}


.stany a span{

display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #f6f6f6;
border-top: 0;
width: 300px;
background: #c3ecff;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;

}

.stany a:hover span{
background: #7ab0c9;
}

.stany span{
		margin-bottom: 10px;
}


.stany a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}

.listak {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.listak a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.listak a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 244px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
text-decoration: none;
}

.listak a:hover span{
background: #f87016;

}

.listak a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}

.listak span{
		margin-bottom: 10px;
}



.sloupky {
	
text-align: center;
width: 100%;
font-size: 90%;


	
}

.sloupky a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.sloupky a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 214px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.sloupky a:hover span{
background: #f87016;
}

.sloupky span{
		margin-bottom: 10px;
}

.sloupky a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.acka {
	
text-align: center;
width: 100%;
font-size: 90%;


	
}

.acka a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.acka a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 193px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.acka a:hover span{
background: #f87016;
}

.acka span{
		margin-bottom: 10px;
}

.acka a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.konfigurator {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.konfigurator a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.konfigurator a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 193px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.konfigurator a:hover span{
background: #f87016;
}

.konfigurator span{
		margin-bottom: 10px;
}

.konfigurator a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.podstavy {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.podstavy a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.podstavy a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 193px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.podstavy a:hover span{
background: #f87016;
}

.podstavy span{
		margin-bottom: 10px;
}

.podstavy a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.prezentacni {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.prezentacni a{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;
}


.prezentacni a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 137px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.prezentacni a:hover span{
background: #f87016;
}

.prezentacni a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.prezentacni span{
		margin-bottom: 10px;
}

.ramy {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.ramy a{
display: inline-block;
float: none;
margin-left: 10px;
text-decoration: none;
}


.ramy a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 166px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.ramy a:hover span{
background: #f87016;
}

.ramy span{
		margin-bottom: 10px;
}

.ramy a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.ramy a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.tiskoviny {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.tiskoviny a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.tiskoviny a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 194px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.tiskoviny a:hover span{
background: #f87016;
}

.tiskoviny span{
		margin-bottom: 10px;
}

.tiskoviny a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.isoframe {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.isoframe a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.isoframe a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 294px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.isoframe a:hover span{
background: #f87016;
}

.isoframe span{
		margin-bottom: 15px;
}

.isoframe a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.paravan {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.paravan a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.paravan a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 194px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.paravan a:hover span{
background: #f87016;
}

.paravan span{
		margin-bottom: 10px;
}

.paravan a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.homet {
	margin: 15px 100px 10px 65px;
	text-align: justify;
}


.clanky {
	margin: 0px 30px 20px 30px;
	text-align: justify;
	font-size: 13px;
	
}

.clanky a{
	
	text-decoration: underline;	
	color: #36917d;
	font-weight: bold;
	
}


.pulty {
	
text-align: center;
width: 100%;
font-size: 90%;
	
}

.pulty a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.pulty a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 194px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.pulty a:hover span{
background: #f87016;
}

.pulty span{
		margin-bottom: 10px;
}

.pulty a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	

.stanky {
	
text-align: center;
width: 100%;
font-size: 90%;


	
}

.stanky a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.stanky a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 213px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.stanky a:hover span{
background: #f87016;
}

.stanky span{
		margin-bottom: 10px;
}

.stanky a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.fotosteny {
	
text-align: center;
width: 100%;
font-size: 90%;


	
}

.fotosteny a{
display: inline-block;
float: none;
margin-left: 15px;
text-decoration: none;
}


.fotosteny a span{
display: block;
text-align: center;
padding: 5px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 203px;
background: #ff9047;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.fotosteny a:hover span{
background: #f87016;
}

.fotosteny span{
		margin-bottom: 10px;
}


.fotosteny a:hover

{
	text-decoration: none;
	border-bottom: none;
	
}	


.article {
	
text-align: center;
width: 100%; 	
	
}

.article a{
display: inline-block;
float: none;
text-decoration: none;
font-size: 13px;
padding-left: 20px;
padding-right: 15px;


}



.article a span{
display: block;
text-align: center;
padding: 10px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 260px;
background: #404040;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.article a:hover span{
background: #1e1e1e;
}

.article span{
		margin-bottom: 10px;

}


.article2 {
	
text-align: center;
width: 100%; 	
margin-top: 20px;
	
}

.article2 a{
display: inline-block;
float: none;
text-decoration: none;
font-size: 13px;
padding-left: 20px;
padding-right: 15px;


}



.article2 a span{
display: block;
text-align: center;
padding: 10px 0;
border: 1px solid #cccccc;
border-top: 0;
width: 450px;
background: #404040;
color: white;
text-decoration: none;
letter-spacing: 0.05em;
font-weight: bold;
}

.article2 a:hover span{
background: #1e1e1e;
color: #ffffff;
}

.article2 span{
		
		margin-top: 10px;
	
}

.kats

{

text-align: justify;	
margin: 5px 20px 20px 10px;	

font-size: 105%;
	
}

.kats a{
	
	text-decoration: underline;	
	color: #36917d;
	font-weight: bold;
	
}

.kats a:hover
{
	text-decoration: underline;
	border-bottom: none;
	color: #f4692a;
}	

/* level start page - uvodni stranka kategorie */
.lvl-thumbs
{
	float: right;
}

/* EAvailableItemsInOrder */
.items-in-order fieldset
{
	border: 1px solid #cc0000;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
	width: 100%;
}

/* CompareList */
.compare td
{
	padding: 3px;
}

.compare-row
{
	background-color: #eeeeee;
}

.compare-delete
{
	float: right;
}

.compare-deleteall
{
	text-align: right;
}

/* Bookmarked */
table .bookmarked
{
	width: 100%;
}

.bookmarked td
{
	padding: 3px;
}

.bookmarked th
{
	font-size: 12px;
}

/* ParamSearch */
table .paramsearch
{
	width: 98%;
}

/* js levels tree */
.leftmenu
{
	background-color: #ffffff;
	margin: 0 0 10px 0;
}

.leftmenu li
{
	clear: both;
	list-style-type: none;
}

.leftmenu a
{
	background-color: #fffff;
	display: block;
	float: left;
	height: auto;
	padding: 2px 0 2px 6px;
	text-decoration: none;
	width: 163px;
}

.leftmenu ul
{
	margin: 10px 0 10px 10px;
}

.leftmenu ul ul
{
	display: none;
	margin-left: 15px;
}

.leftmenu ul ul a
{
	width: 148px;
}

.leftmenu a:hover
{
	border: 0;
	text-decoration: underline;
}

.leftmenu ul ul ul a
{
	width: 133px;
}

.leftmenu ul ul ul a:hover
{
}

.leftmenu ul ul ul ul a
{
	width: 118px;
}

.leftmenu ul ul ul ul ul a
{
	width: 103px;
}

.leftmenu a.last
{
	background: none;
}

.leftmenu span
{
	background: url("images/ctv.gif") no-repeat;
	display: block;
	float: left;
	height: 14px;
	width: 12px;
}

.leftmenu span.p
{
	background: url("images/tp.gif") no-repeat;
}


.dualprice
{
	font-size: x-small;
}

/* Diskuze */
table.diskuze
{
	border-collapse: collapse;
	width: 100%;
}

.diskuze td
{
	border-bottom: 0px solid #eee;
}

.diskuzeodkazy
{
	margin-top: 15px;
}

.diskuzeodkazy a
{
	background-color: #00aa95;
	color: #fff;
	margin: 2px;
	padding: 5px;
	text-decoration: none;
}

.diskuzeodkazy a:hover
{
	color: #fff;
	text-decoration: underline;
}

.zanoreni0
{
	padding: 5px;
	padding-left: 0px;
}

.zanoreni1
{
	padding: 5px;
	padding-left: 10px;
}

.zanoreni2
{
	padding: 5px;
	padding-left: 20px;
}

.zanoreni3
{
	padding: 5px;
	padding-left: 30px;
}

.zanoreni4
{
	padding: 5px;
	padding-left: 40px;
}

.zanoreni5
{
	padding: 5px;
	padding-left: 50px;
}

.zanoreni6
{
	padding: 5px;
	padding-left: 60px;
}

.zanoreni7
{
	padding: 5px;
	padding-left: 70px;
}

.zanoreni8
{
	padding: 5px;
	padding-left: 80px;
}

.zanoreni9
{
	padding: 5px;
	padding-left: 90px;
}

.zanoreni10
{
	padding: 5px;
	padding-left: 100px;
}

.arena_zanoreni0
{
	border: 1px solid #eee;
	border-top: 2px solid #76beca;
	margin: 5px 0px 5px 0px;
}

.arena_zanoreni1
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 10px;
}

.arena_zanoreni2
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 20px;
}

.arena_zanoreni3
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 30px;
}

.arena_zanoreni4
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 40px;
}

.arena_zanoreni5
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 50px;
}

.arena_zanoreni6
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 60px;
}

.arena_zanoreni7
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 70px;
}

.arena_zanoreni8
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 80px;
}

.arena_zanoreni9
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 90px;
}

.arena_zanoreni10
{
	border: 1px solid #eee;
	margin: 5px 0px 5px 100px;
}

.predmet
{
	background: #eee;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 5px 3px 5px;
}

.autordatum
{
	background: #eee;
	font-size: 90%;
	padding: 0px 5px 5px 5px;
}

.textprispevku
{
	padding: 5px;
}

.odpovedet
{
	padding: 5px;
	text-align: right;
}

.odpovedet a
{
	font-weight: bold;
}

.odpovedet a:hover
{
	text-decoration: none;
}

.discform p
{
	margin: 5px 0;
}

.discform input
{
	margin: 0;
	padding: 0;
}

.fielddiskuze
{
	padding: 2px;
	width: 200px;
}

.prispevekdiskuze
{
	height: 200px;
	padding: 2px;
	width: 90%;
}

.enhsearch-form .input
{
	width: 80%;
}

.enhsearch-form select
{
	width: 80%;
}

.product-list-name-mark
{
	color: #ff0000;
	font-weight: bold;
}

.product-list-name-mark a
{
	color: #ff0000;
	font-weight: bold;
}

.language a
{
	text-decoration: none;
}

.language a:hover
{
	text-decoration: none;
}


.photogall a {
  display: inline-block; 
  margin: 3px; 
  margin-bottom: 15px; 
  vertical-align: top; 
}


.photogall img {
  width: 125px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: all 0.25s ease;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}

.photogall img:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  border-color: #ccc;
}





.middle a.button_dotaz {
    display: inline-block;
    background: #ff7b00;
    color: #fff;
    padding: 6px 10px;
    border-radius: 8px;
	font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    float: right;
}

.middle a.button_dotaz:hover {
    background: #ff9047;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
    color: #fff;
}



.xfeatures{margin:22px 0 0 -22px;overflow:auto;padding:0;_height:1%;_overflow:visible}
.xfeatures-item{float:left;margin:0;overflow:visible;padding:0;width:33.333%}
.xfeatures-item-in{height:110px;margin:10px 0 16px 22px;overflow:visible;padding:0 0 0 0}
.xfeatures-item img{border:none;float:left;height:80px;margin:0 9px 0 0;vertical-align:middle;width:80px}
.xfeatures-item span{display:block;padding:15px 0 0 0}



.divTable{
	display: table;
	width: 100%;
	margin: auto;
	
}
.divTableRow {
	display: table-row;
	
}
	
.divTableCell  {
	border: 0px solid #999999;
	display: table-cell;
	padding: 10px 25px 0px 15px;
		
}


.divTableBody {
	display: table-row-group;
	
}

.divTableCellfooter  {
	border: 0px solid #999999;
	display: table-cell;
	padding: 5px 25px 5px 25px;
		
}

.divTablefooter{
	display: table;
	width: 750px;
	margin: auto;
	
}


.no_mobile{
display: none;
}

                                                                                                                                                                                                                                */
*
{
	box-sizing: border-box;
	margin: 0;
	-moz-box-sizing: border-box;
	padding: 0;
}

img
{
	border-style: none;
	vertical-align: middle;


}

.invisible
{
	display: none;
}

.main-obal
{
	background: url('images/background-l.gif') repeat-y top;
	width: 100%;
}

.main
{
	width: 100%;
	height: 100%;
}


.box
{

	border: 0px solid #e0e0e0;
	padding-top: 5px;	
}

.box2
{

	border-bottom: 1px solid #689e99;
	
}


.cleaner
{
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	margin: 0px 0px 0px 0;
}

.center
{
	margin: 0 auto;
	text-align: center;
}

.righttext
{
	display: none;
}

.bold
{
	font-weight: bold;
}




/* === Responsive rules from mobile.css === */

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
iframe{
    max-width: 100%;
}

/* TABLETY / STŘEDNÍ (dříve 1000px, nyní 1200px) */
@media only screen and (max-width: 1200px){ 

.divTable{
    
    width: 100%;

}   

.divTableCell  {
    
    padding: 5px 5px 5px 5px;

} 


.divTablefooter{
    
    width: 100%;

}   

.divTableCellfooter  {
    
    padding: 5px 5px 5px 5px;

} 

.cart_container{
    overflow: auto;
}   


.xfeatures-item {width:50%;}


.page,
.header-middle,
.right,
.left,
.cat-column,
.top-menu li,
.middle{
    width: 100%;
    height: auto;
}

.top-menu li{
    display: block;
}

.page{
    width: 98%;
    margin: 1%;
    border: 1px solid #58adb6;
}

.header{
    height: auto;
}

.header-banner,
.header .total-price,
#home_link_button{
    display: none;
}

.header-left{
    width: 30%;
}

.header-middle{
    width: 70%;
    padding: 30px 0;
    padding-bottom: 0;
}

.top-menu li a{
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #347e85;
}

.top-menu li:last-child a{
    border: none;
}

.top-menu a:hover{
    border-bottom: 1px solid #347e85;
}

.levels-tree ul li{
    text-align: center;
}

.search-form{
    text-align: center;
    padding: 15px 0;
    margin: 0;
}

.header #changecurrform{
    float: right;
}

.header-right{
    width: auto;
    position: absolute;
    right: 2%;
    top: 2%;
    vertical-align: middle;
}

.top-menu{
    padding: 0;
}

.no_mobile{
    display: block;
    width: 50%;
    float: left;
}

.in-header-middle a,
.in-header-middle span{
    display: block;
    width: 50%;
    float: left;
    margin: 5px 0;
    cursor: pointer;
}

.cat-price-button{
    float:none;
    width: 100%;
    text-align: center;
}

.cat-price-button input{
    font-size: 24px;
}

.cat-price-button input:last-child{
    background: #347f86 !important;
    width: 30%;
    max-width: 100px;
    content: 'Koupit';
    padding: 0;
}


.fotosteny,
.stanky,
.pulty,
.paravan,
.isoframe,
.tiskoviny,
.ramy,
.prezentacni,
.podstavy,
.konfigurator,
.sloupky,
.listak,
.rollup,
.srouby,
.popup,
.shape,
.prsteny,
.outdoor,
.top4,
.homep{
    text-align: center;
    margin-left: 0;
    float: left;
    width: 100%;
}


.fotosteny a,
.stanky a,
.pulty a,
.paravan a,
.isoframe a,
.tiskoviny a,
.ramy a,
.prezentacni a,
.podstavy a,
.konfigurator a,
.sloupky a,
.listak a,
.rollup a,
.srouby a,
.prsteny a,
.outdoor a,
.top4 a{
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 0;
    float: none;
}

.homep a{
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 0;
    float: none;
}

.homet {
    margin: 15px 15px 10px 15px;
    text-align: justify;
}


.shape a,  
.popup a{
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 10px;
    float: none;
}


.article2 a{
    display: inline-block;
    float: none;
    text-decoration: none;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 15px;
    width: 250px;
}


.article2 a span{
    display: block;
    text-align: center;
    padding: 10px 10px;
    border: 1px solid #cccccc;
    border-top: 0;
    width: 215px;
    background: #404040;
    color: white;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-weight: bold;
}




.currency{
    text-align: right;
}


.cat-price-row{
    margin: 30px 0;
}

.cat-price{
    width: 100%;
    text-align: center;
    margin: 10px 0;
    font-size: 18px;
}


.cat-picture{
    width: 100%;
    text-align: center;
}

h1{
    text-align: center;
}

.configure-button{
    text-align: center;
}


.photogall{
    text-align: center;
}



#top_menu,
#category_menu{
    display: none;
}

.cart-button{
    width: 100%;
}

.cart-button button{
    width: 40%;
    float: left;
    margin: 15px 5%;
}

.cart-button button:last-of-type,
.next_step{
    background: #68b5bd;
    color: white; 
    border: 1px solid #347f86;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
}        

.product-list,
fieldset{
    margin: 0;
}

fieldset{
    margin: 20px 0;
}

.order_buttons{
    float: left;
    width: 100%;
    text-align: left;
    margin: 15px 0;
}

.next_step{
    float: right;
}

.marks{
    margin: 10px 0;
    text-align: center;
}

.breadcrumbs{
    text-align: center;
}

.breadcrumbs span{
    padding: 0 2.5px;
}

.cat-column{
    background: #f9f9f9;
    margin: 10px 0;
    padding: 15px 15px 0 15px;
}

div.product-list-row{
    border: none;
}

h2.product-list-name,
.cat-description{
    text-align: center;
}

div.product-list-row{
    padding-bottom: 0;
}

input, textarea, button, .input{
    padding: 5px;   
    box-sizing: border-box;
}

.groupprops td{
    padding: 5px;
}

#TB_closeWindow,
#TB_caption{
    width: 100%;
    text-align: center;
    padding: 5px 0;
    float: left;
    height: auto;
}

#TB_secondLine{
    margin-top: 10px;
}

table{
    max-width: 100% !important;
    width: 100% !important;
}

.top-menu li:after{
    display: none;
}

.homep p{
    display: inline;
}

.count {
    width: 40px;
}

/* Landscape variant pro tablety / menší laptopy (nyní 1200px) */
@media only screen and (max-width: 1200px) and (orientation:landscape){

    .cat-column{
        width: 49%;
    }

    .cat-column:first-of-type{
        margin-top: 22px;
    }

    .cat-column.last{
        margin-left: 2%;
    }

}    

/* Tablety a menší laptopy — sjednoceno s 1200px */
@media only screen and (max-width: 1200px) {
    .divTable { width: 100%; }
    .divTableCell { padding: 5px; }
    .header-middle, .page { width: 100%; }
}

/* Mobily portrait / stacked tabulka */
@media only screen and (max-width: 480px) {
    .divTableRow { display: block; }
    .divTableCell, .divTableHead { display: block; width: 100%; }
}


/* Už měl být na 1200px — zachováno (dříve jsi měl/a i tento blok) */
@media only screen and (max-width: 1200px) {
  .page,
  .middle {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}