
.clear {
	clear: both;
}

@media (max-width: 1000px) {

	html {
		background: #f5ecdb url('./img/body2.jpg');
	}

	body,
	html,
	#topLine {
		min-width: 100%;
	}

	#switchPageSize {
		display: block;
		text-align: center;
		margin: -10px 0 20px 0;
		font-size: 15px;
	}

	#switchSizePage {
		display: block;
	}

	#topLine {
		background: #000;
		height: 112px;
		top: 45px;
	}

	a#logo {
		display: block;
		height: 112px;
		width: 233px;
		float: left;
	}

	#header .rightPart.cart a {
		display: block;
		height: 45px;
	}

	#header {
		width: 100%;
	}

	#header .topPart .middlePart {
		float: right;
		height: 112px;
	}

	#header .topPart .headline.middlePart {
		width: 100%;
		height: 87px;
		padding-top: 25px;
		background-position: 30px 35px;
	}

	#all {
		width: 100%;
	}

	#header .rightPart.cart {
		position: absolute;
		right: 193px;
		top: 157px;
		height: 45px;
		background: url("./img/basket.png") 0px 4px no-repeat, url('./img/mainMenuBg.png');
	}

	#header .rightPart.cart .cartSign {
		top: 14px;
	}

	#header .rightPart.cart .cartContent {
		top: 15px;
	}

	#header .rightPart.search {
		position: absolute;
		right: 0;
		top: 157px;
	}

	.mainMenu {
		position: absolute;
		top: 112px;
		left: 0;
		display: none;
	}

	#productContent {
		float: right;
		width: 45%;
	}

	#contentHolder .vaclav,
	#contentHolder .bottomBg.left {
		width: 100%;
	}

	#respoMenu {
		display: block;
		height: 45px;
		background: url('./img/mainMenuBg.png');
		margin-bottom: 10px;
	}

	#content {
		background: #fefdfc;
		width: auto;
		float: none;
		max-width: none;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	#content #items {
		width: 100%;
	}

	#content #items .product {
		width: 49%;
	}

	#content .product:nth-child(odd) {
		margin-right: 2%;
	}

	#contentHolder .vaclav.active {
		background: none;
	}

	#rightSideContent,
	.rightPart.slogan,
	.bottomPart,
	#respoMenu .menu,
	#respoMenu button,
	#rightSideContent #contact {
		display: none;
	}

	#footer {
		width: 98%;
		padding-right: 2%;
		margin-top: 20px;
	}

	#footerMenu,
	#footerMenu .mainMenu {
		display: block;
		background: none;
	}

	#footerMenu .mainMenu {
		position: relative;
		top: auto;
		left: auto;
		height: auto;
	}

	#footerMenu .mainMenu li {
		float: none;
	}

	#footerMenu li a {
		padding: 14px 20px 14px 20px;
		line-height: 16px;
	}

	#footerMenu .mainMenu > li.hasChild > a {
		display: none;
	}

	#footerMenu .eshop {
		margin: 0;
		clear: both;
		padding: 0;
	}

	#footerMenu .eshop ul li ul {
		display: none;
	}

	#footerMenu,
	#footerMenu li {
		background: #4C3D1F url('./img/mainMenuBg.png') 0 0 repeat-x;
	}

	#footerMenu {
		height: auto;
		padding-top: 44px;
		position: relative;
	}

	#footerMenu .mainMenu li a {
		background: none;
		/*background: url('./img/mainMenuBg.png') 0px 0px;*/
	}

	#footerMenu .mainMenu li ul,
	#footerMenu .categoryMenu li ul {
		display: block;
		position: relative;
		background: none;
		top: 0;
		left: 0;
	}

	#footerMenu .mainMenu li ul li,
	#footerMenu .categoryMenu li ul li {
		width: 100%;
	}

	#footerMenu .mainMenu li ul li a,
	#footerMenu .categoryMenu li ul li a {
		padding: 14px 20px 12px 20px;
	}

	#footerMenu .categoryMenu {
		clear: both;
		width: auto;
		list-style: none;
		padding-bottom: 0;
		padding-top: 0;
		display: none;
	}

	#footerMenu ul.categoryMenu li ul {
		padding-bottom: 5px;
	}

	#footerMenu .categoryMenu li {
		line-height: inherit;
		padding-left: 40px;
	}

	#footerMenu .categoryMenu li.separator {
		display: none;
	}

	#footerMenu .eshop li.eshopHeader {
		padding: 0;
	}

	#footerMenu .categoryMenu li a,
	#footerMenu .eshop li.eshopHeader {
		color: #F8E6C0;
		display: block;
		font-size: 11pt;
		font-weight: bold;
	}

	#footerMenu .eshop li.eshopHeader button {
		display: block;
		width: 100%;
		padding-left: 20px;
		line-height: 42px;
		margin: 0;
		border: none;
		background: transparent;
		text-align: left;
		color: #F8E6C0;
		font-family: 'Times New Roman', serif;
		font-size: 15px;
		font-weight: bold;
	}

	#footerMenu .eshop li.eshopHeader ul.categoryMenu ul {
		display: none;
	}

	#footerMenu ul.categoryMenu li ul li a {
		background: transparent;
	}

	#footerMenu ul.categoryMenu li.highLight a {
		background: transparent;
	}

	#newsletterFooter {
		z-index: 2;
		position: absolute;
		right: 17px;
		top: -5px;
	}

	#newsletterFooter .newsletterInput {
		margin: 15px 0px 0px 0px;
		padding: 5px 7px 2px 7px;
		background: url('./img/newsletterInput.png') 0px 0px no-repeat;
		font-size: 10pt;
		font-family: Times New Roman, serif;
		color: #5d4a27;
		float: left;
		border: none;
		width: 138px;
	}

	#newsletterFooter .okButton {
		margin: 13px 0px 0px 8px;
	}

	#rightSideContent {
		display: none;
		float: none;
	}

	#referenceFooter {
		display: block;
		margin-top: 20px;
		text-align: center;
		background: url("./img/action2.jpg") 50% 0% no-repeat, url("./img/recommend.jpg") repeat-x;
		background-color: #fff;
		padding-top: 61px;
	}

	#referenceFooter ul {
		padding: 0;
		margin: 0 auto;
		list-style-type: none;
		width: 800px;
	}

	#referenceFooter ul li {
		/*display: inline-block;*/
		width: 200px;
		float: left;
	}

	.product h3,
	.product h3 a {
		display: block;
		/*vertical-align: top;*/
	}

	#referenceFooter .product.two {
		/*display: block;*/
	}

	.product .coinButtons {
		margin: 0 auto;
	}

	.product .productImage {
		display: block;
	}

	#otherImages,
	#productContent,
	#productVariants {
		clear: none;
	}

	#productVariants td.name {
		width: 40%;
	}

	#productVariants td.variantPhoto {
		width: 15%;
	}

	#productVariants td.buy {
		width: 25%;
	}

	#productVariants tr td.buy,
	#productVariants tr.odd td.buy {
		background-position: -300px 0;
	}

	#productVariants td.price {
		width: 20%;
	}

	#rightInfo {
		width: 45%;
	}

	#productAttr {
		background: url("./img/attrBgRespo.png");
	}

	#productAttr th,
	#productAttr td {
		width: 20%;
	}

	#mobileSwitch {
		display: block;
		height: 45px;
		background: url('./img/mainMenuBg.png');
		text-align: center;
	}

	#mobileSwitch a {
		display: block;
		line-height: 45px;
		color: #DFB157;
		font-size: 11pt;
	}

	#breadcrumb {
		padding: 0 10px;
	}
}

