@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");


@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'DroidSerifItalic';
	src: url('DroidSerif-Italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'DroidSerifBoldItalic';
	src: url('DroidSerif-BoldItalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}


/* :root {
	--header-font: 'Asap', sans-serif;
	--body-font: 'Source Sans 3', sans-serif;
	--black: #292929;
	--background-white: #e2e2e2;
} */

* {
	font-family: 'Source Sans 3', sans-serif;
	color: #292929;
	transition: color .3s ease, background-color .3s ease;
	/* background-color: #e2e2e2; */
	/* border: red 0.1px solid; */
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Source Sans 3', sans-serif;
	/* background: white url(../images/stin-levy.png) no-repeat scroll; */
	/* background-position: 44% 40px; */
	font-size: 13px;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.5em;
}

#body {
	/* background-color: #e2e2e2; */
	margin: 20px auto 0 auto;
	width: 1100px;
	padding: 10px 40px 0px 40px;
	overflow: hidden;
	/* box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.2); */
}

input {
	color: #292929;
	font-family: 'Source Sans 3', sans-serif;
}

* :focus {
	outline: 0;
}

b,
strong {
	/* font-family: var(--header-font); */
	font-weight: 700;

}

h1,
h2,
h3,
h4,
#str-nazev,
.novinka a,
.novinka a:visited {
	font-family: 'Asap', sans-serif;
	font-weight: 700;
}

/* b,
strong,
h1,
h2,
h3,
h4,
#str-nazev,
.novinka a,
.novinka a:visited {
	font-family: 'DroidSansBold', Arial, sans-serif;
	font-weight: normal
} */

em,
i {
	font-style: italic;
}

/* strong em,
em strong,
strong i,
i strong,right_column
h1 em,
h2 em,
h3 em,
h4 em {
	font-family: 'DroidSerifBoldItalic', Georgia, serif
} */

table {
	border-spacing: 0px;
}

table td,
table th {
	padding: 0px;
}

img {
	border: 0px;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}



a {
	color: #001a35;
	text-decoration: underline;
}

a:hover {
	color: #004B9A;
}

h1 {
	margin-top: 10px;
	margin-bottom: 10px;
}

label {
	cursor: pointer;
}

.clear {
	clear: both !important;
	;
	float: none !important;
}

h1,
h2 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0 10px;
}

h1:first-letter,
h2:first-letter {
	text-transform: uppercase;
}

h2 a {
	color: #336699;
}


.error_message {
	color: #FF0000;
}

.alert {
	background-color: white;
	padding: 10px;
	color: #990000;
	font-size: 15px;
	margin: 10px;
}

.button,
.sumbit {
	text-decoration: none;
}

/* Eshop Header */
#header {

	box-sizing: border-box;
	width: 1100px;
	height: 190px;
	background-color: #ADA48C;
	background-image: url(zahlavi_banner1.png);
	display: flex;
	align-items: center;
}

#header a {
	color: #ffffff;
}

#header p {
	margin: 0;
	padding: 0;
}

/* Eshop Header end */




/* Cart box */
#cart_box {
	width: 200px;
	float: right;
	background-color: #ffffff;
	height: 100px;
	margin-bottom: 20px;
	cursor: pointer;
}

#cart_box .header {
	width: 198px;
	background: #0076c6;
	/* Old browsers */
	color: #ffffff;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
	text-indent: 10px;
}

#cart_box .header a {
	color: #ffffff;
	text-decoration: none;
}

#cart_box .body {
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 10px;
}

/* Cart box end */




/* Search box */
#search_box {
	float: right;
	width: 200px;
	background-color: #ffffff;
	height: 40px;
	margin: 5px 5px 0 0;
}

#search_box #search_input {
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border: 0px;
	font-size: 15px;
	color: #7D7D7D;
	font-style: italic;
	padding: 5px;
}

#search_box .submit {
	width: 38px;
	padding: 0px;
	background: #0076c6;
	/* Old browsers */
	color: #ffffff;
	height: 40px;
	line-height: 38px;
	font-weight: bold;
	text-indent: 0px;
	float: right;
	margin: 0px;
}

#search_box #search_submit {
	height: 40px;
	width: 38px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	background: url('../images/search_icon.png') no-repeat center center transparent;
	cursor: pointer;
}

/* Search box end */




/* Main menu */
#main_menu {
	background-color: #ffffff;
}

#main_menu .body {
	width: 1100px;
	min-height: 50px;
	background: #ADA48C url(zahlavi_pruh.png) no-repeat;
	color: #ffffff;
}

#main_menu a {
	float: left;
	color: #ffffff;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

#main_menu li {
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0px;
}

#main_menu ul {
	padding: 0px;
	margin: 0px;
}

#main_menu a:hover,
#main_menu a.active {
	background-color: #ffffff;
	color: #0076c6;
}

#main_menu .submenu {
	clear: both;
	display: none;
	float: none;
	width: 100%;
	padding-left: 40px;
}


#main_menu .submenu a {
	font-size: 11px;
}

/* Main Menu End */




/* Submenu */
#submenu_panel {
	background-color: #ffffff;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}

#submenu_panel a {
	color: #7d7d7d;
}

#submenu_panel a:hover {
	color: #004b9a;
}

/* Submenu end */



/* Currency Panel */
#currency_panel {
	float: left;
	margin-left: 50px;
}

#currency_panel a {
	text-decoration: none;
	margin-right: 10px;
}

#currency_panel a:hover,
#currency_panel a.active {
	color: #004b9a;
}

#currency_panel a.active {
	font-weight: bold;
}

/* Currency Panel End */



/* Language Panel */
#language_panel {
	float: left;
	padding-left: 10px;
}

#language_panel a {
	text-decoration: none;
	display: block;
	margin: 10px 5px 10px 5px;
	float: left;
	line-height: 1em;
}

/* Language Panel End */



/* User Panel */
#user_panel {
	float: right;
}

#user_panel .user_menu {
	float: right;
	padding-right: 10px;
}

#user_panel .logged_user_name {
	margin-right: 20px;
	color: #107cb5;
	background: url('../images/user.png') bottom left no-repeat;
	padding-left: 17px;
	line-height: 40px;
	display: block;
	float: left;
}

