@font-face {
	src: url('../fonts/Ubuntu-Light.eot');
	src: url('../fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'), 
		url('../fonts/Ubuntu-Light.woff2') format('woff2'), 
		url('../fonts/Ubuntu-Light.woff') format('woff'),
		url('../fonts/Ubuntu-Light.ttf') format('truetype'),
		url('../fonts/Ubuntu-Light.svg?#webfontregular') format('svg');
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
}

@font-face {
	src: url('../fonts/Ubuntu-Regular.eot');
	src: url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Ubuntu-Regular.woff2') format('woff2'),
		url('../fonts/Ubuntu-Regular.woff') format('woff'),
		url('../fonts/Ubuntu-Regular.ttf') format('truetype'),
		url('../fonts/Ubuntu-Regular.svg?#webfontregular') format('svg');
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
}

@font-face {
	src: url('../fonts/Ubuntu-Medium.eot');
	src: url('../fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Ubuntu-Medium.woff2') format('woff2'), 
		url('../fonts/Ubuntu-Medium.woff') format('woff'), 
		url('../fonts/Ubuntu-Medium.ttf') format('truetype'),
		url('../fonts/Ubuntu-Medium.svg?#webfontregular') format('svg');
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
}

@font-face {
	src: url('../fonts/Ubuntu-Bold.eot');
	src: url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'), 
		url('../fonts/Ubuntu-Bold.woff2') format('woff2'), 
		url('../fonts/Ubuntu-Bold.woff') format('woff'), 
		url('../fonts/Ubuntu-Bold.ttf') format('truetype'),
		url('../fonts/Ubuntu-Bold.svg?#webfontregular') format('svg');
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
}

:root {
	--href-color: #80ac45;
  --check-color: #80ac45;
  --main-button-background: #80ac45;
  --main-button-background-hover: #333333;
  --border-radius: 5px;
}

header #top #basket-i, #login-in-basket, #nav > li > a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

html {
	font-size: 16px;
}

body {
	background: #000000; /* url('../../../../../WINSHOP/homepage_banner/background_1180.jpg') center 180px/auto no-repeat;*/
	font-family: 'Ubuntu',Arial, sans-serif;
	font-size: .875rem;
	color: #494949;
	/*background:#f2f2f2;*/
	overflow-x:hidden;
}

a, a:link, a:visited {
	color: #000;
	/*border-bottom:1px dotted #000;*/
}

#fancybox-wrap, #fancybox-wrap * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}

h1, h2, h3, h4, h5, h6 {
	color: #0c090b;
	font-family: 'Ubuntu', Arial, sans-serif;
}

h1 {
	font: 600 22px/24px Arial, sans-serif;
	color: #0c090b;
	padding: 0 0 16px 0;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 10px;
	text-transform: uppercase;
}

p {
	margin: 0 0 9px 0;
	color: #494949;
	font: 400 14px/17px Arial, sans-serif;
	background:transparent;
}

#count {
	display: none;
}

header #top #wishlist {
	display: none;
}

header #top #languages_position {
	left: 0;
	right: auto;
}

#languages > li > a {
	color: #fff;
}

#languages .l3 {
	display: none;
}

#languages a {
	height: 40px;
	line-height: 40px;
}

#languages li ul {
	top: 40px;
}

	#languages li ul li i {
		height: 40px;
		line-height: 40px;
	}

.homepage {
	background-color: #fff;
}

.wrapin {
	padding: 70px 0 50px 0;
}

.top.wrapin {
	/*margin-top: 228px;*/
	/*margin-top: 163px;*/
	margin-top: 187px;
}

.top.wrap.wrapin {
	padding-right: 12px;
	padding-left: 12px;
}

.top.wrapin.homepage {
	padding: 0;
}


/*** HEADER ***/
header {
	background-image: url("../images/header/header.jpg");
	height: 187px;
}

	header #top #logo {
		/*left: 2%;*/
		position: absolute;
		top: 70px;
		/*width: 427px;
		height: 46px;*/
		width: 337px;
		height: 36px;
		z-index: 3;
		background: url('../images/zonazabavy.svg');
		background-size: cover;
	}

	header #top #menu_position {
		top: 135px;
		/*width: 1125px;*/
	}

.topslide {
	position: fixed;
	top: -174px;
	z-index: 3;
}

.topslide-nav {
	text-align: center !important;
}

#nav {
	width:100%;
}

	#nav > li {
		border-left: 0;
		text-align: left;
		width: auto;
	}

		#nav > li > a,
		.screen_high #nav > li > a,
		.pda_ver #nav > li > a,
		.pda_hor #nav > li > a,
		.screen_ultralow #nav > li > a,
		.screen_low #nav > li > a,
		.screen_med #nav > li > a {
			font: 600 18px/22px 'Ubuntu', Arial, sans-serif;
			background-color: transparent !important;
			color: #ffffff !important;
			height: 52px;
			padding: 0;
			text-transform: uppercase;
			padding: 15px 29px;
		}

		.screen_high #nav > li > a{
			padding: 15px 17px;
		}

.pda_ver #nav > li > a,
.pda_hor #nav > li > a,
.screen_ultralow #nav > li > a,
.screen_low #nav > li > a,
.screen_med #nav > li > a {
	padding: 15px 14px;
}

		#nav > li:hover > a,
		#nav > a:hover,
		#nav > li .selectedtree {
			background-color: #80ac45 !important;
			/*background-color:#7f9145 !important;*/
			color: #fff !important;
		}

	/*#nav > li.nth-child1 a {
	margin:0;
	padding:calc(.5rem - 1px) 2rem !important;
}

#nav > li.nth-child1 img {
	width:30px;
	height:30px;
}*/

	#nav ul.allin {
		padding-bottom: 0;
	}

	#nav li.nth-child1 ul.subs {
		/*display:block;*/
	}

	#nav .sep {
		min-width: 150px;
	}

	#nav ul.subs {
		border: 0px none transparent;
		top: 52px;
		background: #ffffff;
		padding: 50px 50px 26px;
	}

		#nav ul.subs > li {
			width: 16.6%;
			min-width: 14%;
			margin: 0 0 10px 0;
			/*margin-left:2.5%;*/
			/*min-width:18px;*/
			border: none;
			min-height: 10px;
			/*border:solid red 1px;*/
			padding: 0;
		}

			#nav ul.subs > li:nth-child(5n+2) {
				margin: 0;
			}

			#nav ul.subs > li > a {
				font: 700 16px/20px 'Ubuntu', Arial, sans-serif;
				color: #888888;
				text-transform: uppercase;
				margin-bottom: 30px;
			}

			#nav ul.subs > li:hover > a {
				color: #80ac45;
			}

			#nav ul.subs > li li {
				padding-left: 0;
			}

				#nav ul.subs > li li a {
					font-family: 'Ubuntu', Arial, sans-serif;
					font-weight: normal;
					font-size: 0.8125rem;
					line-height: 0.7rem;
					text-transform: uppercase;
					padding-bottom: 10px;
					background-image: url('../icons/right-chevron-gray.svg');
					background-size: 8px 8px;
					background-position: 0 2px !important;
					padding-left: 16px;
					-moz-transition: background-position 0.2s linear;
					-webkit-transition: background-position 0.2s linear;
					-o-transition: background-position 0.2s linear;
					transition: background-position 0.2s linear;
				}

					#nav ul.subs > li li a:hover {
						background-image: url('../icons/right-chevron-black.svg');
						background-position: 3px 2px !important;
						-moz-transition: background-position 0.2s linear;
						-webkit-transition: background-position 0.2s linear;
						-o-transition: background-position 0.2s linear;
						transition: background-position 0.2s linear;
					}

					#nav ul.subs > li li a:first-letter {
						text-transform: uppercase;
					}

		#nav ul.subs .all {
			display: none;
		}

header #top #search {
	border: none;
	top: 65px;
	/*left: calc(50% - 205px);*/
	left:380px;
	width:50%;
}

li.ui-menu-item {
	font-family: 'Ubuntu',Arial, sans-serif;
}

li.ui-menu-item.g {
	color: #80ac45 !important;
}

li.ui-menu-item b {
	color: #80ac45 !important;
}

li.ui-menu-item .item .info .cost {
	color: #80ac45 !important;
	font-size:1.5rem;
}

li.ui-menu-item .item .info .name {
	overflow:visible;
	top:0;
}

li.ui-menu-item .item .info .code {
	display:none;
	top: 37px;
	font-size:.8rem;
}

li.ui-menu-item .item .info .description,
li.ui-menu-item .item .info .poznamka,
li.ui-menu-item .item .info .poznamka1,
li.ui-menu-item .item .info .skupina_item {
	display:none !important;
}

.screen_high header #top #search {
	left: 380px;
	width:45%;
}

.screen_med header #top #search,
.screen_low header #top #search,
.screen_ultralow header #top #search {
	left: 380px;
	width:40%;
}

header #top #search #srch {
	border: solid 1px #333333;
	border-right: none;
	border-radius: 5px 0 0 5px;
	width: 280px;
	height: 46px;
	font: 400 14px/46px 'Ubuntu',Arial, sans-serif;
	text-indent: 10px;
}

header #top #search.with-categories #srch {
	/*width:520px;*/
	width: calc(100% - 76px - 160px);
}

	header #top #search #cat_only {
		height: 46px;
		font: 400 14px/46px 'Ubuntu',Arial, sans-serif;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border-color:#333333;
	}
	
	header #top #search .search-wrap {
		left:auto;
		right:76px;
		height:46px;
		width:180px;
	}

	header #top #search .search-wrap::after {
		height:46px;
		line-height:46px;
	}

header #top #search #search-button {
    font-family: 'Ubuntu',Arial, sans-serif;
    font-weight: 700;
    color: #ffffff;
    /*background: #2e2e2e;*/
    background: #333333;
    width: 76px;
    height: 46px;
    border: 1px solid #333333;
    border-left: none;
    border-radius: 0 5px 5px 0;
    margin-bottom: 0;
    text-transform: uppercase;
    text-shadow: none;
    float: right;
}

	header #top #search #search-button:hover {
		background-color: #80ac45;
	}
	
	header #top #search #search-button::after {
		color:#ffffff;
	}

header #top #basket-i {
	top: 0;
	right: 0;
	width: 270px;
	height: 52px;
	padding: 16px 20px 16px 63px;
	border-radius: 0 0 5px 5px;
	background: #80ac45 url('../images/icons/shopping-cart_ffffff.svg') left 16px center/30px no-repeat;
}

	header #top #basket-i:hover {
		background-color: #525252;
	}
	
		header #top #basket-i::before {
			display:none;
		}

	header #top #basket-i #nr {
		background-color: transparent;
		color: #ffffff;
		font: 300 13px/19px 'Ubuntu', sans-serif;
		border: none;
		border-radius: 0;
		top: 17px;
		left: 137px;
		width: auto;
		height: 19px;
		box-shadow: none;
		text-align: left;
	}

		header #top #basket-i #nr span {
			display: inline;
			color: #ffffff;
		}

	header #top #basket-i .noitems {
		background-color: transparent !important;
	}

	header #top #basket-i #celkem {
		/*display: none;*/
		color: #ffffff;
		font: 700 16px/19px 'Ubuntu', sans-serif;
		text-transform: uppercase;
		top: auto;
		right: auto;
		padding-left: 8px;
		display:block;
	}

		header #top #basket-i #celkem strong {
			color: #ffffff;
			font-size: 13px;
			font-weight: 300;
			text-transform: none;
			position: relative;
			top: 0;
			left: 50px;
		}