@media (max-width: 806px) {
	#header .topPart .headline.middlePart {
		background: none;
	}

	#productContent {
		width: 52%;
	}

	#content #items {
		margin-left: 0;
	}

	#header .topPart .middlePart {
		width: auto;
	}

	#topLine {
		height: 200px;
	}

	#contentHolder .vaclav > .bottomBg.left {
		display: block;
	}

	#leftSideContent {
		display: none;
		max-width: none;
	}

	.bottomBg,
	#contentHolder {
		background: none;
	}

	#content {
		margin-left: 0;
	}

	#respoPhone {
		display: block;
		height: 60px;
		background: url("./img/phone.png") 50% 50% no-repeat;
	}

	#header .rightPart.cart, #header .rightPart.search {
		top: 217px;
	}

	#respoMenu button {
		display: block;
		background: url("./img/menu.png") 50% 50% no-repeat;
		border: none;
		width: 45px;
		height: 45px;
		cursor: pointer;
		border-right: 2px solid #43351B;
	}

	#respoMenu ul.categoryMenu {
		position: relative;
		z-index: 20;
		background: #FEFDFC url('./img/menuBg.jpg') repeat-y;
	}

	#referenceFooter ul {
		width: 500px;
	}

	#referenceFooter ul li {
		width: 250px;
		margin-bottom: 25px;
	}

	#rightInfo {
		width: 52%;
	}

	#otherImages {
		float: none;
	}

	#contentHolder .vaclav,
	#contentHolder .bottomBg.left {
		width: 100%;
	}

}