#user_panel .my_account,
#user_panel .login,
#user_panel .subscribe {
	padding-left: 17px;
	background: url('../images/user.png') left top no-repeat;
	line-height: 40px;
	display: block;
	float: left;
	text-decoration: none;
}

#user_panel .subscribe {
	padding-left: 17px;
	background: url('../images/subscribe.png') left top no-repeat;
	line-height: 40px;
	display: block;
	float: left;
	text-decoration: none;
	margin-left: 20px;
}

#user_panel .my_account:hover,
#user_panel .login:hover,
#user_panel .subscribe:hover {
	background-position: bottom left;
	color: #107cb5;
}

#user_panel .logout {
	padding-left: 16px;
	background: url('../images/logout.png') left top no-repeat;
	line-height: 40px;
	display: block;
	float: left;
	text-decoration: none;
	margin-left: 20px;
}

#user_panel .logout:hover {
	background-position: bottom left;
	color: #e2001a;
}

/* User Panel End */



/* User Menu */
.my_contact_items a,
.my_orders a,
.my_benefits a {
	line-height: 20px;
	text-decoration: none;
	display: block;
	float: left;
	padding-left: 20px;
	margin-bottom: 10px;
	clear: both;
	font-size: 15px;
}

.my_contact_items a {
	background: url('../images/pen.png') left top no-repeat;
}

.my_orders a {
	background: url('../images/orders.png') left top no-repeat;
}

.my_benefits a {
	background: url('../images/benefits.png') left top no-repeat;
}

.my_contact_items a:hover,
.my_orders a:hover,
.my_benefits a:hover {
	background-position: bottom left;
	color: #002846;
}


/* User Menu end */


/* Left Column and Right Column */
#left_column {
	width: 200px;
	float: left;
	min-height: 200px;
	margin-top: 40px;
	max-width: 200px;
	overflow: hidden;
}

#right_column {
	margin-top: 40px;
	width: 200px;
	float: right;
	max-width: 200px;
	overflow: hidden;
}

#right_column .box,
#left_column .box {
	margin-bottom: 20px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

#right_column .box .body,
#left_column .box .body {
	padding: 10px;
}

/* predtim width:178px; */
#left_column>.header,
#right_column>.header {
	width: auto;
	background-color: #FFFFFF;
	/* margin: 40px 0 0 10px; */
	color: #292929;
	line-height: 1em;
	font-weight: bold;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 5px;
	padding-right: 10px;
	/* margin: 40px 0 0 10px; */
}

#right_column .box .header {
	margin-left: 15px;
	font-weight: bold;
}

#left_column .header::first-letter,
#right_column .header::first-letter {
	text-transform: uppercase;
}

/* Categories Menu */
#categories_menu {
	margin-bottom: 20px;
}

#categories_menu .header {
	width: 200px;
	border: 0px;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	padding: 0px;
}

#menu_categories,
#menu_manufacturers {
	display: block;
	float: left;
	cursor: pointer;
	font-size: 12px;
	height: 38px;
	line-height: 38px;
	width: 78px;
	background: #fdfefe;
	/* Old browsers */
	color: #003D66;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

/* #menu_categories {}

#menu_manufacturers {} */

#menu_categories.active,
#menu_manufacturers.active {
	background: #0076c6;
	/* Old browsers */
	color: #ffffff;
}

#categories_menu {
	width: 100%;
	margin-bottom: 3em;

	.header {
		display: none;
	}
}

#categories_tree {
	font-size: 15px;
}

#categories_tree ul {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
}

#categories_tree ul li a {
	color: black;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: flex;
}

li.active>a {
	/* text-decoration: underline; */
	color: #004be3 !important;
}

#categories_tree ul li a:hover {
	text-decoration: underline;
	color: #004be3;
}

ul {
	position: relative;
}

ul.active {
	text-decoration: underline;
}

li ul {
	position: absolute;
	left: 0px;
	top: 2em;
}

ul.opened {
	display: flex;
	flex-direction: column;
	justify-content: flex-start !important;
	gap: 30px;
}

/* #categories_tree .active a {
	color: #ffffff;
	font-weight: bold;
} */

/* #categories_tree .active ul a {
	color: #ffffff;
	font-weight: normal;
} */

#categories_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* #categories_menu ul li a {
	display: block;
	line-height: 1.5em;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #bdae88;
	padding-top: 5px;
	padding-bottom: 5px;
} */

/* #categories_menu ul li a:hover {
	background-color: #d1c6ac;
	color: #003b70;
	text-decoration: underline;
} */

/* #categories_menu ul li.active a {
	background-color: #003b70;
}

#categories_menu ul li.active a:hover {
	color: white;
} */

/* #categories_menu ul li li a,
#categories_menu ul li.active li a {
	padding-left: 20px;
	background-color: #d1c6ac;
}

#categories_menu ul li li a:hover,
#categories_menu ul li li.active a {
	background-color: #005a89;
}

#categories_menu ul li li li a,
#categories_menu ul li.active li li a,
#categories_menu ul li li.active li a {
	padding-left: 30px;
	background-color: #005a89;
}

#categories_menu ul li li li a:hover,
#categories_menu ul li li li.active a {
	background-color: #004874;
}

#categories_menu ul li li li li a,
#categories_menu ul li.active li li li a,
#categories_menu ul li li.active li li a,
#categories_menu ul li li li.active li a {
	padding-left: 40px;
	background-color: #004874;
}

#categories_menu ul li li li li a:hover,
#categories_menu ul li li li li.active a {
	background-color: #003865;
}

#categories_menu ul li li li li li a,
#categories_menu ul li.active li li li li a,
#categories_menu ul li li.active li li li a,
#categories_menu ul li li li.active li li a,
#categories_menu ul li li li li.active li a {
	padding-left: 50px;
	background-color: #003865;
}

#categories_menu ul li li li li li a:hover,
#categories_menu ul li li li li li.active a {
	background-color: #002b4f;
}

#categories_menu ul li li li li li li a,
#categories_menu ul li.active li li li li li a,
#categories_menu ul li li.active li li li li a,
#categories_menu ul li li li.active li li li a,
#categories_menu ul li li li li.active li li a,
#categories_menu ul li li li li li.active li a {
	padding-left: 60px;
	background-color: #002b4f;
}

#categories_menu ul li li li li li li a:hover,
#categories_menu ul li li li li li li.active a {
	background-color: #06699d;
} */

