html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
	html, body {
    	max-width: 100%;
    	overflow-x: hidden;
	}
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

body, td, th, input, textarea, select, a {
	font-size: 12px;
}

h1, .welcome {
	color: #545454;
	font: Verdana;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

@media screen and (max-width: 768px) {
	h1 {
		top: 20px;
		position: relative
	}
}

h2 {
	color: #000000;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}

p {
	margin-top: 0px;
	margin-bottom: 20px;
}

a, a:visited, a b {
	color: #D20000;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
  max-width:100%;
}

form {
	padding: 0;
	margin: 0;
	display: inline;
}

input[type='text'], input[type='email'], input[type='password'], textarea {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
}

select {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

label {
	cursor: pointer;
}

/* layout */

#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 768px) {
	#container {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
}

#notification {
	width: 980px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	#notification {
		width: 100%;
		margin: 0;
	}
}

#column-left {
	float: left;
	width: 180px;
}

#column-right {
	float: right;
	width: 180px;
}

@media screen and (max-width: 768px) {
	#column-right {
		float: left;
		width: 100%;
	}

	#column-right p {
		margin: 0 10px;
	}
}

@media screen and (max-width: 768px) {
	#column-left {
		float: left;
		width: 100%;
	}

	#column-left p {
		margin: 0 10px;
	}
}

#content {
	min-height: 400px;
	margin-bottom: 25px;
	width: auto;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	#content {
		/*margin-top: 40px;*/
		padding: 20px;
		width: auto;
	}
}

#column-left+#column-right+#content, #column-left+#content {
	margin-left: 195px;
}

#column-right+#content {
	margin-right: 195px;
}

@media screen and (max-width: 768px) {
	#column-left+#column-right+#content, #column-left+#content {
		margin-left: 0px;
		padding: 0;
	}
}

@media screen and (max-width: 768px) {
	#column-right+#content {
		margin-right: 0px;
	}
}

/* header */

#header {
	height: 90px;
	margin-bottom: 7px;
	padding-bottom: 4px;
	position: relative;
	z-index: 99;
}

#header #logo {
	position: absolute;
	top: 25px;
	left: 15px;
	height: 65px;
}

#header #logo img {
	height: 100%;
}

@media screen and (max-width: 768px) {
	#header #logo {
		top: auto;
		left: auto;
		margin-top: 25px;
		margin-left: 15px;
		margin-right: 15px;
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	}
	#header #logo img {
		height: auto;
	}

	#header {
		height: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	#header #logo img {
		overflow: hidden;
		max-width: 100%;
	}
}

#language {
	position: absolute;
	top: 15px;
	left: 320px;
	width: 80px;
	color: #999;
	line-height: 17px;
}

#language img {
	cursor: pointer;
	margin-right: 5px;
}

#currency {
	width: 75px;
	position: absolute;
	top: 15px;
	left: 425px;
	color: #999;
	line-height: 17px;
}

@media screen and (max-width: 768px) {
	#currency {
		position: relative;
		right: auto;
		top: auto;
		margin-top: 15px;
		float: left;
		left: auto;
		margin-left: 10px;
		z-index: 9;
	}
}

#currency a {
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #CCC;
	color: #999;
	text-decoration: none;
	margin-right: 2px;
	margin-bottom: 2px;
}

#currency a b {
	color: #000;
	text-decoration: none;
}

#header #cart {
	position: absolute;
	top: 0px;
	right: 145px;
	z-index: 9;
	min-width: 300px;
}

@media screen and (max-width: 768px) {
	#header #cart {
		top: 0px;
		position: relative;
		right: auto;
		z-index: 9;
		min-width: 300px;
		max-width: 100%;
	}
}

#header #cart .heading {
	float: right;
	margin-right: 172px;
	margin-top: 15px;
	padding-left: 14px;
	padding-right: 14px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #EEEEEE;
	background: #FFF;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	#header #cart .heading {
		float: none;
		margin-right: 0;
		text-align: center;
		border-right: none;
	}
}

#header #cart .heading h4 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}

#header #cart .heading a {
	color: #D20000;
	text-decoration: none;
	font-weight: bold;
}

#header #cart .heading a span {
	background: #FFFFFF url('../image/arrow-down.png') 100% 50% no-repeat;
	padding-right: 15px;
}

#header #cart .content {
	clear: both;
	display: none;
	position: relative;
	top: -1px;
	padding: 8px;
	min-height: 150px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	-webkit-border-radius: 0px 7px 7px 7px;
	-moz-border-radius: 0px 7px 7px 7px;
	-khtml-border-radius: 0px 7px 7px 7px;
	border-radius: 0px 7px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	background: #FFF;
}

#header #cart.active .heading {
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}

#header #cart.active .content {
	display: block;
}

.mini-cart-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}

.mini-cart-info td {
	color: #000;
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
}

.mini-cart-info .image {
	width: 47px;
}

.mini-cart-info .image img {
	border: 1px solid #EEEEEE;
	text-align: left;
}

.mini-cart-info .name small {
	color: #666;
}

.mini-cart-info .quantity {
	text-align: right;
}

.mini-cart-info td.total {
	text-align: right;
}