header #top #topmenu_position {
	top: 0;
	right: 278px;
	width:auto;
}

#topmenu li {
	/*padding:12px 15px !important;*/
	padding: 0 !important;
}

	#topmenu li:hover {
		background-color: transparent;
	}

	#topmenu li a {
		font-family: 'Ubuntu', Arial, sans-serif;
		font-size: .75rem;
		line-height: 1.0625rem;
		font-weight: 400;
		/*text-transform: uppercase;*/
		color: #80ac45;
		padding: 12px 15px !important;
	}

		#topmenu li a:hover {
			color: #ffffff !important;
		}

	#topmenu li:hover a {
		color: #ffffff !important;
	}

	#topmenu li:last-child {
		margin: 0 !important;
	}

	#topmenu li.account:hover > a {
		color: #fff !important;
	}

#topmenu .account a {
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: .75rem;
	line-height: 1.0625rem;
	font-weight: 400;
	/*text-transform: uppercase;*/
	color: #80ac45;
	padding: 12px 15px !important;
}

	#topmenu .account a:hover {
		color: #ffffff !important;
	}

#topmenu li ul {
	top: 40px;
	margin-left: 0 !important;
	background: #2e2e2e;
}

	#topmenu li ul li {
		border: none;
		padding: 0 !important;
	}

		#topmenu li ul li:first-child {
			color: #ffffff !important;
		}

		/*#topmenu li ul li:hover {
		background:#484848;
	}*/

		#topmenu li ul li:hover a {
			background: #484848 !important;
		}

		#topmenu li ul li a {
			border: none;
			line-height: 35px;
			padding: 0 12px !important;
			font-size: 13px;
			color: #ffffff !important;
		}

#topmenu li:hover ul li a {
	color: #ffffff !important;
}

#topmenu li:hover ul li:hover a {
	background: #484848;
}

#sublogo {
	/*display:none;*/
	position: absolute;
	right: 20px;
	top: 60px;
}

	#sublogo ul {
		padding: 0;
		margin: 5px 0;
		list-style:none;
	}

	#sublogo ul li:nth-child(1) a {
		padding-left:22px;
		color:#80ac45;
		background:url('../images/icons/phone-line_80ac45.svg') no-repeat;
		background-size:20px;
		background-position:left center;
		font-size:1.625rem;
		font-weight:700;
		line-height:1.2;
	}

	#sublogo ul li:nth-child(2) {
		color:#ababab;
		font-size:1rem;
		text-align:right;
	}

/*** FOOTER ***/
footer {
	color: #888;
	width: 1180px;
	margin: 0 auto;
}

	footer .all {
		background-color: #262626;
		border-top: none;
	}

	footer a:hover {
		color: #80ac45;
	}

	footer section h4 {
		text-transform: uppercase;
		color: #ffffff;
		font: 500 18px/31px 'Ubuntu', sans-serif
	}

	footer section .footer_nav .footer_nav_section li {
		color: #888;
	}

		footer section .footer_nav .footer_nav_section li > ul {
			padding-left: 10px;
			list-style: none;
		}

		footer section .footer_nav .footer_nav_section li a {
			display: inline-block;
			font: 300 13px/17px 'Ubuntu', sans-serif;
			background-position: -300px bottom;
			/*text-transform: lowercase;*/
			margin-bottom: 8px;
			color: #888888;
			-moz-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

			footer section .footer_nav .footer_nav_section li a:hover {
				background: url('../images/line.gif');
				color: #80ac45;
				background-repeat: no-repeat;
				background-position: 0 bottom;
				-moz-transition: all 0.3s ease;
				-webkit-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

	footer section .eetinfo {
		color: #888;
		font-size: .75rem;
	}

	footer section .info-line {
		background-color: #262626;
	}

	footer section .footer_nav .columns5 {
		width: 23.5%;
		margin-right: 2%;
	}

	footer section .footer_nav .footerplugin3.columns5 {
		float: none;
	}

	footer section .footer_nav .footerplugin4.columns5 {
		width: 100%;
		margin-right: 0;
	}

	footer section .footer_nav .footerplugin4 p {
		background-color: transparent;
		color: #888;
	}

	footer section .footer_nav .footer_nav_section .vas_email {
		background: #262626;
		color: #888888;
		width: 90%;
		border: 1px solid #888888;
		border-right: none;
		border-radius: 3px 0 0 3px;
		max-width: 100%;
	}

	footer section .footer_nav .footer_nav_section #odeslat {
		width: 10%;
		background: #80ac45 url('../images/icons/right-carret_ffffff_bold.svg') center/22px no-repeat;
		border: none;
		border-radius: 0 3px 3px 0;
		height: 32px;
		color: transparent;
		text-indent: 50px;
		cursor: pointer;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

		footer section .footer_nav .footer_nav_section #odeslat:hover {
			background-color: #888888;
			-moz-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

/*** BANNER ***/
#homepage-slider-cover {
	margin: 0 !important;
	height:395px;
	overflow:hidden;
}

#homepage-slider {
	position: relative;
}

#homepage-slider .caption {
	display:none;
}

.bx-wrapper {
	margin: 0;
}

	.bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager {
		height: 0;
		text-align: right;
	}

	.bx-wrapper .bx-controls-direction a {
		color: transparent !important;
	}
	
	#homepage-slider .splide__pagination {
		bottom: 8px;
		right: 0;
		left: auto;
		position: absolute;
    background-color: #cccccc;
    display: inline-block;
    width: auto;
    padding: 9px;
    transform: translateX(0);
	}
			
		.splide__pagination {	
			padding: 10px 0;
		}
		
		.splide__pagination__page {
			border-radius: 50%;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			background-color: #666;
		}

			.splide__pagination__page:hover,
			.splide__pagination__page.is-active {
				background-color: #80ac45;
			}

.static-banners {
	height: 100%;
	margin-bottom: 1.5rem;
	position: static;
}

	.static-banners div {
		height: auto;
	}

	.static-banners p {
		line-height: 0;
		overflow: hidden;
	}

		.static-banners p img {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-moz-transition: all 0.3s linear;
			-webkit-transition: all 0.3s linear;
			-o-transition: all 0.3s linear;
			transition: all 0.3s linear;
		}

	.static-banners .static-banner-2:hover p img,
	.static-banners .static-banner-3:hover p img,
	.static-banners .static-banner-4:hover p img,
	.static-banners .static-banner-5:hover p img {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		-moz-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	.static-banners .static-banner-2,
	.static-banners .static-banner-3,
	.static-banners .static-banner-4,
	.static-banners .static-banner-5 {
		float: left;
		clear: none;
		width: calc((100% - 4.5rem) / 4);
		min-width: 20%;
		margin: 0;
		margin-right: 1.5rem;
	}

	.static-banners .static-banner-5 {
		margin-right: 0;
	}

		.static-banners .static-banner-2 .btext-static-banner-2,
		.static-banners .static-banner-3 .btext-static-banner-3,
		.static-banners .static-banner-4 .btext-static-banner-4,
		.static-banners .static-banner-5 .btext-static-banner-5 {
			color: #fff;
			font-family: 'Ubuntu', Arial, sans-serif;
			font-size: 1.75rem;
			/*font-size:2rem;*/
			line-height: 2rem;
			font-weight: 700;
			text-transform: uppercase;
			/*background-color:#7f9145;*/
			padding: 8px 15px 9px 15px;
			background: linear-gradient(to left, #474745 50%, #929292 50%);
			background-size: 200% 100%;
			background-position: right bottom;
			transition: all .2s ease-out;
		}

		.static-banners .static-banner-2:hover .btext-static-banner-2,
		.static-banners .static-banner-3:hover .btext-static-banner-3,
		.static-banners .static-banner-4:hover .btext-static-banner-4,
		.static-banners .static-banner-5:hover .btext-static-banner-5 {
			/*background-color:#929292;*/
			background-position: left bottom;
		}

#promo-switch {
	color: #fff;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: .9375rem;
	font-weight: 900;
	line-height: 1.125rem;
	text-transform: uppercase;
	background-color: #474745;
	/*padding:10px 15px;*/
}

	#promo-switch ul li {
		padding: 10px 15px;
	}

		#promo-switch ul li.selected {
			background-color: #929292;
		}

#homepage-promo-slider1 strong,
#homepage-promo-slider2 strong,
#homepage-promo-slider3 strong {
	color: #fff;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: .9375rem;
	font-weight: 900;
	line-height: 1.125rem;
	text-transform: uppercase;
	background-color: #474745;
	padding: 14px 15px;
	/*display: none;*/
	margin-bottom: 1.5rem;
}

#homepage-promo-slider1 .inner,
#homepage-promo-slider2 .inner,
#homepage-promo-slider3 .inner {
	width: 100%;
	height: auto;
	margin: 0;
}

#homepage-promo-slider1 .bx-pager,
#homepage-promo-slider2 .bx-pager,
#homepage-promo-slider3 .bx-pager {
	display: none;
}

.bxslider-homepage-promo {
	margin: 0;
}

/*** BREADCRUMBS ***/
header.header_basket #breadcrumbs {
	left: .625rem !important;
}

header.header_page #breadcrumbs {
	left: .625rem !important;
}

header #breadcrumbs {
	border: 1px solid #e3e3e3;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: bold;
	padding: 0 .625rem;
	background-color: #f6f6f6;
	color: #888888;
	top: 199px;
	left: 12px;
}

	header #breadcrumbs a {
		color: #333333;
		border-right: 1px solid #e3e3e3;
		padding: 0 .625rem;
		display: inline-block;
		background-color: #fff;
		margin-left: -0.625rem;
		text-transform: uppercase;
	}

		header #breadcrumbs a:hover {
			color: #000000;
		}

		header #breadcrumbs a.home {
			background-image: url('../images/icons/home_333333.svg');
			color: transparent;
			background-size: 16px 16px;
			background-repeat: no-repeat;
			background-position: center center;
			width: 37px;
		}

		header #breadcrumbs a:hover.home {
			background-image: url('../images/icons/home_000000.svg');
		}

	header #breadcrumbs .sep {
		width: .625rem;
		display: inline-block;
		text-indent: -5000px;
		background-color: transparent;
		margin: 0;
	}

/*** ITEMLIST ***/
.wrapin {
	padding-top: 50px;
	overflow:hidden;
}