.plusminus {
	/* width: 10px;
	height: 5px;
	line-height: 10px; */
	text-align: center;
	/* color: #000099; */
	color: black;
	display: block;
	float: right;
	padding: 0px 5px 0px 5px;
}

/* .plusminus.plus {
	background: url('../images/plus.png') no-repeat center center transparent; 
	content: '<i class="bi bi-chevron-down"></i>';
} */

/* .plusminus.minus {
	background: url('../images/minus.png') no-repeat center center transparent;
	content: '<i class="bi bi-chevron-up"></i>';
} */

/* Categories Menu End */




/* Static Box */

.static.box .body a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #003D66;
}

.static.box .body a:hover,
.static.box .body a.active {
	font-weight: bold;
}

.static.box .body div:last-child a {
	border: none;
}

/* Static Box end */



/* Right/Left Column Product */
#right_column .product,
#left_column .product {
	width: 170px;
	margin: 10px;
	padding: 5px;
}

#right_column .product .name,
#left_column .product .name {
	background: #bda883d1;
	color: #FFFFFF;
	/* Old browsers */
}

#right_column .product .name h2,
#left_column .product .name h2 {
	font-size: 13px;
	margin: 0px;
	padding: 10px;
	padding-left: 10px;
}

#right_column .product .name h2 a,
#left_column .product .name h2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#right_column .product .name h2 a:hover,
#left_column .product .name h2 a:hover {
	color: #004be3;
}

#right_column .product .image,
#left_column .product .image {
	text-align: center;
	line-height: 1em;
	width: 100%;
}

#right_column .product img,
#left_column .product img {
	max-width: 168px;
	margin-left: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

#right_column .product .prices,
#left_column .product .prices {
	padding: 10px;
}

#right_column .product .price,
#left_column .product .price {
	color: #003D66;
	font-size: 17px;
	font-weight: bold;
	margin-left: 1px;
	text-align: right;
}

#right_column .product .price_non_discount,
#left_column .product .price_non_discount {
	font-size: 11px;
	color: #7D7D7D;
	text-decoration: line-through;
	text-align: right;
}

/* Right Column Product End */



/* Contact Form */
#contact_form .button {
	font-size: 13px;
	margin: 0px;
	padding: 10px;
	padding-left: 10px;
	background: #bda883d1;
	/* Old browsers */
	color: white;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	transition: color .3s ease, background-color .3s ease;
}

#contact_form .button:hover {
	background: #0076c6;
	/* Old browsers */
	color: #ffffff;
}

#contact_form input,
#contact_form textarea {
	width: 170px;
	color: #003D66;
	padding: 5px;
	margin-bottom: 10px;
	font-family: arial, tahoma;
	font-size: 13px;
}

#contact_form .header {
	font-weight: bold;
}

/* Contact Form End */



/* Survey */

#survey table {
	margin-left: 10px;
	margin-right: 10px;
	width: 180px;
}

#survey a {
	text-decoration: none;
}

#survey th {
	text-align: left;
}

#survey th {
	padding-top: 7px;
	padding-bottom: 2px;
}

#survey .graph div {
	background-color: #0066CC;
	height: 15px;
}

#survey .result {
	text-align: right;
}

/* Survey end*/



/* Main Body */
#main_body {
	float: left;
	width: 640px;
	padding: 0 0 30px 0;
	background-color: white;
	min-height: 200px;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
}

#main_body ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	/* list-style: none; */
	top: 0px;
	left: 0px;
}

#main_body li {
	position: relative;
	/* float: left; */
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	padding-left: 10px;
	top: 0px;
	left: 0px;
}

/*Main Body End */

#category_path {
	padding: 10px 10px 0 10px;
}

/* Product List */
#product_list {
	margin-top: 10px;
	min-height: 150px;
	/* background-color: #e2e2e2; */
}

#product_list img {
	border: 0px;
}

#product_list .product {
	float: left;
	width: 302px;
	height: 268px;
	margin-top: 4px;
	padding: 4px 9px;
	position: relative;
	background-color: white;
	overflow: hidden;
}

/* #display_bottom {
	border-top: 4px solid #e2e2e2
} */

#product_list .product .action {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 75px;
	height: 75px;
	background: url('../images/action_right.png') no-repeat top right;
}

#product_list .product .action div {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	margin-top: 25px;
	margin-left: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
	float: left;
}


#product_list .product .name {
	margin-bottom: 10px;
}

#product_list .product h2 {
	font-size: 13px;
	margin: 0px;
	padding: 10px;
	padding-left: 10px;
	height: 30px;
	overflow: hidden;
}

#product_list .product h2 a {
	text-decoration: none;
	color: #003D66;
}

#product_list .product h2 a:hover {
	color: #002846;
}

#product_list .thumbnail {
	text-align: center;
	height: 100px;
	width: 130px;
	float: left;
}

#product_list .thumbnail img {
	max-width: 130px;
	max-height: 100px;
}

#product_list .product .description {
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	height: 65px;
	color: #898989;
	font-size: 85%;
}

#product_list .product .price_and_button_area {
	height: 36px;
	width: 160px;
	float: right;
	margin-top: 10px;
}

#product_list .product .price {
	color: #003D66;
	font-size: 17px;
	font-weight: bold;
}

#product_list .product .availability {
	font-weight: bold;
	font-size: 11px;
}

#product_list .product .add_to_cart,
#product_list .product .show_variants,
#product_detail .add_to_cart,
#product_detail .show_variants {
	float: left;
	background: #0076c6;
	/* Old browsers */
	color: #ffffff;
	height: 24px;
	line-height: 22px;
	cursor: pointer;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	font-size: 11px;
}

#product_detail .add_to_cart,
#product_detail .show_variants {
	font-size: 13px;
	padding: 5px;
	font-weight: bold;
}

#variant_list .add_to_cart,
#variant_list.show_variants,
#product_detail #related_products .show_variants,
#product_detail #alternate_products .show_variants,
#variant_list.show_variants,
#product_detail #related_products .add_to_cart,
#product_detail #alternate_products .add_to_cart {
	font-size: 11px;
	padding: 0px 2px 0px 2px;
	font-weight: normal;
}