.mini-cart-info .remove {
	text-align: right;
}

.mini-cart-info .remove img {
	cursor: pointer;
}

.mini-cart-total {
	text-align: right;
}

.mini-cart-total table {
	border-collapse: collapse;
	display: inline-block;
	margin-bottom: 5px;
}

.mini-cart-total td {
	color: #000;
	padding: 4px;
}

#header #cart .checkout {
	text-align: right;
	clear: both;
}

#header #cart .empty {
	padding-top: 50px;
	text-align: center;
}

#header #search {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 298px;
	z-index: 15;
}

@media screen and (max-width: 768px) {
	#header #search {
		display: flex;
    	margin-left: 10px;
		margin-top: 10px;
		position: relative;
		z-index: 8;
		width: 80%;
		margin: 0 auto;
	}
}

#header .button-search {
	position: absolute;
	left: 0px;
	background: url('../image/button-search.png') center center no-repeat;
	width: 28px;
	height: 24px;
	border-right: 1px solid #CCCCCC;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	#header .button-search {
		bottom: -0px;
	}
}

#header #search input {
	background: #FFF;
	padding: 1px 1px 1px 33px;
	width: 262px;
	height: 21px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 0px #F0F0F0;
	-moz-box-shadow: 0px 2px 0px #F0F0F0;
	box-shadow: 0px 2px 0px #F0F0F0;
}

@media screen and (max-width: 768px) {
	#header #search input {
		width: 100%;
	}
}

#header #welcome {
	position: absolute;
	top: 47px;
	right: 0px;
	z-index: 5;
	width: 298px;
	text-align: right;
	color: #999999;
}

@media screen and (max-width: 768px) {
	#header #welcome {
		position: relative;
		top: 0px;
		padding: 10px;
		width: 94%;
		text-align: center;
		padding-top: 30px;
	}
}

#header .links {
	position: absolute;
	right: 0px;
	bottom: 3px;
	font-size: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 768px) {
	#header .links {
		display: none;
	}
}

#header .links a {
	float: left;
	display: block;
	padding: 0px 0px 0px 7px;
	color: #a52a2a; /*#0093ec;*/
	text-decoration: none;
	font-size: 12px;
}

#header .links a+a {
	margin-left: 8px;
	border-left: 1px solid #CCC;
}

/* menu */

#menu {
	background: #a52a2a; /*#0181dc;*/ /*#017ffe;*/
	border-bottom: 1px solid #000000;
	/*height: 37px;*/
	margin-bottom: 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	padding: 0 5px;
	overflow: hidden;
}

#menu_mobile {
	display: none;
}

#menu_normal {
	display: block;
}

#menu_normal>ul {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items: stretch;
}

@media screen and (max-width: 768px) {
	#menu {
		background: none;
		margin: 0;
		/*margin-top: 190px;*/
		position: relative;
		margin-bottom: 0px;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		-khtml-border-radius: none;
		border-radius: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding: 0;
		width: 100%
	}
}

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

#menu>div>ul>li {
	position: relative;
	/*float: left;*/
	z-index: 20;
	padding: 0;
	max-width: 120px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
	#menu_normal>ul {
	  	display: block;
	}
	#menu>div>ul>li {
		border-bottom: 1px solid #666;
		padding-left: 5%;
		width: 95%;
		background: #a52a2a; /*#0181dc;*/ /*#017ffe;*/
		margin: 0;
		max-width: none;
		display: block;
	}
}

@media screen and (max-width: 44em) {
	#menu_mobile {
		display: block;
	}
	#menu_normal {
		display: none;
	}
}

#menu>div>ul>li:hover {
	background: #000000;
}

#menu>div>ul>li>a {
	font-size: 12px;
    color: #FFF;
    line-height: 16px;
    text-decoration: none;
    display: block;
    padding: 10px 6px;
    /* margin-bottom: 5px; */
    z-index: 6;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}

#menu>div>ul>li:hover>a {}

#menu>div>ul>li>div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background: url('../image/menu.png');
}

#menu>div>ul>li:hover>div {
	display: table;
}

@media screen and (max-width: 768px) {
	#menu>ul>li:hover>div {
		display: none;
	}
}

#menu>div>ul>li>div>ul {
	display: table-cell;
}

#menu>div>ul>li ul+ul {
	padding-left: 20px;
}

#menu>div>ul>li ul>li>a {
	text-decoration: none;
	padding: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}

#menu>div>ul>li ul>li>a:hover {
	background: #000000;
}

#menu>div>ul>li>div>ul>li>a {
	color: #FFFFFF;
}

.breadcrumb {
	color: #CCCCCC;
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	.breadcrumb {
		display: none
	}
}

@media screen and (max-width: 768px) {
	.jcarousel-skin-opencart {
		display: none
	}
}

.success, .warning, .attention, .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.success .close, .warning .close, .attention .close, .information .close  {
		padding: 5px 20px 30px;
	}
}

.required {
	color: #FF0000;
	font-weight: bold;
}

.error {
	display: block;
	color: #FF0000;
}

.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}