#vypis-produktu .popis,
#vypis-produktu2 .popis,
#vypis-produktu3 .popis,
#vypis-produktu4 .popis,
#vypis-produktu5 .popis {
	width:100%;
	float:left;
	margin: 10px 0;
}

	#vypis-produktu .popis p,
	#vypis-produktu2 .popis p,
	#vypis-produktu3 .popis p,
	#vypis-produktu4 .popis p,
	#vypis-produktu5 .popis p {
		display:block;
	}

	#vypis-produktu,
	#vypis-produktu2,
	#vypis-produktu3 {
		width: 80%;
		/*margin-top:2.25rem;*/
	}

.woreload #vypis-produktu,
.woreload #vypis-produktu2,
.woreload #vypis-produktu3 {
	padding: 0;
}

#vypis-produktu h1,
#vypis-produktu2 h1,
#vypis-produktu3 h1 {
	font: 700 25px/30px "Ubuntu", Arial, sans-serif;
	text-transform: uppercase;
	padding-bottom: 10px;
	color: #777777;
}

.product {
	margin: 12px;
	width: calc((100% - 72px) / 3);
	border: 1px solid #e5e5e5;
	border-radius:3px;
	height: 488px;
	-moz-transition: box-shadow 0.2s linear;
    -webkit-transition: box-shadow 0.2s linear;
    -o-transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear;
}

	.product:hover {
		-moz-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2);
		-moz-transition: box-shadow 0.2s linear;
        -webkit-transition: box-shadow 0.2s linear;
        -o-transition: box-shadow 0.2s linear;
	}

	.product .image {
		height: 277px;
		background-color: #ffffff;
		margin-top: 40px;
	}

		.product .image img {
			padding: 8px;
			max-width: 100%;
			max-height: 100%;
		}

	.product .name {
		padding: 0 .5rem;
		height: auto;
		border-bottom: none;
		top: 352px;
	}

		.product .name h2 {
			font-family: "Ubuntu", Arial, sans-serif;
			font-size: 16px;
			line-height: 1.2;
			font-weight: 700;
			color: #323232;
			margin: 0;
			text-align: center;
			max-height: 40px;
			overflow: hidden;
		}

	.product:hover .name h2 {
		color: #80ac45;
	}

	.product .path {
		display: none;
	}

	.product .optional {
		padding: 0 .5rem;
		top: 10px;
		color: #222222;
		font: 700 14px/14px "Ubuntu", sans-serif;
	}

	.product .optional2 {
		position:absolute;
		width:100%;
		padding: 0 .5rem;
		top: 394px;
		color: #236467;
		font: 700 14px/14px "Ubuntu", sans-serif;
		text-align:center;
	}

	.product .cost {
		padding: 0 .5rem;
		width: 100%;
		height: auto;
		top: 320px;
	}

		.product .cost .label {
			display: none;
		}

		.product .cost .value {
			font-family: "Poppins", Arial, sans-serif;
			font-size: 24px;
			line-height: 31px;
			font-weight: 500;
			color:#80ac45;
			float: left;
			text-align: center;
			width: 100%;
		}

			.product .cost .value.show-original-cost-value {
				width: 100%;
				color:#80ac45;
				text-align: center;
				padding: 0;
			}

	.product .cost_original {
		top: 320px;
		width: 50%;
	}

		.product .cost_original .label {
			display: none;
		}

		.product .cost_original .value {
			color:#bbbbbb;
			/*font: 400 16px/16px "Ubuntu", Arial, sans-serif;*/
			font: 500 14px/16px "Poppins", Arial, sans-serif;
			padding-left: 10px;
			width: 100%;
			text-align: left;
			padding-top: 0 !important;
		}

	.product .other_sign {
		top: 314px;
		height: 44px;
		padding: 5px;
		display: block;
	}

		.product .other_sign .discount,
		.product .other_sign .discount_logged,
		.product .other_sign .item_count {
			border: none;
			background: transparent;
			box-shadow: none;
			height: auto;
			width: auto;
		}

			.product .other_sign .discount .in,
			.product .other_sign .discount_logged .in,
			.product .other_sign .item_count .in {
				font: 500 18px/20px "Poppins", Arial, sans-serif;
				border: none;
				border-radius: 5px;
				background: #80ac45;
				color: #ffffff;
				height: 30px;
				width: 55px;
				padding: 5px;
				text-shadow: none;
				/*left:5px;
				top:5px;*/
			}

	.product .dph0 {
		padding: 0 .5rem;
		width: 100%;
	}

	.product .promo {
		padding: 0 .5rem;
	}

	.product .colors {
		padding: 0 .5rem;
	}


		.product .addtobasket input {
			display: none;
		}

			.product .addtobasket input.koupit {
				display: block;
				float:left;
				width: 100%;
				height:46px;
				padding: 10px 10px 12px;
				font-family: "Ubuntu";
				font-size: 19px;
				line-height:26px;
				font-weight: 700;
				letter-spacing:.5px;
				color: #fff;
				background:url('../icons/shopping-cart_ffffff.svg') no-repeat;
				background-color: #80ac45;
				background-size: 30px;
				background-position: 15px center;
				border-radius:3px;
				text-transform: uppercase;
				-moz-transition: background-color 0.3s linear;
				-webkit-transition: background-color 0.3s linear;
				-o-transition: background-color 0.3s linear;
				transition: background-color 0.3s linear;
			}

			.product .addtobasket input.koupit.predobjednat {
				background-color:#236467;
			}

				.product .addtobasket input.koupit:hover {
					background-color: #525252;
					-moz-transition: background-color 0.3s linear;
					-webkit-transition: background-color 0.3s linear;
					-o-transition: background-color 0.3s linear;
					transition: background-color 0.3s linear;
				}

/*** STRANKOVANI ***/
#strankovani,
#strankovani2 {
	color: #000;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 1rem;
}

#strankovani span,
#strankovani2 span {
	display:inline-block;
	margin:0 5px;
}

	#strankovani a,
	#strankovani2 a,
	#strankovani span.wo,
	#strankovani2 span.wo {
		color: #555555;
		background: #f2f2f2;
		font-size: 1rem;
		line-height: 35px;
		font-weight: 700;
		width: 35px;
		height: 35px;
		text-shadow: none;
		box-shadow: none;
		border: none;
		border-radius:3px;
		padding: 0 10px;
		margin: 0 5px;
		width:auto;
		min-width:35px
	}

		#strankovani a:hover,
		#strankovani2 a:hover,
		#strankovani span.wo:hover,
		#strankovani2 span.wo:hover {
			background-color: #525252;
			color: #ffffff;
		}

	#strankovani strong,
	#strankovani2 strong {
		color: #ffffff;
		background: #525252;
		font-size: 1rem;
		line-height: 35px;
		font-weight: 700;
		width: auto;
		min-width:35px;
		height: 35px;
		text-shadow: none;
		box-shadow: none;
		border: none;
		border-radius:3px;
		padding: 0 10px;
		margin: 0 5px;
	}

	#strankovani .prev,
	#strankovani .next,
	#strankovani2 .prev,
	#strankovani2 .next,
	#strankovani span.prev,
	#strankovani2 span.prev,
	#strankovani span.next
	#strankovani2 span.prev {
		color: #555555 !important;
		background-color:#f2f2f2 !important;
		border-radius:3px;
		font-size: 1rem;
		font-weight: 700;
		height: 35px;
		line-height: 35px;
		width:auto !important;
		margin:0;
		padding:0 10px
	}

	#strankovani span.prev,
	#strankovani span.next,
	#strankovani2 span.prev,
	#strankovani2 span.next {
		cursor: not-allowed;
		background-color:#ffffff !important;
	}

	#strankovani .prev,
	#strankovani2 .prev,
	#strankovani span.prev,
	#strankovani2 span.prev {
		background-image: url('../images/icons/caret-left_525252_bolder_round.svg') !important;
		background-size: 12px !important;
		background-repeat: no-repeat !important;
		background-position: left 8px center !important;
		text-indent: 0;
		padding-left:30px !important;
	}

	#strankovani .next,
	#strankovani2 .next,
	#strankovani span.next,
	#strankovani2 span.next {
		background-image: url('../images/icons/caret-right_525252_bolder_round.svg') !important;
		background-size: 12px !important;
		background-repeat: no-repeat !important;
		background-position: right 8px center !important;
		text-indent: 0;
		padding-right:30px !important;
	}

	#strankovani .prev:first-letter,
	#strankovani .next:first-letter,
	#strankovani2 .prev:first-letter,
	#strankovani2 .next:first-letter {
		text-transform: uppercase;
	}

	#strankovani span.prev.wo,
	#strankovani span.next.wo,
	#strankovani2 span.prev.wo,
	#strankovani2 span.next.wo {
		cursor: pointer;
		border: none;
		color: #000 !important;
	}

		#strankovani a.prev:hover,
		#strankovani a.next:hover,
		#strankovani2 a.prev:hover,
		#strankovani2 a.next:hover {
			background-color: #525252 !important;
			color: #fff !important;
		}

	#strankovani a.prev:hover,
	#strankovani2 a.prev:hover {
		background-image: url('../images/icons/caret-left_ffffff_bolder_round.svg') !important;
	}

	#strankovani a.next:hover,
	#strankovani2 a.next:hover {
		background-image: url('../images/icons/caret-right_ffffff_bolder_round.svg') !important;
	}

#next a {
	background: #525252;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	font-weight: 700;
	width: auto !important;
	height: auto;
	border-top: none;
	border-radius:3px;
	padding: 15px 30px;
	text-shadow: none;
	text-transform: uppercase;
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

	#next a:hover {
		background: #80ac45;
		-moz-transition: background 0.2s linear;
		-webkit-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		transition: background 0.2s linear;
	}