#product_list .product .add_to_cart:hover,
#product_list .product .show_variants:hover,
#product_detail .add_to_cart:hover,
#product_detail .show_variants:hover {
	background: #004a99;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGE5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #004a99 0%, #004982 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004a99), color-stop(100%, #004982));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #004a99 0%, #004982 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #004a99 0%, #004982 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #004a99 0%, #004982 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #004a99 0%, #004982 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004a99', endColorstr='#004982', GradientType=0);
	/* IE6-8 */
}


/* #product_list .product .add_to_cart, #product_detail .add_to_cart {} */

/* #product_list .product .show_variants, #product_detail .show_variants {} */

#product_list .cart_add,
#product_list .product .show_variants {
	float: left;
	margin-top: 10px;
}

.cart_add {
	color: #004B9A
}

#product_list .cart_add input,
#product_detail .cart_add input {
	text-align: center;
	padding: 0px;
	width: 21px;
	margin: 0px;
	height: 26px;
	line-height: 22px;
	cursor: pointer;
	text-decoration: none;
	font-size: 11px;
}

#product_detail .cart_add input {
	font-size: 13px;
	padding: 5px;
}

#product_detail #variant_list .cart_add input,
#product_detail #related_products .cart_add input,
#product_detail #alternate_products .cart_add input {
	font-size: 11px;
	padding: 0px;
}

#product_detail .npmk-autor {
	margin: 20px 0;
	padding: 0 10px;
	font-weight: normal;
}

#product_detail .header h1 {
	padding: 0;
}

#product_detail .header {
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0;
	/* color: #003575; */
}



/* Product List End */



/* Filter */
#filter {
	clear: both;
	margin: 20px 0 0 0px;
}

#filter .filter_header {
	font-weight: bold;
	margin-bottom: 10px;
	/* color: #003575; */
}

#filter .manufacturer {
	float: left;
	width: 150px;
}

#filter .manufacturers,
#filter .subcategories,
#filter .attributes,
#filter .availability {
	display: none;
	/* padding: 10px; */
	background: #fdfefe;
	/* Old browsers */
	/* color: #003D66; */
	text-decoration: none;
	margin-bottom: 15px;
}

#filter .subcategory {
	float: left;
	width: 150px;
	background: None;
	filter: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}

#filter .subcategory:hover {
	text-decoration: underline;
}

.filter_header {
	color: #000000;
	text-transform: uppercase;
}

#products_count,
#products_count_bottom {
	float: left;
	margin-left: 10px;
	display: none;
}

/* .display select {
	font-size: 11px;
}

.display {
	font-size: 11px;
} */

.order_by_container {
	float: left;
}

.display {
	clear: both;
	line-height: 35px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fdfefe;
	/* Old browsers */
	height: 37px;
	color: #003D66;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.display .clear {
	display: none;
}

/* .display select {
	color: #003D66;
} */

.product_count_on_page {
	float: left;
	margin-left: 10px;
}

.paging {
	float: left;
	margin-left: 10px;
}

.paging input {
	display: none;
}


.paging label {
	background-color: #FFFFFF;
	color: #000000;
	padding: 3px;
	cursor: pointer;
}

.paging label:hover {
	color: #003D66;
	text-decoration: underline;
}

.paging .checked {
	background-color: #bda883d1;
	color: #ffffff;
}


#filter .attribute {
	margin-left: 10px;
}

#filter .attribute .header {
	display: block;
	cursor: pointer;
	font-weight: bold;
	margin-top: 20px;
	/* font-size: 12px; */
	/* height: 28px; */
	/* line-height: 26px; */
	/* background: #0076c6; */
	/* color: #ffffff; */
	/* padding-left: 10px; */
	/* padding-right: 10px; */
	/* min-width: 152px;*/
}

#filter .attribute .values {
	overflow-y: scroll;
	overflow-x: hidden;
	/* min-height: 120px; */
	max-height: 240px;
	background-color: #ffffff;
	margin-left: 10px;
	border-bottom: 1px solid #c5c5c5;
}

#category_filter_bookmarks {
	margin-top: 20px;
	height: 28px;
	display: none;
}

#category_filter_bookmarks .bookmark {
	display: block;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	/* font-size: 12px; */
	height: 28px;
	line-height: 26px;
	background: #fdfefe;
	/* Old browsers */
	color: #003D66;
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#category_filter_bookmarks .bookmark:hover {

	/* background: #0076c6; */
	/* Old browsers */
	/* color: #ffffff; */

	text-decoration: none;
}

#category_filter_bookmarks .bookmark div,
#filter .attribute .header {
	/* background: #0076c6; */
	/* Old browsers */
	/* color: #ffffff; */
	text-decoration: underline;
}

#category_filter_bookmarks .active.bookmark div,
#filter .attribute .header {
	/* background: #0076c6; */
	/* Old browsers */
	/* color: #ffffff; */
	text-decoration: none;
}

.#filter_form>.availability {
	margin-left: 10px;
}

#category_filter_bookmarks .bookmark div {
	float: left;
}

#category_filter_bookmarks .bookmark div.control,
.attribute .control {
	margin-left: 6px;
	/* background-color: #9ec2d4; */
	color: #003D66;
	font-weight: bold;
	/* width: 14px; */
	text-align: center;
	height: 14px;
	line-height: 14px;
	/* margin-top: 6px;*/
	text-decoration: none;
}

.attribute .control {
	float: right;
}

#filter_form>.availability>.body {
	margin-left: 10px;
}

#category_filter_bookmarks .active.bookmark div.control,
.attribute .control {
	color: #107cb5;
	background-color: #ffffff;
}

/* Filter End */



/* Product Detail */
#product_detail .left {
	float: left;
	width: 330px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

#product_detail .image {
	/* float: left; */
	/* width: 300px; */
	height: 237px;
	position: relative;
	/* margin-right: 20px; */
	margin-bottom: 20px;
	padding: 5px;
	/* text-align: center; */
	/* line-height: 1em;*/

}

#product_detail #pictograms {
	margin-top: 5px;
	position: absolute;
	bottom: 5px;
	width: 288px;
}

#product_detail .nondiscount_price {
	text-decoration: line-through;
}