@media (max-width: 590px) {
	#content #items {
		width: 100%;
	}

	#content #items .product {
		width: 100%;
		float: none;
		margin-bottom: 30px;
		background-size: 100%;
	}

	#content #items .product.first {
		margin-right: 0;
	}

	#content .product h3 {
		top: 40px;
	}

	#content {
		width: 96%;
		padding: 5% 2% 2% 2%;
	}

	#referenceFooter ul {
		text-align: center;
		width: 250px;
	}

	#referenceFooter ul li {
		width: 100%;
		float: none;
	}

	#rightInfo {
		width: 100%;
	}

	#respoMainImg {
		display: block;
		text-align: center;
	}

	#respoOtherImages {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 25px;
	}

	#otherImages,
	#productMainImg {
		display: none;
	}

	.relatedProduct {
		width: 50%;
		margin: 30px 0 0 0;
	}

	#productVariants input.amount {
		float: none;
	}

	#productVariants input.buyButton {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	#productVariants tr td.buy {
		text-align: center;
	}

	#productContent {
		width: 100%;
	}

	.mapa {
		width: auto;
		max-width: 100%;
		height: 300px;
	}

	table#orderConfirm td {
		width: 100%;
		display: block;
	}

	#orderConfirm td input,
	#orderConfirm td textArea {
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}

	#orderConfirm td input[type="submit"] {
		width: 100%;
	}

	#orderConfirm tr:not(.payment) td:first-child {
		text-align: left;
		padding-bottom: 5px;
	}
}

@media (max-width: 443px) {
	#header .topPart .middlePart {
		display: none;
	}

	#buySuccessDialog {
		width: 100%;
		height: 220px;
		margin: -110px 0 0 0;
		left: 0;
	}

	#buySuccessDialog a span {
		position: relative;
		top: 20px;
	}

	#buySuccessDialog a span span {
		top: 0;
	}

	#buySuccessDialog a {
		height: 56px;
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}

	#buySuccessDialog .separator {
		display: none;
	}

	#header .rightPart.search {
		top: 217px;
		display: none;
		background: url("./img/searchInputRespo.png");
		width: 203px;
	}

	#header .rightPart.cart {
		right: 50px;
	}

	#respoSearch {
		display: block;
		position: absolute;
		right: 0;
		top: 217px;
		height: 45px;
		width: 45px;
		border: none;
		background: url("./img/lupa.png") 50% 50% no-repeat;
		border-left: 2px solid #43351B;
	}

	#header .rightPart.search .searchInput {
		margin-left: 7px;
	}

	#footerMenu {
		padding-top: 44px;
		/*background: url('./img/mainMenuBg.png') 0px 0px repeat-x;*/
	}

	table#orderConfirm td {
		display: block;
		width: 100%;
	}

	table.contactTable td {
		display: block;
		width: 100%;
	}

	table.contactTable td table td{
		display: table-cell;
		width: auto;
	}

	#orderConfirm td input[type="submit"] {
		width: 100%;
	}

	#topLine {
		background: #000;
	}

	a#logo {
		float: none;
		margin: 0 auto;
	}

	#header .rightPart.search .searchButton {
		position: relative;
		z-index: 10;
		opacity: 0;
		width: 45px;
		height: 45px;
		margin: 0 0 0 7px;
	}
}