/*** KATEGORIE ***/
#categories,
#mcategories {
	/*margin: 0 0 1.5rem 0;*/
	padding: 2rem .75rem 0 0;
	width: 22%;
}

	/*#categories ul,
	#mcategories ul {
        border-top: 1px solid #d6d4d4;
    }*/

	#categories li,
	#mcategories li {
		background: #fff;
		border-bottom: 1px solid #d6d4d4;
		height: auto;
		font-size: 0;
		line-height: 0;
	}

		#categories li a,
		#mcategories li a {
			font-family: 'Ubuntu', Arial, sans-serif;
			height: auto;
			color: #929292;
		}

		#categories li.level0 a,
		#mcategories li.level0 a,
		#categories li.level1 a,
		#mcategories li.level1 a,
		#categories li.level2 a,
		#mcategories li.level2 a,
		#categories li.level3 a,
		#mcategories li.level3 a {
			font-size: .8725rem;
			line-height: .875rem;
			font-weight: normal;
			text-indent: 0;
			background-image: url('../images/icons/right-carret_787878_bold.svg');
			background-size: 8px 8px !important;
			background-repeat: no-repeat !important;
			background-position: 5px center !important;
			padding: 8px 0 8px 20px;
			-moz-transition: background-position 0.2s linear;
			-webkit-transition: background-position 0.2s linear;
			-o-transition: background-position 0.2s linear;
			transition: background-position 0.2s linear;
		}

		#categories li.level0,
		#mcategories li.level0,
		#categories li.level0.selected,
		#mcategories li.level0.selected,
		#categories li.level0.selectedtree,
		#mcategories li.level0.selectedtree {
			border: none;
		}

		#categories li:hover.level0,
		#mcategories li:hover.level0,
		#categories li:hover.level0.selected,
		#mcategories li:hover.level0.selected,
		#categories li:hover.level0.selectedtree,
		#mcategories li:hover.level0.selectedtree {
			background: none !important;
		}

		#categories li.level0 a,
		#mcategories li.level0 a,
		#categories li.level0.selected a,
		#mcategories li.level0.selected a,
		#categories li.level0.selectedtree a,
		#mcategories li.level0.selectedtree a {
			font: 500 18px/22px 'Ubuntu', sans-serif !important;
			padding: 19px 28px !important;
			background: #f2f2f2 !important;
			color: #555555 !important;
			text-transform: uppercase !important;
			/*height:58px;*/
			border: none;
			border-radius: 3px;
			margin-bottom: 20px;
		}

			#categories li.level0 a:hover,
			#mcategories li.level0 a:hover {
				color: #80ac45 !important;
				background-color: #f2f2f2 !important
				/*background-position: 8px center !important;
                -moz-transition: background-position 0.2s linear;
                -webkit-transition: background-position 0.2s linear;
                -o-transition: background-position 0.2s linear;
                transition: background-position 0.2s linear;*/
			}

		#categories li.level1 a,
		#mcategories li.level1 a {
			padding-left: 40px;
			background-position: 25px center !important;
			text-transform: uppercase;
		}

			#categories li.level1 a:hover,
			#mcategories li.level1 a:hover {
				background-position: 28px center !important;
				-moz-transition: background-position 0.2s linear;
				-webkit-transition: background-position 0.2s linear;
				-o-transition: background-position 0.2s linear;
				transition: background-position 0.2s linear;
			}

		#categories li.level2 a,
		#mcategories li.level2 a {
			padding-left: 60px;
			background-position: 45px center !important;
			text-transform: uppercase;
		}

			#categories li.level2 a:hover,
			#mcategories li.level2 a:hover {
				background-position: 48px center !important;
				-moz-transition: background-position 0.2s linear;
				-webkit-transition: background-position 0.2s linear;
				-o-transition: background-position 0.2s linear;
				transition: background-position 0.2s linear;
			}


		#categories li.level3 a,
		#mcategories li.level3 a {
			padding-left: 80px;
			background-position: 65px center !important;
			text-transform: uppercase;
		}

			#categories li.level3 a:hover,
			#mcategories li.level3 a:hover {
				background-position: 68px center !important;
				-moz-transition: background-position 0.2s linear;
				-webkit-transition: background-position 0.2s linear;
				-o-transition: background-position 0.2s linear;
				transition: background-position 0.2s linear;
			}

		/*#categories li.level0 a:first-letter,
            #mcategories li.level0 a:first-letter,
            #categories li.level1 a:first-letter,
            #mcategories li.level1 a:first-letter,
            #categories li.level2 a:first-letter,
            #mcategories li.level2 a:first-letter,
            #categories li.level3 a:first-letter,
            #mcategories li.level3 a:first-letter {
                text-transform: uppercase;
            }*/

		#categories li.selected a,
		#mcategories li.selected a,
		#categories li.selectedtree a,
		#mcategories li.selectedtree a {
			background-color: #fff !important;
			background-image: url('../images/icons/right-carret_000000_bold.svg') !important;
			color: #000;
			font-weight: 700;
		}

		#categories li:hover,
		#mcategories li:hover,
		#categories li:hover a,
		#mcategories li:hover a {
			background-color: #f6f6f6 !important;
			text-decoration: none;
			color: #929292;
		}

		#categories li.selectedtree:hover a,
		#mcategories li.selectedtree:hover a,
		#categories li.selected:hover a,
		#mcategories li.selected:hover a {
			color: #000;
		}

/*** MCATEGORIES ***/
#mcategories {
	padding: 0 .75rem 0 12px;
	width: 20%;
}

	#mcategories li.selected a {
	}


/*** MENU NAD ****/
#banner-nad-menu,
#banner-pod-menu,
#promo-subcategories {
	float:left;
	clear:left;
	width:20%;
	padding: 0 .75rem 0 0px;
	margin-top:10px;
}

	#promo-subcategories ul,
	#banner-nad-menu ul,
	#banner-pod-menu ul {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style:none;
	}
	
		#promo-subcategories ul li {
			
		}
		
			#promo-subcategories ul li a {
				position:relative;
				display: inline-block;
				width: 100%;
				padding: 8px 0;
				border-radius: 3px;
				font-size: .8725rem;
				line-height: .875rem;
				font-weight: 400;
				font-weight: 700;
				text-align: center;
				color: #ffffff;
				-moz-transition: background-color 0.3s linear;
				-webkit-transition: background-color 0.3s linear;
				-o-transition: background-color 0.3s linear;
				transition: background-color 0.3s linear;
			}

			#promo-subcategories ul li a:hover {
				-moz-transition: background-color 0.3s linear;
				-webkit-transition: background-color 0.3s linear;
				-o-transition: background-color 0.3s linear;
				transition: background-color 0.3s linear;
				/*background-color: #666;*/
				/*color:#80ac45;*/
				color:#fff;
			}

	#promo-subcategories .akce,
	#banner-nad-menu .akce {
		background: #aa3c39;
		display:inline-block !important;
	}

	#promo-subcategories .dovoz,
	#banner-nad-menu .dovoz {
		background: #770698;
	}	

	#promo-subcategories .new,
	#banner-nad-menu .new {
		background: #067898;
	}

	#promo-subcategories .top_20,
	#banner-nad-menu .top_20 {
		background: #008e2B;
	}

	#promo-subcategories .pripravujeme,
	#banner-nad-menu .pripravujeme {
		background: #236467;
	}
	
	#promo-subcategories .dovoz,
	#banner-nad-menu .dovoz {
		background: #770698;
	}	

	#promo-subcategories .speciality,
	#banner-nad-menu .special {
		background: #f4ab01;
	}

	#promo-subcategories .exklusiv,
	#banner-nad-menu .exkluziv {
		background: #AA6D39;
	}

	#promo-subcategories .akce:hover,
	#banner-nad-menu .akce:hover {
		background: #993633;
		display: inline-block !important;
	}

	#promo-subcategories .new:hover,
	#banner-nad-menu .new:hover {
		background: #056c89;
	}

	#promo-subcategories .top_20:hover,
	#banner-nad-menu .top_20:hover {
		background: #007222;
	}

	#promo-subcategories .pripravujeme:hover,
	#banner-nad-menu .pripravujeme:hover {
		background: #1f5a5d;
	}
	
	#promo-subcategories .dovoz:hover,
	#banner-nad-menu .dovoz:hover {
		background: #60057a;
	}	

	#promo-subcategories .speciality:hover,
	#banner-nad-menu .special:hover {
		background: #db9a01;
	}

	#promo-subcategories .exklusiv:hover,
	#banner-nad-menu .exkluziv:hover {
		background: #996233;
	}

	#promo-subcategories .vyprodej,
	#banner-nad-menu .vyprodej {
		display:none;
	}
	
	#promo-subcategories .vyprodano,
	#banner-nad-menu .vyprodano {
		display:none;
	}	
	
	#promo-subcategories .nejprodavanejsi,
	#banner-nad-menu .nejprodavanejsi {
		display:none;
	}		

	#promo-subcategories .dovoz:hover,
	#banner-nad-menu .dovoz:hover {
		background: #60057a;
	}	






	#promo-subcategories li,
	#banner-nad-menu li {
		background: #fff;
		height: auto;
		font-size: 0;
		line-height: 0;
		margin-bottom:3px;
	}

	#banner-nad-menu li:last-child {
		border:none;
	}

		#promo-subcategories li a.another-promo {
			/*background-color: #525252;*/
			background-color: #eeeeee;
			color:#929292;
		}

			/*#promo-subcategories li a.another-promo.speciality {
				background-color: rgba(244, 171, 1,.8);
			}

			#promo-subcategories li a.another-promo.pripravujeme {
				background-color: rgba(35, 100, 103,.8);
			}

			#promo-subcategories li a.another-promo.new {
				background-color: rgba(6, 120, 152,.8);
			}

			#promo-subcategories li a.another-promo.exklusiv {
				background-color: rgba(170, 109, 57,.8);
			}

			#promo-subcategories li a.another-promo.akce {
				background-color: rgba(170, 60, 57,.8);
			}*/

			#promo-subcategories li a.another-promo:after {
				/*display: block;
				content: "";
				height: 30px;
				position: absolute;
				line-height: 0;
				top: 0;
				width: 100%;
				background-color: rgba(255,255,255,.2);
				background-color: rgba(0,0,0,.2);*/
			}

			#banner-nad-menu li a {
			display: inline-block;
			width: 100%;
			padding: 8px 0;
			border-radius: 3px;
			font-size: .8725rem;
			line-height: .875rem;
			font-weight: 400;
			font-weight: 700;
			text-align: center;
			color: #ffffff;
			-moz-transition: background-color 0.3s linear;
			-webkit-transition: background-color 0.3s linear;
			-o-transition: background-color 0.3s linear;
			transition: background-color 0.3s linear;
		}

			#banner-nad-menu li a:hover {
				background-color: #525252;
				/*color:#80ac45;*/
			}