#product_detail .image .action {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 75px;
	height: 75px;
	background: url('../images/action_left.png') no-repeat top right;
}

#product_detail .image .action div {
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	margin-top: 23px;
	margin-left: -6px;
	margin-bottom: 0px;
	width: 100%;
	float: left;
}

/* #product_detail .image img {
	max-width: 298px;
	max-height: 200px;
} */

#product_detail .price_box {
	float: left;
	width: 300px;
	margin-bottom: 20px;
	padding: 5px;
	display: none;
}

#product_detail .price_box table {
	width: 298px;
}

#product_detail .price_box td {
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

#product_detail .price_box tr td:first-child {
	font-weight: bold;
}

#product_detail .price_box tr:last-child td {
	border-bottom: 0px;
}

#product_detail .price_box div div {
	padding: 0px;
	border-bottom: 0px;
	clear: none;
}

#product_detail .icons {
	float: left;
	width: 300px;
	padding: 5px;
	background: #fdfefe;
	/* Old browsers */
	color: #003D66;
	margin-bottom: 20px;
}

#product_detail .price_etc {
	float: right;
	width: auto;
	padding: 5px;
	display: flex;
	flex-direction: row;
	align-items: baseline;
	align-content: flex-end;
	justify-content: flex-end;
	gap: 10px;
	font-weight: bold;

	.price_name {
		/* height: fit-content; */
		line-height: normal;
	}

	.price {
		line-height: normal;
	}
}

#product_detail .availability {
	font-weight: bold;
}

#product_detail .availability .more_store {
	text-decoration: underline;
	cursor: pointer;
}

#product_detail .long_desc {
	margin-top: 10px;
}

#product_detail .price {
	color: #003D66;
	font-size: 25px;
	font-weight: bold;
}


#product_detail #store_availability {
	display: none;
	width: 100%;
}

#product_detail #classification {
	margin: 5px 0px 5px 0px;
	clear: both;
	display: flex;
	justify-content: center;
	align-items: flex-end;

	.number {
		line-height: 1;
		/* padding-top: 2px; */
		height: min-content;
	}
}

#product_detail #classification .star {
	width: 20px;
	height: 20px;
	background: url('../images/star_blank.png') left top no-repeat;
	display: block;
	float: left;
	line-height: 20px;
	cursor: pointer;
	padding-right: 2px;
}

#product_detail #classification .star.blank {

	background-image: url('../images/star_blank.png');

}

#product_detail #classification .star.full {

	background-image: url('../images/star_full.png');

}

#product_detail #classification .star.half {

	background-image: url('../images/star_half.png');

}

#product_detail .number {
	font-size: 14px;
	font-weight: bold;
	/* color: #003399; */
	float: left;
	margin-left: 10px;
}

/* Product Detail end */



/* Social Icons */
.social_icons {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	display: none;
}

.social_icons .icon {
	float: left !important;
	margin-right: 7px;
}

/* Social Icons End */



/* Variants */
#variants {
	margin-top: 20px;
}

#variant_list {
	width: 100%;
}

#variant_list th {
	background: #fdfefe;
	/* Old browsers */
	color: #003D66;
	height: 32px;
	text-align: left;
	padding: 1px 5px;
}

/* #variant_list th:first-child {} */

/*pro nad a pod bylo: border-left:1px solid #9ec2d4; */
/* #variant_list th:last-child {} */


#variant_list .price {
	font-size: 12px;
}

/* #variant_list .even {} */

#variant_list .even td {
	height: 31px;
	padding: 1px 5px;
	vertical-align: middle;
}

/* #variant_list .even td:first-child, #variant_list .odd td:first-child {} */

/* pro nad a pod bylo: border-right: 1px solid #9ec2d4; */
/* #variant_list .even td:last-child, #variant_list .odd td:last-child {} */


#variant_list .odd td {
	height: 31px;
	padding: 3px 5px;
	vertical-align: middle;
}

/* bylo: border-bottom: 1px solid #9ec2d4; */
/* #variant_list tr:last-child td {} */

#variant_list .cart_add {
	margin-top: 0px;
}

#variants_selection .variant_name {
	font-weight: bold;
	float: left;
	width: 100px;
}

#variants_selection .option {
	float: left;
	width: 100px;
}

#variants_selection {
	margin-bottom: 15px;
}

/* Variants end */




/* Misc Box */

.misc_box_header {
	/* margin-left: 15px; */
	position: relative;
	z-index: 10;
	height: 20px;
}

#misc_box .bookmark {
	float: left;
	margin-right: 0px;
	cursor: pointer;
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: underline;
}

#misc_box .bookmark:hover {
	/* background: #0076c6; */
	/* Old browsers */
	/* color: #ffffff; */
	color: #003D66;
	/* text-decoration: underline; */
}

#misc_box .active.bookmark {
	background: #fdfefe;
	color: #003D66;
	text-decoration: none;

}

#misc_box {
	/* margin-top: 20px; */
}

#misc_box .bookmark_content {
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

#misc_box #description_content {
	display: block;
}

#misc_box .active {
	background-color: #0099CC;
}

#attributes_content th {
	text-align: left;

}

.misc_box_body {
	float: left;
	margin-top: -1px;
	position: relative;
	zoom: 1;
	z-index: 0;
	width: 100%;
	background: #fdfefe;
	/* Old browsers */
	color: #003D66;
	padding-left: 10px;
	padding-right: 10px;
}

#pictures_content .image {
	margin-right: 10px;
	margin-bottom: 10px;
	width: auto;
	float: left;
	height: 100px;
}

#pictures_content .image img {
	height: 100px;
}

#attributes_content table {
	width: 100%;
}

#attributes_content tr {
	border-bottom: #4d4d4d 0.1px solid;
}

#attributes_content tr:last-child {
	border-bottom: 0px;
}

#misc_box .even td,
#misc_box .even th {
	color: #003D66
}

#misc_box .odd td,
#misc_box .odd th {
	color: #292929;
}

#files_content table a {
	text-decoration: none;
}

#files_content table .odd td,
#files_content table .even td {
	border: 0px;
}

#discussion_content .message {

	margin-left: 10px;

}

#discussion_content .title {
	float: left;
	font-weight: bold;
}

