#itemDetail {width: 100%; float: left; font-size: 14px; }
#itemDetail .headingLine {width: 100%; height: 50px; float: left;}
#itemDetail .headingLine .saleClose {width: 100%; float: left; text-align: center; color: #FFF; font-size: 18px; font-weight: 500; margin: 10px 0px 0px 0px;}
.detailBack {width: 100%; float: left; font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; display: block;}
.detailLeftFrame { width: 410px; float: left; }
.detailLeftFrame .photoMain { width: 100%; float: left; }
.detailLeftFrame .photoOthers {width: 31.66%; height: auto; float: left; margin-top: 10px; margin-right: 2.51%; }
.detailLeftFrame  A:nth-child(3n) .photoOthers {margin-right: 0;}
.detailLeftFrame .allPhotos {width: 100%; padding: 10px 0px; float: left; text-align: center; background-color: #f0f3f5; font-size: 12px;}
.detailLeftFrame .allPhotos:HOVER {background-color: #1c252c; color: #FFF;}
.detailLeftFrame .desc {width: 100%; float: left; font-size: 12px; color: #888; line-height: 1.5;}
.dostupnost { padding-left: 40px; background: url('/images/wave.png') left center no-repeat; }
.paramName { min-width: 160px; float: left; margin-right: 5px; }
.paramValues { float: left; margin: 2px 0;}
.paramValue { float: left; }

.paramValues select { float: left; height: 45px; border: 2px #1b9a9d solid; font-size: 16px; padding: 0 10px 0 10px; background-color: #23b6ba; color: #fff;}

.detailRightFrame { width: calc(100% - 450px); float: right; }
.detailRightFrame H1 {width: 100%; float: left; margin: 0px;}
.detailRightFrame H1 .small {font-size: 20px; font-weight: 700; color: #98c31e;}

.detailRightFrame .paramsFrame {width: 100%; float: left; margin: 0px 0px 15px 0px;}

.buyAbleContainer { float: left; width: 100%; }

#itemDetail .prices {width: auto; float: left; position: relative; clear: both; margin-top: 50px; margin-bottom: 35px; }
#itemDetail .prices.full {width: 100%;}
#itemDetail .prices .bookmarks { float: left; margin-left: 50px; transition:0.5s all;} 
#itemDetail .bookmark { margin-right: 10px; }
#itemDetail .bookmark:last-child { margin-right: 0; }
#itemDetail .prices .circleFreeDelivery { width: 65px; height: 65px; background-image: url('/images/doprava-zdarma-nove.png'); background-position: center center; background-repeat: no-repeat;}
#itemDetail .priceLoading {position: absolute; left: -25px; top: 18px; width: 20px; height: 20px; float: left; margin: 0px; padding: 0px; background-image: url('/images/loading.gif'); background-repeat: no-repeat; background-position: center center; background-size: 120px 120px; display: none;}
#itemDetail .paramName .priceLoading {top: 3px;}
#itemDetail .price { float: left; margin-top: 15px; font-size: 35px; font-weight: bold; }
#itemDetail .price #itemPriceVat {line-height: 1;}
#itemDetail .price #itemPriceVat span.dph {display: block; margin-top: -8px; line-height: 1; font-size: 12px; font-weight: 300; text-align: right;}
#itemDetail .price #itemPriceVat.old {width: 100%; display: block; text-decoration: line-through; font-size: 16px; text-align: right; font-style: italic; color: #999; font-weight: 400;}


#itemDetail .priceNoVAT {font-size: 16px; font-weight: 300; margin: 0px; font-style: italic;}
#itemDetail .prices .price .gift {color: #2bb6ef;}
#itemDetail .prices .price .gray {color: #CCC; font-weight: 200;}
#itemDetail .detailFreeDelivery { color: #d9d102; font-size: 20px; font-weight: 500; }

.error-message {width: 100%; float: left; color: red;}

.cartLine {width: 100%; float: left; margin: 20px 0px 30px 0px;}
.cartLine INPUT[type=submit] { height: 55px; position: relative; padding: 0px 100px 0px 40px; margin: 0px 10px 0px 0px; font-size: 20px; font-weight: 300; color: #FFF; text-transform: uppercase; float: left; background-repeat: no-repeat; background-position: calc(100% - 15px) center; background-color: #23b6ba; background-image: url('/images/icon-kosik.png'); cursor: pointer; transition: background-color 0.25s; }
.cartLine INPUT[type=submit]:hover { background-color: #1d9fa2; }

.cartLine .inputTypeSubmit { align-items: center; height: 55px; position: relative; padding: 0px 100px 0px 40px; margin: 0px 10px 0px 0px; font-size: 20px; font-weight: 400; color: #FFF; text-transform: uppercase; float: left; background-repeat: no-repeat; background-position: calc(100% - 15px) center; background-color: #23b6ba; background-image: url('/images/icon-kosik.png'); cursor: pointer; transition: background-color 0.25s; text-decoration: none;}
.cartLine .inputTypeSubmit:hover { background-color: #1d9fa2; }

.cartLine .submit { position: relative; float: left; }
.cartLine .submit:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 75px; background: rgba(255,255,255,0.6); }
.cartLine INPUT[type=submit].points {width: auto; height: 50px; padding: 0px 15px 0px 50px; margin: 0px 10px 0px 0px; font-size: 22px; color: #FFF; float: left; background-image: url('/images/icon-gift.png'); cursor: pointer; background-color: #2bb6ef; background-position: 15px center; background-repeat: no-repeat; background-size: 24px;}
.cartLine INPUT[type=text] {width: 60px; height: 55px; float: left; font-size: 22px; text-align: center; cursor: pointer; margin-right: 1px; border: 2px #ededed solid; border-right: 0; }
.cartLine .price {width: auto; height: 40px; padding: 10px 7px 0px 15px; float: left; font-size: 23px; color: #FFF;}
.cartLine .priceNoVAT {width: auto; height: 40px; padding: 10px 15px 0px 15px; float: left; font-size: 18px; color: #90a3b2; background-image: url('/images/bg-gray.jpg'); background-repeat: repeat-x; background-size: 100%; line-height: 14px; text-align: center;}
.cartLine .priceNoVAT .small {font-size: 10px;}
.cartLine .noVAT {width: auto; height: 39px; padding: 11px 15px 0px 0px; float: left; font-size: 10px; color: #868f96; line-height: 12px;}
.cartLine .priceLoading {position: absolute; left: -25px; top: 14px; width: 20px; height: 20px; float: left; margin: 0px; padding: 0px; background-image: url('/images/loading.gif'); background-repeat: no-repeat; background-position: center center; background-size: 120px 120px; display: none;}
.cartLine .arrows {width: 27.5px; height: 55px; float: left; margin-right: 10px;}
.cartLine .arrows .arrow {width: 27px; height: 27px; display: block; float: left; background-color: #ededed; text-decoration: none; font-size: 20px; font-weight: bold; line-height: 26px; text-align: center;}
.cartLine .arrows .arrow.down {border-top: 2px #FFF solid; line-height: 23px;}
.cartLine .arrows .arrow.down.notAllowed {cursor: not-allowed;}


.ratingCont {width: 100%; height: 40px; float: left; margin-top: 10px; }
#itemDetail .ratingCont P {width: auto; float: left; margin: 0px 5px 0px 0px;}
#itemDetail .ratingCont P .small {font-size: 12px;}
#itemDetail .ratingCont .textRank {margin-left: 120px; float: left; color: #9d9d9d;}
.ratingFrame {width: 110px; float: left; position: relative;}
.ratingFrame .absl {width: 110px; float: left; position: absolute; top: 0px; left: 0px; z-index: 1;}
.ratingFrame .absl .rank-star {width: 22px; height: 21px; float: left; display: block; text-decoration: none;}
.ratingFrame .absl .rank-star.on {background-image: url('/images/star.png');}
.ratingFrame .absl .rank-star.gray {background-image: url('/images/star-gray.png');}
.ratingFrame .absl.z2 {z-index: 2;}
.ratingFrame .rank-star.back {width: 22px; height: 21px; float: left; display: block; background-image: url('/images/star-gray.png'); text-decoration: none;}
.ratingFrame .rank-star:HOVER, .ratingFrame .rank-star.on {background-image: url('/images/star.png');}
.ratingFrame .rank-star.half {background-image: url('/images/star-half.png');}
.ratingFrame .rank-star.logout {cursor: help;}

.subpages { margin-top: 55px; border-top: 2px #ededed solid; }
 .subpages .head { height: 50px; margin-top: -25px; margin-bottom: 30px; }
  .subpages .item { display: -webkit-flex; -webkit-align-items: center; } 
  .subpages .item { height: 100%; float: left; margin-right: 1px; display: flex; align-items: center; padding: 0 20px; background: #ededed; cursor: pointer; transition: all .3s; }
  .subpages .item:last-child { margin-right: 0; }
  .subpages .item.active, .subpages .item:hover { background: #23b6ba; color: #fff; }
 .subpages .content { display: none; }
 .subpages .content.active { display: block; }

.icon { display: -webkit-flex; -webkit-align-items: center; }
.icon {width: auto; height: 43px; float: left; display: flex; align-items: center; color: #767676; font-size: 13px; text-transform: uppercase; text-decoration: none !important; background-color: #efefef; padding-left: 50px; padding-right: 20px; margin-right: 5px; background-position: 15px center; background-repeat: no-repeat; transition-property: background-image color; transition-duration: 0.25s; }
.icon:hover { color: #1d9fa2; }
.icon.question {background-image: url('/images/icon-dotaz.png');}
.icon.question:hover {background-image: url('/images/icon-dotaz-green.png');}
.icon.vymena-zbozi {background-image: url('/images/icon-exchange.png');}
.icon.vymena-zbozi:hover {background-image: url('/images/icon-exchange-green.png');}
.icon.shipping {background-image: url('/images/icon-delivery-grey.png'); }
.icon.shipping:hover {background-image: url('/images/icon-delivery-green.png'); }
.icon.send-link {background-image: url('/images/icon-send-link.png');}
.icon.send-link:hover {background-image: url('/images/icon-send-link-blue.png');}

@media screen
and (min-width: 481px)
and (max-width: 840px)
{
  .detailLeftFrame .photoOthers { width: 48.75%; margin-right: 0; }
  .detailLeftFrame A:nth-child(even) .photoOthers { float: right; }
}

@media screen
and (max-width: 840px)
{
  .detailLeftFrame { width: 250px; }
  .detailRightFrame { width: calc(100% - 280px); }
  #itemDetail .prices { margin-top: 30px; margin-bottom: 15px; }
  .subpages .head { height: 40px; }
  #itemDetail .prices .bookmarks { margin-left: 20px; }
  .cartLine INPUT[type=submit] { margin: 0; padding: 0 80px 0 20px; font-size: 18px; }
  .cartLine .submit:after { right: 65px; }
}

@media screen
and (max-width: 700px)
{
  .detailLeftFrame { width: 225px; }
  .detailRightFrame { width: calc(100% - 255px); }
}

@media screen
and (max-width: 600px)
{
  .detailLeftFrame { width: 150px; }
  .detailRightFrame { width: calc(100% - 180px); }
  .subpages { padding-top: 30px; }
  .subpages .head { width: 100%; height: auto; float: left; margin-top: 0; }
   .subpages .item { -webkit-justify-content: center; }  
   .subpages .item { width: calc(25% - 1px); height: 40px; justify-content: center; }
  .cartLine .submit:after { font-size: 30px; }
}

@media screen
and (max-width: 500px)
{
  .detailLeftFrame { width: 100%; margin-bottom: 25px; }
  .detailRightFrame { width: 100%; }
  .subpages .item { width: 100%; height: 40px; margin-right: 0; margin-bottom: 1px; }
  .bookmark { width: 50px; height: 50px; background-size: 100% auto; }
  .circleSave { padding-top: 16px; font-size: 12px; }
}