@media screen and (max-width: 768px) {
	.success, .warning, .attention, .information {
		top: 20px;
	}
	.slideshow {
		display: none
	}
}

table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.form tr td:first-child {
	width: 150px;
}

table.form>*>*>td {
	color: #000000;
}

table.form td {
	padding: 4px;
}

input.large-field, select.large-field {
	width: 300px;
}

@media screen and (max-width: 768px) {
	input.large-field, select.large-field {
		width: 92%; /*auto;*/
	}
	
}

table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}

table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}

table.list tbody td {
	padding: 0px 5px;
}

table.list .left {
	text-align: left;
	padding: 7px;
}

table.list .right {
	text-align: right;
	padding: 7px;
}

table.list .center {
	text-align: center;
	padding: 7px;
}

table.radio {
	width: 100%;
	border-collapse: collapse;
}

table.radio td {
	padding: 5px;
}

table.radio td label {
	display: block;
}

table.radio tr td:first-child {
	width: 1px;
}

table.radio tr td:first-child input {
	margin-top: 1px;
}

table.radio tr.highlight:hover td {
	background: #F1FFDD;
	cursor: pointer;
}

.pagination {
	border-top: 1px solid #EEEEEE;
	padding-top: 8px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.pagination .links {
	float: left;
}

.pagination .links a {
	display: inline-block;
	border: 1px solid #EEEEEE;
	padding: 4px 10px;
	text-decoration: none;
	color: #A3A3A3;
}

.pagination .links b {
	display: inline-block;
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}

.pagination .results {
	float: right;
	padding-top: 3px;
}

/* button */

a.button, input.button {
	cursor: pointer;
	color: #FFFFFF;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #D20000 repeat-x;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #640000;
	-moz-box-shadow: 0px 2px 2px #640000;
	box-shadow: 0px 2px 2px #640000;
}

a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}

input.button {
	margin: 0;
	border: 0;
	height: 24px;
	padding: 0px 12px 0px 12px;
}

a.button:hover, input.button:hover {
	background-position: 0px -24px;
	background: #a80000 repeat-x;
}

.buttons {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	overflow: auto;
	padding: 6px;
	margin-bottom: 20px;
}

.buttons .left {
	float: left;
	text-align: left;
}

.buttons .right {
	float: right;
	text-align: right;
}

.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.htabs {
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #DDDDDD;
}

.htabs a {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-right: 2px;
	/*display: none;*/
}

.htabs a.selected {
	padding-bottom: 7px;
	background: #FFFFFF;
}

.tab-content {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
}

/* box */

.box {
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.box {
		width: 100%;
		position: relative;
		overflow: hidden;
		top: 10px;
	}
}

.box .box-heading {
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	border: 1px solid #DBDEE1;
	background: url('../image/background.png') repeat-x;
	padding: 8px 10px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #333;
}

.box .box-content {
	background: #FFFFFF;
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-khtml-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	border-left: 1px solid #DBDEE1;
	border-right: 1px solid #DBDEE1;
	border-bottom: 1px solid #DBDEE1;
	padding: 10px;
}

/* box products */

.box-product {
	width: 100%;
	overflow: auto;
  text-align: center;
  display:inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}

.box-product>div {
	width: 130px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.box-product>div {
		width: auto;
    margin-right:0px;
	}
}

#column-left+#column-right+#content .box-product>div {
	width: 119px;
}

.box-product .image {
	display: block;
	margin-bottom: 0px;
}

.box-product .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
	max-width: 100%;
}

@media screen and (max-width:768px){
	.box-product .image img {
	padding: 1px;
	border: 1px solid #E7E7E7;
	max-width: 98%;
}
}

.box-product .name a {
	color: #545454;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}

.box-product .price {
	display: block;
	font-weight: bold;
	color: #D20000;
	margin-bottom: 4px;
  font-size: larger;
}
/*Ceny velikost a barva písma*/
@media screen and (max-width: 768px){
.box-product .price {
	font-size: large;
}
.box-product .price-old {
	font-size: large;
  color: #636363;
}
.box-product .price-new {
	font-size: large;
}
}

.box-product .price-old {
	/*color: #F00;*/
  color: #636363; 
	text-decoration: line-through;
}

.box-product .price-new {
	font-weight: bold;
}

.box-product .rating {
	display: block;
	margin-bottom: 4px;
}

/* box category */

ul.box-category, ul.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.box-category>li:first-child {
	padding: 0px 8px 8px 0px;
}

ul.box-category>li {
	padding: 8px 8px 8px 0px;
}

ul.box-category>li+li {
	border-top: 1px solid #EEEEEE;
}

ul.box-category>li>a {
	text-decoration: none;
	color: #333;
}

ul.box-category>li ul {
	display: none;
}

ul.box-category>li a.active {
	font-weight: bold;
}

ul.box-category>li a.active+ul {
	display: block;
}

ul.box-category>li ul>li {
	padding: 5px 5px 0px 10px;
}

ul.box-category>li ul>li>a {
	text-decoration: none;
	display: block;
}

ul.box-category>li ul>li>a.active {
	font-weight: bold;
}

/* box filter */

ul.box-filter, ul.box-filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.box-filter span {
	font-weight: bold;
	border-bottom: 1px solid #EEEEEE;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

ul.box-filter>li ul {
	padding-bottom: 10px;
}

/* content */

#content .content {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}

#content .content .left {
	float: left;
	width: 49%;
}

#content .content .right {
	float: right;
	width: 49%;
}