#discussion_content .date,
#discussion_content .user {
	float: right;
	margin-right: 10px;
	font-size: 10px;
}

#discussion_content .body {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

#discussion_content .button {
	background: #0076c6;
	/* Old browsers */
	color: #ffffff;
	height: 37px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
	float: left;
}

/* Misc Box End */




/* Related and Alternate Products */
#related_products,
#alternate_products {
	width: 100%;
}

#related_products table,
#alternate_products table {
	width: 100%;
}

#related_products td,
#alternate_products td {
	background: #fdfefe;
	/* Old browsers */
	color: #003D66;
	padding-top: 10px;
	padding-bottom: 10px;
}

#related_products .price,
#alternate_products .price {
	font-size: 17px;
}

#related_products .image,
#alternate_products .image {
	float: none;
	width: 101px;
	height: auto;
	padding-top: 5px;
}

#related_products .image img,
#alternate_products .image img {
	max-height: 100px;
	max-width: 100px;
}

#related_products .name,
#alternate_products .name {
	padding-left: 20px;
	width: 280px;
	text-align: left;
	vertical-align: middle;
}

#related_products .name a,
#alternate_products .name a {
	color: #003D66;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

#related_products .name a:hover,
#alternate_products .name a:hover {
	color: #002846;
}

#related_products td.cart_add,
#alternate_products td.cart_add {
	padding-right: 5px;
	width: 151px;
}

#related_products td.cart_add .cart_add,
#alternate_products td.cart_add .cart_add,
#related_products td.cart_add .show_variants,
#alternate_products td.cart_add .show_variants {
	float: right;
}

/* Related and Alternate Products end */




/* Cart Table */
#cart td {
	padding: 5px 3px 5px 3px;
}

#cart th {
	text-align: left;
}

#cart .name a {
	text-decoration: none;
	font-weight: bold;
}

#cart .name .availability {
	margin-top: 5px;
	font-weight: bold;
}

#cart .image {
	text-align: center;

}

#cart .image img {
	height: 42px;
	margin: 5px 5px 5px 0;
}

#cart .price_total {
	font-weight: bold;
}

#cart .price,
#cart .price_total,
#cart .rp,
#cart .ao {
	text-align: right;
}

#cart .header th {
	color: #000000;
	height: 23px;
	padding: 1px 5px;
}

#cart_content .even {
	background-color: #F4F4F4;
}

#cart_content .even td {
	height: 23px;
	padding: 1px 5px;
	vertical-align: middle;
}

#cart_content .odd {
	background-color: #FFFFFF;
}

#cart_content .odd td {
	height: 23px;
	padding: 1px 5px;
	vertical-align: middle;
}

#cart .quantity {
	width: 30px;
	text-align: right;
}

#cart th.quantity {
	text-align: center;
}

#cart .delete {
	width: 30px;
	text-align: center;
}

#cart .delete a {
	font-weight: bold;
	color: #e2001a;
	font-size: 17px;
	text-decoration: none;
}

#cart .quantity_change img {
	height: 15px;
	cursor: pointer;
}

#cart .buttons {
	margin-top: 20px;
}

#cart .buttons .empty_basket {
	background: #e2001a;
	/* Old browsers */
	color: #ffffff;
	height: 37px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
}

#cart .buttons .continue a {
	background: #72c600;
	/* Old browsers */
	color: #ffffff;
	height: 37px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
}


#cart .summary td {
	font-size: 15px;
	font-weight: bold;

}

#cart .summary .price_total {
	color: #004B9A;
}

#cart .zero_fee_price {
	margin-top: 15px;
}

/* Cart Table End */



/* Login form */
#login_form {
	padding: 15px;
}

#login_form div {
	width: 50%;
	float: left;
	font-size: 15px;
	padding-bottom: 10px;
}

#login_form div.text {
	text-indent: 6px;
}

#login_form div input {
	height: 29px;
	line-height: 25px;
	font-size: 15px;
	padding: 3px;
	width: 254px;
	font-family: arial, tahoma;
}

#login_form div.login_submit {
	width: 100%;
	text-align: center;
}

#login_form div.login_submit input {
	background: #0076c6;
	/* Old browsers */
	color: #ffffff;
	height: 47px;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	font-size: 15px;
	cursor: pointer;
}

#login_form div.error_message {
	width: 100%;
}

/* Login Form End */



/* Subscribe Form */
.second input,
.second textarea {
	height: 29px;
	line-height: 25px;
	font-size: 15px;
	padding: 3px;
	font-family: arial, tahoma;
	margin-right: 5px;
	width: 254px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.second select {
	background-color: #eeeeee;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: arial, tahoma;
	margin-right: 5px;
	width: 262px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.second input.small {
	width: 30px;
	text-align: center;
}

.second input.phone {
	width: 195px;
}

.second textarea {
	height: 100px;
	width: 250px;
}

.first {
	width: 200px;
	text-align: left;
	padding-right: 20px;
	font-size: 15px;
}

.submit {
	background: #0076c6;
	/* Old browsers */
	color: #ffffff;
	height: 47px;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	font-size: 15px;
	cursor: pointer;
}

#subscribe_confirm {
	margin-top: 20px;
	font-size: 12px;
}


/* Subscribe Form End */



/* Order Form */
#order .legend {

	background-color: #005BAA;
	color: white;

	text-align: center;

	padding: 7px;
	margin-bottom: 10px;

}

#order .legend a {
	color: white;
	text-decoration: none;
}

#order .legend .active a {
	color: #005BAA;
	text-decoration: none;
}



#order .legend .item {
	width: 145px;
	float: left;
	height: 40px;
	padding: 5px;
}

#order .legend .active {

	background-color: white;
	color: #005BAA;

}

#order .continue {
	float: right;
	background: #72c600;
	/* Old browsers */
}

#payment_selector {
	margin-bottom: 20px;
}

#payment_and_transport .payment,
#payment_and_transport .transport {
	padding: 10px;
}

#payment_and_transport .name {
	margin-bottom: 5px;
}

#payment_and_transport .image {
	margin-left: 25px;
}

#payment_and_transport .description {
	margin-left: 25px;
	color: #999999;
	font-size: 10px;
}

#payment_and_transport .price {

	color: #CCCCCC;

}

#payment_and_transport .text {
	margin-bottom: 10px;
}

