/* Kontejner - levý sloupec, pravý sloupec */
#leftContent {width: 280px; float: left;}
#rightContent {width: calc(100% - 280px); float: left; padding-left: 80px;}
@media only screen
and (max-width: 1000px)
{
  #leftContent {width: 100%;}
  #leftContent .burger {display: block;}
  #leftContent .burger .icon {left: 0;}
  #leftContent .burger .text {padding-left: 40px;}
  #leftContent .menu {display: none; position: absolute; top: 44px; left: -10px; width: 100vw; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; flex-direction: column; background-color: #ededee; box-shadow: 0px 15px 15px 3px rgba(0,0,0,0.3);}
  #leftContent .menu.active {display: flex; z-index: 40;}
  #rightContent {width: 100%; padding-left: 0px; margin-top: 30px;}
}


/* Levé menu */
.leftMenu {width: 100%; float: left;}
.leftMenu .linkFrame {width: 100%; float: left; display: flex; align-items: center;}
.leftMenu .linkFrame .mark {width: 10px; height: 10px; margin: 0px 5px 0px 0px; display: flex; align-items: center; flex-grow: 0; flex-shrink: 0; position: relative;}
.leftMenu .linkFrame .mark.minus::after {content: ""; width: 10px; height: 2px; background-color: #949598; position: absolute; top: 4px; left: 0px;}
.leftMenu .linkFrame .mark.plus::after {content: ""; width: 10px; height: 2px; background-color: #949598; position: absolute; top: 4px; left: 0px;}
.leftMenu .linkFrame .mark.plus::before {content: ""; width: 2px; height: 10px; background-color: #949598; position: absolute; top: 0px; left: 4px;}
.leftMenu .linkFrame .linkU1 {width: auto; font-size: 18px; padding: 5px 0px; font-weight: 600; color: #814997; display: flex; align-items: center; flex-grow: 1;}
.leftMenu .u1Cont {width: 100%; float: left;}
.leftMenu .u1Cont:HOVER .linkU1 {text-decoration: underline;}
.leftMenu .u2Cont {width: 100%; float: left;}
.leftMenu .u2Cont .linkU2 {width: auto; font-size: 18px; padding: 5px 0px 5px 30px; font-weight: 400; color: #414042; display: flex; align-items: center; flex-grow: 1;}
.leftMenu .u2Cont .linkU2:HOVER {color: #814997; text-decoration: underline;}
@media only screen
and (max-width: 1000px)
{
  .leftMenu {display: none;}
}



/* Levé filtry */
.leftFilterFrame {width: 100%; float: left; border-top: 1px #e9e9e9 solid; margin: 25px 0px 0px 0px; padding: 25px 0px 0px 0px;}
.leftFilterFrame.sleva:first-child {border-top: 0px; margin-top: 0px; padding-top: 0px;}
.leftFilterFrame.designeri:first-child {border-top: 0px; margin-top: 0px; padding-top: 0px;}
.leftFilterFrame.pomahame:first-child {border-top: 0px; margin-top: 0px; padding-top: 0px;}
.leftFilterFrame .filterHeading {width: 100%; float: left; font-size: 18px; font-weight: 600; color: #814997; margin: 0px 0px 10px 0px;}
.leftFilterFrame .filterOptions {width: 100%; float: left;}
.leftFilterFrame .filterOptions .option {width: 40px; height: 40px; margin: 0px 8px 8px 0px; float: left; border: 1px #d1d3d4 solid; color: #939598; font-size: 14px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 200ms;}
.leftFilterFrame .filterOptions .option:HOVER {background-color: #f7f7f7;}
.leftFilterFrame .filterOptions .option.active {background-color: #814997; color: #FFF;}
.leftFilterFrame .filterOptions.color .option {position: relative;}
.leftFilterFrame .filterOptions.color .option.active:after {content: ''; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; background-color: #FFF; border: 1px #d1d3d4 solid;}
.leftFilterFrame .filterCheckboxes {width: 100%; max-height: 240px; float: left; overflow-y: scroll; margin: 0px 0px 10px 0px;}
.leftFilterFrame .filterCheckboxes .checkboxLabel {display: flex; align-items: center; cursor: pointer; margin: 4px 0px; font-size: 16px;}
.leftFilterFrame .filterCheckboxes INPUT[type=checkbox] {width: 20px; height: 20px; background-color: #fff; border: 1px #ccc solid; padding: 0px; margin: 0px 10px 0px 0px; position: relative; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.leftFilterFrame .filterCheckboxes INPUT[type=checkbox]:checked {position: relative; background-image: none;}
.leftFilterFrame .filterCheckboxes INPUT[type=checkbox]:checked:after {content: ''; position: absolute; top: 4px; bottom: 4px; left: 4px; right: 4px; background-color: #814997;}
.leftFilterFrame .filterCheckboxes .sectionHeading {width: 100%; min-height: 30px; padding: 0px 10px; margin: 0px; font-size: 16px; background-color: #ededee; display: flex; align-items: center;}
.leftFilterFrame .filterSubmit {width: 100%; height: 40px; background-color: #814997; border-color: #814997; color: #FFF; font-size: 15px; font-weight: 400; transition: all 200ms;}
.leftFilterFrame .filterSubmit:HOVER {background-color: #9E66B4; border-color: #9E66B4; color: #FFF;}
.leftFilterFrame .filterSelectedLine {width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; font-size: 15px; font-weight: 400; margin: 0px 0px 5px 0px;}
.leftFilterFrame .filterSelectedLine:HOVER {background-color: #f7f7f7;}
@media only screen
and (min-width: 1001px)
{
  .leftFilterFrame .filterOptions .option:nth-child(6n+6) {margin-right: 0px;}
}
@media only screen
and (max-width: 1000px)
{
  .leftFilterFrame:first-child {border-top: 0px; margin-top: 0px;}
  .leftFilterFrame .filterOptions .option {background-color: #FFF;}
  .leftFilterFrame .filterCheckboxes {max-height: none; overflow-y: auto;}
}


/* Řazení produktů */
.sortFrame {width: 100%; float: left; display: flex; justify-content: space-between;}
.sortFrame .left {display: flex; align-items: center;}
.sortFrame .right {display: flex; align-items: center;}
.sortFrame .select-1 {width: auto; height: 40px; padding: 0px 30px 0px 10px; margin: 0px 20px 0px 0px; color: #a7a9ac; border: 1px #d1d3d4 solid; -webkit-appearance: none; background-image: url('/images/arrow-select-gray.png'); background-position: right 10px center; background-repeat: no-repeat;}
.sortFrame .select-1.rigth {margin-right: 0px;}
.sortFrame .selectDesc {margin: 0px 10px 0px 0px; color: #a7a9ac;}
@media only screen
and (max-width: 700px)
{
  .sortFrame {flex-direction: column; margin: 0px 0px 30px 0px;}
  .sortFrame .left {flex-direction: column;}
  .sortFrame .select-1 {width: 100%; margin: 0px 0px 10px 0px;}
  .sortFrame .selectDesc {width: 170px; flex-shrink: 0;}
  .sortFrame .select-1.rigth {margin-bottom: 0px;}
}



/* Produkty - Home */
.itemsFrame {width: 100%; max-height: 500px; float: left; display: flex;}
.itemsFrame .itemFrame {width: 320px; display: flex; flex-direction: column; margin: 30px 40px 0px 0px; float: left;}
.itemsFrame .itemFrame .photo {width: 100%; height: auto; display: flex; position: relative; float: left;}
.itemsFrame .itemFrame .photo IMG {max-width: 100%; height: auto; align-self: flex-start;}
.itemsFrame .itemFrame .photo .noPhoto {width: 100%; min-height: 357.65px; background-color: #f7f7f7; color: #a7a9ac; font-size: 15px; font-weight: 400; display: flex; align-items: center; justify-content: center;}
.itemsFrame .itemFrame .text {width: 100%; display: flex; flex-direction: column; padding: 10px 0px;}
.itemsFrame .itemFrame .text H3 {margin: 0px 0px 3px 0px; font-size: 18px; font-weight: 600;}
.itemsFrame .itemFrame .text .designer {margin: 0px 0px 2px 0px; font-size: 16px;}
.itemsFrame .itemFrame .text .price {margin: 0px; font-size: 18px; font-weight: 600;}
.itemsFrame .itemFrame .text .price .smallPrice {font-size: 15px; font-weight: 400;}
.itemsFrame .itemFrame .text .price .oldPrice {text-decoration: line-through;}
.itemsFrame .itemFrame .text .price .newPrice {color: #ff0000;}
.itemsFrame .itemFrame .heart {width: 28px; height: 26px; float: left; display: block; background-image: url('/images/icon-heart.png'); margin: 3px 0px 0px 10px;}
.itemsFrame .itemFrame .heart:HOVER {background-image: url('/images/icon-heart-active.png'); cursor: pointer;}
.itemsFrame .itemFrame .heart.active {background-image: url('/images/icon-heart-active.png'); cursor: pointer;}
.itemsFrame .itemFrame:hover .text H3 {color: #814997; text-decoration: underline;}
.itemsFrame .itemFrame .tagsFrame {position: absolute; top: 30px; left: 0px; display: flex; flex-direction: column;}
.itemsFrame .itemFrame .tagsFrame .tag {width: 77px; height: 27px; margin: 0px 0px 6px 0px; display: flex; align-items: center; justify-content: center;}
.itemsFrame .itemFrame .tagsFrame .tag.purple {font-size: 14px; font-weight: 300; background-color: #814997; color: #FFF;}
.itemsFrame .itemFrame .tagsFrame .tag.red {font-size: 14px; font-weight: 300; background-color: #ff0000; color: #FFF;}
.itemsFrame .itemFrame .label {position: absolute; width: 100%; height: 38px; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 300; background-color: rgba(128,73,151,0.75); color: #FFF;}

/* Produkty - seznam */
.itemsFrame.list {flex-wrap: wrap; height: auto; max-height: none;}

/* Produkty - home */
.itemsFrame.home {flex-wrap: wrap; height: auto; max-height: none;}
.itemsFrame.home .itemFrame:nth-child(4n+4) {margin-right: 0px;}

@media only screen
and (max-width: 900px)
and (min-width: 700px)
{
  .itemsFrame {max-height: 570px;}
}
@media only screen
and (max-width: 1400px)
{
  .itemsFrame.list .itemFrame {width: calc(33.33% - 30px);}
}
@media only screen
and (min-width: 701px)
{
  .itemsFrame.list .itemFrame:nth-child(3n+3) {margin-right: 0px;}
}
@media only screen
and (max-width: 700px)
and (min-width: 316px)
{
  .itemsFrame.list .itemFrame {width: calc(50% - 10px); margin: 0px 20px 10px 0px;}
  .itemsFrame.list .itemFrame:nth-child(2n+2) {margin-right: 0px;}
  .itemsFrame.list .itemFrame .text H3 {font-size: 16px;}
  .itemsFrame.list .itemFrame .text .designer {font-size: 14px;}
  
  .itemsFrame.home .itemFrame {width: calc(50% - 10px); margin: 0px 20px 10px 0px;}
  .itemsFrame.home .itemFrame:nth-child(2n+2) {margin-right: 0px;}
  .itemsFrame.home .itemFrame .text H3 {font-size: 16px;}
  .itemsFrame.home .itemFrame .text .designer {font-size: 14px;}
}
@media only screen
and (max-width: 315px)
{
  .itemsFrame.list .itemFrame {width: 100%; margin: 0px 0px 10px 0px;}
  .itemsFrame.home .itemFrame {width: 100%; margin: 0px 0px 10px 0px;}
}

@media only screen
and (max-width: 500px)
{
  .itemsFrame.list .itemFrame .text H3 {font-size: 15px;}
  .itemsFrame.home .itemFrame .text H3 {font-size: 15px;}
}



/* Workshop */
.workshopsFrame {width: 100%; max-height: 500px; float: left; display: flex; flex-wrap: wrap; height: auto; max-height: none;}
.workshopsFrame .workshopFrame {width: 320px; display: flex; flex-direction: column; margin: 30px 40px 0px 0px; float: left;}
.workshopsFrame .workshopFrame .photo {width: 100%; height: auto; display: flex; position: relative; float: left;}
.workshopsFrame .workshopFrame .photo IMG {max-width: 100%; height: auto; align-self: flex-start;}
.workshopsFrame .workshopFrame .photo .noPhoto {width: 100%; min-height: 357.65px; background-color: #f7f7f7; color: #a7a9ac; font-size: 15px; font-weight: 400; display: flex; align-items: center; justify-content: center;}
.workshopsFrame .workshopFrame .text {width: 100%; display: flex; flex-direction: column; padding: 10px 0px;}
.workshopsFrame .workshopFrame .text H3 {margin: 0px 0px 3px 0px; font-size: 18px; font-weight: 600;}
.workshopsFrame .workshopFrame .text .desc {margin: 0px 0px 2px 0px; font-size: 16px;}
.workshopsFrame .workshopFrame .text .price {margin: 0px; font-size: 18px; font-weight: 600;}
.workshopsFrame .workshopFrame:hover .text H3 {color: #814997; text-decoration: underline;}
@media only screen
and (max-width: 1400px)
{
  .workshopsFrame .workshopFrame {width: calc(25% - 30px);}
}
@media only screen
and (min-width: 1001px)
{
  .workshopsFrame .workshopFrame:nth-child(4n+4) {margin-right: 0px;}
}
@media only screen
and (max-width: 1000px)
{
  .workshopsFrame .workshopFrame {width: calc(33.33% - 30px);}
}
@media only screen
and (max-width: 1000px)
and (min-width: 701px)
{
  .workshopsFrame .workshopFrame:nth-child(3n+3) {margin-right: 0px;}
}
@media only screen
and (max-width: 700px)
and (min-width: 316px)
{  
  .workshopsFrame .workshopFrame {width: calc(50% - 10px); margin: 0px 20px 10px 0px;}
  .workshopsFrame .workshopFrame:nth-child(2n+2) {margin-right: 0px;}
  .workshopsFrame .workshopFrame .text H3 {font-size: 16px;}
  .workshopsFrame .workshopFrame .text .designer {font-size: 14px;}
}
@media only screen
and (max-width: 315px)
{
  .workshopsFrame .workshopFrame {width: 100%; margin: 0px 0px 10px 0px;}
}

@media only screen
and (max-width: 500px)
{
  .workshopsFrame .workshopFrame .text H3 {font-size: 15px;}
}


/* Stránkování produktů */
.pagingFrame {width: 100%; float: left; display: flex; align-items: center; justify-content: space-between;}
.pagingFrame .right {display: flex;}
.pagingFrame .pageLink {padding: 2px; margin: 0px 2px; display: block; font-size: 16px; color: #814997; display: flex; align-items: center;}
.pagingFrame .pageLink.active {color: #a7a9ac;}
.pagingFrame .pageLink IMG {height: 16px; width: auto;}
.pagingFrame A.pageLink:HOVER {text-decoration: underline;}



/* Detail produktu */
.itemDetailFrame {width: 100%; float: left; display: flex; margin: 30px 0px 10px 0px;}
.itemDetailFrame .photosFrame {width: calc(50% - 20px); display: flex; flex-direction: column; flex-shrink: 0; float: left; margin: 0px 40px 0px 0px;}
.itemDetailFrame .photosFrame IMG {max-width: 100%; margin: 0px; float: left;}
.itemDetailFrame .photosFrame .mainPhoto {width: 100%; height: auto; float: left; margin: 0px;}
.itemDetailFrame .photosFrame .otherPhotos {width: 100%; float: left; margin: 0px 0px 10px 0px;}
.itemDetailFrame .photosFrame .otherPhotos .photo {width: calc(50% - 20px); float: left; margin: 40px 0px 0px 0px;}
.itemDetailFrame .photosFrame .otherPhotos .photo:nth-child(2n+2) {margin-left: 40px;}
.itemDetailFrame .photosFrame .photoCnt {width: 100%; float: left; font-size: 16px; margin: 10px 0px 0px 0px;}
.itemDetailFrame .iframeMapCont {width: 100%; height: 500px; display: flex;}
.itemDetailFrame .iframeMapCont IFRAME {width: 100%; height: 100%;}
.itemDetailFrame .descFrame {display: flex; flex-grow: 1; align-items: flex-start; flex-direction: column;}
.itemDetailFrame .descFrame .heading-1 {font-size: 25px; font-weight: 700; text-transform: uppercase; margin: 0px; color: #814997;}
.itemDetailFrame .descFrame .designerLogo {max-height: 100px; max-width: 180px; height: auto; width: auto;}
.itemDetailFrame .descFrame HR {margin: 20px 0px;}
.itemDetailFrame .descFrame .lineNameLogo {width: 100%; float: left; display: flex; justify-content: space-between; align-items: flex-start;}
.itemDetailFrame .descFrame .lineNameLogo .autor {margin-top: 5px;}
.itemDetailFrame .descFrame .lineNameLogo .autor A:HOVER {text-decoration: underline;}
.itemDetailFrame .descFrame .linePerex {width: 100%; float: left; margin: 20px 0px 0px 0px;}
.itemDetailFrame .tagsFrame {width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; margin: 20px 0px 10px 0px;}
.itemDetailFrame .tagsFrame .heart {width: 28px; height: 26px; float: left; display: block; background-image: url('/images/icon-heart.png'); margin: 0px 0px 10px 0px;}
.itemDetailFrame .tagsFrame .heart:HOVER {background-image: url('/images/icon-heart-active.png'); cursor: pointer;}
.itemDetailFrame .tagsFrame .heart.active {background-image: url('/images/icon-heart-active.png'); cursor: pointer;}
.itemDetailFrame .tagsFrame .tag {width: auto; height: 30px; padding: 0px 10px; display: flex; align-items: center; margin: 0px 0px 10px 10px;}
.itemDetailFrame .tagsFrame .tag.purple {font-size: 14px; font-weight: 400; background-color: #814997; color: #FFF;}
.itemDetailFrame .tagsFrame .tag.red {font-size: 14px; font-weight: 400; background-color: #ff0000; color: #FFF;}
.itemDetailFrame .sizesFrame {width: 50%; float: left; margin: 10px 0px 0px 0px;}
.itemDetailFrame .sizesFrame P {font-size: 16px; margin: 10px 0px 10px 0px;}
.itemDetailFrame .sizesFrame A:HOVER {}
.itemDetailFrame .sizesFrame .purple { color: #814997;}
.itemDetailFrame .sizesFrame .sizes {display: flex; flex-wrap: wrap;}
.itemDetailFrame .sizesFrame .sizes .size {width: 50px; height: 50px; font-size: 15px; font-weight: 400; border: 1px #e9e9e9 solid; margin: 0px 5px 0px 0px; display: flex; align-items: center; justify-content: center; color: #414042; transition: all 200ms;}
.itemDetailFrame .sizesFrame .sizes .size.active {background-color: #333333; color: #FFF; border-color: #333333;}
.itemDetailFrame .sizesFrame .sizes .size:HOVER {background-color: #333333; color: #FFF; border-color: #333333;}
.itemDetailFrame .priceCartFrame {width: 50%; float: left; margin: 0px 0px 0px 0px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.itemDetailFrame .pricesFrame {width: 100%; float: left; margin: 0px 0px 0px 0px; display: flex; justify-content: flex-end;}
.itemDetailFrame .pricesFrame .priceCol {margin: 0px 0px 0px 20px;}
.itemDetailFrame .pricesFrame .price {font-size: 30px;/* color: #814997;*/}
.itemDetailFrame .pricesFrame .price.old {color: #414042; text-decoration: line-through;}
.itemDetailFrame .pricesFrame .price.akce {color: #ff0000;}
.itemDetailFrame .pricesFrame .price .vat {font-size: 15px; color: #717171;}
.itemDetailFrame .cartFrame {width: 100%; float: left; display: flex; align-items: center; justify-content: flex-end; margin: 10px 0px 0px 0px;}
.itemDetailFrame .cartFrame .cntFrame {width: 87px; height: 50px; display: flex; float: left; background-color: #f6f6f8; margin: 0px 0px 0px 10px;}
.itemDetailFrame .cartFrame .cntFrame .cnt {width: 65px; height: 100%; padding: 0px 20px 0px 0px; display: flex; align-items: center; justify-content: flex-end;}
.itemDetailFrame .cartFrame .cntFrame .arrows {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.itemDetailFrame .cartFrame .cntFrame .arrows .arrow {cursor: pointer;}
.itemDetailFrame .cartFrame .cntFrame .arrows .arrow.up {margin-bottom: 10px;}
.itemDetailFrame .cartFrame .submit {height: 50px; float: left; padding: 0px 30px; margin: 0px 0px 0px 10px; display: flex; align-items: center; font-size: 18px; background-color: #814997; color: #FFF; cursor: pointer; transition: all 200ms;}
.itemDetailFrame .cartFrame .submit:HOVER {background-color: #9E66B4;}
.itemDetailFrame .cartFrame .submit.disabled {background-color: #ccc; cursor: not-allowed;}
.itemDetailFrame .alertFrame {width: 100%; float: left; display: flex; align-items: center; justify-content: flex-end; margin: 10px 0px 0px 0px; color: #e95847; font-size: 18px; font-weight: 600;}
.itemDetailFrame .cartInfoMessage {width: 100%; display: flex; align-items: center; justify-content: flex-end;}
.itemDetailFrame .cartInfoMessage .infoPanel {width: auto;}
.itemDetailFrame .iconsFrame {width: 100%; display: flex; justify-content: flex-end;}
.itemDetailFrame .iconsFrame .link {margin: 0px 0px 0px 5px;}
.itemDetailFrame .textLine {width: 100%; float: left;}
.itemDetailFrame .textLine .textHeading1 {font-size: 18px; font-weight: 700; margin: 25px 0px 10px 0px;}
.itemDetailFrame .imgLine {width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.itemDetailFrame .imgLine IMG {margin: 0px 10px 10px 0px;}
.itemDetailFrame .colorsFrame {width: 100%; float: left;}
.itemDetailFrame .colorsFrame .colorFrame {float: left; display: flex; align-items: center; margin: 0px 20px 0px 0px;}
.itemDetailFrame .colorsFrame .colorFrame .color {width: 40px; height: 40px; border: 1px #d1d3d4 solid; margin: 0px 6px 0px 0px; background-color: transparent;}
.itemDetailFrame .colorsFrame .colorFrame .text {}
.itemDetailFrame .mobilePhotoFrame {display: none;}
@media only screen
and (max-width: 1400px)
{
  .itemDetailFrame .sizesFrame {width: 100%; display: flex; align-items: center; justify-content: center;}
  .itemDetailFrame .sizesFrame.mobileBottomMargin {margin-bottom: 20px;}
  .itemDetailFrame .sizesFrame .purple {margin-right: 10px;}
  .itemDetailFrame .priceCartFrame {width: 100%; display: flex; flex-direction: column; align-items: center;}
  .itemDetailFrame .pricesFrame {display: flex; flex-direction: column; align-items: center; margin: 0px 0px 0px 0px;}
  .itemDetailFrame .pricesFrame .priceCol {margin-left: 0px;}
  .itemDetailFrame .cartFrame {justify-content: center;}
  .itemDetailFrame .alertFrame {justify-content: center;}
  .itemDetailFrame .colorsFrame {display: flex; flex-direction: column;}
  .itemDetailFrame .colorsFrame .colorFrame {margin: 0px 0px 10px 0px;}
  .itemDetailFrame .cartInfoMessage {justify-content: center;}
}
@media only screen
and (max-width: 1000px)
{
  .itemDetailFrame .sizesFrame P {font-size: 14px;}
  .itemDetailFrame .sizesFrame .sizes .size {width: 40px; height: 40px;}
}
@media only screen
and (max-width: 400px)
{
  .itemDetailFrame .sizesFrame {flex-direction: column;}
}
@media only screen
and (max-width: 1400px)
and (min-width: 601px)
{
  .itemDetailFrame .photosFrame {width: calc(30% - 20px);}
}
@media only screen
and (max-width: 600px)
{
  .itemDetailFrame .photosFrame {display: none;}
  .itemDetailFrame .descFrame .designerLogo {display: none;}
  .itemDetailFrame .mobilePhotoFrame {width: 100%; height: auto; display: block; float: left; margin: 15px 0px 0px 0px;}
  .itemDetailFrame .mobilePhotoFrame .photo {width: 100%; height: auto; float: left;}
  .itemDetailFrame .mobilePhotoFrame .photo IMG {width: 100%; height: auto; float: left;} 
}
@media only screen
and (max-width: 400px)
{
  .itemDetailFrame .cartFrame .submit {font-size: 16px; padding: 0px 20px;}
}




/* Objednávka - navigace */
.orderNavigFrame {width: 100%; min-height: 80px; margin: 20px 0px 30px 0px; float: left; display: flex;}
.orderNavigFrame .button {flex: 1; margin-right: 3px; padding: 10px 20px; background-color: #eee; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all;}
.orderNavigFrame .button:last-child {margin-right: 0px;}
.orderNavigFrame .button:after {width: 17px; height: 28px; content: ''; background-image: url('/images/arrow-black-r.png'); background-position: center center; background-repeat: no-repeat;}
.orderNavigFrame .button.active {background-color: #814997; color: #FFF;}
.orderNavigFrame .button.active:after {background-image: url('/images/arrow-white-r.png');}
.orderNavigFrame .button.disabled {color: #ccc;}
.orderNavigFrame .button.disabled:after {opacity: 0.3;}
.orderNavigFrame A.button:HOVER {background-color: #9E66B4; border-color: #9E66B4; color: #FFF;}
.orderNavigFrame A.button:HOVER:after {background-image: url('/images/arrow-white-r.png');}
@media only screen
and (max-width: 700px)
{
  .orderNavigFrame {flex-direction: column;}
  .orderNavigFrame .button {font-size: 14px; padding: 5px 10px; margin: 0px;}
}



/* Košík */
.cartFrame {width: 100%; float: left; margin: 0px 0px 0px 0px;}
.cartFrame .cartLine {width: 100%; float: left; display: flex; border-top: 1px #eeeeee solid;}
.cartFrame .cartLine.heading .cell {background-color: #eeeeee; align-items: center; font-weight: 600;}
.cartFrame .cartLine .cell {min-height: 40px; display: flex; align-items: center; flex-grow: 1; padding: 0px 10px; font-size: 16px; background-color: #FFF; /*outline: 2px #eeeeee solid;*/}
.cartFrame .cartLine .cell.nazev {/*flex: 4;*/ padding-top: 10px; padding-bottom: 10px;}
.cartFrame .cartLine .cell.pocet {/*flex: 1;*/ width: 150px; padding-top: 10px; padding-bottom: 10px; flex-shrink: 0; flex-grow: 0; flex-direction: column; justify-content: center;}
.cartFrame .cartLine .cell.cena {/*flex: 1;*/  width: 100px; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine .cell.removeWishlist {/*flex: 1;*/  width: 150px; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine .cell.w1-5 {width: 20%; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine .cell.full {width: 100%;}
.cartFrame .cartLine .cell.half {width: 50%;}
.cartFrame .cartLine .cell.align-r {justify-content: flex-end;}
.cartFrame .cartLine .cell.cenaCol {flex-direction: column; justify-content: center; align-items: flex-end;}
.cartFrame .cartLine .cell.total {font-size: 18px;}
.cartFrame .cartLine .cell .cenaOld {text-decoration: line-through; color: #414042; font-size: 14px;}
.cartFrame .cartLine .cell .cenaActive {/*color: #814997;*/}
.cartFrame .cartLine .cell .cenaActive.akce {color: #ff0000;}
.cartFrame .cartLine .cell .photo {max-width: 80px; height: auto; margin: 0px 10px 0px 0px;}
.cartFrame .cartLine .cell .photo.small {max-width: 50px;}
.cartFrame .cartLine .cell .inputCnt {width: 40px; height: 30px; padding: 3px 5px; margin: 0px 5px 0px 0px; background-color: #fff; border: 1px #aaa solid; display: flex; align-items: center; justify-content: center;}
.cartFrame .cartLine .cell .jednotka {margin: 0px 0px 0px 0px;}
.cartFrame .cartLine .cell A {text-decoration: underline;}
.cartFrame .cartLine .cell .cart-icon {width: 16px; height: 16px; float: left; display: flex; align-items: center; flex-shrink: 0; flex-grow: 0; justify-content: center; background-color: #888; color: #FFF; font-weight: 300; font-size: 20px; line-height: 16px; margin: 0px 0px 0px 5px; cursor: pointer; border-radius: 2px;}
.cartFrame .cartLine .cell .cart-icon.plus {padding: 0px 1px 0px 0px;}
.cartFrame .cartLine .cell .cart-icon.minus {padding: 0px 1px 3px 0px;}
.cartFrame .cartLine .cell .cart-icon.delete {padding: 0px 0px 0px 0px; font-size: 16px; position: relative; background-color: #ff0000;}
.cartFrame .cartLine .cell .cart-icon.delete::after {content: "x"; position: absolute; top: -1px;}
.cartFrame .cartLine .cell .cart-icon.delete:HOVER {background-color: #d9001a;}
.cartFrame .cartLine .cell .cart-icon:HOVER {background-color: #000;}
.cartFrame .cartLine .cell .total {color: #ff0000; font-weight: 600;}
.cartFrame .cartLine .cell .variant {font-size: 14px;}
.cartFrame .cartLine .cell .pocetLine {width: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.cartFrame .cartLine .cell .fontSmall {font-size: 12px; color: #ccc;}
.cartFrame .cartLine.doprava .td-nazev {width: 50%;}
.cartFrame .cartLine.doprava .td-pocet {display: none;}
.cartFrame .cartLine.doprava .td-cena {display: none;}
.cartFrame .cartLine.row.doprava .td-cena-celkem {width: 50%;}
.cartLoadingFrame {width: 100%; min-height: 100px; background-color: #eee; display: flex; align-items: center; justify-content: center; font-size: 16px;}
#ajaxContentCartMessage {width: 100%; float: left;}
@media only screen
and (max-width: 700px)
{
  .cartFrame .cartLine.heading .th-pocet {display: none;}
  .cartFrame .cartLine.heading .th-cena {display: none;}
  .cartFrame .cartLine.heading .th-cena-celkem {display: none;}
  .cartFrame .cartLine.row {flex-wrap: wrap;}
  .cartFrame .cartLine .cell.nazev {width: 100%;}
  .cartFrame .cartLine.row .cell.pocet {width: 33.33%;}
  .cartFrame .cartLine.row .cell.cena {width: 33.33%;}
  .cartFrame .cartLine.row .cell.cena-celkem {width: 33.33%;}
  .cartFrame .cartLine.row-total {flex-direction: column;}
  .cartFrame .cartLine.row-total .cell.half {width: 100%;}
  .cartFrame .cartLine .cell.total {font-size: 16px; padding: 5px 0px 0px 0px;}
  .cartFrame .cartLine .cell.total .info {font-size: 14px; text-align: center;}
  .cartFrame .cartLine .cell.total.total-left {display: none;}
  .cartFrame .cartLine.row.recap .cell.pocet {width: 50%; align-items: flex-start;}
  .cartFrame .cartLine.row.recap .cell.cena {width: 50%;}
  .cartFrame .cartLine .cell.pocet {padding-top: 0px; padding-bottom: 0px;}
}



/* Objednávka - doprava a platba */
.dopravaPlatbaFrame {width: 100%; float: left; display: flex; margin: 0px 0px 10px 0px;}
.dopravaPlatbaFrame H3 {font-size: 24px; margin-top: 0px;}
.dopravaPlatbaFrame .dopravaFrame {width: calc(50% - 25px); margin: 0px 50px 0px 0px; padding: 20px 30px; border: 1px #eee solid;}
.dopravaPlatbaFrame .platbaFrame {width: calc(50% - 25px); margin: 0px 0px 0px 0px; padding: 20px 30px; border: 1px #eee solid;}
.dopravaPlatbaFrame .optionLine {width: 100%; padding: 15px 0px; float: left; display: flex; flex-wrap: wrap; border-top: 1px #eee solid;}
.dopravaPlatbaFrame .optionLine .left {display: flex; align-items: center;}
.dopravaPlatbaFrame .optionLine .right {display: flex; align-items: center;}
.dopravaPlatbaFrame .optionLine .right P {white-space: nowrap;}
.dopravaPlatbaFrame .optionLine .lineNamePrice {width: 100%; float: left; font-size: 18px; display: flex; align-items: center; justify-content: space-between;}
.dopravaPlatbaFrame .optionLine .lineDesc {width: 100%; float: left; margin: 10px 0px 0px 0px; font-size: 14px; color: #717171;}
.dopravaPlatbaFrame .comgateLogos {max-width: 400px;}
.dopravaPlatbaFrame .checkboxLabel {font-size: 16px; margin: 0px 0px 0px 0px;}
.dopravaPlatbaFrame .paragraf1 {margin: 0px 0px 10px 0px;}
.dopravaPlatbaFrame .paragraf1:last-child {margin-bottom: 0px;}
@media only screen
and (max-width: 1400px)
{
  .dopravaPlatbaFrame {flex-direction: column;}
  .dopravaPlatbaFrame .dopravaFrame {width: 100%; margin: 0px 0px 30px 0px;}
  .dopravaPlatbaFrame .platbaFrame {width: 100%;}
}
@media only screen
and (max-width: 700px)
{
  .dopravaPlatbaFrame H3 {font-size: 18px; margin-bottom: 10px;}
  .dopravaPlatbaFrame .dopravaFrame {padding: 10px;}
  .dopravaPlatbaFrame .platbaFrame {padding: 10px;}
  .dopravaPlatbaFrame .optionLine .lineNamePrice {font-size: 16px;}
  .dopravaPlatbaFrame .optionLine .lineDesc {font-size: 12px; color: #A8A8A8;}
  .dopravaPlatbaFrame .comgateLogos {max-width: 100%; height: auto;}
}



/* Tlačítka v objednávce */
.buttonsFrame {width: 100%; float: left; display: flex; justify-content: space-between; margin: 20px 0px 0px 0px;}
.buttonsFrame .left {display: flex; justify-content: center; flex-direction: column; margin: 0px 20px 0px 0px;}
.buttonOrder {width: auto; min-width: 300px; height: 80px; margin-right: 0px; padding: 0px 20px; background-color: #814997; color: #FFF; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all;}
.buttonOrder:last-child {margin-right: 0px;}
.buttonOrder:after {width: 17px; height: 28px; content: ''; background-image: url('/images/arrow-white-r.png'); background-position: center center; background-repeat: no-repeat;}
.buttonOrder:HOVER {background-color: #9E66B4; border-color: #9E66B4; color: #FFF;}
.buttonOrder:HOVER:after {background-image: url('/images/arrow-white-r.png');}
.buttonOrder.disabled {background-color: #eee; color: #ccc; cursor: not-allowed;}
.buttonOrder.disabled:after {background-image: url('/images/arrow-gray2-r.png');}
.buttonOrder.disabled:HOVER {background-color: #eee; color: #ccc;}
.buttonOrder.disabled:HOVER:after {background-image: url('/images/arrow-gray2-r.png');}
.submitOrder {width: auto; min-width: 340px; height: 80px; padding: 0px 20px; text-align: left; background-color: #814997; color: #FFF; border: 0px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all; background-image: url('/images/arrow-white-r.png'); background-position: right 20px center; background-repeat: no-repeat;}
.submitOrder:HOVER {background-color: #9E66B4; border-color: #9E66B4; color: #FFF;}
@media only screen
and (max-width: 800px)
{
  .buttonsFrame {flex-direction: column;}
  .buttonsFrame .left {width: 100%; margin: 0px 0px 20px 0px; align-items: center; }
}



/* Dárkový Poukaz - FORM */
.darkovyPoukazFrame {height: 50px; display: flex;}
.darkovyPoukazFrame INPUT[type="submit"] {background-color: #9E66B4; border-color: #9E66B4; color: #FFF;}



/* Historie objednávek - seznam + Oblíbení designéři */
.ordersTableFrame {width: 100%; float: left; display: flex; flex-wrap: wrap;}
.ordersTableFrame .row {width: 100%; float: left; display: flex; border-bottom: 1px #eeeeee solid;}
.ordersTableFrame .row.header {font-weight: 700; background-color: #eeeeee;}
.ordersTableFrame .row:HOVER {background-color: #f7f7f7;}
.ordersTableFrame .cell {flex: 1; display: flex; align-items: center; padding: 10px 10px;}
.ordersTableFrame .cell A {color: #814997; text-decoration: underline;}
.ordersTableFrame .cell.align-r {justify-content: flex-end;}
.ordersTableFrame .cell.logo {width: 120px;}
.ordersTableFrame .cell.logo IMG {width: 120px;}



/* Historie objednávek - detail */
.orderHistoryDetailFrame {width: 100%; float: left;}
.orderHistoryDetailFrame P {}