/*
:root {
   --ThemeColor: #127cbf; // nyní v configu
}
*/

.nav-item {font-weight:bold;}

body {padding: 0; margin:0; font-family: sans-serif;

 background: #e1e1e1;

/*
 background-image: url("bg_vanoce.jpg");
 background-color: #d54336;
background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
*/
}

h1 {color: #5a5a5a;}
h2 {color: var(--ThemeColor); font-size: 21px;}
h3 {color: var(--ThemeColor); font-size: 19px;}


h6 {color: #00b336;font-size: 19px;margin: 0 0 20px 0; text-align: center;}

.sql_neuspech {background:#CC3300; color:white; padding:5px; margin: 10px 0 10px 0; font-size:15px}
.sql_uspech {background:#00b336; color:white; padding:5px; margin: 10px 0 10px 0; font-size:15px}
 
main {max-width: 1024px;margin: auto;background: white;padding:10px 20px;min-height: 680px;border-radius: 0 0 10px 10px;}
header {border-bottom: 1px solid var(--ThemeColor);}
header .logo{display: contents;}
header .links{float: right;position: relative;top: 25px;right: 25px;}



header .links a {
  text-decoration: none;
  letter-spacing: 0.15em; 
  display: inline-block;
  padding: 7px 17px;
  position: relative;
  color: var(--ThemeColor2);
}
header .links a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: var(--ThemeColor2);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
header .links a:hover:after { 
  width: 100%; 
  left: 0; 
}

header .links .active {font-weight:bold;}


.infobox_uspech, .infobox_neuspech, .infobox_varovani, .infobox_info {border: 1px solid;margin: 20px 0;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;font-weight:bold;}

.infobox_uspech {color: #4F8A10;background-color: #DFF2BF; background-image:url('success.png');}
.infobox_neuspech {color: #D8000C;background-color: #FFBABA;background-image: url('error.png');}
.infobox_varovani {color: #9F6000;background-color: #FEEFB3;background-image: url('warning.png');}
.infobox_info {color: #00529B;background-color: #BDE5F8;background-image: url('info.png');}

article {padding: 0 20px;}

#article {min-height: 400px;}

#article .sideBar {width: 145px; position: sticky; right: 20px; position: -webkit-sticky; float: right;top: 120px;background: #f9f9f9;  border-radius: 5px;   padding: 10px;}

#article .sideBar .cart {padding-top:15px;}
#article .sideBar .name {font-weight:bold; text-align: center;}
#article .sideBar .points {padding-top: 15px; text-align: center;}
#article .sideBar .CartEUR {text-align: center;}



#article .sideBar .CartContent {font-size:13px;padding-top: 15px;border-top: 1px solid #6d6b6b;margin-top: 14px;}
#article .sideBar .CartContent span {display: block;padding-bottom: 25px;padding-left: 1.3em; text-indent: -1.3em;}

#article .productDescription {    line-height: 1.8em;}


#article .sideBarLink {text-decoration: none;color: black; }  

#article .store {text-align:center;}
#article .store a {text-decoration:none; color: #000000;}

#article .product_text {padding: 0 0 0 10px;}

#article .#article_Product {margin-top: 15px;}


#article .ProductTile:hover {transform: scale(1.05);}

#article .store .ProductTile {display: inline-block;margin: 16px 15px 20px 15px;width: 250px;text-align: center;transition: transform .2s;border: 1px solid #ececec; padding: 10px;border-radius: 10px;    position: relative;}
#article .store .price {padding: 3px;color:#3bbb86; font-weight: bold;}         /* background: #6ddf8f; */

#article .store .pimage {width: 170px;height: 120px; background-position: center; background-size: contain; background-repeat: no-repeat; display: inline-block; }
            
#article .store .ProductTile img {max-width: 179px; max-height: 121px;}

#article .store .name {font-weight: bold; font-size: 15px;height: 45px;overflow: hidden;}
#article .store .description {height: 55px;overflow: hidden;font-size: 13px;text-align:justify}





#article .store .menu_store_cat {text-align:left; background: linear-gradient(90deg, rgb(245 244 244) 80%, rgba(255,255,255,1) 100%)}
#article .store .menu_store_cat a {background: #ffffff; display: inline-flex; padding: 8px;margin: 4px;border-radius: 5px;}
#article .store .menu_store_cat a:hover {background:#c7c7c7}

#article .store .menu_store_cat .active {background:#c7c7c7}



 .Acticle_Topic p, .Acticle_Topic li  {line-height: 25px;text-align: justify;}
 .Acticle_Topic img {padding:5px; max-width:100%; height:auto;}
 .Acticle_Topic ul { list-style: none; }
 .Acticle_Topic ul li::before {content: "\2022";  color: var(--ThemeColor); font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
 .Acticle_Topic td, .Acticle_Topic th { border: 1px solid #ddd; padding: 8px;}
 .Acticle_Topic tr:nth-child(even){background-color: #f2f2f2;}
 .Acticle_Topic tr:hover {background-color: #ddd;}
 .Acticle_Topic th {padding-top: 12px; padding-bottom: 12px;text-align: left;background-color: var(--ThemeColor);color: white;}
 
 
 .clear_table {border-collapse: collapse;}
 .clear_table td { border: 1px solid #f3f3f3; padding: 8px;}
 .clear_table tr:nth-child(even){background-color: inherit;}
 .clear_table tr:hover {background-color: inherit;}
 
 
 
 .tag_clearanceSale {position: absolute;
    top: 100px;
    background: #FF9800;
    padding: 5px 15px;
    border-radius: 0 5px 5px 0;
    left: -1px;
    font-size: 11px;}
 
 
 .Acticle_User input[type=text], .Acticle_User select, .Acticle_User input[type=password], .Acticle_User textarea { width: 100%; padding: 12px 20px; margin: 2px 0 20px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
 .Acticle_User input[type=submit] { width: 100%; background-color: #e20714; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;}
 .Acticle_User input[type=submit]:hover { background-color: #314b32;}
 /*.Acticle_User input:read-only {background: #d8d5d5;}*/
 .Acticle_User .UserFormSettings {max-width:400px;margin: auto;}

 footer {text-align: right;padding: 10px;color:#e1e1e1}
 footer img {height: 25px; width: auto;padding-right: 10px;max-width: 80px;}


   .productInfo {float:left; min-width: 130px;border-top: 1px solid var(--ThemeColor); padding-top: 13px;}
 .productInfo .Code {margin-bottom: 15px;}
 .productInfo .Code span {font-weight:bold}
 .productInfo .Price {margin-bottom: 15px;}
 .productInfo .Price span {font-weight:bold}
 .productInfo .SelectVariant {margin-bottom: 15px;}
  
 .productInfo .CountToCart{width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }  
 .productInfo .SelectVariant select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;  }
 .productInfo .AddToCart {width: 100%;background-color: #e20714; color: white; padding: 14px 0px; border: none; border-radius: 4px; cursor: pointer; text-align: center;}
 .productInfo .AddToCart:hover {background-color: #314b32}
 
 
 .productImages {float:right;padding-right: 60px;text-align: center;}
 .productImages span {display: block; padding-top: 15px; margin-top: 15px;}
 .productImages span img {max-width:70px; height:auto; padding:5px}
 
 .AddToCart{background: #e20714; padding: 6px; color: white;cursor: pointer;display: inline-block;margin-top: 15px;}
 
 .ButtonNext {background-color: #e20714; color: white; padding: 14px 14px; border: none; border-radius: 4px; cursor: pointer; text-align: center;text-decoration:none; display: inline-block;}
 .ButtonNext:hover {background-color: #14779d;}

 .ButtonBack {background-color: #e20714; color: white; padding: 14px 14px; border: none; border-radius: 4px; cursor: pointer; text-align: center;text-decoration:none; display: inline-block;}
 .ButtonBack:hover {background-color: #14779d;}
 
 .cart_count_minus, .cart_count_plus, .cart_count_del {display: inline-block;height: 40px; width: 40px;text-align: center;cursor: pointer;margin: 0 10px;font-size: 35px;}
 .cart_count_minus{background: #ffc107; color: white;}
 .cart_count_plus{background: #8bc34a; color: white;}
 .cart_count_del{background: #ff5722; color: white;}
 
 .cart_count_number {display: block;padding-bottom: 13px;font-weight: bold;}
 
 .cart_Table tr:nth-child(even) {background-color: var(--ThemeColor3);}
  
 .cart_Table {border-collapse: collapse; width: 100%;}
 .cart_Table img { box-shadow: 0px 0px 8px 6px #fff; max-height: 110px;margin: 10px;max-width: 125px;}
 .cart_Table a {color:  var(--ThemeColor);text-decoration: none;}
 .cart_Table a:hover {text-decoration: underline;}

 .cart_Table_summary tr:nth-child(even) {background-color: #f2f2f2;}
 .cart_Table_summary {border-collapse: collapse; width: 100%;}
 .cart_Table_summary img { box-shadow: 0px 0px 8px 6px #fff; max-height: 70px;}
 .cart_Table_summary a {color:  var(--ThemeColor);text-decoration: none;}
 .cart_Table_summary a:hover {text-decoration: underline;}


.Contact_Table_summary {max-width: 400px;width: 100%;}
.Contact_Table_summary tr:nth-child(even) {background-color: #f2f2f2;}
.Contact_Table_summary tr{height: 30px;}
.Contact_Table_summary td{padding: 10px;}

    

.AjaxMessageWindow {padding: 35px;}

 
/* 
 
 @media (prefers-color-scheme: dark) {
  body {background: #404040;}
  main {background: #000000;}
  #article .store .ProductTile {color:white;}
  .Acticle_Topic {color:#a5a5a5;}
  .Acticle_Topic img {filter:brightness(70%);}
  .Acticle_User label {color:#a5a5a5;}
  .Acticle_User input[type=text], .Acticle_User select, .Acticle_User input[type=password] {background: #3c3c3c; color:#a5a5a5;}
}

*/

#produkt_info li span {font-weight:bold;}

.main_mobile_img {display:none;text-align: center; margin:10px 0;}

@media screen and (max-width: 730px) {

	#cartButton {margin-top:10px;}

	header {border-bottom:none;}

	header .links {float: left;position: inherit;top: 0;right: 0;margin: 10px 0;}

	#article .store {width: 100%; }

	#article .store .menu_store_cat {margin: 10px 0 10px 0;}

	#article .sideBar {height: inherit;position: inherit;right: inherit; float: inherit; top: 0; border-radius: 0; padding: 3px 8px; width:auto; margin: 20px 0;}


	header .links a:after {height: 0px;}

	#article .store .menu_store_cat {text-align: left;background: #f9f9f9;}

	#article .store .menu_store_cat a {padding: 10px 10px;}


	.productInfo {float: inherit; padding-bottom: 60px;}
	.productImages { float: inherit; padding-right: inherit;text-align: center;}


	.Acticle_User .ButtonBack {margin-bottom: 40px;}
	
	
	.main_image {display:none;}
	.main_mobile_img {display:block;}
	#images .sub_images {border-top: none!important;}
	
	article {padding: 0;}
	
	#article .store .ProductTile {margin: 5px 0px 5px 5px;}
   
}




	#top_top_header{color:#ccc;font-size:14px;}
	
	#top_top_header a {text-decoration:none;color:#000000 }
	#top_top_header a:hover {color:#ffffff }
	
	.link_gap {margin-right:15px;display: inline-block;}
	
	
	
	
	



.table_responsive {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.table_responsive .text-left {text-align:left;}



.table_responsive tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.table_responsive th,
.table_responsive td {
  padding: .625em;
  text-align: center;
}

.table_responsive th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 991px) {
  .table_responsive {
    border: 0;
  }
	
.table_responsive .text-left {text-align:right;}
  
  .table_responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table_responsive tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .table_responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .table_responsive td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .table_responsive td:last-child {
    border-bottom: 0;
  }
}	




#images .main_image img {width: auto; max-width:300px; max-height:400px}

#images .sub_images img {max-width: 150px;max-height: 150px;}

#images .sub_images {border-top: 1px solid var(--ThemeColor);margin-top: 15px;padding-top: 15px;}