/*** FILTROVANI ***/
#filtrovani {
	margin: 1.5rem 0;
	padding: 0 .75rem 0 12px;
	width: 20%;
}

	#filtrovani h2 {
		/*color: #f8b109;*/
		color: #929292;
		font-size: .8125rem;
		line-height: 1.125rem;
		font-weight: bold;
		font-family: 'Ubuntu', Arial, sans-serif;
		margin: 0;
	}

	#filtrovani .par {
		padding: 5px 0;
		margin-bottom: 10px;
		max-height:100% !important;
	}

	#filtrovani li,
	#costfilter li {
		padding: 3px 0;
		margin: 0;
	}

		#filtrovani li i,
		#costfilter li i {
			color: #777;
			opacity: 1;
		}

		#filtrovani li:hover {
			/*color: #f8b109;*/
			color: #000000;
		}

		#filtrovani li a {
			font-family: 'Ubuntu', Arial, sans-serif;
			font-size: .8125rem;
			font-weight: 400;
			line-height: 1.125rem;
			padding-left: 6px;
			color: #777777;
		}

		#filtrovani li:hover a {
			color: #000000;
		}

		#filtrovani li.selected a {
			/*font-weight: bold;*/
			color: #000000;
		}

		/*#filtrovani li.droplink span,
		#filtrovanitop li.droplink span,
		#costfilter li.droplink span,
		#filtrovani li.droplink a,
		#filtrovanitop li.droplink a,
		#costfilter li.droplink a {
			background: url('../images/icons/cross_777777_bold.svg') center left/10px no-repeat;
			margin: 0;
			text-indent: 20px;
			text-decoration: none;
			color: #777777;
			padding-left: 16px;
			text-indent: 0;
		}

			#filtrovani li.droplink:hover span,
			#filtrovanitop li.droplink:hover span,
			#costfilter li.droplink:hover span,
			#filtrovani li.droplink:hover a,
			#filtrovanitop li.droplink:hover a,
			#costfilter li.droplink:hover a {
				background-image: url('../images/icons/cross_000000_bold.svg');
				color: #000000;
			}*/

		#filtrovani li.load_next {
			background-image: url('../icons/carret-down-gray.svg');
			background-size: 8px 8px;
			background-position: 2px 6px;
			margin: 0;
			text-indent: 20px;
			text-decoration: none;
			color: #777;
		}

		/*#filtrovani li input[type="checkbox"] + label span {
			margin: 0;
			width: 17px;
			height: 20px
		}

		#filtrovani li input[type="checkbox"]:checked + label span {
			background-image: url('../images/icons/check-square-zonazabavy_check.svg');
			background-position: top;
			background-size: 17px 17px;
			background-repeat: no-repeat;
		}

		#filtrovani li input[type="checkbox"] + label span {
			background-image: url('../images/icons/check-square-zonazabavy_uncheck.svg');
			background-position: top;
			background-size: 17px 17px;
			background-repeat: no-repeat;
		}

		#filtrovani li:hover input[type="checkbox"]:checked + label span {
			background-image: url('../images/icons/check-square-zonazabavy_check.svg');
			background-position: top;
		}

		#filtrovani li:hover input[type="checkbox"] + label span {
			background-image: url('../images/icons/check-square-zonazabavy_uncheck_focus.svg');
			background-position: top;
			color: #666;
		}*/

.ui-corner-all {
	border-radius: 4px !important;
}

#filtrovani #costfilter {
	padding: 0 4%;
}

#cost-slider {
	background: #fff;
}

	#cost-slider .ui-slider-handle {
		height: 20px;
		margin-top: 0;
	}

	#cost-slider .ui-slider-range {
		/*background: #f8b109;*/
		background: #929292;
	}

		#filtrovani .par.par-rok {
		margin:0;
		padding-bottom:0;
	}

	#filtrovani .par.par-pripravujeme {
		padding-top:0;
	}

	h2.par-pripravujeme {
		display:none;
	}

	#filtrovani .par-pripravujeme li {
		width:50%;
		clear:none;
	}

.ui-widget-content {
	border-color: #ddd !important;
}

#razeni-select {
	top: -.75rem;
	/*right: 1.5rem;*/
	margin: 0 .75rem .75rem 0;
	position:static;
	float:right;
	width:100%;
}

	#razeni-select select {
		font-size: 16px;
		font-family: "Ubuntu",Arial, sans-serif;
		font-weight: 700;
	}	
	
	.select-wrapper {
		width:240px;
		float:right;
	}

/*** ITEM DETAIL ***/
#vypis-produktu #image-box {
	width: 60%;
	float: left;
	clear: left;
}

#vypis-produktu #detail-images {
	float: right;
	width: 80%;
	width: calc(100% - 126px);
	margin-left: 11px;
	border: 1px solid #dddddd;
	height: 700px;
}

#vypis-produktu .detail-images-in {
	/*height:700px;*/
}

#vypis-produktu .main-image {
	height: 700px;
}

	#vypis-produktu .main-image .bx-wrapper .bx-viewport {
		height: 700px;
	}

	#vypis-produktu .main-image ul li {
		/*left:-4px;*/
	}

#vypis-produktu #image-box .detail-other-images-in,
#vypis-produktu #image-box .detail-other-images-in-all {
	float: left;
	clear: none;
	width: 115px;
	height: 700px;
	overflow-y: auto;
	overflow-x: hidden;
	direction: rtl;
}

#vypis-produktu #image-box .detail-other-images-in .splide__track,
#vypis-produktu #image-box .detail-other-images-in-all .splide__track {
	height: 700px !important;
}

#vypis-produktu .main-image ul li .outer {
	position: relative;
	height: 700px;
}

#detail-images .splide__track {
	height: 700px;
}

#vypis-produktu .other-images {
	text-align: right;
	height: 700px;
}

	#vypis-produktu .other-images a {
		float: left;
    clear: left;
		margin-top: 10px;
	}

		#vypis-produktu .other-images a:first-child {
			margin: 0;
		}

		#vypis-produktu .other-images a:hover,
		#vypis-produktu .other-images a.active {
			border-color: #777777;
		}

#vypis-produktu #info-box {
	width: 40%;
	margin: 2.25rem 0 1.5rem 0;
	padding: 0 0 0 .75rem;
	border-right: 0;
}

#vypis-produktu #info-box2 {
	margin: 0;
	padding: 0 0 0 .75rem;
	width: 100% !important;
	float: left !important;
}

#vypis-produktu #info-box3 {
	margin-top: 20px;
	border-top: 1px solid #dddddd;
	padding-top: 10px;
}

#vypis-produktu #countandsubmit .koupit {
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: 900;
	text-transform: uppercase;
	width: 57%;
	/*background-color: #7f9145;*/
	background-color: #80ac45;
	background-image: url('../images/icons/shopping-cart_ffffff.svg');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 10px center;
	border-top: none;
	border-radius: 3px;
	padding-left: 40px;
	padding-right: 10px;
	text-shadow: none;
	-moz-transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

#vypis-produktu #countandsubmit .koupit.predobjednat {
	background-color:#924174;
}

	#vypis-produktu #countandsubmit .koupit:hover {
		background-color: #525252;
		-moz-transition: background-color 0.3s linear;
		-webkit-transition: background-color 0.3s linear;
		-o-transition: background-color 0.3s linear;
		transition: background-color 0.3s linear;
	}

#vypis-produktu #countandsubmit #qtyminus {
	height: 40px;
	margin: 0;
	border-radius: 3px 0 0 3px;
	-moz-transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

	#vypis-produktu #countandsubmit #qtyminus:hover {
		background-color: #f6f6f6;
		-moz-transition: background-color 0.3s linear;
		-webkit-transition: background-color 0.3s linear;
		-o-transition: background-color 0.3s linear;
		transition: background-color 0.3s linear;
	}

#vypis-produktu #countandsubmit .pocet {
	margin: 0;
	height: 40px;
}

#vypis-produktu #countandsubmit #qtyplus {
	height: 40px;
	margin: 0;
	border-radius: 0 3px 3px 0;
	-moz-transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

	#vypis-produktu #countandsubmit #qtyplus:hover {
		background-color: #f6f6f6;
		-moz-transition: background-color 0.3s linear;
		-webkit-transition: background-color 0.3s linear;
		-o-transition: background-color 0.3s linear;
		transition: background-color 0.3s linear;
	}

#vypis-produktu #info-box div,
#vypis-produktu #info-box h1 {
	border: 0;
	padding: 0;
	margin: 0;
}

#vypis-produktu #info-box #basketFormId > div {
	margin-bottom: .75rem;
	margin-top: .75rem;
	float:left;
}

#vypis-produktu #info-box #basketFormId > div.info {
	margin:0;
	margin-bottom: .75rem;
}

#vypis-produktu #info-box #basketFormId > input {
	margin-bottom: .75rem;
	margin-top: .75rem;
}

#vypis-produktu #info-box #basketFormId #foto_gifts {
	margin: 0;
}

#vypis-produktu #info-box #breadcrumbs {
	position: relative;
	color: transparent;
	top:0;
	left:0;
}

	#vypis-produktu #info-box #breadcrumbs .in {
		position: absolute;
		top: -40px;
		height: 30px;
		font-size:0;
	}

	#vypis-produktu #info-box #breadcrumbs a {
		display: none;
	}

	#vypis-produktu #info-box #breadcrumbs span {
		display: none;
	}

	#vypis-produktu #info-box #breadcrumbs a:not(.home):nth-last-child(2) {
		display: inline-block;
		color: #000000;
		font: 700 30px/30px 'Ubuntu', sans-serif;
	}

#vypis-produktu #info-box .nazev {
}

	#vypis-produktu #info-box .nazev h1 {
		margin: 0;
		padding: 0;
		font-size: 25px;
		line-height: 28px;
		text-transform: none;
		font-weight: 400;
		color: #3a3a3a;
	}

#vypis-produktu #info-box #cost {
}

#vypis-produktu #costs .cost {
	width: auto;
	float: left;
	clear: none;
}

	#vypis-produktu #costs .cost .label {
		display: none;
	}

	#vypis-produktu #costs .cost .value {
		color: #80ac45;
		width: auto;
		font: 500 30px/32px 'Ubuntu', Arial, sans-serif;
	}

#vypis-produktu .cost_original {
	width: auto;
	float: left;
	clear: none;
	margin-left: 10px;
}

	#vypis-produktu .cost_original .label {
		display: none;
	}

	#vypis-produktu .cost_original .value {
		font: 400 16px/16px 'Ubuntu', Arial, sans-serif;
		width: 100%;
		text-align: left;
		color: #888888;
		text-decoration: line-through;
		width: auto;
		height: 32px;
		padding-left: 10px !important;
		padding-top: 14px !important;
	}

#vypis-produktu .save .label {
	display: none;
}

#vypis-produktu .save .value {
	color: transparent;
}

	#vypis-produktu .save .value .percent {
		font: 500 18px/20px "Ubuntu", Arial, sans-serif;
		border: none;
		border-radius: 5px;
		background: #80ac45;
		color: #ffffff;
		height: auto;
		width: auto;
		padding: 5px;
		height: 30px;
		position: absolute;
		right: 0;
		top: 0;
		/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	}

#vypis-produktu #info-box .info .line {
	margin-bottom: 15px;
	line-height: 1.2em;
	text-align: justify;
	float:left;
	clear:left;
	width:100%;
}

#vypis-produktu #info-box .info .line.zemepuvodu {
	background:none !important;
}

#vypis-produktu #info-box .info .line.doporuceny_vek img {
	height:60px;
	width:auto;
}

.global_code_variants {
	float:left;
	clear:left;
	width:100%;
}

#vypis-produktu .count {
	display:none;
	width:auto !important;
}

#vypis-produktu .count .label {
	display:none !important;
}

#vypis-produktu .count div {
	color: #80ac45;
	text-transform: uppercase;
	font: 700 14px "Ubuntu", sans-serif;
	float:left;
	clear:left;
	width:auto;
}

#vypis-produktu .count div.pripravujeme,
#vypis-produktu .count div.we-prepare {
	color:#236467;
}

#vypis-produktu .expected_date {
	float:left;
	clear:none;
	color:#236467;
	text-transform: uppercase;
	font: 700 14px "Ubuntu", sans-serif;
}

