* { box-sizing: border-box; }
BODY {font-family: 'Roboto', sans-serif; font-size: 13px; color: #4a4242; margin: 0px; background-color: #FFF;}

.mainFrame {width: 1200px; margin: 0px auto;}
.hidden {display: none;}
.obrazekVlevo {float: left; margin: 0px 15px 10px 0px;}
.obrazekVpravo {float: right; margin: 0px 0px 10px 15px;}
.floL {float: left !important;}
.floR {float: right !important;}
.block {float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.full {width:100%;}
/*.box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } */ /* MUSÍM ODSTRANIT */
.border-box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.radiusXS {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.radius-50-proc {border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.radiusXS-r {border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; -webkit-border-radius:0px 2px 2px 0px;}
.radiusS {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.radiusS-t {border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;}
.radiusS-b {border-radius:0px 0px 3px 3px; -moz-border-radius:0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px;}
.radiusS-rb {border-radius:0px 3px 3px 3px; -moz-border-radius:0px 3px 3px 3px; -webkit-border-radius:0px 3px 3px 3px;}
.arrowActive::AFTER {content:' ►'; float:right; margin:0 0 0 10px; -moz-transition:0.5s all; -webkit-transition:0.5s all; }
.arrowActive:HOVER::AFTER {-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); text-shadow: 1px 0 rgba(0,0,0,0.4); }
.arrowActiveL::BEFORE {content:' ◄'; float:left; margin:0 10px 0 0px; -moz-transition:0.5s all; -webkit-transition:0.5s all; }
.arrowActiveL:HOVER::BEFORE {-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); text-shadow: 1px 0 rgba(0,0,0,0.4); }
.shadow {-moz-box-shadow: 1px 3px 3px 3px #aeaeae; -webkit-box-shadow: 1px 3px 3px 1px #aeaeae; box-shadow: 1px 3px 3px 1px #aeaeae;}
.container, .row { width: 100%; float: left; }

.flexbox {display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.flexbox.flexboxVertCenter {align-items: center;}

#packeta-iframe-wrap {max-width: calc(100vw - 40px) !important;}

/* Loader */
#loaderOverlay {width: 100%; height: 100%; float: left; background-color: rgba(0,0,0,0.3); position: fixed; top: 0px; left: 0px; display: none; z-index: 1000;}
#loaderOverlay .inner {width: 100%; height: 100%; float: left; display: flex; justify-content: space-around; align-items: center;}
#loaderOverlay P {color: #FFF; font-size: 18px !important; font-weight: 500;}

ARTICLE { display: block; }

.transition {-moz-transition:0.3s all; -webkit-transition:0.3s all;}
.centerer {width: auto; margin: 0px auto; display: table;}
.trans {filter:alpha(opacity=90); /* IE */
    -moz-opacity:0.9; /* Mozilla */
    opacity: 0.9; /* CSS3 */}

.bold {font-weight: bold;}

IMG { max-width: 100%; border: 0px;}
P { line-height: 1.5; }
P, H1, H2, H3, H4, H5, H6 {margin: 0px;}
A {color: inherit; text-decoration: none;}
INPUT {padding: 0px; border: 0px; margin: 0px; background-color: transparent; color: inherit;apperance:none;}
INPUT[type=text], INPUT[type=submit] {-webkit-appearance: none; -moz-appearance: none;}
UL {margin: 0px; padding: 0px; list-style-position: inside; list-style-type: square;}
OL { margin: 0px; padding: 0px; }
HR {width: 100%; height: 1px; border: 0px; background-color: #ebebeb; float: left; margin: 20px 0px;}
HR.detail {margin: 40px 0px 0px 0px;}

H1 { margin-bottom: 35px; text-align: center; font-size: 35px; text-transform: uppercase; }

.size19 { font-size: 19px !important; }
.size24 { font-size: 24px !important; }
.size32 { font-size: 32px !important; }
.size40 { font-size: 40px !important; }
.size56 { font-size: 56px !important; }

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

.freeDelivery {display: block; width: 100%; margin-bottom: 15px;}


.starsFrame {align-items: center;}
.starsFrame .paramName {padding: 5px 0 5px 40px;}
.starsFrame .stars {align-items: center;}
.starsFrame .stars .star {width: 18px; height: 18px; margin: 0 5px 0 0; background-image: url('/images/i-star2.png'); background-position: center; background-repeat: no-repeat;}
.starsFrame .stars .star.full {background-image: url('/images/i-star-full2.png');}
.starsFrame .stars .star:not(.noHover):hover {background-image: url('/images/i-star-full2.png');}
.starsFrame .stars .average {margin-left: 10px; font-style: italic; color: #999; font-size: 12px;}


#recenze {padding: 40px 0; background-color: #eef1f6;}
#recenze h2 {margin: 0 0 20px 0; font-size: 32px; text-align: center; text-transform: uppercase;}
#recenze .inner {flex-wrap: wrap;}
#recenze .inner .item {width: calc(25%); padding: 0 30px; margin: 30px 0; border-right: 2px solid #fff;}
#recenze .inner .item:last-child {border: 0;}
#recenze .inner .item .name {margin: 0 0 15px 0; font-weight: 700; font-size: 18px;}
#recenze .inner .item .dt {margin: 0 0 15px 0; color: #ccc; font-style: italic; font-weight: 100; font-size: 14px;}
#recenze .inner .item .popis {font-style: italic; font-weight: 100; font-size: 14px;}
#recenze .btn {width: 100%; float: left; margin: 40px 0 0 0; text-align: center;}
#recenze .btn a {padding: 10px 40px; border: 2px #484848 solid; transition: all .3s;}
#recenze .btn a:hover {background: #3ac4c8; color: #fff; border-color: #3ac4c8;}


#fullTopFrame {width: 100%; position: fixed; top: 0; left: 0; z-index: 300; font-size: 13px; background-color: #eef2f6; text-transform: uppercase; border-bottom: 1px #f6f6f6 solid; }
#fullTopFrame .mainFrame { display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; }
#fullTopFrame .mainFrame { height: 65px; display: flex; align-items: center; justify-content: space-between; }
#fullTopFrame .left { display: -webkit-flex; -webkit-align-items: center; }
#fullTopFrame .left {float: left; display: flex; align-items: center; }
#fullTopFrame .left A { margin-left: 60px; }
#fullTopFrame .left A:nth-child(1) { margin: 0px 0px 0px 0px; }
#fullTopFrame .right {float: right;}
#fullTopFrame .center {float: left; margin: 0px 0px 0px 0px;}
#fullTopFrame .contUser { display: -webkit-flex; -webkit-align-items: center; }
#fullTopFrame .contUser { height: 65px; min-height: 16px; display: flex; align-items: center; padding-top: 1px; padding-right: 25px; background: url('/images/exit.png') right center no-repeat; }
#fullTopFrame .contUser .small {text-transform: none; font-weight: 300;}
#fullTopFrame .contUser.twoLines {width: auto; padding: 0px 0px 0px 25px;  margin: 0px 0px 0px 0px; background-position: left center; font-weight: 500;}
#fullTopFrame .userPopupContainer {width: auto; float: right; position: relative; z-index: 3;}
#fullTopFrame .userPopupFrame {width: auto; min-width: 156px; float: left; display: none; padding: 0px; background-color: #23b6ba; position: absolute; top: 100%; right: 0px; color: #FFF; z-index: 3;}
#fullTopFrame .userPopupFrame .button {width: 100%; padding: 8px 0px; float: left; display: block; font-size: 14px; text-align: center; border-top: 1px rgba(255, 255, 255, 0.3) solid;}
#fullTopFrame .userPopupFrame .button:HOVER {background-color: #1fa1a5; color: #fff; }
#fullTopFrame .kosik { display: -webkit-flex; -webkit-align-items: center; }
#fullTopFrame .kosik {width: auto; padding-left: 30px; display: flex; align-items: center; margin: 0px 60px 0px 0px; font-size: 14px; font-weight: 500; float: left; background-image: url('/images/icon-kosik-19.png'); background-position: left center; background-repeat: no-repeat; }
#fullTopFrame .kosik SPAN:first-child { margin-right: 10px; }
#fullTopFrame .kosik .cena {font-weight: 300;}
#fullTopFrame .vernost {width: auto; padding: 10px 0px 0px 38px; margin: 3px 0px 0px 0px; font-weight: 500; float: left; display: block; background-image: url('/images/icon-star.png'); background-position: left center; background-repeat: no-repeat;}
#fullTopFrame .vernost .yellow {color: #ffd640; text-transform: uppercase;}
#fullTopFrame .freeDelivery {width: auto; padding: 7px 0px 0px 45px; margin: 5px 60px 0px 0px; font-weight: 500; float: left; display: block; background-image: url('/images/icon-free-delivery-white.png'); background-position: left center; background-repeat: no-repeat;}
#fullTopFrame .freeDelivery:hover { background-image: url(/images/icon-free-delivery-yellow.png); }
#fullTopFrame .freeDelivery .white { color: #fff; text-transform: uppercase; font-weight: 600; }
#fullTopFrame .icon { height: 47px; float: left; margin: 5px 30px 0px 0px; padding: 15px 0px 0px 35px; box-sizing: border-box; background-repeat: no-repeat; background-position: left center; }
#fullTopFrame .contact { float: left; padding-left: 30px; background-repeat: no-repeat; background-position: left center; }
#fullTopFrame .vibratingPhone { min-height: 22px; padding-left: 30px; background: url(/images/phone-vibrating.png) left center no-repeat; font-size: 16px; font-weight: 500; color: #23b6ba; }
#fullTopFrame .mail { background-image: url(/images/icon-mail.png); }
#menuFrame UL { width: 100%; float: left; list-style-type: none; }
 #menuFrame LI { float: left; margin-right: 20px; }
 #menuFrame LI:last-child { margin-right: 0; }
.catsMain { position: relative; background: #23b6ba; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; }
 .catsMenu { display: -webkit-flex; -webkit-justify-content: space-between; }
 .catsMenu { width: 100%; height: 73px; float: left; display: flex; justify-content: space-between; list-style-type: none; }
 .catsMenu LI.main { height: 100%; float: left; }
 .catsMenu LI.main:last-child { margin-right: 0; }
 .catsMenu LI.main A.main { display: -webkit-flex; -webkit-align-items: center; } 
 .catsMenu LI.main A.main { position: relative; height: 100%; display: flex; align-items: center; padding-bottom: 5px; }
 .submenu { display: none; width: 100%; position: absolute; top: 100%; left: 0; z-index: 200; padding: 45px 0; background: rgba(255,255,255,0.95); background-color: #fff; border-bottom: 2px #2cb9bd solid; }
  .submenu .mainFrame { display: -webkit-flex; -webkit-align-items: center; } 
  .submenu .mainFrame { height: 100%; display: flex; align-items: center; }
   .submenu .img { position: relative; }
   .submenu .img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('/images/waves-submenu.png') center no-repeat; }
   .submenu .img IMG { border-radius: 50%; }
   .submenu .items { flex: 1; list-style-type: none; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #525252; line-height: 2; }
   .submenu .items a:hover {color: #23b6ba;}
   .submenu LI { width: 31%; position: relative; float: left; margin: 4px 3.5% 4px 0; padding: 10px 0 10px 60px; background-repeat: no-repeat; background-position: left center; background-size: contain;}
   .submenu LI:nth-child(3n) {margin-right: 0;}
.logoSmall { display: none; }
.logoSmall IMG { height: 45px; }

.catsMenu .hasSub:hover .submenu {display: block;}

/* LOGO, KOŠÍK A UŽIVATEL */
#fullLogoFrame {width: 100%; float: left; margin-top: 66px; background: #fff url('/images/dots.png'); }
#fullLogoFrame .mainFrame { display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; }
#fullLogoFrame .mainFrame { height: 130px; display: flex; align-items: center; justify-content: space-between; }
#fullLogoFrame .logo {width: 307px; height: 91px; float: left; display: block; background: url('/images/logo.png') no-repeat; }
#fullLogoFrame .contKosikBg { position: absolute; z-index: 2; top: 33px; left: 0px; width: 65px; height: 65px; background-color: #fff; transform: rotate(45deg); }
#fullLogoFrame .contKosik .heading { margin-bottom: 6px; font-size: 18px; text-transform: uppercase; line-height: 1; }
#fullLogoFrame .contSearch {width: 330px; height: 51px; float: left; background-color: #bdeff0; *background-color: #eef2f6; *background-image: url('/images/search-bg-green.png'); background-repeat: no-repeat; background-position: right 14px center; margin: 0px 0px 0px 50px; position: relative; }
#fullLogoFrame .contSearch INPUT[type=text] {width: 290px; height: 51px; float: left; padding: 0px 15px; color: #000; font-size: 16px; font-weight: 600; border: 0;}
#fullLogoFrame .contSearch INPUT:FOCUS { outline: none; }
#fullLogoFrame .contSearch INPUT[type=submit] {width: 60px; height: 51px; float: right; cursor: pointer;}
#fullLogoFrame .kosikPopupContainer { min-height: 75px; float: right; position: relative; z-index: 1; display: flex; align-items: center; padding-left: 90px; background: url('/images/basket.png') left center no-repeat; color: #23b6ba; }
#fullLogoFrame .kosikPopupContainer:HOVER .contKosik.nbb {border-bottom: 0px;}
#fullLogoFrame .cnt { width: 20px; height: 20px; position: absolute; top: 13px; left: 57px; padding-top: 4px; background-color: #bdeff0; font-size: 12px; border-radius:50%; z-index: 100; text-align: center; }
#fullLogoFrame .total-cena { font-size: 18px; line-height: 1; white-space: nowrap; }
#fullLogoFrame .kosikPopupFrame {width: 340px; float: left; display: none; padding: 0px; color: #4a4242; background-color: #f7f7f7; border: 1px #e3e3e3 solid; position: absolute; top: 100%; right: 0px; z-index: 200000000;}
#fullLogoFrame .kosikPopupFrame .inner {width: 340px; float: left; padding: 5px 20px;}
#fullLogoFrame .kosikPopupFrame .desc {width: 238px; float: left; display: block;}
#fullLogoFrame .kosikPopupFrame .item {width: 100%; float: left; margin: 5px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px #4d5e6d solid;}
#fullLogoFrame .kosikPopupFrame .last {border-bottom: 0px;}
#fullLogoFrame .kosikPopupFrame .photoItem {width: 50px; float: left; margin: 0px 10px 0px 0px;}
#fullLogoFrame .kosikPopupFrame P {width: auto; float: left; font-size: 12px;}
#fullLogoFrame .kosikPopupFrame P.name {width: 100%; float: left; font-size: 14px; font-weight: bold; margin: 0px 0px 10px 0px;}
#fullLogoFrame .kosikPopupFrame P.name A {text-decoration: underline;}
#fullLogoFrame .kosikPopupFrame P.ks {width: 50px;}
#fullLogoFrame .kosikPopupFrame .delete {width: auto; padding: 0px 0px 0px 15px; float: left; font-size: 12px; background-image: url('/images/icon-cross-s.png'); background-position: left center; background-repeat: no-repeat;}
#fullLogoFrame .kosikPopupFrame .delete:HOVER {text-decoration: underline;}
#fullLogoFrame .kosikPopupFrame .cena {float: right;}
#fullLogoFrame .kosikPopupFrame .kosikButton {width: 100%; padding: 8px 0px; float: left; display: block; background-color: #23b6ba; color: #FFF; font-size: 18px; text-align: center; font-weight: bold;}
#fullLogoFrame .right { display: -webkit-flex; -webkit-justify-content: space-between; }
#fullLogoFrame .right { flex: 1; width: auto; display: flex; justify-content: space-between; align-items: center; }
#fullLogoFrame .specialOffer { min-height: 74px; display: flex; align-items: center; padding-left: 85px; box-sizing: border-box; background: url(/images/special-offer.png) left center no-repeat; color: #ffc61c; font-size: 18px; }
#fullLogoFrame .specialOffer.empty {background-image: none;}
 .specialOffer .big { font-size: 18px; font-weight: 500; text-transform: uppercase; }
 .specialOffer .small { font-size: 12px; }

/* NAŠEPTÁVAČ */
.contSearch { width: 260px; height: 73px; position: relative; float: right;  background: url('/images/icon-search.png') right center no-repeat; }
.contSearch INPUT { width: 150px; height: 29px; float: right; border-right: 1px #fff solid; }
.contSearch #searchTipsContainer {width: 330px; max-height: 500px; overflow-y: scroll; padding: 0px 1px 0px 1px; float: left; position: absolute; top: 100%; right: 0; background-color: #f0f0f0; display: none; z-index: 101; overflow-x: visible;}
.contSearch #searchTipsContainer .searchTipsLine {width: 100%; float: left; padding: 8px 15px; font-size: 14px; background-color: #f7f7f7; border-top: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid; position: relative;}
.contSearch #searchTipsContainer .searchTipsLine:HOVER {background-color: #f0f0f0;}
.contSearch #searchTipsContainer .header {background-color: #23b6ba; font-weight: 600; color: #FFF;}
.contSearch #searchTipsContainer .header:HOVER {background-color: #1fa1a5;}
.contSearch #searchTipsContainer .bt {border-top: 1px #c6c6c6 solid;}
.contSearch #searchTipsContainer .center {font-weight: 600; text-align: center;}
.contSearch #searchTipsContainer .photo {width: 50px; float: left; margin: 0px 15px 0px 0px;}
.contSearch #searchTipsContainer .name {font-size: 14px; font-weight: 600; color: #1c252c;}
.contSearch #searchTipsContainer .price {font-size: 14px; font-weight: 300; color: #1c252c;}
.contSearch #searchTipsContainer .priceVat {font-size: 16px; font-weight: 300; color: #1c252c;}
.contSearch #searchTipsContainer .priceVat .small {font-size: 12px; font-weight: 300;}
.contSearch #searchTipsContainer .points {font-size: 16px; font-weight: 300; color: #2bb6ef;}
.contSearch #searchTipsContainer .gray {color: #a4acb0;}
.contSearch #searchTipsContainer .flags { position: absolute; top: calc(50% - 20px); right: 10px; }
.contSearch #searchTipsContainer .circleGift {width: 40px; height: 40px;  background-size: 100% auto;}
.contSearch #searchTipsContainer .circleSave { width: 40px; height: 40px; padding-top: 7px; background-size: 100% auto; }
.contSearch #searchTipsContainer .circleFreeDelivery { width: 40px; height: 40px; padding-top: 7px; background-size: 100% auto; }
.contSearch #searchTipsContainer .circleSave SPAN { font-size: 10px; }

/*#homeContent {width: 100%; float: left; margin: 30px 0px 10px 0px;}*/
.col3Frame {width: 380px; height: auto; float: left; margin: 0px 30px 30px 0px;}
.col2Frame {width: 585px; height: auto; float: left; margin: 0px 30px 30px 0px;}
.col2Frame P {font-size: 14px; color: #1c252c; line-height: 1.6; margin: 10px 0px 10px 0px;}

/* bannery */
.bannerTextFrame {width: 100%; height: auto; float: left; margin: 10px 0px 0px 0px; padding: 0px 10px;}
.bannerTextFrame .left { width: 53%; height: auto; float: left; margin: 0px 0.6% 0px 0px;}
.bannerTextFrame .right { width: 46.4%; height: auto; float: left; margin: 0px 0px 0px 0px;}
.bannerTextFrame IMG {float: left; margin: 0px 0px 1.3% 0px; width: 100%; }
.bannerTextFrame .right IMG { max-height: 230px; }

/* NAVIGACE */
#fullNavigFrame {width: 100%; height: auto; padding: 25px 0 10px 0; float: left; color: #837d7d; background-color: #fff; font-weight: 500; font-style: italic; }
#fullNavigFrame A:HOVER {text-decoration: underline;}
#fullNavigFrame .home {width: 47px; height: 47px; margin: 0px 10px 0px 0px; float: left; display: block; background-image: url('/images/home.png'); background-position: center center; background-repeat: no-repeat; background-color: #f7f7f7;}
#fullNavigFrame .inner {float: left; padding: 14px 0px 0px 0px;}
#fullNavigFrame A:last-child { color: #23b6ba; }
/* end NAVIGACE */

.fullWhiteFrame {width: 100%; float: left; background-color: #FFF; overflow: hidden; }

#mainContentFrame {width: 100%; float: left; margin-bottom: 110px; }

#kontakty {width: 100%; float: left; justify-content: space-between;}
#kontakty .left {width: 48%;}
#kontakty .right {width: 50%;}
#kontakty .right iframe {width: 100%; height: 350px;}

/* kategorie */
.homeCatsFrame { background: #fff; }
.homeCat { width: 31.66%; height: 195px; margin-right: 2.51%; float: left; flex-direction: column; justify-content: center; align-items: center; margin-top: 30px; background-color: #faf9f9; background-image: url('/images/dots.png'); background-repeat: repeat, no-repeat; background-position: center 40px; text-align: center; font-size: 19px; font-weight: bold; text-transform: uppercase; transition: all .3s; }
.homeCat:nth-child(3n) { margin-right: 0; }
.homeCat:hover { background-color: #3ec5c9; color: #fff; }

.homeCat .icon {width: 86px; height: 86px; background-repeat: no-repeat; background-position: center;}

.homeCat.pool .icon {background-image: url('/images/cat/pool.png');}
.homeCat.pool:hover .icon {background-image: url('/images/cat/pool-white.png');}

.homeCat.roof .icon {background-image: url('/images/cat/roof.png');}
.homeCat.roof:hover .icon {background-image: url('/images/cat/roof-white.png');}

.homeCat.bath .icon {background-image: url('/images/cat/bath.png');}
.homeCat.bath:hover .icon {background-image: url('/images/cat/bath-white.png');}

.homeCat.sauna .icon {margin-bottom: 15px; background-image: url('/images/cat/sauna3.png'); background-size: 85px auto;}
.homeCat.sauna:hover .icon {background-image: url('/images/cat/sauna3_white.png');}

.homeCat.zazimovani .icon {margin-bottom: 15px; background-image: url('/images/cat/zazimovani-bazenu.png'); background-size: 85px auto;}
.homeCat.zazimovani:hover .icon {background-image: url('/images/cat/zazimovani-bazenu-bila.png');}

.homeCat.pump .icon {margin-bottom: 15px; background-image: url('/images/cat/pump.png'); background-size: 85px auto;}
.homeCat.pump:hover .icon {background-image: url('/images/cat/pump-white.png');}

.homeCat.pvc .icon {margin-bottom: 15px; background-image: url('/images/cat/water-tank3.png'); background-size: 85px auto;}
.homeCat.pvc:hover .icon {background-image: url('/images/cat/water-tank3_white.png');}

.homeCat.acces .icon {margin-bottom: 15px; background-image: url('/images/cat/filter3.png'); background-size: 85px auto;}
.homeCat.acces:hover .icon {background-image: url('/images/cat/filter3_white.png');}

.homeCat.tvarovky .icon {margin-bottom: 15px; background-image: url('/images/cat/elbow3.png'); background-size: 85px auto;}
.homeCat.tvarovky:hover .icon {background-image: url('/images/cat/elbow3_white.png');}

.homeCat.atipic .icon {margin-bottom: 15px; background-image: url('/images/cat/engineering3.png'); background-size: 85px auto;}
.homeCat.atipic:hover .icon {background-image: url('/images/cat/engineering3_white.png');}

.homeCat.material .icon {margin-bottom: 15px; background-image: url('/images/cat/material.png'); background-size: 85px auto;}
.homeCat.material:hover .icon {background-image: url('/images/cat/material_white.png');}

/*.homeCat.pool { background-image: url('/images/dots.png'), url('/images/cat/pool.png'); }
.homeCat.pool:hover { background-image: url('/images/dots.png'), url('/images/cat/pool-white.png'); }
.homeCat.roof { background-image: url('/images/dots.png'), url('/images/cat/roof.png'); }
.homeCat.roof:hover { background-image: url('/images/dots.png'), url('/images/cat/roof-white.png'); }
.homeCat.bath { background-image: url('/images/dots.png'), url('/images/cat/bath.png'); }
.homeCat.bath:hover { background-image: url('/images/dots.png'), url('/images/cat/bath-white.png'); }
.homeCat.sauna { background-image: url('/images/dots.png'), url('/images/cat/sauna3.png'); background-size: 80px; }
.homeCat.sauna:hover { background-image: url('/images/dots.png'), url('/images/cat/sauna3_white.png'); } 
.homeCat.pump { background-image: url('/images/dots.png'), url('/images/cat/pump.png'); }
.homeCat.pump:hover { background-image: url('/images/dots.png'), url('/images/cat/pump-white.png'); } 
.homeCat.pvc { background-image: url('/images/dots.png'), url('/images/cat/water-tank3.png'); background-size: 80px; }
.homeCat.pvc:hover { background-image: url('/images/dots.png'), url('/images/cat/water-tank3_white.png'); } 

.homeCat.acces { background-image: url('/images/dots.png'), url('/images/cat/filter3.png'); background-size: 80px; }
.homeCat.acces:hover { background-image: url('/images/dots.png'), url('/images/cat/filter3_white.png'); } 

.homeCat.tvarovky { background-image: url('/images/dots.png'), url('/images/cat/elbow3.png'); background-size: 80px; }
.homeCat.tvarovky:hover { background-image: url('/images/dots.png'), url('/images/cat/elbow3_white.png'); } 

.homeCat.atipic { background-image: url('/images/dots.png'), url('/images/cat/engineering3.png'); background-size: 80px; }
.homeCat.atipic:hover { background-image: url('/images/dots.png'), url('/images/cat/engineering3_white.png'); } 

.homeCat.material { background-image: url('/images/dots.png'), url('/images/cat/material.png'); background-size: 80px; }
.homeCat.material:hover { background-image: url('/images/dots.png'), url('/images/cat/material_white.png'); } */


                                                                      
/* LEFT MENU */
#leftCont {width: 280px; float: left;}
#leftMenu {width: 100%; float: left; font-size: 13px; color: #333;}
#leftMenu .inner {padding: 5px 10px;}
#leftMenu .leftSelector {width: 100%; float: left; border: 1px solid #f7f7f7; margin: 0px 0px 10px 0px;}
#leftMenu .heading3 {width: 100%; float: left; padding: 20px 0; font-size: 15px; color: #595959; background-color: #f3f3f3; margin: 0px 0px 0px 0px; text-transform: uppercase; text-align: center; }
#leftMenu .heading3:first-child {margin-top: 0px;}
/* 
#leftMenu .heading3 A::AFTER {content: "−"; font-size: 16px; line-height: 2px; position: absolute; right: 10px; top: 12px;}
#leftMenu .heading3 A.closed::AFTER {content: "+";}
*/
#leftMenu .heading3 A:HOVER {color: #2d69aa;}
#leftMenu .sizeLine {margin: 0px 0px 10px 0px;}
#leftMenu .sizeLine P {margin: 1px 0px 0px 0px;}
#leftMenu .sizeName {width: 70px; float: left;}
#leftMenu .sizeParam {width: 24px; float: left;}
#leftMenu .sizeInput {width: 28px; height: 18px; background-color: #FFF; border: 1px #c2c5c8 solid; float: left; margin: 0px 10px 0px 0px; text-align: center;}
#leftMenu .sizeUnit {width auto; float: left; color: #a3a6ab; font-style: italic;}
#leftMenu .checkFrame {width: 100%; float: left;}
#leftMenu .checkFrame INPUT {margin: 2px 8px 2px 0px; float: left;}
#leftMenu .checkFrame LABEL {cursor: pointer; padding-top: 2px; padding-bottom: 2px;}
#leftMenu .checkFrame:first-of-type LABEL {padding-top: 7px;}
#leftMenu .checkFrame:last-child LABEL {padding-bottom: 7px;}
#leftMenu .checkFrame LABEL .small {font-size: 10px; color: #ccc;}
#leftMenu .checkFrame LABEL.empty {color: gray;}
#leftMenu .checkFrame LABEL:HOVER, #leftMenu .checkFrame LABEL.on {background-color: #feffc4;}
#leftMenu .cat { padding: 13px 0 15px 35px; position: relative; background: #f9f9fa; color: #363636; font-weight: bold; font-size: 14px; word-break: break-word; text-transform: uppercase; border-top: 1px #fff solid; }
#leftMenu .cat.arrowR:before, #leftMenu .cat.arrowD:before { transition: all .3s; cursor: pointer; content: ''; position: absolute; top: calc(50% - 7px); left: 15px; border-top: 5px transparent solid; border-bottom: 5px transparent solid; border-left: 7px #5c6060 solid; }
#leftMenu .cat:HOVER:before { }
#leftMenu .cat.on { background: #5c5c5c; color: #fff; border-bottom: 1px rgba(255,255,255,.4) solid; }
#leftMenu .cat.on.arrowR:before, #leftMenu .cat.on.arrowD:before { border-left-color: #fff; }
#leftMenu .cat.u2 { padding: 7px 0 7px 40px; text-transform: none; font-weight: 400; border-top: 0; }
#leftMenu .cat.u3 {padding: 8px 0 8px 52px; text-transform: none; font-weight: 400;}
#leftMenu .cat.arrowD:before { transform: rotate(90deg); }
#leftMenu .inputPrice {background-color: #f7f7f7; border: 1px solid #eaeaea; box-shadow: 0 0 0 0 #f7f7f7 inset; color: #333; font-size: 11px; font-weight: normal; height: 22px; line-height: 22px; padding: 0; text-align: center; width: 55px;}
#leftMenu .imageCont:nth-child(4n+1) .labelImage, #leftMenu .imageCont:nth-child(4n+2) .labelImage, #leftMenu .imageCont:nth-child(4n+3) .labelImage {margin-right: 4%;}
#leftMenu .labelImage {width: 22%; height: 40px; float: left; margin-top: 2%; margin-bottom: 2%; cursor: pointer; position: relative;}
#leftMenu .checkboxImage {display: none;}
#leftMenu .labelImage .filterImage {width: 100%; float: left; border: 2px #f2f2f2 solid;}
#leftMenu .labelImage .filterImage:HOVER {border: 2px #b6df38 solid;}
#leftMenu INPUT[type=checkbox]:checked + LABEL .filterImage {border: 2px #b6df38 solid;}
#leftMenu INPUT[type=checkbox]:checked + LABEL .overlayOn {width: 100%; height: 100%; float: left; background-image: url('/images/icon-check-cyrcle.png'); background-repeat: no-repeat; background-position: center center; position: absolute; top: 0px; left: 0px; z-index: 2; }
#leftMenu .labelImage.empty .overlayOn {width: 100%; height: 100%; float: left; background-image: url('/images/icon-cross-cyrcle.png'); background-repeat: no-repeat; background-position: center center; position: absolute; top: 0px; left: 0px; z-index: 2; }
#leftMenu .labelImage.empty {cursor: not-allowed;}

#leftMenu .filter-cats-level { display: none; }
#leftMenu .filter-cats-level-active { display: block; }
#slider-filtr-price {width: 100%; height: 6px; float: left; position: relative;  background-color: #ccc; margin: 10px 0px 10px 0px;}
#slider-filtr-price .ui-slider-range {width: 100%; height: 6px; float: left; background-color: #23b6ba ; position: absolute;}
#slider-filtr-price .ui-slider-handle {width: 10px; height: 20px; top: -7px; float: left; background-color: #545454; position: absolute; margin-left: -5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-position: center center; background-repeat: no-repeat; cursor: ew-resize;}
#slider-filtr-price:first-child .ui-slider-handle {background-image: url('/images/arrow-l-white.png');}
#slider-filtr-price .ui-slider-handle:last-child {background-image: url('/images/arrow-r-white.png');}
/* end LEFT MENU */


/* MAIN CONTENT */
#content {width: 100%; float: right;}
#mainContentFrame TABLE { margin: 0px 0; }
#mainContentFrame TABLE TH { text-align: left; }
.textFrame LI { width: 100%; float: left; }
 .textFrame UL LI UL, .textFrame OL LI UL { margin-bottom: 0; }

.list { display: -webkit-flex; } 
.list { display: flex; }
 .list .shopLeft { margin-right: 35px; padding-top: 28px; }
 .list .shopRight { flex: 1; }
 
.list .itemsFrame .itemFrame { width: 27.66%; margin-right: 8.51%; }
.list .itemsFrame .itemFrame:nth-child(4n) { margin-right: 8.51%; }
.list .itemsFrame .itemFrame:nth-child(3n) { margin-right: 0; }

.asyncItemsContainer {width: 100%; height: auto; float: left; position: relative; margin-top: 10px; }
.asyncItemsContainer .loading {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: red;}
.itemsFrame { display: -webkit-flex; -webkit-flex-wrap:wrap; -webkit-justify-content: flex-start; }
.itemsFrame {width: 100%; float: left; margin-bottom: 50px; display:flex; flex-wrap:wrap; justify-content: flex-start; }
.itemsFrame .itemFrame {width:22.25%; margin-top: 50px; margin-right: 3.66%; float: left; position: relative; background-color: #FFF;display:flex; }
.itemsFrame .itemFrame:nth-child(4n) { margin-right: 0; }
.itemFrame .inner { width: 100%; padding-bottom: 90px; position: relative; }
.itemFrame .img { position: relative; margin-bottom: 60px; }
.itemFrame .imgCont { overflow: hidden; }
.itemFrame IMG { width: 100%; display: block; transition: all .5s; }
.itemFrame H2 { margin-bottom: 20px; font-size: 20px; font-weight: bold; text-transform: uppercase; }
.itemFrame .perex { margin-bottom: 20px; }
.itemFrame .price { position: relative; float: left; padding-left: 54px; font-size: 17px; font-weight: bold; }
 .itemFrame .price:before { content: ''; width: 31px; height: 6px; position: absolute; top: calc(50% - 3px); left: 10px; background: url('/images/wave.png') left center no-repeat; }
.itemFrame .priceOld { float: left; margin-left: 10px; padding-top: 1px; font-size: 15px; font-weight: bold; color: #b7bab8; }
.striked { text-decoration: line-through; }
.itemFrame .buy { width: 100%; position: absolute; bottom: 0; left: 0; padding: 20px 0; text-align: center; border: 2px #484848 solid; transition: all .3s; }
.itemFrame:hover .buy { background: #3ac4c8; color: #fff; border-color: #3ac4c8; }
.itemFrame .bookmarks { position: absolute; bottom: -31px; left: 0; }
.bookmark { float: left; margin-right: 10px; }
.bookmark:last-child { margin-right: 0; }
.circleAction { width: 65px; height: 65px; background: url('/images/action.png') no-repeat; }
.circleSave { width: 65px; height: 65px; padding-top: 23px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; background: url('/images/discount.png') no-repeat; }
.circleGift { width: 65px; height: 65px; background: url('/images/icon-gift.png') no-repeat; }
.circleFreeDelivery { width: 65px; height: 65px; background: url('/images/doprava-zdarma-nove.png') no-repeat; background-size: 65px; }
.circleAkce { width: 65px; height: 65px; background: url('/images/ikona_akce.png') no-repeat; }
.specialDoprava { width: 65px; height: 65px; padding-top: 23px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; background: url('/images/osobniodber2.png') no-repeat; background-size: cover;}

.homeSpecial { display: -webkit-flex; }
.homeSpecial { margin-top: 50px; display: flex; }
  .homeSpecial .img { position: relative; flex: 2; }
  .homeSpecial IMG { display: block; }
  .homeSpecial .img .text { display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; }  
  .homeSpecial .img .text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: flex; align-items: center; justify-content: center; background-image: url('/images/dots.png'); transition: background .5s; }
  .homeSpecial .img:hover .text { background-color: rgba(255,255,255,.6); }
  .homeSpecial .text A { padding: 17px 60px; font-size: 20px; font-weight: bold; color: #484848; border: 2px #484848 solid; opacity: 0; transition: all .5s; }
  .homeSpecial .img:hover .text A { opacity: 1; }
  .homeSpecial .specialGreen, .homeSpecial .specialYellow { -webkit-flex: 1; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; }  
  .homeSpecial .specialGreen, .homeSpecial .specialYellow { flex: 1; margin-left: 10px; display: flex; align-items: center; justify-content: center; background-image: url('/images/dots.png'); font-weight: bold; color: #fff; transition: background .3s;  }
  .specialGreen { background-color: #3bac62; }
  .specialGreen:hover { background-color: #309252; }
  .specialYellow { background-color: #ffd147; }
  .specialYellow:hover { background-color: #e2b93d; }

.orderFrame {width: 100%; float: left; font-size: 13px; }
.orderFrame .inner { display: -webkit-flex; -webkit-justify-content: flex-end; }
.orderFrame .inner { width: 100%; display: flex; justify-content: flex-end; }
.orderFrame .orderDesc {width: auto; margin: 4px 5px 0px 0px; }
.orderFrame .order { margin-right: 5px; padding: 15px 20px; text-transform: uppercase; transition: all 0.25s; }
.orderFrame .order.on, .orderFrame .order:hover { background-color: #23b6ba; color: #fff; }
.orderFrame .order:last-child {margin-right: 0;}

.loadingContainer {width: 100%; min-height: 500px; float: left; padding: 0px 0px; /*background-image: url('/images/loading.gif'); background-repeat: no-repeat; background-position: center center; background-size: 300px 300px;*/}
.loadingContainer:before {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    background-color: #FFF;
    display: block;
    top: 100px;
    z-index: 10;
    left: calc(50% - 50px);
    border-radius: 50%;
    box-shadow: 0 0 6px 0px #DCDCDC;
    background-image: url('/images/loading.gif');
    background-position: center;
    background-size: 300px;
}
.loadingContainer:after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
}
/* end MAIN CONTENT */

.green { color: #3aa953; }

/* NÁKUPNÍ KOŠÍK */
.kosikItem { display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; }
.kosikItem { margin-bottom: 60px; display: flex; align-items: center; justify-content: space-between; }
 .kosikItem .line { line-height: 1.6; }
 .kosikItem .colPhoto { width: 100px; margin-right: 30px; }
  .kosikItem IMG { max-width: 100%; }
 .kosikItem .colName { flex: 1; }
  .kosikItem H2 { margin-bottom: 10px; font-size: 16px; text-transform: uppercase; }
  .kosikItem .dostupnost { font-size: 12px; }
  .kosikItem .priceOld { font-size: 13px; font-style: italic; color: #f84040; }
 .kosikItem .colCount {width: auto; margin-right: 20%; }
  .kosikItem .colCount .cntLine {width: 100%; float: left;}
  .kosikItem .colCount .cnt {width: 60px; height: 40px; outline: none; border: 2px #ededed solid; text-align: center; font-size: 18px; color: #0e1316; font-weight: 700; float: left;}
  .kosikItem .colCount .cntLine P {float: left; margin: 3px 10px 0px 0px; font-size: 16px;}
  .kosikItem .colCount .cntLine .arrowFrame { display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: space-between; }  
  .kosikItem .colCount .cntLine .arrowFrame {width: 20px; height: 40px; float: left; display: flex; flex-direction: column; justify-content: space-between; }
  .kosikItem .colCount .cntLine .arrowFrame .arrow { width: 20px; height: 19px; display: block; text-align: center; background: #ededed; font-size: 15px; font-weight: bold; line-height: 1.3; }
  .kosikItem .colCount .cntLine .arrowFrame .arrow.up {  }
  .kosikItem .colCount .cntLine .arrowFrame .arrow.down {  }
  .kosikItem .colCount .cntLine .arrowFrame .arrow.hidden {display: none;}
 .kosikItem .colPrice { font-size: 16px; text-align: right; }
 .kosikItem .colPrice .alignRight { font-weight: bold; }
 .kosikItem .colDelete { margin-left: 15px; font-size: 20px; font-weight: bold; color: #f84040; }
 .colTotalPrice .row { margin-bottom: 20px; display: flex; font-size: 16px; }
  .colTotalPrice .label { -webkit-flex: 1; } 
  .colTotalPrice .label { flex: 1; text-align: right; }
  .colTotalPrice .value { width: 175px; text-align: right; }
 .colTotalPrice .toPay { font-size: 20px; font-weight: bold; }


.dphRekap {width: 100%; float: left; padding: 10px 20px; margin: 10px 0px; background-color: #f0f3f5; font-size: 12px;}
.dphRekap .col {width: 20%; padding: 0px; margin: 0px; float: left;}
.dphRekap .col2 {width: 80%; float: left;}
.dphRekap .col3 {width: 33%; float: left; text-align: right;}
#free-delivery.loading {width: 100%; min-height: 49px; float: left; padding: 0px 0px; background-image: url('/images/loading2.gif'); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px;}
/* end NÁKUPNÍ KOŠÍK */

/* Objednávka - rekapitulace */
#orderRecap {width: 100%; float: left; padding: 0px; margin: 20px 0px; background-color: #FFF; border: 1px solid #e2e5e7;}
#orderRecap.loading {width: 100%; min-height: 100px; float: left; padding: 0px 0px; background-image: url('/images/loading.gif'); background-repeat: no-repeat; background-position: left center; background-size: 300px 300px;}
#orderRecap .tableCart {width: 100%; float: left; border-collapse: collapse;}
#orderRecap .tableCart TH {padding: 8px 15px; text-align: left;}
#orderRecap .tableCart TD {padding: 8px 15px; border-top: 1px solid #f0f3f5; }
#orderRecap .tableCart .small {font-size: 11px;}
#orderRecap .tableCart .gray {color: #a4acb0;}
#orderRecap .tableCart .photo {width: 50px;}
#orderRecap .tableCart .red {color: #d9001a;}
/* end Objednávka - rekapitulace */

/* Objednávka - Balík an poště */
#naPoste {width: 100%; float: left; font-size: 13px;}
#naPoste P {width: 100%; float: left; margin: 0px 0px 10px 0px; color: #000;}
#naPoste .gray {color: #a4acb0;}
#naPoste .inputMesto, #naPoste .inputPsc {width: auto; float: left; border: 1px solid #909090; height: auto; margin-right: 20px; padding: 4px 5px; vertical-align: middle; background-image: url('/images/input-bg.jpg'); background-position: left center; background-size: 100% 100%;}
#naPoste .inputMesto {width: 250px}
#naPoste .inputPsc {width: 50px}
#naPoste .btn {border: 1px solid #909090; width: 98px; height: 25px; background-color: #fecf43; cursor: pointer; vertical-align: middle; color:#2f4581; font-weight: bold; font-family: Tahoma; font-size: 15px; }
#naPoste .btnSmall {border: 1px solid #909090; height: 24px; background-color: #fecf43; cursor: pointer; color:#2f4581; font-family: Tahoma; font-size: 11px; }
#naPoste .desc {width: auto; float: left; margin: 5px 8px 0px 0px;}
#naPoste TABLE {width: 100%; float: left; font-size: 12px; color: black; empty-cells: show}
#naPoste TABLE td, #naPoste table th {border-bottom: 1px solid #e6e6e6; padding: 4px 0;}
#naPoste TABLE th {text-align: left; color:#304385 }
#naPoste TABLE td form {height: 24px; padding: 0; margin: 0}
#naPoste .posta-icon {margin: 3px 1px; width: 17px;}
#naPoste .popisek { position:absolute; left:0px; top:-1000px; z-index:100; background: white; border: 1px solid #314584; color: #000; font-size: 10px; padding: 10px ; max-width: 250px; /*min-height: 60px;*/ text-align: left; line-height: 1.3; font-family: Verdana}
#naPoste .popisek {width: 250px;}
#naPoste .popisek table, .popisek p { font-size: 11px; font-family: Tahoma;}
#naPoste .popisek table td { padding: 4px; text-align: center}
#naPoste .popisek table th { padding: 4px; text-align: left}
#naPoste p.help {line-height: 2.2}
#naPoste p.help img {margin-bottom: -3px; padding-right: 4px;}
#naPoste .again {float: left; border: 1px solid #909090; width: auto; height: auto; padding: 5px 15px; margin: 10px 0px 0px 0px; background-color: #fecf43; cursor: pointer; vertical-align: middle; color:#2f4581; font-weight: bold; font-family: Tahoma; font-size: 15px;}

/* TEXT FRAME */
.textFrame H1 {font-size: 34px; margin: 0px 0px 20px 0px; text-transform: uppercase; font-weight: 500;}
.textFrame H2 {font-size: 24px; margin: 20px 0px 15px 0px;}
.textFrame H3 {font-size: 20px; margin: 15px 0px 10px 0px;}
.textFrame H4 {font-size: 18px; margin: 15px 0px 10px 0px;}
.textFrame H5 {font-size: 16px; margin: 15px 0px 10px 0px;}
.textFrame P {line-height: 1.6; margin: 10px 0px;}
.textFrame A {text-decoration: underline;}
.textFrame UL, .textFrame OL {line-height: 1.6; margin-left: 20px; box-sizing: border-box; }
             
.table1 {width: auto; float: left; margin: 10px 0px;}
.table1 TR TH {background-color: #F3F3F3; padding: 8px 15px; border-bottom: 2px #ccc solid;}
.table1 TR TD {padding: 8px 15px; border-bottom: 1px #ccc solid;}
.table1 TR:nth-child(even) {background-color: #FFF;}
.table1 TR:nth-child(odd) {background-color: #F3F3F3;}

/* PORADNA */ 
.poradnaLine {border-top: 1px #f0f4f7 solid; padding: 20px 0px; margin: 10px 0px;}
.textFrame .textImage {float: left; width: 100%; margin: 0px 40px 20px 0px;}
.textFrame .textImage2 {float: right; width: 400px; margin: 0px 0px 20px 40px;}
.textFrame .poradnaLeftFrame {float: left; width: 30%;}
.textFrame .poradnaLeftFrame.tiny {width: 20%;}
.textFrame .poradnaRightFrame {float: right; width: 70%; padding-left: 2.5%; }
.textFrame .poradnaRightFrame.wide {width: 80%;}
.textFrame .poradnaRightFrame .komentFrame {width: 100%; min-height: 60px; float: left; margin: 0px 0px 20px 0px;}
.textFrame .poradnaRightFrame .komentFrame.user {padding-left: 75px; background-image: url('/images/icon-koment-user.png'); background-repeat: no-repeat; background-position: left top;}
.textFrame .poradnaRightFrame .komentFrame.admin {padding-right: 75px; background-image: url('/images/waves-submenu.png'); background-repeat: no-repeat; background-position: right 25px; background-size: 60px;}
.textFrame .poradnaRightFrame .komentFrame P {width: 100%; margin: 0px 0px 10px 0px; float: left;}
.textFrame .poradnaRightFrame .komentFrame .nbm {margin-bottom: 0px;}
.textFrame .poradnaRightFrame .komentFrame .text {width: 85%; min-height: 80px; padding: 10px 20px; float: left; background-repeat: no-repeat; background-position: left 25px; position: relative;}
.textFrame .poradnaRightFrame.wide .komentFrame .text {width: 92%;}
.textFrame .poradnaRightFrame .komentFrame .text .autor {font-size: 16px; font-weight: bold;}
.textFrame .poradnaRightFrame .komentFrame.user .text {margin-left: 30px; border: 1px #b6c4ce solid; background-color: #f0f3f5;}
.textFrame .poradnaRightFrame .komentFrame.user .text .arrow {width: 31px; height: 30px; float: left; background-image: url('/images/koment-bg-user-arrow.png'); position: absolute; top: 28px; left: -31px;}
.textFrame .poradnaRightFrame .komentFrame.admin .text {margin-right: 30px; border: 1px #23b6ba solid; background-color: rgba(35,182,186,.1); float: right;}
.textFrame .poradnaRightFrame .komentFrame.admin .text .arrow {width: 31px; height: 29px; float: left; background-image: url('/images/koment-bg-admin-arrow.png'); position: absolute; top: 28px; right: -30px; }
.buttonsLine {width: 100%; float: left; margin: 20px 0px 0px 0px;}
.textFrame .button-1 {float: left; display: block; padding: 8px 30px 8px 15px; margin: 0px 10px 0px 0px; background-color: #f7f7f7; border: 1px #e9e9e9 solid; text-decoration: none; text-transform: uppercase; font-weight: 600; position: relative;}
.textFrame .button-1:AFTER {content: ""; width: 10px; height: 16px; float: left; position: absolute; top: 9px; right: 10px; background-image: url('/images/arrow-dark-r.png');}
.textFrame .button-1:HOVER {background-color: #e9e9e9; -moz-transition:0.5s all; -webkit-transition:0.5s all;}
.textFrame .button-1:HOVER:AFTER {right: 6px; -moz-transition:0.3s all; -webkit-transition:0.3s all;}
.textFrame .button-1.modra {background-color: #23b6ba; color: #FFF;}
.textFrame .button-1.modra:AFTER {background-image: url('/images/arrow-white-r.png');}
/* PORADNA END */

/* PORADNA V DETAILU PRODUKTU */
.komentare {width: 100%; float: left; margin: 20px 0 0 0;}
.komentare .komentFrame {width: 100%; min-height: 60px; float: left; margin: 0px 0px 20px 0px;}
.komentare .komentFrame.user {padding-left: 75px; background-image: url('/images/icon-koment-user.png'); background-repeat: no-repeat; background-position: left top;}
.komentare .komentFrame.admin {padding-right: 75px; background-image: url('/images/logo-no-text.png'); background-repeat: no-repeat; background-position: right top; background-size: 60px;}
.komentare .komentFrame P {width: 100%; margin: 0px 0px 10px 0px; float: left;}
.komentare .komentFrame .nbm {margin-bottom: 0px;}
.komentare .komentFrame .text {width: 85%; min-height: 80px; padding: 10px 20px; float: left; background-repeat: no-repeat; background-position: left top; position: relative;}
.komentare .komentFrame .text {width: 92%;}
.komentare .komentFrame .text .autor {font-size: 16px; font-weight: bold;}
.komentare .komentFrame.user .text {margin-left: 30px; border: 1px #b6c4ce solid; background-color: #f0f3f5;}
.komentare .komentFrame.user .text .arrow {width: 31px; height: 30px; float: left; background-image: url('/images/koment-bg-user-arrow.png'); position: absolute; top: 28px; left: -31px; background-repeat: no-repeat; }
.komentare .komentFrame.admin .text {margin-right: 30px; border: 1px #069256 solid; background-color: #f3f9f7; float: right;}
.komentare .komentFrame.admin .text .arrow {width: 31px; height: 30px; float: left; background-image: url('/images/koment-bg-admin-arrow.png'); position: absolute; top: 28px; right: -30px; background-repeat: no-repeat; } 
/* PORADNA V DETAILU PRODUKTU */

.textFrame .ntm {margin-top: 0px;}
.textFrame .nbm {margin-bottom: 0px;}
.textFrame .mt-5 {margin-top: 5px;}
.textFrame .mt-15 {margin-top: 15px;}
.textFrame .gray {color: #7d7d7d;}
.textFrame .fs-12 {font-size: 12px;}
.textFrame .alignR {text-align: right;}
/* end TEXT FRAME */

/* TABULKY */
.tableHistory {width: 100%; float: left; margin: 15px 0px; border-collapse: collapse;}
.tableHistory TH {padding: 0px 10px 0px 10px; height: 38px; text-align: left; font-size: 14px; color: #556268; border: 1px #e0e0e0 solid; font-weight: 600; /*background-image: url('../images/th-bg.jpg');*/ background-color: #dbeff8;}
.tableHistory TD {padding: 5px 10px 4px 10px; height: 28px; text-align: left; font-size: 12px; color: #5a5a5a; border: 1px #e0e0e0 solid;/* background-color: #f1f1f1;*/ border-bottom: 1px #ccc solid;}
.tableHistory TR:HOVER TD {background-color: #e4f3c7;}
.tableHistory TR:nth-child(odd) {background: #f1f1f1;}
.tableHistory .alignR {text-align: right;}
.tableHistory .bold {font-weight: bold;}
.tableHistory .cross {text-decoration: line-through; cursor: help; color: #a1a1a1;}
.tableHistory .info {border-bottom: 1px #545454 dotted; cursor: help; position: relative;}
.tableHistory .info:AFTER {position: absolute; content: ""; top: 3px; right: -15px; float: left; width: 11px; height: 11px; background-image: url('../admin/images/icon-question2.png'); background-repeat: no-repeat; background-position: center center; background-size: 100%;}
.tableHistory .info:HOVER:AFTER {background-image: url('../admin/images/icon-question2-on.png');}
/* end TABULKY */

/* TLAČÍTKA */
.buttonBig01 {float: right; color: #FFF; display: block; padding: 10px 10px 10px 20px; font-size: 18px; /*background-color: #b5ce27;*/ background-color: #3c3c3c;}
.buttonBig01::AFTER {margin:0 0 0 15px;}
.buttonBig01:HOVER {background-color: #3c3c3c;}
.more {float: left; color: #FFF; display: block; padding: 5px 10px; font-size: 12px; background-image: url('/images/top-bg.jpg'); background-size: 100% 100%; text-decoration: none !important;}
/*.button01 {width: 358px; float: right; color: #FFF; display: block; margin: 10px 0px 0px 0px; padding: 17px 0px; font-size: 20px; text-align: center;}
.button01.gray {background-color: #cccccc; background-image: none;} */

.buttonArrow { position: relative; display: block; margin: 20px 0px 0px 0px; padding: 25px; font-size: 14px; font-weight: 500; }
.buttonArrow:before { content: ''; position: absolute; top: calc(50% - 5px); border-top: 5px transparent solid; border-bottom: 5px transparent solid; }
.buttonArrow.left { padding-left: 85px; text-align: right; background: #f3f3f3; }
.buttonArrow.left:before { left: 25px; border-right: 7px #383838 solid; }
.buttonArrow.right { padding-right: 85px; text-align: left; background: #23b6ba; color: #fff; }
.buttonArrow.right:before { right: 25px; border-left: 7px #fff solid; }

.button01 {padding: 10px 20px; float: left; font-size: 18px; color: #FFF; text-decoration: none !important; background-color: #23b6ba; text-align: center;}
.button01:HOVER {background-color: #3c3c3c;}

.button02 {padding: 7px 16px; float: left; font-size: 14px; color: #FFF; text-decoration: none !important; background-color: #e66f16; text-align: center; margin: 5px 0px 0px 0px;}
.button02:HOVER {background-color: #3c3c3c;}
/* end TLAČÍTKA */

/* OBJEDNÁVKA */
.orderContainer {width: 100%; padding: 20px 0px 0px 0px; float: left; border: 1px #e2e5e7 solid; color: #0e1316;}
.orderContainer .inner {width: 100%; padding-left: 30px; padding-right: 30px; float: left;}
.orderContainer H2 {margin: 0px 0px 0px 0px;}
.orderContainer label {width: 100%; height: auto; padding: 8px 0px 0px 0px; margin: 0px 0px 5px 0px; float: left; font-size: 15px; font-weight: 600; background-position: left center; background-repeat: no-repeat; cursor: pointer;}
.orderContainer label INPUT { float: left; margin: 4px 10px 0px 0px;}
.orderContainer label P {width: 95%; float: left; flex-wrap: wrap;}
.orderContainer label .gray {color: #a4acb0; font-weight: 300;}
.orderContainer label .lineDesc {width: 100%; float: left; padding: 0 0 0 24px;}

.orderContainer label .right {width: 95%; float: left; margin-top: 2px;}
.orderContainer label .right .line {margin: 0 0 2px 0;}
.orderContainer label .right .nameLine {}
.orderContainer label .right .nameLine img {margin-right: 8px;}

.orderContainer .column .note {width: 100%; float: left; margin: 13px 0px 0px 0px; color: #a4acb0; font-size: 15px;}
.orderContainer .loading {width: 100%; min-height: 100px; float: left; padding: 0px 0px; background-image: url('/images/loading.gif'); background-repeat: no-repeat; background-position: left center; background-size: 300px 300px;}
.orderContainer .posta {background-color: #fff1c9; padding-bottom: 20px; padding-top: 5px; margin: 0px 0px 0px 0px;}

.orderGrayHeading {width: 100%; padding: 14px 20px; float: left; background-color: #f0f3f5; font-size: 18px; color: #0e1316;}
#map_canvas {width: 570px; height: 360px; float: left; background-color: #FFF;}
.mapDescFrame {width: 530px; float: left; margin: 0px 0px 0px 30px;}
/* end OBJEDNÁVKA */

/* VYHLEDÁVÁNÍ */
.searchItemsFrame {width: 100%; float: left;}
.searchItemsFrame .searchItemFrame {width: 590px; padding: 0px 0px; margin: 10px 0px; border: 1px solid #f0f3f5;}
.searchItemsFrame .searchItemFrame .photo {width: 80px; float: left; margin: 10px 0px 10px 10px;}
.searchItemsFrame .searchItemFrame .desc {width: 498px; float: left; padding: 10px 10px 10px 10px; border-left: 1px solid #f0f3f5; background-color: #f7f7f7;}
.searchItemsFrame .searchItemFrame.left {float: left;}
.searchItemsFrame .searchItemFrame.right {float: right;}
.searchItemsFrame .searchItemFrame H2 {margin: 0px 0px 5px 0px;}
.searchItemsFrame .searchItemFrame P {color: #7f8080; font-size: 12px; line-height: 1.4; margin: 5px 0px;}
.searchItemsFrame .searchItemFrame P.price {font-size: 20px; font-weight: 700; font-weight: bold; color: #1c252c;}
.searchItemsFrame .searchItemFrame .small { color: #7f8080; font-size: 12px;}
/* end VYHLEDÁVÁNÍ */

/* PARALLAX */
.homeText { padding-top: 115px; padding-bottom: 95px; background: rgba(0,0,0,.2) url('/images/dots.png'); text-align: center; font-size: 25px; font-weight: 400; color: #fff; }
 .homeText .mainFrame { padding: 0 5%; }
 .homeText H2 { margin-bottom: 40px; font-size: 40px; font-weight: bold; line-height: 1; text-transform: uppercase; }
 .homeText A { max-width: 200px; display: block; margin: 50px auto 0 auto; padding: 20px 60px; font-size: 20px; text-transform: uppercase; font-weight: bold; border: 2px #fff solid; transition: all .3s; }
 .homeText A:hover { background: #fff; color: #4a4242; }
 
/* novinky */
.newsFrame { padding-top: 95px; padding-bottom: 90px; background-color: #f7f6f6; overflow: hidden; }
 .newsFrame H2 { margin-bottom: 25px; text-align: center; font-size: 35px; text-transform: uppercase; }
 .newsFrame .sideLines:before, .newsFrame .sideLines:after { background: #fff;  }
 .newsList { display: -webkit-flex; -webkit-justify-content: flex-start; -webkit-flex-wrap: wrap; } 
 .newsList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
  ARTICLE { display: -webkit-flex; -webkit-flex-direction: column; } 
  ARTICLE { width: 31.5%; position: relative; margin-top: 50px; margin-right: 2.75%; display: flex; flex-direction: column; }
  ARTICLE:nth-child(3n) { margin-right: 0; }
  ARTICLE:before, ARTICLE:after { content: ''; width: 19px; height: 28px; position: absolute; top: -8.5px; z-index: 100; background: url('/images/pin-white.png') no-repeat; transition: all .3s; }
  ARTICLE:hover:before, ARTICLE:hover:after { background: url('/images/pin-blue.png') no-repeat; }
  ARTICLE:before { left: 7.5%; }
  ARTICLE:after { right: 7.5%; }  
  ARTICLE A { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; }
   ARTICLE .img { margin-bottom: 3px; overflow: hidden; }
  ARTICLE IMG { display: block; width: 100%; transition: all .5s; }
   ARTICLE .text { flex: 1; padding: 30px 30px 50px 30px; background: #fff; transition: all .3s; }
   ARTICLE:hover .text { background: #23b6ba; color: #fff; }
    ARTICLE .date { margin-bottom: 20px; font-size: 15px; }
    ARTICLE H3 { margin-bottom: 20px; font-size: 20px; font-weight: bold; text-transform: uppercase; }

FOOTER { padding-top: 95px; padding-bottom: 105px; background: #fff url('/images/dots.png'); }
 FOOTER .inner {justify-content: space-between; flex-wrap: wrap;}
 FOOTER .contact { float: left;}
 FOOTER .platby {width: 100%; margin: 30px 0 0 0; align-items: center; justify-content: space-around; flex-wrap: wrap;}
 FOOTER .platby img {max-height: 50px;}
 FOOTER .platby .item {padding: 20px;}
 FOOTER .cats { float: left; }
   FOOTER .cats UL { padding: 0; margin: 0; list-style-type: none; line-height: 1.5; }
   FOOTER .cats A:hover { text-decoration: underline; }
 FOOTER .links { float: right; flex-direction: column; align-items: flex-end;}
  .socials { width: 100%; float: left; }
  .socials A { width: 75px; height: 75px; float: left; margin-right: 25px; }
  .socials A:last-child { margin-right: 0; }
  .socials .googlePlus { background: url('/images/google-plus.png') no-repeat; }
  .socials .facebook { float: left; background: url('/images/facebook.png') no-repeat; }
  .socials .instagram { float: left; background: url('/images/instagram.png') no-repeat; background-size: cover; }
  
  .comgate {width: 150px; float: left; margin-top: 20px;}
  .comgate img {max-width: 100%;}
  
  .netsimple { height: 44px; float: right; margin-top: 85px; padding-top: 15px; padding-left: 25px; background: url('/images/netsimple.png') left center no-repeat; font-size: 14px; font-weight: 500; }
  FOOTER H3 { margin-bottom: 45px; font-size: 18px; font-weight: bold; text-transform: uppercase; }

#showHeurekaBadgeHere-2 {margin-top: 50px; text-align: center;;}

.verify { float: right; margin-top: 10px; }
.akceX {width: 100%; float: left; padding: 7px 20px 10px 20px; margin: 10px 0px; background-color: #2bb6ef; color: #FFF;}

.line {width: 100%; float: left;}
.lineHalf {width: 50%; float: left;}
.lineHalf.paddR {padding: 0px 100px 0px 0px;}
.noRightMargin {margin-right: 0px;}
.mt-20 {margin-top: 20px;}
.mb-15 {margin-bottom: 15px;}
.mt-0 { margin-top: 0px; }
.leftImage {float: left; width: 20%; margin: 10px 0px 0px 0px;}
.rightText {float: left; width: 80%; padding-left: 30px;}

.flo-r {float: right !important;}
.flo-l {float: left !important;}
.width-100-proc {width: 100%;}

/* barvy pro kategorie */
/*.zelena {border-color: #b6df38 !important; }
.zelena.on {background-color: #b6df38 !important; color: #FFF;}
.zluta {border-color: #e7d819 !important;}
.zluta.on {background-color: #e7d819 !important; color: #FFF;}
.cervena {border-color: #eb5523 !important;}
.cervena.on {background-color: #eb5523 !important; color: #FFF;}
.modra {border-color: #2f9dd8 !important;}
.modra.on {background-color: #2f9dd8 !important; color: #FFF;}
.oranzova {border-color: #f3751e !important;}
.oranzova.on {background-color: #f3751e !important; color: #FFF;}*/

/* colors */
.color-green {color: #b5ce27;}
.color-red {color: #d9001a;}

/* sizes */
.w-32-proc {width: 32%;}
/*.w-33-proc:nth-child(3n+1) {margin-left: 2%; margin-right: 2%;}*/
.w-48-proc {width: 48%;}
.w-50-proc {width: 50%;}


/* margins */
.mt-0 {margin-top: 0px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}

/* paddings */
.pt-20 {padding-top: 20px !important;}

/* displays */
.disp-bl {display: block;}

.taller { transform: scaleY(1.1); }

/* fonts */
.tt-u {text-transform: uppercase;}
.fs-13 {font-size: 13px !important;}
.fs-19 {font-size: 19px !important;}
.fs-24 {font-size: 24px !important;}
.fs-26 {font-size: 26px !important;}
.fs-28 {font-size: 28px !important;}
.fs-30 {font-size: 30px !important;}
.fs-32 {font-size: 32px !important;}
.fs-50 {font-size: 50px !important;}
.fw-3 {font-weight: 300 !important;}
.fw-5 {font-weight: 500 !important;}
.fw-6 {font-weight: 600 !important;}
.fw-7 {font-weight: 700 !important;}
.lh-22 {line-height: 22px;}
.smallGray {font-size: 14px; color: #a4acb0;}

/* aligns */
.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}
.ta-r {text-align: right !important;}

/* nastavení pro vybranou šablonu */
.color-hl {color: #8cb01d !important;}
.color-hl-bg {background-color: #b6df38 !important;}
.color-red {color: #d9001a !important;}

/* headings */
.header-01 { width: 100%; float: left; margin-top: 70px; margin-bottom: 20px; font-size: 35px; text-transform: uppercase; font-weight: bold; text-align: center; }

.mobileDetected { min-height: auto !important; }

.paymentStatus {padding: 20px; background-color: #f7f7f7; font-size: 22px; text-align: center;}
.paymentStatus.PAID {background-color: green; color: #ffffff;}
.paymentStatus.CANCELLED {background-color: #d9001a; color: #ffffff;}
.paymentStatus.PENDING {background-color: orange; color: #ffffff;}

@keyframes bounceBackground {
  0% { background-position: 15px calc(50% - 4px); }
  33% { background-position: 15px center; }
  66% { background-position: 15px calc(50% - 2px); }
  100% { background-position: 15px center; }
}