/* category */

.category-info {
	overflow: auto;
	margin-bottom: 20px;
}

.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}

.category-list {
	overflow: auto;
	margin-bottom: 20px;
}

.category-list ul {
	float: left;
	/*width: 18%;*/
}

/* manufacturer */

.manufacturer-list {
	border: 1px solid #DBDEE1;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
}

.manufacturer-heading {
	background: #F8F8F8;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 8px;
	margin-bottom: 6px;
}

.manufacturer-content {
	padding: 8px;
}

.manufacturer-list ul {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}

/* product */

.product-filter {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 5px;
	overflow: auto;
}

.product-filter .display {
	margin-right: 15px;
	float: left;
	padding-top: 4px;
	color: #333;
}

.product-filter .display a {
	font-weight: bold;
}

.product-filter .sort {
	float: right;
	color: #333;
}

.product-filter .limit {
	margin-left: 15px;
	float: right;
	color: #333;
}

.product-compare {
	padding-top: 6px;
	margin-bottom: 25px;
	font-weight: bold;
}

.product-compare a {
	text-decoration: none;
	font-weight: bold;
}

.product-list>div {
	overflow: auto;
	margin-bottom: 15px;
}

@media screen and (max-width:768px){
.product-list div {
		flex-direction: column;
		display: flex;
	}
}

.product-list .right {
	float: right;
	margin-left: 15px;
}

@media screen and (max-width:768px){
.product-list .right {
	margin-left:0px;
}}

/*Nen� definov�no pro mobil*/
.product-list>div+div {
	border-top: 1px solid #EEEEEE;
	padding-top: 16px;
}

.product-list .image {
	float: left;
	margin-right: 10px;
  width:130px;
}

@media screen and (max-width:768px){
.product-list .image{
	display: flex;
	width:98%;
  text-align:center;
}}

.product-list .image img {
	padding: 1px;
	border: 1px solid #E7E7E7;
	max-width: 100%;
}
/*Nen� definov�n pro mobil*/
.product-list .name {
	margin-bottom: 3px;
}
/*Nen� definov�n pro mobil*/
.product-list .name a {
	color: #545454;
	font-weight: bold;
	text-decoration: none;
}

.product-list .description {
	line-height: 15px;
	margin-bottom: 5px;
	color: #4D4D4D;
}

@media screen and (max-width: 768px) {
/*	.product-list .image {
		text-align: center;
    width:100%;
	}        */

	.product-list div .left {
		order: 1;
		clear: both;
	}

	.product-list div .right {
		order: 2;
	}
	
	.product-list .rating {
	display: flex;
	flex-direction: row;
	justify-content: center;
	
}
}

.product-list .rating {
	color: #7B7B7B;
}

.product-list .price {
	float: right;
	height: 50px;
	margin-left: 8px;
	text-align: right;
	color: #D20000;
	font-size: larger;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.product-list .price {
		display: flex;
		flex-direction: row;
		justify-content: center;
    order: 2;
    padding: 0px 5px 5px 5px;
		text-align: center; /*bylo skryto nevim proč?*/
		height: auto; /*38px;*/  /*20px pro ceny jen bez sazby dph*/
    font-size: large;
	}
}

.product-list .price-old {
	/*color: #F00;*/
  color: #636363;
	text-decoration: line-through;
  }

@media screen and (max-width: 768px) {
	.product-list .price-old {
		font-size: large;
    color: #636363;
	}
}

.product-list .price-new {
	font-weight: bold;
  }

@media screen and (max-width: 768px) {
	.product-list .price-new {
		font-size: large;
    block-size: 2px;
    padding: 0px 0px 0px 5px;
	}
}

.product-list .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #BBBBBB;
}

.product-list .cart {
	margin-bottom: 3px;
}

.product-list .wishlist, .product-list .compare {
	margin-bottom: 3px;
}

@media screen and (max-width:768px){
	.product-list .wishlist, .product-list .compare {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	margin-top: 3px;
	margin-bottom:0px;
	text-align: center;
	}
}

.product-list .wishlist a {
	color: #D20000;
	text-decoration: none;
	padding-left: 0px; /*18px; */
	display: block;
	background: none; /*url('../image/add.png') left center no-repeat; */
}

.product-list .compare a {
	color: #D20000;
	text-decoration: none;
	padding-left: 0px; /*18px;  */
	display: block;
	background: none; /*url('../image/add.png') left 60% no-repeat;  */
}

@media screen and (max-width:768px){
	.product-list .wishlist a {
	background:none;
  padding-left:0px;
	}
}

@media screen and (max-width:768px){
	.product-list .compare a {
	background:none;
  padding-left:0px;
	}
}
/*Zobrazit mřížku*/
.product-grid {
	width: 100%;
	overflow: auto;
  text-align:center;
}