#payment_and_transport .payment_transport_disabled {
	text-decoration: line-through;
}

#payment_and_transport_recapitulation {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

#payment_and_transport_recapitulation .price {
	text-align: right;
	color: #004B9A;
	padding-right: 5px;
}

#total_price {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}

#total_price td {
	padding-top: 10px;
	text-align: right;
}

#total_price .price_total {
	color: #004B9A;
	padding-right: 5px;
	padding-left: 5px;
	width: 100px;
}

#i_got_certificate {
	float: right;
}


#certificate .certificate_code {
	font-weight: bold;
	color: #004B9A;
	float: left;
}


#certificate_insert {
	color: #004B9A;
	font-weight: bold;
	font-size: 13px;
	float: left;
}

#order a.submit,
#certificate_insert .submit,
#certificate .submit {
	text-decoration: none;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
}

#certificate_insert .submit {
	margin-top: 0px;
	float: right;
	height: 28px;
	line-height: 28px;
}

#certificate .submit {
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#cart_content #certificate td {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 22px;
}

#cart_content #certificate .price_total {
	color: #E2001A;
}

#certificate_insert .text {
	float: left;
	line-height: 28px;
}

#certificate_insert input {
	height: 24px;
	line-height: 20px;
	font-size: 15px;
	padding: 3px;
	font-family: arial, tahoma;
	margin-right: 5px;
	width: 84px;
	float: left;
	margin-left: 10px;
}

#order #note {
	height: 104px;
	line-height: 1.5em;
	font-size: 15px;
	padding: 10px;
	font-family: arial, tahoma;
	margin-right: 5px;
	width: 624px;
}

#order .deliver_items {
	float: left;
	margin-right: 10px;
}

#order .invoice_items {
	float: right;
}

#order .deliver_items tr th,
#order .invoice_items tr th {
	text-align: left;
	color: #004B9A;
	font-size: 14px;
	padding-bottom: 5px;
}

#order .deliver_items tr th {
	padding-top: 15px;
}

#order .deliver_items tr:first-child th {
	padding-top: 0px;
}

#order .deliver_items tr td,
#order .invoice_items tr td {
	padding-right: 10px;
	width: 194px;
}

#order .deliver_items tr td:first-child,
#order .invoice_items tr td:first-child {
	font-weight: bold;
	width: 100px;
}

/* Order Form End */




/* My Orders */

#my_orders {
	width: 100%;
}

#my_orders td {
	padding: 5px;
}

#my_orders .order_strip td {
	cursor: pointer;
}

#my_orders .even td {
	background: #fdfefe;
	/* Old browsers */
	padding: 10px;
}

/* #my_orders .even td:first-child {} */

/* pro obe bylo: border-left:1px solid #9ec2d4; */
/* #my_orders .even td:last-child {} */

#my_orders .odd td {
	background: #fdfdfd;
	/* Old browsers */
	padding: 10px;
}

/* #my_orders .odd td:first-child {} */

/* pro obe bylo: border-left:1px solid #b9b9b9; */
/* #my_orders .odd td:last-child {} */


#my_orders .price {
	color: #003D66;
	font-weight: bold;
	text-align: right;
}

#my_orders .order_detail {
	display: none;
	width: 100%;
	margin-bottom: 30px;
}

#my_orders .header th {
	padding: 5px;
	background-color: #F4F4F4;
}

/* #my_orders .order_detail {} */

/* #my_orders .order_detail td {} */

#my_orders .certificate_price {
	text-align: right;
}

/* My Orders end */



/* Benefits */
.benefits tr th {
	background: #fdfefe;
	/* Old browsers */
	line-height: 25px;
	padding: 5px;
	text-align: left;
}

/* .benefits tr th:first-child {} */

/* .benefits tr th:last-child {} */

.benefits tr td {
	padding: 5px;

}

/* .benefits tr td:first-child {} */

/* .benefits tr td:last-child {} */


/* Benefits end */





/* Store Availability */
#store_availability td {
	padding-right: 5px;
}




/* Footer */
#footer {
	background: #ffffff;
	margin-top: 20px;
}

#footer .body {
	width: 1100px;
	/* height: 52px; */
	/* line-height: 50px; */
	text-align: center;
	/* background: #0076c6; */
	/* Old browsers */
	color: #000;
}

#footer a {
	color: #000;
}

/* Footer End */


/* Links */
#links {
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 5px;
	text-align: center;
}

#links a {
	margin: 5px;
}

/* Links End */

/* Payments available*/

#payments_available img {
	margin: auto;
	display: block;
}

/* Payments available end*/

/* PayU selection*/

#payu_selection {

	width: 100%;

}

#payu_selection td {
	padding-top: 20px;
	text-align: center;
}

/* PayU selection end*/


/* Ui Dialog */
.ui-widget-header {
	background: #0076c6 !important;
	/* Old browsers */
	color: #ffffff !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	color: #0076c6 !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #0076c6 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #003d66 !important;
	color: #003d66 !important;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #003d66 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #003d66 !important;
	color: #003d66 !important;
}


/* Ui Dialog end */


/* Subcategories */
.subcategory {
	background: #fdfdfd;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #ececec));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%, #ececec 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ececec', GradientType=0);
	/* IE6-8 */
	border: 1px solid #b9b9b9;
	padding: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.subcategory a {
	text-decoration: none;
}

/* Subcategories end */
#npmk-prouzek {
	height: 90px;
	content: '';
	margin: 0 0 40px 0;
	display: flex;
	display: flex;
	justify-content: space-between;
	background: url(https://npmk.gov.cz/themes/npmk2018/npmk_logo.svg) no-repeat left;
	width: 100%;
	text-decoration: none;
}

#npmk-logo {
	margin: 10px 0;
}

#npmk-time {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	/* gap: 40px; */
	color: black;
	line-height: 1.5em;
}

.npmk-time-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* gap: 10px; */
	margin: 0 0px;
	border-left: solid 0.01px #ababab;
	padding: 5px 20px;
	height: 100%;
	justify-content: center;
}

.npmk-time-item:last-child {
	border-right: solid 0.01px #ababab;
}

.npmk-time-item .title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}



#static {
	padding: 0 10px
}

.npmk-autor {
	padding: 0 10px
}