#vypis-produktu #share .label,
#vypis-produktu .global_code_variants .label,
.count .label,
#vypis-produktu .count .label,
#vypis-produktu #info-box .info .label {
	width: 25%;
	float: left;
	clear: left;
	color: #000;
	display: inline;
	font: 700 14px/18px "Ubuntu", Arial, sans-serif;
}

#vypis-produktu .fcount {
	float:left;
	clear:left;
	width:auto !important;
	display:block !important;
	padding-top:0;
	border:none;
}

#vypis-produktu .fcount .label {
	display:none !important;
}

#vypis-produktu .fcount div {
	color: #80ac45;
	text-transform: uppercase;
	font: 700 14px "Ubuntu", sans-serif;
	float:left;
	clear:left;
	width:auto;
}

#vypis-produktu .fcount div.pripravujeme,
#vypis-produktu .fcount div.we-prepare,
#vypis-produktu .fcount div.pripravovane,
#vypis-produktu .fcount div.kozelg,
#vypis-produktu .fcount div.przygotowujemy {
	color:#236467;
}

#vypis-produktu #share .label,
#vypis-produktu .global_code_variants .label {
	width:100% !important;
	margin-bottom:5px !important;
}

.variant_item {
	float:left;
	clear:left;
	width:100%;
	height:60px;
}

	.variant_item .image {
		float:left;
		clear:left;
		width:50px;
		position:relative;
		margin-right:10px !important;
	}
	
	.variant_item .image .outer {
		width:50px;
		height:50px;
	}
	

	.variant_item .image .outer img {
	    position: absolute;
	    margin: auto;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}



	.variant_item .nazev {
		font: 500 10px/5px "Ubuntu", Arial, sans-serif;
	}
	
	.variant_item .cost {
		font: 500 12px/5px "Ubuntu", Arial, sans-serif;
		color: #80ac45;
	}

#vypis-produktu #info-box .info .pripravujemetext .label {
	color: #236467;
	font-weight: bold;
}

#vypis-produktu #info-box .info .pripravujemetext .label {
	color: #924174;
	font-weight: bold;
}


#vypis-produktu #info-box .info .value {
	width: auto;
	float: none;
	clear: none;
	padding-left: 0px;
	font: 500 14px/14px 'Ubuntu', Arial, sans-serif;
	display: inline;
}

	#vypis-produktu #info-box .info .value strong {
		color: #924174;
	}

#vypis-produktu .save .value .percent .bracket {
	display: none;
}

#vypis-produktu #info-box #storages {
	margin-top: 10px;
}

#vypis-produktu #info-box #social-sites {
	width: 50%;
	float: right;
}

#vypis-produktu #info-box #share {
	width: 50%;
}

#vypis-produktu #dotaz-na-prodejce {
	width: 100%;
}

	#vypis-produktu #dotaz-na-prodejce strong {
		width: 30%;
		line-height: 2rem;
		margin-bottom: .5rem;
	}

	#vypis-produktu #dotaz-na-prodejce input {
		width: 70%;
		height: 2rem;
		float: none;
		margin-bottom: .5rem;
		text-indent: 6px;
	}

	#vypis-produktu #dotaz-na-prodejce span {
		padding-left: 5px;
		float: none;
	}

	#vypis-produktu #dotaz-na-prodejce textarea {
		width: 70%;
		height: 5rem;
		margin-bottom: .5rem;
	}

	#vypis-produktu #dotaz-na-prodejce img {
		width: 70%;
		margin-bottom: .5rem;
	}

	#vypis-produktu #dotaz-na-prodejce button {
		width: 35%;
		font-family: 'Ubuntu', Arial, sans-serif;
		font-size: 1rem;
		line-height: 1.0625rem;
		font-weight: 900;
		text-transform: uppercase;
		background: #008abf;
		border: none;
		-moz-transition: background-color 0.3s linear;
		-webkit-transition: background-color 0.3s linear;
		-o-transition: background-color 0.3s linear;
		transition: background-color 0.3s linear;
	}

		#vypis-produktu #dotaz-na-prodejce button:hover {
			background-color: #000;
			-moz-transition: background-color 0.3s linear;
			-webkit-transition: background-color 0.3s linear;
			-o-transition: background-color 0.3s linear;
			transition: background-color 0.3s linear;
		}

/*** PROMO ***/
#vypis-produktu.detail .promo {
	top: 0;
	margin-left: 1.5rem;
}

.product .promo {
	top: 8px;
	margin-left: 0;
	overflow: visible;
}

#vypis-produktu #image-box .promo {
	margin-left: 136px;
	margin-top: 10px;
}

#vypis-produktu #info-box .promo {
	position: static;
	width: 100%;
	display: flex;
}

.promo div {
	color: #ffffff;
	font: 700 12px/14px 'Ubuntu', sans-serif;
	padding: 7px 5px !important;
	margin: 0 1px 1px 0 !important;
	text-transform: capitalize;
	min-width: 50px;
	border-radius: 3px;
	text-transform: uppercase;
	float: left;
}

.product .promo div {
	color: #ffffff;
	font: 700 12px/14px 'Ubuntu', sans-serif;
	padding: 7px 5px !important;
	text-transform: capitalize;
	min-width: 50px;
	border-radius: 3px;
	text-transform: uppercase;
	float: right;
	clear: right;
}


.product:hover .promo div {
	/*opacity:.5;*/
}

.promo .new {
	background: #333333;
	color: #fff;
}

.promo .pripravujeme {
	background: #924174;
	color: #fff;
}

.promo .akce {
	background: #AA3C39;

}

.promo .nejprodavanejsi {
	background: #257B7F;
}

.promo .vyprodano {
	background: #e30000;
}

.promo .vyprodej {
	background: #3399ff;
}

.promo .skladem {
	display: none;
}

.product .promo .skladem {
	display: block;
	background: none;
	color: #80ac45;
	position: absolute;
	top: 393px;
	left: 50%;
	margin-left: -34px !important;
	text-transform: none;
	font-size: 14px;
}

.promo .neniskladem,
.product .promo .neniskladem {
	display: none;
}

/*** KOSIK ***/


#basket-steps .stpn {
	color: #fff;
	text-shadow: 1px 1px #208931;
	font-size: 16px;
	line-height: 1.3125rem;
	font-weight: bold;
	background: #80ac45;
	background-image: none;
	background-position-x: 0%;
	background-position-y: 0%;
	background-image: url('../../images/basket-steps-bg.png');
	background-image: url('../../images/basket-steps-bg.png'), -webkit-gradient(from(#80ac45), to(#80ac45));
	background-image: url('../../images/basket-steps-bg.png'), -webkit-linear-gradient(#80ac45, #80ac45);
	background-image: url('../../images/basket-steps-bg.png'), -moz-linear-gradient(#80ac45, #80ac45);
	background-image: url('../../images/basket-steps-bg.png'), -ms-linear-gradient(#80ac45, #80ac45);
	background-image: url('../../images/basket-steps-bg.png'), -o-linear-gradient(#80ac45, #80ac45);
	background-image: url('../../images/basket-steps-bg.png'), linear-gradient(#80ac45, #80ac45);
	background-position: right center, center center;
}

#basket-steps .stpo {
	color: #000;
	text-shadow: 1px 1px #fff;
	font-size: 1.0625rem;
	line-height: 1.3125rem;
	font-weight: bold;
}

#basket-steps .stpa {
	background: #6b6b6b;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
	font-size: 1.0625rem;
	line-height: 1.3125rem;
	font-weight: bold;
}

#basket-steps .stpb {
	background: #6b6b6b;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
	font-size: 1.0625rem;
	line-height: 1.3125rem;
	font-weight: bold;
}

#basket-steps .lasti {
	color: #000;
	text-shadow: 1px 1px #fff;
	font-size: 1.0625rem;
	line-height: 1.3125rem;
	font-weight: bold;
}

.basket h3 {
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 1.125rem;
	line-height: 1.375rem;
	font-weight: 600;
	text-transform: uppercase;
}



#basketListTable .skladem {
	background: #80ac45;
	color: #fff;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-weight: bold;
	padding: 3px 8px 3px 8px;
	text-transform: capitalize;
	/*border: 1px solid #e3e3e3;*/
	border-radius: 3px;
}

#basketListTable .cenac {
	color: #000;
}

#basketListTable .size {
	display: none;
}










	#sumarizace .slevove-kody .nfo:hover,
	#deliveryOptions .nfo:hover,
	.mn_info:hover,
	.bonus_nfo:hover {
		/*background-color:#7f9145;*/
		background-color: #000;
	}

#sumarizace .slevove-kody .voucher,
.bonusprogram .voucher {
	border-radius: 3px 0 0 3px;
	border-color: #e1dfdc;
	font-family: 'Ubuntu', Arial, sans-serif;
}

#sumarizace .slevove-kody .uplatnit,
.bonusprogram .uplatnit {
	font-family: 'Ubuntu', Arial, sans-serif;
	color: #fff;
	background-color: #adadad;
	background-image: none;
	border-radius: 0 3px 3px 0;
}

	#sumarizace .slevove-kody .uplatnit:hover,
	.bonusprogram .uplatnit:hover {
		/*background-color: #7f9145;*/
		background-color: #000000;
		background-image: none;
		cursor: pointer;
	}

#pay_and_finish2 {
	display: none;
}


/*#step1_continue_shopping:first-letter {
	display:none
}*/

#delivery_top,
#payments_top {
	color: #000;
}

#deliveryOptions .d_cash,
#deliveryOptions .p_cash {
	color: #80ac45;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
}


#deliveryOptions label:hover {
	background-image: none;
}

#deliveryOptions .xnote, .mnote {
	color: #000;
	border-color: #000;
	width: 220px;
}

#deliverySummary {
	background-color: #fbfbfb;
	background-image: none;
	margin-bottom: 24px;
}

.basket-summary .cena-celkem span:nth-child(2) {
	color: #000;
	font-size: 1.3125rem;
}

.basket-summary .cena-celkem {
	color: #000000;
}

.basket-summary span {
	font-weight: bold;
	font-size: 0.9em;
}

.nadpis-udaje {
	color: #000;
}

	.upravit,
	.nadpis-udaje a {
		color: #888 !important;
	}

/*OSTATNI*/
.page a.fancybox {
	margin-right: .5%;
}

.page ul li {
	line-height: 1.4em;
}

.open-hours {
	width: 25%;
	float: left;
}

	.open-hours tr td {
		padding: 5px 30px 5px 0;
		text-align: left;
		font-weight: bold;
	}

	.open-hours tr:nth-child(7) {
		color: #c30100;
	}

	.open-hours tr td:nth-child(1) {
		width: 150px;
	}