@media screen and (max-width:768px){
	.product-grid .button {
	margin-bottom:5px;
	width:100%;
}
}

.product-grid>div {
	width: 130px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 15px;
  text-align: center;
}

#column-left+#column-right+#content .product-grid>div {
	width: 125px;
}

.product-grid .image {
	display: block;
	margin-bottom: 0px;
}

.product-grid .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
	max-width: 100%;
}

.product-grid .name a {
	color: #545454;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}

.product-grid .description {
	display: none;
}

.product-grid .rating {
	display: block;
	margin-bottom: 4px;
}

.product-grid .price {
	display: block;
	font-weight: bold;
	color: #D20000;
	margin-bottom: 4px;
  font-size: larger;
}

.product-grid .price-old {
	/*color: #F00;*/
	text-decoration: line-through;  
  color: #636363;     
}

.product-grid .price-new {
	font-weight: bold;
}

@media screen and (max-width: 768px){
.product-grid .price {
	font-size: large;
} 

.product-grid .price {
	font-size: large;
}
.product-grid .price-old {
	font-size: large;
  color: #636363;
}
.product-grid .price-new {
	font-size: large;
}
}

.product-grid .price .price-tax {
	display: none;
}

.product-grid .cart {
	margin-bottom: 3px;
}

.product-grid .wishlist, .product-grid .compare {
	margin-bottom: 3px;
}

.product-grid .wishlist a {
	color: #D20000;
	text-decoration: none;
	padding-left: 0px; /*18px;  */
	display: block;
	background: none; /*url('../image/add.png') left center no-repeat;  */
}

.product-grid .compare a {
	color: #D20000;
	text-decoration: none;
	padding-left: 0px; /*18px;   */
	display: block;
	background: none; /*url('../image/add.png') left center no-repeat;  */
}

@media screen and (max-width:768px){
	.product-grid .wishlist a {
	background:none;
  padding-left:0px;
	}
}

@media screen and (max-width:768px){
	.product-grid .compare a {
	background:none;
  padding-left:0px;
	}
}

/* Product */

.product-info {
	overflow: auto;
	margin-bottom: 20px;
  display: flex;
	flex-direction:row;
	flex-wrap: wrap;
}

@media screen and (max-width:768px){
.product-info {
    display: flex;
flex-direction:column;
     }
}

@media screen and (max-width:768px){
.product-info input {
    width:50px;
     }
}

@media screen and (max-width:768px){
.product-info input.button {
    width:100%;
    margin-bottom:10px;
    margin-top:5px;
     }
}

.product-info>.left {
	float: left;
	margin-right: 15px;
}
/*
@media screen and (max-width:768px){
	.product-info>.left {
	float: left;
	margin:0px;
  width: 100%;
	}
}
*/

@media screen and (max-width:768px){
	.product-info>.left {
	float:none
	margin:0px;
    width: 100%;
display:flex;
flex-direction:column;
	}
}

.product-info>.right {
	float:right;
}

@media screen and (max-width:768px){
	.product-info>.right {
	width: 100%;
  text-align:center;
	}
}

.product-info>.left+.right {
	margin-left: 0px;
}

@media screen and (max-width:768px) {
	.product-info>.left+.right {
		margin-left: 0px;
	}
}

.product-info .image {
	border: 1px solid #E7E7E7;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
	#cboxLoadedContent img {
		display: none
	}
	#cboxWrapper {
		display: none
	}
	#cboxOverlay {
		opacity: 1;
		display: none;
		position: absolute;
		max-height: 0;
		max-width: 0;
		z-index: -90;
	}
}

.product-info .image-additional {
	width: 260px;
	margin-left: -10px;
	clear: both;
	overflow: hidden;
	width: 800px;
}

/*#content .image-additional {
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	#content .image-additional  {
		text-align: center;
		width: auto;
	}
}
*/

#content .image-additional {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	}

@media screen and (max-width: 768px) {
	#content .image-additional  {
		display: flex;
		flex-direction:column;
		text-align: center;
		width: auto;
	}
}

.product-info .image-additional img {
	border: 1px solid #E7E7E7;
}

.product-info .image-additional a {
	float: left;
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
}

.product-info .description {
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	padding: 5px 5px 10px 5px;
	margin-bottom: 10px;
	line-height: 20px;
	color: #4D4D4D;
}

.product-info .description span {
	color: #9E9E9E;
}

.product-info .description a {
	color: #4D4D4D;
	text-decoration: none;
}

.product-info .price {
	overflow: auto;
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	font-size: larger;
	font-weight: bold;
	color: #D20000;
}

@media screen and (max-width: 768px) {
.product-info .price { 
  font-size: large;
  }
}

.product-info .price-old {
	/*color: #F00;*/
  color: #636363;
	text-decoration: line-through;
  font-size: larger;
}

@media screen and (max-width: 768px) {
.product-info .price-old { 
  font-size: large;
  color: #636363;
}
}

.product-info .price-new {
  font-size: larger;
}

@media screen and (max-width: 768px) {
.product-info .price-new { 
  font-size: large;
}
}

.product-info .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}

.product-info .price .reward {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}