/* #product_detail {
	border-top: 4px solid #e2e2e2;
	border-bottom: 4px solid #e2e2e2
} */

#header h3,
#header h2,
#header h1,
#header p {
	/* padding: 0 0 0 180px; */
	margin: 0;
	padding: 0;
	color: #003b70;
	font-weight: bold;
	width: fit-content;
}

#main_header h1,
#main_header h2,
#main_header h3 {
	background-color: #ffffff8c;
	box-shadow: 0 0 20px 5px #ffffff8c;
	/* padding: 5px; */
}

#main_header h1,
#main_header h2 {
	padding: 5px 0;
}

#main_header {
	margin: 0 0 0 180px;
}

#header h1 a {
	color: #003b70;
	text-decoration: none
}

#header h3 {
	/* padding-top: 1.5em; */
	color: #b4243a;
	text-transform: uppercase
}

#header h2 {
	text-transform: uppercase
}

.product_list .header,
#product_list .header {
	background-color: #bda883d1;
	color: #FFFFFF;
	padding: 10px;
	font-weight: bold;
	border-radius: 0%;
	border: none;
	background-image: none;
	font-size: 15px;
}

.product_list .header::first-letter,
#product_list .header::first-letter {
	text-transform: uppercase;
}


.product_list .product,
#product_list .product {
	border: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.product_list .product .name,
#product_list .product .name {
	border: none;
	border-radius: 0%;
	background-color: #bda883d1;
	color: #FFFFFF;
	background-image: none;
}

.product_list .product .name h2,
#product_list .product .name h2 {
	height: auto;
	min-height: 30px;
}

.product_list .product .name h2 *,
#product_list .product .name h2 * {
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
}

.product_list .product .name h2 a:hover,
#product_list .product .name h2 a:hover {
	color: #004be3;
	text-decoration: none;
}

.product_list .product .name div,
#product_list .product .name div {
	color: #FFFFFF;
	font-style: italic;
}

.last_viewed_list,
#product_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;

	/* gap: 14px; */
	.clear {
		display: none;
	}
}

.product_list .product .description,
#product_list .product .description {
	height: auto;
}

#order_by option:hover,
#product_count option:hover {
	background-color: #bda883d1;
	color: #003D66;
}

@media screen and (min-width: 850px) {
	#npmk-burger {
		display: none;
	}
}

@media screen and (max-width: 850px) {
	#npmk-prouzek {
		height: 100px;
		display: flex;
		flex-direction: row;
		/* width: min-content; */
		/* margin-left: 10px; */
		padding: 30px 0px 20px 40px;
		position: absolute;
		background-color: white;
		/* width: 57vw; */
		box-sizing: border-box;
		position: fixed;
		z-index: 10;
		margin: 0;
	}

	#npmk-logo {
		margin: 0px 0;
		margin-top: 0;
	}

	#npmk-prouzek #npmk-time {
		display: none;
	}

	/* menu x */
	.infobox #rect {
		fill: #00000000;
		stroke-opacity: 0;
	}

	.infobox .menuline {
		fill: var(--red);
		stroke: black;
		stroke-width: 10;
		stroke-linecap: square;
		stroke-linejoin: round;
		stroke-dasharray: none;
		stroke-opacity: 1;
		image-rendering: auto;
		transition: 0.5s;
	}

	.infobox:hover .menuline {
		stroke: black;
	}

	.iks #line1 {
		/* transform-origin: 0% 25%; */
		transform: rotate(45deg) translate(0%, -25%) scalex(1.4142);
	}

	.iks #line2 {
		stroke-opacity: 0;
	}

	.iks #line3 {
		transform-origin: 0% 100%;
		transform: rotate(-45deg) translate(0%, 25%) scalex(1.4142);
	}

	#menu_content {
		flex-direction: column;
		align-items: flex-end;
		display: none;
	}

	#menu_content.iks {
		display: flex;
	}

	.infobox {
		position: fixed;
		box-sizing: content-box;
		top: 0;
		right: 0;
		padding: 4vh 4vh;
		width: 6vh;
		height: 6vh;
		z-index: 21;
	}

	#body {
		margin-top: 0px;
		padding: 0px;
		width: 100%;
	}

	#right_column,
	#left_column {
		display: none;
	}

	#categories_menu {
		display: none;
		position: fixed;
		margin-top: 100px;
		background-color: white;
		z-index: 10;
	}

	#header {
		margin-top: 115px;
	}

	#categories_menu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	li ul {
		position: relative;
		left: 0px;
		top: 0em;
	}

	ul.opened {
		gap: 0px;
		padding: 10px;
		padding-left: 30px !important;
	}

	#categories_tree ul li a {
		padding: 10px;
		padding-left: 0;
	}

	#categories_tree ul li a span.blank {
		display: block;
		width: 25px;
	}

	#categories_tree {
		border-bottom: solid 1px #bdbdbd;
		font-size: 19px;
	}

	#main_header {
		margin-left: 20px;
		max-width: 100%;
	}

	#main_menu .body {
		width: 100%;
	}

	#search_form {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		margin-right: 10px;
		width: min-content;
		width: 100%;
	}

	#search_box #search_input {
		width: 150px;
		max-width: 100%;
	}

	#search_box {
		width: unset;
		background-color: unset;
		max-width: 35%;
	}

	#main_body {
		width: unset;
		box-sizing: border-box;
		margin-top: 10px;
	}

	.display {
		height: unset;
		flex-wrap: wrap;
	}

	.display>div {
		margin: 0px;
	}

	#product_list,
	.last_viewed_list {
		justify-content: center;
		gap: 14px;
	}

	#left_column {
		display: block;
		width: 100%;
		margin-top: 10px;
		max-width: unset;
		margin-left: 10px;
		min-height: 0px;
	}

	#left_column #contact_form,
	#left_column .static_page {
		display: none;
	}

	#filter .attribute .values {
		display: flex;
		flex-direction: row;
		box-sizing: border-box;
		max-width: 95%;
		flex-wrap: wrap;
		width: 95%;
		align-content: flex-start;
		column-gap: 10px;
	}

	#filter .attribute .values > * {
		/* flex: 1 1 120px; */
		min-width: 120px;
		max-width: 180px;
		box-sizing: border-box;
	}
}