table.premium {
	margin: 0 auto;
	table-layout: fixed;
	border-collapse: collapse;
	margin-top: 32px;
}

	table.premium th {
		background-color: #252525;
		color: #fff;
		font-weight: normal;
	}

		table.premium th:first-child {
			background-color: transparent;
		}

	table.premium tr:nth-child(2n) td {
		background: #f8f8f8;
	}

	table.premium th, table.premium td {
		padding: 15px;
		font-size: 18px;
		line-height: 1.2;
		min-width: 175px;
		width: auto;
		text-align: center;
		vertical-align: middle;
	}

	table.premium td {
		border-right: 1px solid #dcdcdc;
	}

	table.premium th:first-child {
		background-image: url('../../../../../userfiles/Bartida_vip.svg');
		background-repeat: no-repeat;
		background-size: 262px 33px;
		background-position: center center;
	}

	table.premium td:first-child {
		text-align: left;
	}

	table.premium td:last-child {
		border-right: 0;
	}

	table.premium tr:nth-child(-n+6) td:nth-child(2) {
		background-image: url('../icons/star-silver.svg');
		background-repeat: no-repeat;
		background-size: 24px 24px;
		background-position: center;
	}

	table.premium tr td:nth-child(3) {
		background-image: url('../icons/star-gold.svg');
		background-repeat: no-repeat;
		background-size: 24px 24px;
		background-position: center;
	}

footer section .info-line .telefon strong {
	position: relative;
	top: 0px;
	left: 6px;
}

	footer section .info-line .telefon strong i {
		position: relative;
		font-size: .75rem;
		line-height: .875rem;
		font-weight: normal;
		font-style: normal;
		top: 15px;
		left: -160px;
	}

/*** SEARCH ***/
/*.ui-menu .ui-menu-item a,
li.ui-menu-item .item .info .name {
    color:#929292;
}

li.ui-menu-item.g,
li.ui-menu-item b {
	color:#000 !important;
}

li.ui-menu-item .item .info .cost {
	color:#000;
}*/

/*** LOGIN ***/
#topmenu .prihlaseni p.value input,
#topmenu .registrace p.value input,
#topmenu .zapomenute_heslo p.value input,
#topmenu .zakaznicka_karta p.value input {
	text-indent: 5px;
}

#topmenu .login-submit {
	background: #474745 !important;
	color: #fff;
	border: none;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: bold;
}

#topmenu .prihlaseni p,
#topmenu .registrace p,
#topmenu .zapomenute_heslo p,
#topmenu .zakaznicka_karta p {
	color: #b1b1b1;
	font-size: 0.75rem;
}

	#topmenu .prihlaseni p.name,
	#topmenu .registrace p.name,
	#topmenu .zapomenute_heslo p.name,
	#topmenu .zakaznicka_karta p.name {
		color: #474745;
	}

/*** BLOG ***/
#masonry-blog {
	width: 1180px;
	max-width: 95%;
}

@media all and (max-width: 2560px) {
	#masonry-blog #container li.item {
		width: 24.25%;
	}
}

@media all and (max-width: 2048px) {
	#masonry-blog #container li.item {
		width: 24.25%;
	}
}

@media all and (max-width: 1650px) {
	#masonry-blog #container li.item {
		width: 24.25%;
	}
}

@media all and (max-width: 1400px) {
	#masonry-blog #container li.item {
		width: 24.25%;
	}
}

@media all and (max-width: 1200px) {
	#masonry-blog #container li.item {
		width: 32.66666%;
	}
}

@media all and (max-width: 860px) {
	#masonry-blog #container li.item {
		width: 49.5%;
	}
}

@media all and (max-width: 640px) {
	#masonry-blog #container li.item {
		width: 100%;
	}
}

.masonry-blog .image-box img {
}

#login-in-basket b {
	display: none;
}

#orderForm .bonuspoints {
	width:100%;
	float:left;
	text-align:center;
	background:#770698;
	color:#fff;
	border-radius:3px;
	padding:15px;
	font-size: 16px;
	line-height: 1.3125rem;
	font-weight: bold;
	margin-top:10px;
}

	#orderForm .bonuspoints a {
		color:#fff;
		text-decoration:underline;
	}

.udaje-prihlasit {
	background: #adadad;
	border: none;
	font-family: 'Ubuntu', Arial, sans-serif;
	text-shadow: none;
}

	.udaje-prihlasit:hover {
		background: #474745;
		border: none;
	}

.basket h4 {
	font-family: 'Ubuntu', Arial, sans-serif;
}

.obal-box-last .datum,
.obal-box-last .orderid,
.obal-box-last .email {
	color: #000;
	font-weight: bold;
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-prev {
	color: transparent !important;
}

.napiste-nam h3 {
	font: 600 18px/22px Arial, sans-serif;
	color: #0c090b;
	text-transform: uppercase;
	padding: 0 0 17px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #e3e3e3;
}

.napiste-nam .obal-nadpis-udaje {
	margin: 0;
	padding: 0;
	color: #191919;
	margin-bottom: 6px;
	font: 700 13px/18px Arial, sans-serif;
	width: 100%;
	/*clear:both;
	float:none;*/
	text-indent: 0;
}

.napiste-nam .udaje-obal {
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
	padding-right: 15px;
	float: left;
	clear: left;
	width: 25%;
}

.napiste-nam .udaj-input-obal {
	margin: 0;
	padding: 0;
	/*width:270px;*/
	width: 100%;
	clear: both;
	float: none;
	height: 100%;
}

.napiste-nam .udaj-input {
	margin: 0;
	padding: 0;
	height: 27px;
	padding: 3px 5px;
	line-height: 18px;
	text-indent: 0;
	width: 100% !important;
}

.napiste-nam .udaj-select {
	margin: 0;
	padding: 0;
	width: 100% !important;
	height: 27px;
	padding: 3px 5px;
	line-height: 18px;
	text-indent: 0;
	margin: 0;
}

.napiste-nam .udaj-textarea {
	margin: 0;
	padding: 0;
	height: 143px;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: .875rem;
}

.napiste-nam .udaje-obal.onu-note {
	padding-left: 15px;
	float: right;
	clear: both;
	width: 75%;
	height: 100%;
}

.napiste-nam button {
	margin: 0;
	padding: 0;
	margin-top: 13px;
	float: left;
	clear: both;
	height: 40px;
	padding: 11px 14px 12px 14px;
	font: 900 12px/17px Arial, sans-serif;
	color: white;
	background: #262626;
	text-transform: uppercase;
	border: none;
	white-space: normal;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

	.napiste-nam button:hover {
		background: #80ac45;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

.napiste-nam #contact-form {
	height: 300px;
	width: calc(100% - 40px);
	margin: 0 20px;
	padding: 53px 20px 20px 20px;
	background: url('../images/contact-form.png') repeat-x white;
	-moz-box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
	box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
}

.udaje-obal {
}

.obal-nadpis-udaje {
}

.stp3u {
	height:25px;
	margin-top:0;
}

/*.udaj-text {
	line-height: 37px;
}*/

/*.spodni-udaje {
	display:none;
}*/

.udaj-textarea {
	font-size: 14px;
	font-family: 'Ubuntu', Arial, sans-serif;
	padding: 7px;
	text-indent: 0;
}

.udaje-prihlasit {
	height: 46px;
	font: 900 16px/46px 'Ubuntu', Arial, sans-serif;
	border-radius: 3px;
}

.note_add {
	margin-left: 20px;
	margin-top: 10px;
}

	.note_add button {
		width: 150px;
		line-height: 30px;
		margin-bottom: 0;
		color: #ffffff;
		background: #adadad;
		border: none;
		border-radius: 3px;
		font: 700 13px/17px 'Ubuntu', Arial, sans-serif;
	}

		.note_add button:hover {
			background-color: #333333;
		}

.note_info {
	font-size: 13px;
}

#dorucovaci-udaje-bottom .udaj-input-obal,
#fakturacni-udaje-bottom .udaj-input-obal {
	line-height: 37px;
}

#deliveryOptions .d_info,
.mn_info {
	margin: 7.5px;
}

#vas-nazor textarea {
	font-family: 'Ubuntu',Arial, sans-serif;
	font-size: 14px;
}

#vas-nazor input[type="submit"] {
	font-family: 'Ubuntu',Arial, sans-serif;
	font-weight: 700;
	text-shadow: none;
	border: none;
	border-radius: 3px;
	background: #199fd7 !important;
	background-image: url("../../images/vas-nazor.png") !important;
	background-repeat: no-repeat !important;
}

	#vas-nazor input[type="submit"]:hover {
		background: #37b9f5 !important;
		background-image: url("../../images/vas-nazor.png") !important;
		background-repeat: no-repeat !important;
	}

#login-in-basket {
	background-color: #f9f8f7;
    background-position:20px center;
	border-radius: 3px;
    padding-left:20px;
}

	#login-in-basket:hover {
		background-color: #E1DEDC;
		border-radius: 3px;
	}

#topmenu .login-submit {
	width: 155px;
	background-color: #474745 !important;
	border-radius: 3px;
	text-shadow: none;
}

	#topmenu .login-submit:hover {
		width: 155px;
		background-color: #adadad !important;
	}

#topmenu .registrace p a.reg {
	font-family: "Ubuntu", Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	background: #80ac45 !important;
	border: none;
	border-radius: 3px;
	padding: 0 !important;
	background-color: #80ac45 !important;
	color: #ffffff !important;
	text-align: center;
	text-transform:uppercase;
}

#topmenu .registrace p:last-child {
	margin:0;
}

	#topmenu .registrace p a.reg:hover {
		background-color: #333333 !important;
	}

#add-to-image {
	background-image: url('../images/pop_up_flora.jpg');
}

#default-blog h2 {
	float:left;
	clear:left;
	width:100%;
	text-transform: uppercase;
	font-size: 2.6em;
	color:#000;
}

#default-blog .odd,
#default-blog .even {
	border-bottom: 1px solid #DDD !important;	
}

#default-blog .odd .text-box {
	float:left;
	clear:left;
}

#default-blog .even .text-box {
	float:right;
	clear:right;
}

#default-blog .image-box {
	width:44%;
}

#default-blog .text-box {
	width:50%;
}

#default-blog .odd .image-box {
	float:right;
	clear:right;
}

#default-blog .even .image-box {
	float:left;
	clear:left;
}

/* GIFTS D?RKY */
#basket-gifts strong {
	font-family: 'Ubuntu', sans-serif;
}

#basket-gifts ul li {
	border-radius:3px;
	height:300px;
}

#basket-gifts ul li:hover {
	border-color:#80ac45;
}

#basket-gifts ul li img {
	height:60%;
	margin-top:10px;
}

#basket-gifts .name {
	font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight:700;
color: #323232;
height:32px;
}

#basket-gifts ul li:hover .name {
	color:#80ac45;
}

#basket-gifts .view-detail {
	display:none;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size:.875rem;
	background: #eee;
	border: none;
	border-radius: 3px;
	color: #000;
	text-shadow: none;
}

#basket-gifts .vybrat {
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 1rem;
	line-height: 22px;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
	background: #80ac45;
	border: none;
	border-radius: 3px;
	-moz-transition: background 0.3s linear;
	-webkit-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}

#basket-gifts .vybrat:hover {
	background: #525252;
	-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
transition: background 0.3s linear;
}