.product-info .price .discount {
	font-weight: normal;
	font-size: 12px;
	color: #4D4D4D;
}

.product-info .options {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 10px;
	color: #000000;
}

/*mobiln zobrazen - varianty produktu*/
@media screen and (max-width: 768px) {
.product-info .options {
	text-align: left;	
}
}

.product-info .option-image {
	margin-top: 3px;
	margin-bottom: 10px;
}

.product-info .option-image label {
	display: block;
	width: 100%;
	height: 100%;
}

.product-info .option-image img {
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

.product-info .cart {
	border-bottom: 1px solid #E7E7E7;
	padding: 0px 5px 10px 5px;
	margin-bottom: 20px;
	color: #4D4D4D;
}

@media screen and (max-width:768px) {
	.product-info .cart {
	border-bottom: 1px solid #E7E7E7;
	padding: 5px 0px 5px 0px;
	margin-bottom: 20px;
	color: #4D4D4D;
	}
}

.product-info .cart div>span {
	color: #999;
}

.product-info .cart .links {
	display: inline-block;
	vertical-align: middle;
}

.product-info .cart .minimum {
	padding-top: 5px;
	font-size: 11px;
	color: #999;
}

.product-info .review {
	color: #4D4D4D;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	margin-bottom: 10px;
}

.product-info .review>div {
	padding: 8px;
	border-bottom: 1px solid #E7E7E7;
	line-height: 20px;
}

.product-info .review>div>span {
	color: #38B0E3;
}

.product-info .review .share {
	overflow: auto;
	line-height: normal;
}

.product-info .review .share a {
	text-decoration: none;
}

.review-list {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}

.review-list .author {
	float: left;
	margin-bottom: 20px;
}

.review-list .rating {
	float: right;
	margin-bottom: 20px;
}

.review-list .text {
	clear: both;
}

.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}

.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}

.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}

.compare-info tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
}

.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.compare-info .name a {
	font-weight: bold;
}

.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}

.compare-info .price-new {
	font-weight: bold;
}

/* wishlist */

.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

.wishlist-info td {
	padding: 7px;
}

@media screen and (max-width:768px){
.wishlist-info thead .model {
display:none;
}
.wishlist-info tbody .model {
display:none;
}
.wishlist-info thead .quantity {
display:none;
}
.wishlist-info tbody .quantity {
display:none;
}
.wishlist-info thead .stock {
display:none;
}
.wishlist-info tbody .stock {
display:none;
}
}


.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}

.wishlist-info thead .image {
	text-align: center;
}

.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}

.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}

.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}

.wishlist-info tbody .image img {
	border: 1px solid #DDDDDD;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.wishlist-info tbody .image {
	text-align: center;
}

.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}

.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}

.wishlist-info tbody .price s {
	color: #F00;
}

.wishlist-info tbody .action img {
	cursor: pointer;
}

@media screen and (max-width:768px){
.wishlist-info tbody .action img {
	display: flex;
  cursor: pointer;
    padding:5px;
}
}

.login-content {
	margin-bottom: 20px;
	overflow: auto;
	display: flex;
}

.login-content .left {
	float: right;
	width: 48%;
	margin-left: 40px;
	order: 2;
}

.login-content .right {
	float: left;
	width: 48%
}

@media screen and (max-width: 768px) {
	.login-content {
		display: flex;
		flex-direction: column;
	}

	.login-content .left {
		order: 2;
		margin-left: 0;
		float: none;
		width: auto;
	}
	
	.login-content .right {
		float: none;
		width: auto;
	}

}

.login-content .left .content, .login-content .right .content {
	min-height: 190px;
}

/* orders */

.order-list {
	margin-bottom: 10px;
}

.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}

.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}

.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.order-list .order-content div {
	float: left;
	width: 33.3%;
}

.order-list .order-info {
	text-align: right;
}

.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}

/* returns */

.return-list {
	margin-bottom: 10px;
}

.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}

.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}

.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.return-list .return-content div {
	float: left;
	width: 33.3%;
}

.return-list .return-info {
	text-align: right;
}

.return-product {
	overflow: auto;
	margin-bottom: 20px;
}

.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}

.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}

.return-quantity {
	float: left;
	width: 31%;
}

.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}

.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}

.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}

.return-opened textarea {
	width: 98%;
	vertical-align: top;
}

.return-captcha {
	float: left;
}

.download-list {
	margin-bottom: 10px;
}

.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}

.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}

.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.download-list .download-content div {
	float: left;
	width: 33.3%;
}

.download-list .download-info {
	text-align: right;
}

/* cart */

.cart-info table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.cart-info td {
	padding: 7px;
}

.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}

.cart-info thead .image {
	text-align: center;
}

.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
	text-align: left;
}

.cart-info thead .price, .cart-info thead .total {
	text-align: right;
}

.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}

.cart-info tbody .image img {
	border: 1px solid #DDDDDD;
}

.cart-info tbody .image {
	text-align: center;
}

.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
	text-align: left;
}

.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}

.cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}

/*.cart-info tbody .price, .checkout-product tbody .total {*/
.cart-info .price, .checkout-product .total {
	min-width: 64px;
	white-space: nowrap;
}