@media (max-width: 390px) {
	.relatedProduct {
		width: 100%;
	}

	#content .product .description {
		top: 75px;
	}

	#content .product h3 {
		height: auto;
	}
}

@media (max-width: 310px) {
	.cartSign {
		display: none;
	}

	#header .rightPart.cart {
		width: auto;
		min-width: 110px;
	}

	#header .rightPart.cart .cartContent {
		left: 45px;
	}

	#respoPhone {
		width: 100%;
		background-size: 100%;
	}

	#header a#logo {
		float: none;
	}

	#header a#logo img {
		width: 100%;
		height: auto;
		float: none;
	}
}

@media (max-width: 260px) {

	#content .product {
		height: 200px;
	}

	#content .product .price {
		width: 100%;
		bottom: 28px;
	}

	#content .product .coinButtons {
		position: relative;
		top: 175px;
	}

	/*.product .coinButtons a.ifnfoButton,*/
	/*.product .coinButtons a.buyButton{*/
	/*border: 1px solid #f00;*/
	/*float: none;*/
	/*text-align: center;*/
	/*}*/
	/*.product .coinButtons a.buyButton{*/
	/*float: none;*/
	/*border: 1px solid #f00;*/
	/*}*/

}

@media (max-width: 233px) {
	#header a#logo {
		width: 100%;
		height: auto;
	}

	table.contactTable td.ftInfo{
		width: 200px;
	}
}

@media (min-width: 1001px) {
	#content .product:nth-child(odd) {
		margin-right: 34px;
	}
}

/* Big screens */
@media (min-width: 1262px) {
	#all,
	#footer {
		width: 1232px;
	}

	#content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 756px;
		flex: 0 0 756px;
		max-width: 756px;
	}

	#header .middlePart {
		width: 806px;
	}

	#content #items {
		width: 770px;
	}

	#content .product:nth-child(odd) {
		margin-right: 0;
	}

	#content #items .product {
		background: url('./img/itemBg.png') 50% 0 no-repeat, url('./img/itemBgLine.png') 0 50% no-repeat, url('./img/itemBgLine.png') 100% 50% no-repeat;
	}

	#content #items.items--striped .product {
		/*background: url('./img/itemBg.png') 50% 0 no-repeat, url('./img/itemBgLeft.png') 0 50% no-repeat, url('./img/itemBgRight.png') 100% 50% no-repeat;*/
	}

	#content #items .product h3,
	#content #items .product .description {
		padding-right: 5px;
		padding-left: 5px;
	}

	#content .product.first,
	#content .product.first + .product {
		margin-right: 10px;
	}

	#header .bottomPart {
		height: 190px;
	}

	#header .bottomPart ul.slider {
		width: 611px;
	}

	#header .bottomPart ul.slider {
		height: 185px;
	}

	.slider img {
		width: 611px;
		height: 185px;
	}

	#header .bottomPart ul.menu.right {
		left: 630px;
	}

	.mapa iframe {
		width: 756px !important;
	}

	table#cartSummary tr.variant td.amount {
		text-align: center;
	}

	#orderConfirm {
		width: 460px;
		margin: 0 auto;
	}

	.relatedProduct {
		margin-right: 11px;
		margin-left: 11px;
	}

	#productVariants td.name {
		width: 440px;
	}

	#otherImages {
		width: 356px;
	}

	#productMainImg {
		width: 300px;
		text-align: center;
	}

	#rightInfo {
		width: 400px;
	}

	#productVariants tr.odd {
		background: linear-gradient(90deg, #f7ebd4, #fdf8ef);
	}

	#productVariants tr.even {
		background: linear-gradient(-90deg, #f7ebd4, #fdf8ef);
	}

	#productVariants tr.odd:hover,
	#productVariants tr.even:hover {
		background: #f7ebd4;
	}

	#productVariants tr.odd td.name,
	#productVariants tr.odd td.variantPhoto,
	#productVariants tr.odd td.price,
	#productVariants tr.odd td.buy,
	#productVariants tr.even td.name,
	#productVariants tr.even td.variantPhoto,
	#productVariants tr.even td.price,
	#productVariants tr.even td.buy {
		background: none;
	}

	#productAttr {
		background-image: url(./img/attrBgWide.png);
	}
}