#basketListTable .pricti,
#basketListTable .odecti {
	padding:0;
}

#vypis-produktu .product .name h2 {
	display:block;
}

.fixed-banners {

}

.fixed-banners #left-side-banner {
	width:462px;
	height:1370px;
	left:-462px;
}

.fixed-banners #left-side-banner .fixed {
	width:462px;
}

.fixed-banners #left-side-banner .fixed img {
	float:right;
}

.fixed-banners #right-side-banner {
	width:462px;
	height:1370px;
	right:-462px;
}

#cookie-warning p {
    margin:20px 0;
}

#cookie-warning .closew {
    background-color:#80ac45;
    color:#ffffff;
}

    #cookie-warning .closew:hover {
        background-color: #525252;
    }
    
    
#sitemap {
	width:100%;
    font-family: 'BrandonGrotesque', sans-serif;
    text-transform: uppercase;
}

    #sitemap li {
    	width:100%;
        border: none;
    }

        #sitemap li a {
            color: #231e1f;
        }

    #sitemap > li > a {
        height: 44px;
        line-height: 41px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        /*padding:3px 30px 0;*/
        padding: 3px 30px 0 0;
    }

.screen_high #sitemap > li > a {
    padding: 0 15px;
}

.pda_ver #sitemap > li > a, .pda_hor #sitemap > li > a, .screen_ultralow #sitemap > li > a, .screen_low #sitemap > li > a, .screen_med #sitemap > li > a {
    padding: 0 11px;
}

#sitemap > li > a,
#sitemap > a {
    border-bottom: 2px solid #80ac45;
    color: #80ac45 !important;
}


li:nth-child(1) > ul.subs {
	/*display:block !important;*/
}

#sitemap,
#sitemap ul {
	padding:0;
	list-style: none outside none;
}

#sitemap ul.subs {
	width:100%;
    top: 44px;
    background: #ffffff;
    box-shadow: none;
    padding: 0px 0;
}

		#sitemap li a {
		    display: block;
		    text-decoration: none;
		    -moz-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
		    -ms-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
		    -o-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
		    -webkit-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
		    transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
		    white-space: normal;
		    background-repeat: no-repeat !important;
		    background-position: 5px center !important;
		}

    #sitemap ul.subs > li {
        border: none;
    }
    
		#sitemap ul.subs > li {
		    display: inline-block;
		    float: none;
		    padding: 10px 1%;
		    vertical-align: top;
		    width: auto;
		    min-width: 120px;
		}    
    

        #sitemap ul.subs > li > a {
            font-size: 18px;
            line-height: 1.2;
            font-weight: 500;
            letter-spacing: 1px;
            margin-bottom: 30px;
        }

            #sitemap ul.subs > li > a:hover {
                color: #80ac45;
            }

        #sitemap ul.subs > li li {
            padding: 0;
        }

            #sitemap ul.subs > li li a {
                color: #444444;
                font-size: 13px;
                font-weight: 500;
                line-height: 36px;
                margin-bottom: 0px;
                min-width: 110px;
                /*border:solid red 1px;*/
            }
            
            #sitemap ul.subs > li li.velikost a {
            	min-width:55px;
            }

                #sitemap ul.subs > li li a:hover {
                    color: #80ac45;
                }


            /* BEGIN CATEGORY ICONS */
            #sitemap ul.subs > li li.jarni {
                padding-left: 40px;
                background: url(../images/icons/categorie/jaro.svg) no-repeat;
                background-size: 20px;
                background-position: 5px center;
            }

            #sitemap ul.subs > li li.letni {
                padding-left: 40px;
                background: url(../images/icons/categorie/leto.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.podzimni {
                padding-left: 40px;
                background: url(../images/icons/categorie/podzim.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.zimni {
                padding-left: 40px;
                background: url(../images/icons/categorie/zima.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.celorocni {
                padding-left: 40px;
                background: url(../images/icons/categorie/celorocni.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.damska {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske.svg) no-repeat;
                background-size: 15px;
                background-position: 6px center;
            }

            #sitemap ul.subs > li li.panska {
                padding-left: 40px;
                background: url(../images/icons/categorie/panske.svg) no-repeat;
                background-size: 15px;
                background-position: 6px center;
            }

            #sitemap ul.subs > li li.kabelky {
                padding-left: 40px;
                background: url(../images/icons/categorie/kabelky-pres-rameno.svg) no-repeat;
                background-size: 20px;
                background-position: 5px center;
            }

            #sitemap ul.subs > li li.baleriny {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-baleriny.svg) no-repeat;
                background-size: 28px;
                background-position: 1px center;
            }

            #sitemap ul.subs > li li.kotnikove {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-kotnikove.svg) no-repeat;
                background-size: 23px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.kozacky {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-kozacky.svg) no-repeat;
                background-size: 17px;
                background-position: 5px center;
            }

            #sitemap ul.subs > li li.lodicky {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-lodicky.svg) no-repeat;
                background-size: 23px;
                background-position: 3px center;
            }

            #sitemap ul.subs > li li.mokasiny {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-mokasiny.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.nazouvaky {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-nazouvaky.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.polobotky {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-polobotky.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.sandaly {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-sandaly.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.tenisky {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-tenisky.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.zabky {
                padding-left: 40px;
                background: url(../images/icons/categorie/damske-zabky.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.presrameno {
                padding-left: 40px;
                background: url(../images/icons/categorie/kabelky-pres-rameno.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.crossbody {
                padding-left: 40px;
                background: url(../images/icons/categorie/kabelky-crossbody.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.doruky {
                padding-left: 40px;
                background: url(../images/icons/categorie/kabelky-doruky.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.psanicka {
                padding-left: 40px;
                background: url(../images/icons/categorie/kabelky-psanicka.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.velke {
                padding-left: 40px;
                background: url(../images/icons/categorie/kabelky-velke.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.batoh {
                padding-left: 40px;
                background: url(../images/icons/categorie/kabelky-batoh.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.penezenky {
                padding-left: 40px;
                background: url(../images/icons/categorie/kabelky-penezenky.svg) no-repeat;
                background-size: 20px;
                background-position: 4px center;
            }

            #sitemap ul.subs > li li.panska.kotnikove {
                padding-left: 40px;
                background: url(../images/icons/categorie/panske-kotnikove.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.panska.mokasiny {
                padding-left: 40px;
                background: url(../images/icons/categorie/panske-mokasiny.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.panska.nazouvaky {
                padding-left: 40px;
                background: url(../images/icons/categorie/panske-nazouvaky.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.panska.polobotky {
                padding-left: 40px;
                background: url(../images/icons/categorie/panske-polobotky.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.panska.sandaly {
                padding-left: 40px;
                background: url(../images/icons/categorie/panske-sandaly.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.panska.tenisky {
                padding-left: 40px;
                background: url(../images/icons/categorie/panske-tenisky.svg) no-repeat;
                background-size: 26px;
                background-position: 2px center;
            }

            #sitemap ul.subs > li li.panska.zabky {
                padding-left: 40px;
                background: url(../images/icons/categorie/panske-zabky.svg) no-repeat;
                background-size: 30px;
                background-position: 0px center;
            }
            
				#sitemap .sep {
				    float: left;
				    clear: none;
				    width: auto;
				    display: block;
				    margin-right: 30px;
				}


#vypis-produktu .hlidat-cenu {
	float:left;
	clear:left;
}
				
#vypis-produktu .hlidat-cenu a {
	display:inline-block;
	background: url('../images/watchdog-icon.svg') no-repeat;
	background-size: 19px 19px;
	background-position: left top;
	font-family: "Ubuntu",Arial, sans-serif;
	font-size: .875rem;
	color:#494949 !important;
	text-indent: 20px;
	height:20px;
	padding-left:10px;
}

#vypis-produktu .hlidat-cenu:hover a {
	text-decoration:underline;
}














#fakturacni-udaje-bottom,
#dorucovaci-udaje-bottom {
    display: none;
}

#fakt_address,
#post_address,
#delivery_payment {
    display: block;
    min-height: 180px;
}

    #delivery_payment img {
        display: none;
    }

#deliveryOptions .d_logo {
}

    #deliveryOptions .d_logo img {
        max-width: 85px;
    }

#deliveryOptions .p_logo {
}

    #deliveryOptions .p_logo img {
        max-width: 85px;
        margin-top: 5px;
    }

#basketListTable .nazev {
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
}

#fakt_address ul li,
#post_address ul li,
#delivery_payment ul li {
    line-height: 1.8em;
}

    #fakt_address ul li ul li,
    #post_address ul li ul li,
    #delivery_payment ul li ul li {
        line-height: 1.4em;
    }
    
#fakt_address .modify a,
#post_address .modify a,
#delivery_payment .modify a {
	color:#80ac45;
}

#banner-nad-menu .new,
.promo .new {
	background: #067898;
	color: #fff;
}

#banner-nad-menu .pripravujeme,
.promo .pripravujeme {
	background: #236467;
	color: #fff;
}

#banner-nad-menu .dovoz,
.promo .dovoz {
	background: #770698;
	color: #fff;
}

.item_list .product .dovoz {
	display:none;
}

#banner-nad-menu .akce,
.promo .akce {
	background: #AA3C39;
}

#banner-nad-menu .top_20,
 .promo .top_20 {
	background: #008E2B;
}

#banner-nad-menu .speciality,
.promo .speciality {
	background: #F4AB01;
}

#banner-nad-menu .exklusiv,
.promo .exklusiv {
	background: #AA6D39;
	text-transform:none;
}

#banner-nad-menu .vyprodano,
.promo .vyprodano {
	background: #222222;
}

#banner-nad-menu .vyprodej,
.promo .vyprodej {
	background: #AA6D39;
}

	.hlidat-dostupnost-obal {
		width: 100%;
		float: left;
	}
	
	.hlidat-dostupnost-obal .info {
		margin: 20px 0 0 0 !important;
	}

	.hlidat-dostupnost {
		font-family: 'Ubuntu', Arial, sans-serif;
		font-size: 19px;
		line-height: 26px;
		font-weight: 900;
		text-transform: uppercase;
		width: 57%;
		/*background-color: #7f9145;*/
		background-color: #3d7ec1;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: 10px center;
		border-top: none;
		border-radius:3px;
		padding-left: 10px;
		padding-right: 10px;
		text-shadow: none;
		-moz-transition: background-color 0.3s linear;
		-webkit-transition: background-color 0.3s linear;
		-o-transition: background-color 0.3s linear;
		transition: background-color 0.3s linear;
		float:right;
		height:40px;
		border:0;
		color:#ffffff;
	}
	
.splide-promo .product {
	width: 100% !important;
	margin: 0 !important;
}
	
[id^=homepage-promo-slider] {
	margin-bottom: 0;
}	

[id^=homepage-promo-slider] .splide__track {
  width: calc(100% - 40px) !important;
  margin-left: 20px;
  margin-bottom: 0;
}

#basket-steps .name {
	max-width:95px;
}