.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}

.checkout-product .mobile {
	display: none;
}

@media screen and (max-width: 768px) {
	/* skryt dva sloupce v kosiku na mobilu*/
	.cart-info .model, .cart-info .price  {
		display: none;
	}
	
	/* skryt dva sloupce v objednavce na mobilu*/
	.checkout-product .model, .checkout-product tbody .price, .checkout-product thead .price  {
		display: none;
	}

	.checkout-product .desktop {
		display: none;
	}

	.checkout-product .mobile {
		display: table-cell;
	}
}

.cart-module>div {
	display: none;
}

.cart-total {
	border-top: 1px solid #DDDDDD;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}

.cart-total table {
	float: right;
}

.cart-total td {
	padding: 3px;
	text-align: right;
}

/* checkout */

#shipping-address {
	width: 48%;
	float: left;
}

#shipping-method {
	width: 50%;
	float: right;
}

#shipping-method .text_label {
	width: 100%;
} 

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

	#shipping-method .text_label {
		width: auto;
	} 

	#shipping-address {
		width: 100%;
		float: none;
	}
	
	#shipping-method {
		width: 100%;
		float: none;
	}
}

.shipping_price {
	width: 260px;
    text-align: right;
}

@media screen and (max-width: 768px) {
	.shipping_price {
		white-space: nowrap;
		width: auto;
	}
}

#confirm {
	float: left;
	width: 100%;
}

.checkout-heading {
	background: #F8F8F8;
	border: 1px solid #DBDEE1;
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
}

.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}

.checkout-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: auto;
}

#shipping-address .checkout-content {
	display:block;
	width: 980px;
}

@media screen and (max-width: 768px) {
	#shipping-address .checkout-content {
		width: auto;
	}
}

.checkout-content .left {
	float: left;
	width: 48%;
}

.checkout-content .right {
	float: right;
	width: 48%;
}

.checkout-content .buttons {
	clear: both;
}

.checkout-content .buttons {
	text-align: right;
}

.checkout-content .payment .buttons {
	float: none;
}

.checkout-content .comment_area {
	width: 98%;
}

@media screen and (max-width: 768px) {
	.checkout-content .comment_area {
		width: 99%;
		padding: 0;
		overflow:hidden;
		border: 1px solid #DDDDDD;
		/*background: #A8A8A8; */
	}
}

.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}

.checkout-product td {
	padding: 7px;
}

.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}

.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}

.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}

.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}

.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}

.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}

.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}

.contact-info {
	overflow: auto;
}

.contact-info .left {
	float: left;
	width: 48%;
}

.contact-info .right {
	float: left;
	width: 48%;
}

.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}

.sitemap-info .left {
	float: left;
	width: 48%;
}

.sitemap-info .right {
	float: left;
	width: 48%;
}

/* footer */

#footer {
	clear: both;
	overflow: auto;
	min-height: 100px;
	padding: 20px;
	border-top: 1px solid #DBDEE1;
	border-bottom: 1px solid #DBDEE1;
	background: #F8F8F8;
	width: 940px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	#footer {
		overflow: hidden;
		margin: none;
		width: auto;
	}
}

#footer h3 {
	color: #000000;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 8px;
}

#footer .column {
	float: left;
	width: 25%;
	min-height: 100px;
}

@media screen and (max-width: 768px) {
	#footer .column {
		float: left;
		width: 100%;
		/*padding-left:40%;*/
		min-height: 100%;
		text-align: left;
	}
}

#footer .column ul {
	margin-top: 0px;
	margin-left: 8px;
	padding-left: 12px;
}

#footer .column ul li {
	margin-bottom: 3px;
	list-style: none;
}

#footer .column a {
	text-decoration: none;
	color: #000;
}

#footer .column a:hover {
	text-decoration: underline;
}

#powered {
	margin-top: 5px;
	text-align: center;
	clear: both;
}

/* banner */

.banner div {
	text-align: center;
	width: 100%;
	display: none;
}

.banner div img {
	margin-bottom: 20px;
}
 /* PVODN NASTAVEN BANNER NA MOBILU
@media screen and (max-width: 768px) {
	.banner {
		display: none
	}
}
   */

@media screen and (max-width: 768px) {
	.banner {
		display: flex;
    flex-direction: row;
		justify-content: center;
    width:auto;
		}
}

@media screen and (max-width: 768px) {
	.banner div img {
    justify-content: center;
		max-width:100%;
	}
}


/*
COPY THE FOLLOW CODE TO HAVE IMAGE SHADOW
.box-product .image img,.product-list .image img,.product-grid .image img,.product-info .image-additional img,.category-info .image img,.category-info .image {
	-moz-box-shadow: 2px 1px 5px #888;-webkit-box-shadow: 2px 1px 5px#888;box-shadow: 2px 1px 5px #888;	

}


/*COPY THE FOLLOW CODE TO HAVE ROUND IMAGE:*/

.box-product .image img, .product-list .image img, .product-grid .image img, .product-info .image-additional img, .category-info .image img, .category-info .image {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*COPY THE FOLLOW CODE TO HAVE CIRCLE IMAGE:
.box-product .image img,.product-list .image img,.product-grid .image img,.product-info .image-additional img,.category-info .image img,.category-info .image {
	-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius:50px;
}

/*COPY THE FOLLOW CODE TO MAKE ROUND LEFT TOP AND RIGHT BOTTOM IMAGE CORNERS 
.box-product .image img,.product-list .image img,.product-grid .image img,.product-info .image-additional img,.category-info .image img,.category-info .image {
	-moz-border-radius: 24px 0;-webkit-border-radius: 24px 0;border-radius:24px 0;
}
/*
COPY THE  FOLLOW CODE TO BORDER GRADIENT BLUE:
.box-product .image img,.product-list .image img,.product-grid .image img,.product-info .image-additional img,.category-info .image img,.category-info .image {
	border:none;
	background: #6db3f2; 
border:1px solid #6db3f2;
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); 
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); 
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); 
}
/*
COPY THE FOLLOW CODE TO BORDER GRADIENT RED
.box-product .image img,.product-list .image img,.product-grid .image img,.product-info .image-additional img,.category-info .image img,.category-info .image {
	border:none;
	background: #a90329;
	border:1px solid #a90329; 
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); 
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); 
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); 
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); 

}
/*COPY THE FOLLOW CODE TO BORDER GRADIENT BLACK
.box-product .image img,.product-list .image img,.product-grid .image img,.product-info .image-additional img,.category-info .image img,.category-info .image {
	border:none;
	border:1px solid #aebcbf; 
background: #aebcbf; 
background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); 
background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); 
background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); 
background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); 

}/*

COPY THE FOLLOW CODE TO BORDER GRADIENT GREEN
.box-product .image img,.product-list .image img,.product-grid .image img,.product-info .image-additional img,.category-info .image img,.category-info .image {
	border:none;
	border:1px solid #9dd53a; 
background: #9dd53a; 
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); 
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); 
background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); 

}
/*

COPY THE FOLLOW CODE TO CHANGE FONT TO A SOFT ONE
body {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	
}

/*COPY THE FOLLOW CODE TO MAKE ITALIC FONT
body {
font-style:italic;	
}

/*COPY THE FOLLOW CODE TO CHANGE BACKGROUND TO SOFT GREY
body {
	background-color:#EDEDED;
	}
	/*
COPY THE FOLLOW CODE TO CHANGE BACKGROUND TO SOFT PINK
body {
	background-color:#F2DCE8;
	}	
	
	
/*COPY THE FOLLOW CODE TO CHANGE BACKGROUND TO SOFT BLUE
body {
	background-color:#D7F0F4;
	}		
	/*
COPY THE FOLLOW CODE TO CHANGE BACKGROUND TO SOFT GREEN
body {
	background-color:#E2F5D6;
	}		
	/*
COPY THE FOLLOW CODE TO REMOVE UNDERLINE FROM LINKS */

body a, body a:visited {
	text-decoration: none;
}

/*COPY THE FOLLOW CODE TO CHANGE LINKS COLOR TO SOFT GREY        
body a,.links a,body a:visited,.links a:visited,#header .links a { color:#4d4c4c	}

/*COPY THE FOLLOW CODE TO CHANGE LINKS COLOR TO BLUE ON MOUSE HOVER
body a:hover { color:#abbc00	}	
 #header .links a:hover { color:#abbc00	}*/

@media screen and (max-width: 768px) {
	input[type="checkbox"] {
  		/*width: 30px; /*Desired width*/
		/*height: 10px; /*Desired height*/
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 0;
	}

	select, input {
		width: 100%;
	}

	input[type="radio"], input[type="checkbox"] {
		/*width: 30px; /*Desired width*/
	  /*height: 10px; /*Desired height*/
	  width: auto;
  }
	  
  	.quantity input {
		  width: auto;
	  }
	.checkout-content .buttons {
	
	}

}
/*
#map_canvas {
	background-color: #E5E3DF;
	float: right;
	height: 440px;
	overflow: hidden;
	position: relative;
	width: 700px;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	#map_canvas {
		width: 100%;
	}
}

/* Reklamační formulář */
@media screen and (max-width: 768px) {
	.return {
		display: flex;
		flex-direction:column;
	}
	
	#content .return .left, #content .return .right {
		width: 100%;
	}

	.return-product {
		display: flex;
		flex-direction:column;
	}

	.return-detail {
		display: flex;
		flex-direction:column;
	}

	.return-product div, .return-detail div {
		width: 92%;
	}

	.return-detail .return-captcha input {
		width: 148px;
		padding-left: 0;
		padding-right: 0;
	}	
	 
}

#shipping-form {
	display: none;
}

.hidden {
  display: none;
}
.homepage-list {
  text-align:center;
  list-style-type:none;
  margin:0;
  padding:0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.homepage-list li {
  width: 310px; 
  padding: 0;
  margin: 5px;
}
.homepage-list li a {
  display: block;
}
.homepage-list li img {
  max-width: 100%;
  border-radius: 10px; 
}
.homepage-list li h2 {
  height: 0;
  margin:0;
  padding:0;
  float: left;
  text-indent: -9999px;
}