/*-----------------------------------------------------------
Theme Name:I-TEC
Version:1.1
Description:WordPress Theme for i-tec.cz
Author:Dalibor Pelka
Author URI:http://www.daliborpelka.cz
Designed & Developed by http://www.daliborpelka.cz
-------------------------------------------------------------*/

/***                                                300=light, 400=regular, 600=semi-bold, 700=bold
------------------------------------------------------------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&subset=latin-ext');*/
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,700i&subset=latin-ext');*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,700i|Raleway:300,400,500&display=swap&subset=latin-ext');

@import url("./css/reset-9.css");
@import url("./css/navigace.css");

/*** pro my Ajax reCaptcha ==> ajax-rcp.js a ajax-myRecap.php
-----------------------------------------------------------------------------*/
#ajaxRcpPlace { position: relative; }
#ajaxRcpPlace input { position: absolute; top:-2500px; left:-2500px; }

/*** WP replace
-----------------------------------------------------------------------------*/
.gallery img { border:none !important; }

/*** CForm7 replace
-------------------------------------------------------------------------------*/
.wpcf7-list-item-label { margin-left:4px; }

/*-----------------------------------------------------------------------------*/

/*** kint-debuger
**** viz functions.php require_once(THEME_DIR.'/functions/kint.phar');
-----------------------------------------------------------------------*/
.kint-rich { margin: 0 0 20px 0 !important; font-size:15px !important; color:#000000  !important; }
.kint-rich footer { padding:4px 10px !important; font-size:12px !important; color: #46758E; font-weight:bold; background: #D4E2E9 !important; }
/*-----------------------------------------------------------------------------*/

.raleway-font {
    font-family:'Raleway'; font-weight:400;
}

.print-box, .print-td {
    display:none;
}

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
* html .clearfix { height:1%; } /* Hides from IE-mac \*/

.logged-in .encrypted-email::after {content:"" !important; }

/*    Grid
----------------------------------------------------------- */
.container {                                                                    /*background:blue; */
    -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;
    max-width:1600px; min-width:220px;
    margin:0 auto;
}
.container .row, .col, .bbox { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.content-area.span_16 { max-width:650px }

.row { /*margin-bottom:1.5em*/ }
.col { display:block; float:left; width:100%; }
.col:first-child { margin-left:0 }
.row:after, .col:after, .clr:after, .group:after { display:block; height:0; clear:both; content:""; visibility:hidden; }

.clr-margin { margin-left:0 }
.clear { clear:both }

/*** pro větší než 768px ***/
@media (min-width:768px) {
    .col { margin-left:2%; /*background:lime;*/ }
    /*                                                      att-apollo */
    .span_1 { width:2.25% }    .span_2 { width:6.5% }     /* .span_1 */
    .span_3 { width:10.75% }   .span_4 { width:15.0% }    /* .span_2 */
    .span_5 { width:19.25% }   .span_6 { width:23.5% }    /* .span_3 */
    .span_7 { width:27.75% }   .span_8 { width:32.0% }    /* .span_4 */
    .span_9 { width:36.25% }   .span_10 { width:40.5% }   /* .span_5 */
    .span_11 { width:44.75% }  .span_12 { width:49.0% }   /* .span_6 */
    .span_13 { width:53.25% }  .span_14 { width:57.5% }   /* .span_7 */
    .span_15 { width:61.75% }  .span_16 { width:66.0% }   /* .span_8 */
    .span_17 { width:70.25% }  .span_18 { width:74.5% }   /* .span_9 */
    .span_19 { width:78.75% }  .span_20 { width:83.0% }   /* .span_10 */
    .span_21 { width:87.25% }  .span_22 { width:91.5% }   /* .span_11 */
    .span_23 { width:95.75% }  .span_24 { width:100% }    /* .span_12 */
}

.count-1 { clear:both; margin-left:0; }

.hide { display:none !important; }

/* Body + Main Containers
----------------------------------------------------------- */
body {
    color:#1E222F;
    background:#fff;
    nowhitespace:afterproperty;
}

/*** #page
----------------------------------------------------------------------------*/
#page {
    /*margin-bottom:40px;*/   position:relative;
}
.page-margin { /*margin:0 30px;*/  }

/*** #page-header
----------------------------------------------------------------------------*/
#page-header {
    height:77px;
    background:#FFFFFF;
}

#page-header #logo { float:left; width:10%; }

#page-header #logo a {
    display:block; margin-top:16px;
    height:45px; /*line-height:45px;*/
    background-image:url(./images/logo-black.png);
    background-position:0 center;
    background-repeat:no-repeat;
    text-decoration:none;
}
#page-header #logo a > span {
    position:relative; top:18px;
    color:#000000; font-size:16px; font-style:italic; font-weight:700;
}


#page-header .nav-box {
    height:44px; margin:22px 0 0 0;
    background:url(./css/imgs/menu-dotted-divider-3.png) top right no-repeat;
}
#page-header .nav-box:last-child { background:none; }


#navig-bar {
}
/*** main-menu
---------------------------*/
#page-header #main-navig {
    float:left; position:relative; width:80.0%;
}

#page-header #main-navig ul#main-menu {
    /*** definice v ./css/navigace.css ***/
}

/*** search form
---------------------------*/
#search-form-box {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    position:absolute; top:-2px; right:0; z-index:1000;
    text-align:right;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    overflow:hidden;
}
#search-form-box.off {  width:0;  border:none; }
#search-form-box.on {
    width:100%; right:0px; padding:0;
    background:#FFFFFF;
}
#search-form-box #s-text {
    width:40%; padding:0 10px;
    height:48px; line-height:47px;
    background:#FFFFFF;
    text-align:left;
    border:1px solid #728696;
    border-radius:none !important;
    -webkit-box-shadow:inset 0px 1px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:   inset 0px 1px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:        inset 0px 1px 5px 0px rgba(50, 50, 50, 0.25);
}

#page-header #searchsubmit {
    position:absolute; top:-300px;
    width:0; height:0;
}

/*** search button
---------------------------*/
#page-header #search-box {
    float:left;
    width:4.0%;
}

#page-header #search-box .s-wrap {
    margin-right:2px; overflow:hidden;
}
#page-header .search-btn {
    margin:0; padding:0;
    background:#FFFFFF url(./css/imgs/lupa.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%; height:44px;
    border:none;
    cursor:pointer;
    z-index:1100;
}

/*** lang-navig
---------------------------*/
#mobil-divider { display:none; }
#page-header #lang-navig {
    float:left; width:6%;
}

@media only screen and (max-width:1600px) {
    #page-header #logo a { background-position:10px center; }
}


@media only screen and (max-width:1260px) {
    #page-header #logo { width:12%;}
    #page-header #search-box { width:5.0%; }
    #page-header #main-navig { width:77.0%; }
    #page-header #lang-navig { width:6%;  }
}
@media only screen and (max-width:900px) {
    #page-header { height:60px; }
    #page-header #logo { width:50%; }
    #page-header #logo a { height:30px; margin-top:17px; background:url(./images/logo-small-black.png) 20px center no-repeat; }

    /*** search form
    ---------------------------*/
    #search-form-box {
        top:0px; text-align:left;
        -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;
        border:none;
    }
    #search-form-box.off {  width:100%;   }

    #search-form-box > .wrap {
        position:relative; margin:10px; height:40px;
        border-radius:3px;
        -webkit-box-shadow:0px 1px 0px #515a73;
        -moz-box-shadow:   0px 1px 0px #515a73;
        box-shadow:        0px 1px 0px #515a73;
        background-color:#363e55;
    }
    #search-form-box #s-text {
        position:absolute; top:0; left:0; width:80%;
        height:40px; line-height:39px; color:#FFFFFF; text-align:left;
        background:transparent; border:none;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
    }

    #page-header #searchsubmit {
        display:inline-block; top:0; right:0;
        width:40px; height:40px;
        background: url(./css/imgs/lupa-mobil.png) center center no-repeat;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
    }

} /*@media only screen and (max-width:900px)
----------------------------------------------------------------------*/

/*** #page-content
---------------------------*/
#page-content {
    background:#FFFFFF;
}
#main-content {
}
#primary {
    padding-top:40px;
    background:#FFFFFF url(./css/imgs/BAND-for-pages.jpg);                      /*page-banner-bg.jpg*/
    background-position:center top;
    background-repeat:no-repeat;
    background-size:100%; 
    background-position-x:-1px;
}
#primary.hp {
    background:none !important;
}
#primary.hp #post-wrap {
    background:#FFFFFF url(./css/imgs/homepage-3-gradient-bg.png);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:100%;
}

#primary.page {
    padding-top:10px;
}

#primary .content-wrap {
    /*padding-top:0px;*/
    background:transparent url('./css/imgs/X-page-stin.png');
    background-position: center 40px;
    background-repeat:no-repeat;
    /*background-size:100%;*/
}
#primary.vypis-produktu .content-wrap,
#primary.detail-produktu .content-wrap {
    /*padding-top:0px;*/
    background-position:center 1px;
}


.box-1260 {
    width:78.75%; width:1260px; max-width:1260px; margin:0 auto;
}
.box-1180 {
    width:73.75%; width:1180px; max-width:1180px; margin:0 auto;
}
#redesign-zakladni-skupiny.hp.box-1260 { width:unset; max-width:unset; margin:unset auto; }
#redesign-rozcestnik.hp.box-1260 { width:1385px; max-width:1385px; margin:unset auto; }

#content-inner {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    margin-top:30px; padding:26px 40px 40px 40px;
    background:#FFFFFF !important;
    border-radius:4px 4px 0 0;
}
#content-inner.NO-short {
    margin-top:unset; padding:0 0 40px 0;
    background:unset !important;
    border-radius:unset;
}
#content-inner.konfigurator {
    background-size:80px !important;
}

#content-inner.konfigurator #heading-text {
    float:left; width:60%;
}
#content-inner.konfigurator #heading-logo {
    float:right;
    width:35%; padding-right:5%;
    text-align:right;
}
#content-inner.konfigurator #heading-logo img { max-height:90px; /*position:relative; top:-10px; */ }

#page-heading {
    position: relative;
}
#page-heading .page-description {
    font-size:18px;
    line-height:28px;
    max-width:68%;
}

#page-heading .partner-logo { position:absolute; top:0; right:0; }
#page-heading .partner-logo--also { max-width:150px; }


@media only screen and (max-width:1600px) {
    #redesign-rozcestnik.hp.box-1260 { width:1260px; max-width:1260px;  }
}
@media only screen and (max-width:1330px) {
    #primary {  }

    #primary .content-wrap {
        background:transparent url(./css/imgs/X-page-stin-1260p30.png);   /*page-stin-1260p30.png*/
        background-position: center 61px !important;
        background-repeat:no-repeat;
        background-size:95.6%;
    }
    #primary.detail-produktu .content-wrap {
        background-position: center 41px !important;
    }

    #redesign-rozcestnik.hp.box-1260,
    .box-1260 { width:90%;  }

    .box-1180 { width:85%; }


    #page-heading .page-description { max-width:unset; }
} /* @media only screen and (max-width:1330px)
---------------------------------------------------------------*/

@media only screen and (max-width:1024px) {
    .box-1180 { width:90%; }
    #content-inner {
        margin-top:30px; padding:26px 20px 40px 20px;
    }
}

@media only screen and (max-width:970px) {
    #redesign-zakladni-skupiny.hp.box-1260 { width:90%; }
}

@media only screen and (max-width:900px) {
    #redesign-zakladni-skupiny.hp.box-1260,
    #redesign-rozcestnik.hp.box-1260,
    .box-1260 { width:95%; }
}
@media only screen and (max-width:630px) {
    #primary { padding-top:0; background-image:none; }
    .box-1180 { width:95%; }
    .box-1260 { width:100%; }

    #redesign-rozcestnik.hp.box-1260 { width:95%; margin:40px auto 0 auto; }

    #content-inner { margin-top:0; ; }
}
@media only screen and (max-width:320px) {
    #redesign-rozcestnik.hp.box-1260 { margin-top:20px; }
}

#primary.detail-produktu #content-inner.advanced { margin-top:0; }

/*** HOME PAGE
-------------------------------------------------------------------------------*/
#primary.hp .navig-btns span {
    display:block;
    width:40px; height:40px;
}
#primary.hp .navig-btns span.prev {
    float:left;
    background-image:url(./css/imgs/sipka-prev.png);
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
}
#primary.hp .navig-btns span.prev.off {
    background-image:url(./css/imgs/sipka-prev-off.png);
    cursor:default;
}
#primary.hp .navig-btns span.next {
    float:right;
    background-image:url(./css/imgs/sipka-next.png);
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
}
#primary.hp .navig-btns span.next.off {
    background-image:url(./css/imgs/sipka-next-off.png);
    cursor:default;
}

#homepage-heading {
    position:relative; height:440px;
}
#homepage-heading img { position:absolute;  top:0; left:0; }
#homepage-heading div { position:absolute;  top:17.2%; left:13.3%; width:26.8%; }

#homepage-heading h1 {
    margin-bottom:29px;
    /*font-size:40px;  výška 26px */ font-size:2.09vw;
    /*line-height:52px;*/ line-height:2.7vw;
    color:#FFFFFF;
}
#homepage-heading strong { color:#FFFFFF; font-weight:700; }

#homepage-heading div span {
    display:inline-block;
    font-size:1.6vw !important; /*font-size:30px;*/
    color:#FFFFFF; font-weight:300;
}


/*** slider
------------------------------------------------------------------------------*/
.my-slider {
    position:relative;
    width:100%;
}
.my-slider .item {
}
.my-slider .item img {
    /*float:left;*/
}

#hp-slider .bx-pager { /*display:none; */ position:absolute; bottom:20px; width:100%; text-align:center;}
#hp-slider .bx-pager .bx-pager-item { display:inline-block; font-size:0; line-height:0; }
#hp-slider .bx-pager .bx-pager-item a {
    display:block;
    background:#86d1d6; /*background:aqua;*/ background: #45B7C0;
    text-indent:-9999px;
    display:block;
    width:18px;
    height:18px;
    margin-right:18px;
    outline:0;
}
#hp-slider .bx-pager .bx-pager-item:last-child a { margin-right:0; }
#hp-slider .bx-pager .bx-pager-item a.active,
#hp-slider .bx-pager .bx-pager-item a:hover { background:#10A5B9; /*background:fuchsia;*/ background: #26696F; }

@media (max-width:570px) {
    #hp-slider .bx-pager {  bottom:12px; }
    #hp-slider .bx-pager .bx-pager-item a { width:12px; height:12px;  }
}
@media (max-width:320px) {
    #hp-slider .bx-pager { display:none; }
}

/*** slider navigace nepoužívá se
===============================================================================================================================*/
.my-slider .bx-controls-direction { display:none;
    position:absolute; top:43.9%; left:0;
    width:100%; height:56px;
    clear:both;
}
.my-slider .bx-prev {
    position:absolute; left:20px; top:0;
    background-image:url(./css/imgs/sipka-kolo-leva.png);               background-color:#13A6BA; border-radius:50%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:56px;
    width:56px; height:56px;
}
.my-slider .bx-next {
    position:absolute; right:20px; top:0;
    background-image:url(./css/imgs/sipka-kolo-prava.png);              background-color:#13A6BA; border-radius:50%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:56px;
    width:56px; height:56px;
}

@media (max-width:768px) {
    .my-slider .bx-prev,
    .my-slider .bx-next { width:40px; height:40px; background-size:40px; }
}
@media (max-width:414px) {
    .my-slider .bx-prev,
    .my-slider .bx-next { width:30px; height:30px; background-size:30px; }
}
@media (max-width:320px) {
    .my-slider .bx-prev,
    .my-slider .bx-next { display:none; }
}

/*** #hp-rozcestnik
------------------------------------------------------------------------------*/

/*** aktuality-box
---------------------------------------------------------------------------*/
#aktuality-box {
    padding-top:80px;
}
#aktuality-box .item {
    padding:20px 20px 20px 20px;
    float:left; margin-right:20px; /*1.69% = 20px*/
    height:405px; width:380px; /*32.20% = 380px;*/
    background:#FFFFFF;
    border-radius:3px;
    box-shadow:0 0 5px 0 rgba(0,49,98,0.1);
}
#aktuality-box .item:last-child { margin-right:0; }
#aktuality-box .item:hover { box-shadow:0 0 20px 0 rgba(0,49,98,0.2); }

#hp-novinky-result {
    position:relative;
}
#hp-novinky-result .thumb {
    display:table;
    margin:0 auto;
    width:100%; height:185px;
    text-align:center;
}
#hp-novinky-result .thumb .th-cell {
    display:table-cell; vertical-align:middle;
    height:185px !important;
}
#hp-novinky-result .thumb img {
    display:block;  margin:0 auto; /*odstraní bottom white-space nebo vertical-align:bottom;*/
    height:auto;  width:auto;
    max-width:185px; max-height:185px;
}

#hp-novinky-result a.nadpis-link,
#hp-novinky-result a.nadpis-link:hover {
    display:block; margin-bottom:10px; height:46px;
    font-size:18px; font-weight:600; /*text-decoration:none;*/
}
#hp-novinky-result .excerpt {
    height:90px;
}

#hp-novinky-result .navig-btns {
    position:absolute; left:0; top:47%;
    width:100%;
}
#hp-novinky-result .navig-btns span.prev {
    float:none !important;
    position:absolute; left:-40px;
}
#hp-novinky-result .navig-btns span.next {
    float:none !important;
    position:absolute; right:-40px;
}

/*** o nás
---------------------------------------------------------------------------*/
#o-nas-box {
    position:relative; margin-top:160px; padding-bottom:70px;
    /*height:520px;*/
    background:transparent url(./css/imgs/hp-onas-bg.png) top left repeat-y;
}
#o-nas-box .ilu-box {
    position:absolute; top:-16%; left:6.87%;
    /*width:640px; height:520px;*/ width:40%;
    box-shadow:0 0 40px 0 rgba(0,49,98,0.2);
}
#o-nas-box .ilu-box img {float:left;}

#o-nas-box .text-box  {
    float:left; margin-top:85px;
    padding-right:11.0%;
    margin-left:50.5%; width:49.37%;
    line-height:30px; font-size:16px; color:#69888F;
}
#o-nas-box .text-box span {
    color:#1E222F;
}

@media (max-width:1500px) {
    #o-nas-box { height:unset;   }
}

@media (max-width:1300px) {
    #o-nas-box {  margin-top:0px; }
    #o-nas-box .ilu-box { width:36%; top:-14%; }
    #o-nas-box .text-box  { margin-top:60px; margin-left:51%; padding-right:9.0%; }
}
@media (max-width:1024px) {
    #o-nas-box { margin-top:0px; padding-bottom:60px; }
    #o-nas-box .ilu-box { width:30%; left:10%;  }
    #o-nas-box .text-box  { margin-top:40px; margin-left:45%; width:55%; line-height:32px;  }
}
@media (max-width:930px) {
    #o-nas-box { margin-top:0px; padding-bottom:50px; }
    #o-nas-box .ilu-box { width:20%; left:10%; }
    #o-nas-box .text-box  { margin-top:30px; margin-left:35%; width:65%; line-height:26px; }
}

@media (max-width:800px) {
    #primary.hp #post-wrap { width:100%; }
    #o-nas-box { height:auto; margin-top:0px; padding-bottom:20px;  }
    #o-nas-box .ilu-box { display:none; }
    #o-nas-box .text-box  { float:none; margin-top:20px; margin-left:0; width:90%; margin:0 auto; padding:20px 0 40px 0; }
    #o-nas-box .text-box .fH1 { font-size:34px; margin-bottom:16px; }
}


/*** ROZCESTNÍK produkty
===============================================================================*/

/*** cílové skupiny
-------------------------------------------------------------------------------*/
#cilove-skupiny .cilskup-buttons__mobil { display:none;  }
#cilove-skupiny .cilskup-buttons { background: transparent; }
#cilove-skupiny .cilskup-buttons ul { margin:0; padding:0; }
#cilove-skupiny .cilskup-buttons ul li {
    display:block;
    margin:0; padding:0;
    float:left; width:40%;
    background:none;
}
#cilove-skupiny .cilskup-buttons ul li.vsechny {width:20%;}

#cilove-skupiny .cilskup-buttons ul .link-button {
    display:block;
    padding:0 25px;
    height:50px; line-height:50px;
    font-size:18px; color: #FFFFFF; font-weight: 400; text-align: center; text-transform:uppercase;
    background: #29A4A9;
    border:2px solid #FFFFFF;   border-right:none;
    border-top-left-radius: 6px; border-top-right-radius: 6px;
    cursor: pointer;
}
#cilove-skupiny .cilskup-buttons ul li:last-child .link-button { border-right:2px solid #FFFFFF; }

#cilove-skupiny .cilskup-buttons ul .link-button:hover { background: #1D878B; color: #FFFFFF; text-decoration: none; }
#cilove-skupiny .cilskup-buttons ul .link-button * {color: #FFFFFF; }
#cilove-skupiny .cilskup-buttons ul .link-button.selected { background: #1D878B }

@media only screen and (max-width:1340px) {
    #cilove-skupiny .cilskup-buttons ul li { width:34%; }
    #cilove-skupiny .cilskup-buttons ul li.vsechny { width:32%; }
    #cilove-skupiny .cilskup-buttons ul .link-button { height:40px; line-height:40px; font-size:14px; }
}

@media only screen and (max-width:630px) {
    #cilove-skupiny {
        margin:0; padding:10px;
        background:#29A4A9;
        border-radius:0px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
    }
    #cilove-skupiny .cilskup-buttons__mobil { display:block; }

    #cilove-skupiny .cilskup-buttons ul li {
        display:block; float:none; width:auto; margin:0 auto; width:100% !important;
        -webkit-transition:height 200ms ease-in;
        -moz-transition:height 200ms ease-in;
        -o-transition:height 200ms ease-in;
        transition:height 200ms ease-in;
        height:0px; overflow:hidden;
    }
    #cilove-skupiny .cilskup-buttons ul li.off { height:0px; }
    #cilove-skupiny .cilskup-buttons ul li.on  { height:40px; }

    #cilove-skupiny .cilskup-buttons ul .link-button {
        font-size:12px; color: #29A4A9; text-align: left; font-weight: 600; text-transform: unset;
        background: #FFFFFF;
        border-color: #A3E6E9;
        border-style: solid;
        border-width: 1px 1px 0px 1px;
        border-top-left-radius:0; border-top-right-radius:0;
    }
    #cilove-skupiny .cilskup-buttons ul .link-button:hover,
    #cilove-skupiny .cilskup-buttons ul .link-button.selected  {
        background: #EBF4FD;
        color: #1E222F;
    }


    #cilove-skupiny .cilskup-buttons {
        position:relative; background:#FFFFFF;
    }
    #cilove-skupiny .cilskup-buttons ul {
        position:absolute; top:40px; left:0; z-index:2200;
    }
    #cilove-skupiny .cilskup-buttons__mobil { display:block; }
    #cilove-skupiny .cilskup-buttons__mobil > span {
        display:block; margin:0; padding:0 15px;
        height:40px; line-height:40px;
        cursor:pointer;
    }
    #cilove-skupiny .cilskup-buttons__mobil > span.down { background:#FFFFFF url(./css/imgs/sipka-dropDown.png)  96% center no-repeat; }
    #cilove-skupiny .cilskup-buttons__mobil > span.up { background:#FFFFFF url(./css/imgs/sipka-dropUp.png)  96% center no-repeat; }

    #cilove-skupiny .cilskup-buttons ul {
        width:100%; margin:0 auto;
        -webkit-box-shadow:0 10px 18px 0 rgba(0,49,98,0.2);
        -moz-box-shadow:   0 10px 18px 0 rgba(0,49,98,0.2);
        box-shadow:        0 10px 18px 0 rgba(0,49,98,0.2);
        border-bottom:1px solid #A3E6E9;
    }

    #cilove-skupiny .cilskup-buttons li {
        display:block; float:none; width:auto; margin:0 auto;
        -webkit-transition:height 200ms ease-in;
        -moz-transition:height 200ms ease-in;
        -o-transition:height 200ms ease-in;
        transition:height 200ms ease-in;
        height:0px; overflow:hidden;
    }
    #cilove-skupiny .cilskup-buttons li.off { height:0px; }
    #cilove-skupiny .cilskup-buttons li.on  { height:40px; }
}


/*** produkty
-------------------------------------------------------------------------------*/
#rozcestnik { border-radius:4px; }
#cilove-skupiny + #rozcestnik { border-top-left-radius:0; border-top-right-radius:0;  }

#rozcestnik.hp {
    margin:70px auto 50px auto;
    background:#FFFFFF;
}
#rozcestnik.hp.short,
#rozcestnik.hp.NO-short {
    -webkit-box-shadow:0 0 18px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 0 18px 0 rgba(0,49,98,0.2);
    box-shadow:        0 0 18px 0 rgba(0,49,98,0.2);
}

#rozcestnik.page {
    margin-bottom:68px;
    background:#FFFFFF;
    -webkit-box-shadow:0 0 18px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 0 18px 0 rgba(0,49,98,0.2);
    box-shadow:        0 0 18px 0 rgba(0,49,98,0.2);
}

#rozcestnik #mobil-selected-kategorie { display:none; }
#rozcestnik ul.produkty { margin:0; padding:0; }
#rozcestnik ul.produkty li {
    display:block;
    margin:0; padding:0;
    float:left; width:16.66%;
    background:none;
}
#rozcestnik.short .kategorie-icos li.off { height:unset; }
#rozcestnik.short .kategorie-icos li.on { height:unset; }

#rozcestnik.hp .fH1 {
    padding:0 2% 23px 2%;
    text-align:center;
}

.kategorie-icos {
}
.kategorie-icos a {
    display:block;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    position:relative;  margin-bottom:0px;
    width:100%;
    height:150px;
    text-align:center;
    background-position:center 29%;
    background-repeat:no-repeat;
    background-size:auto;
}

.dokovaci-stanice           { background:url(./css/imgs/rozdelovnik/01-ico-dokovaci-stanice-02.png); }
.graficke-adaptery          { background:url(./css/imgs/rozdelovnik/02-ico-graficke-adaptery-02.png); }
.huby                       { background:url(./css/imgs/rozdelovnik/03-ico-huby-02.png); }
.datova-uloziste            { background:url(./css/imgs/rozdelovnik/04-ico-datova-uloziste-02.png); }
.lan-adaptery               { background:url(./css/imgs/rozdelovnik/05-ico-lan-adaptery-02.png); }
.nabijecky-a-baterie        { background:url(./css/imgs/rozdelovnik/06-ico-nabijecky-baterie-02.png); }
.prislusenstvi              { background:url(./css/imgs/rozdelovnik/07-ico-prislusenstvi-new.png); }
.ctecky-pametovych-karet    { background:url(./css/imgs/rozdelovnik/08-ico-ctecky-karet.png); }
.pcie-pci-karty             { background:url(./css/imgs/rozdelovnik/09-ico-PCIE.png); }
.audio-adaptery             { background:url(./css/imgs/rozdelovnik/10-ico-audio-adaptery.png); }
.komunikacni-zarizeni       { background:url(./css/imgs/rozdelovnik/11-ico-kabely.png); }
.konfigurator               { background:url(./css/imgs/rozdelovnik/ico-konfigurator.jpg); }
.univerzita                 { background:url(./css/imgs/rozdelovnik/ico-univerzita.jpg); }
.kompatibilita              { background:url(./css/imgs/rozdelovnik/ico-kompatibilita.jpg); }
.project-price              { background:url(./css/imgs/rozdelovnik/ico-slevomat.png); }
.legacy                     { background:url(./css/imgs/rozdelovnik/legacy.png); }

.kategorie-icos a:hover {
    box-shadow:0 0 18px 0 rgba(0,49,98,0.2);
    color:#29A4A9;
    border-radius: 4px;
    cursor:pointer;
}

.kategorie-icos .selected,
.kategorie-icos .selected:hover {
    /*background-color:rgba(235,244,253,0.5);*/
    background-color:#EBF4FD;
    border:1px solid #29A4A9;
    border-radius:4px;
    box-shadow:none;
}

.kategorie-icos a span {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    display:block; position:absolute; left:0; bottom:5px;
    width:100%; height:41px; line-height:18px;
    padding:0 6px;
    text-align:center;  color:#29A4A9;
}
@media only screen and (max-width:1260px) {
    .kategorie-icos a { height:160px; background-position:center 20%; }
    .kategorie-icos a span { bottom:24px; }
}

/*** pro detail produktu
--------------------------------------------------------------------------*/
#rozcestnik.short  {
    margin-bottom:0px; padding:6px 20px 10px 20px;
    box-shadow:0 0 18px 0 rgba(0,49,98,0.3);
}
#rozcestnik.short .kategorie-icos  a {
    height:unset; height:26px; line-height:26px;
    background:none !important;
}
#rozcestnik.short .kategorie-icos a:hover {
    box-shadow:none; color:#1E222F !important;
}

#rozcestnik.short .kategorie-icos .selected,
#rozcestnik.short .kategorie-icos .selected:hover {
    background-color:#ffffff;
    border:none;
    box-shadow:none;
    cursor:pointer;
}

#rozcestnik.short .kategorie-icos a > span {
    position:static;
    display:inline-block; vertical-align:middle;
    height:unset; line-height:14px !important;
    color:#29A4A9;  font-size:12px;  font-weight:600;

}
#rozcestnik.short .kategorie-icos a.selected span,
#rozcestnik.short .kategorie-icos a:hover span {
    color:#1E222F !important; font-weight:600;
}


@media only screen and (max-width:1340px) {
    #rozcestnik.short  { padding:6px 10px 12px 0px; }
    #rozcestnik.short .kategorie-icos li a { height:36px; line-height:36px;  }
}
@media only screen and (max-width:1100px) {
    .kategorie-icos a { background-size:75%;  }
}

@media only screen and (max-width:930px) {
    #primary.detail-produktu { padding-top:30px; }
    #rozcestnik.short .kategorie-icos li { width:25%; }
    #rozcestnik.short .kategorie-icos li a { height:34px; line-height:34px; }

}
@media only screen and (max-width:730px) {
    .vypis-produktu #rozcestnik.short { margin-top:-20px; }
    #rozcestnik.short .kategorie-icos li { width:33.27%; }
}

@media only screen and (max-width:630px) {
    #rozcestnik.short {
        margin:0; padding:10px;
        background:#29A4A9;
        border-radius:0px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
    }
    .vypis-produktu #rozcestnik.short { margin-top:0px; }

    #rozcestnik .kategorie-icos {
        position:relative; background:#FFFFFF;
    }
    #rozcestnik .kategorie-icos ul {
        position:absolute; top:40px; left:0; z-index:1200;
    }
    #rozcestnik #mobil-selected-kategorie { display:block; }
    #rozcestnik.short #mobil-selected-kategorie > span {
        display:block; margin:0; padding:0 15px;
        height:40px; line-height:40px;
        cursor:pointer;
    }
    #rozcestnik.short #mobil-selected-kategorie > span.down { background:#FFFFFF url(./css/imgs/sipka-dropDown.png)  96% center no-repeat; }
    #rozcestnik.short #mobil-selected-kategorie > span.up { background:#FFFFFF url(./css/imgs/sipka-dropUp.png)  96% center no-repeat; }

    #rozcestnik.short .kategorie-icos ul {
        width:100%; margin:0 auto;
        -webkit-box-shadow:0 10px 18px 0 rgba(0,49,98,0.2);
        -moz-box-shadow:   0 10px 18px 0 rgba(0,49,98,0.2);
        box-shadow:        0 10px 18px 0 rgba(0,49,98,0.2);
        border-bottom:1px solid #A3E6E9;
    }

    #rozcestnik.short .kategorie-icos li {
        display:block; float:none; width:auto; margin:0 auto;
        -webkit-transition:height 200ms ease-in;
        -moz-transition:height 200ms ease-in;
        -o-transition:height 200ms ease-in;
        transition:height 200ms ease-in;
        height:0px; overflow:hidden;
    }
    #rozcestnik.short .kategorie-icos li.off { height:0px; }
    #rozcestnik.short .kategorie-icos li.on  { height:40px; }

    #rozcestnik.short .kategorie-icos li a {
        display:block; height:40px; line-height:38px;
        background:#FFFFFF !important;
        border-radius:unset;
        border-color:#A3E6E9;
        border-style:solid;
        border-width:1px 1px 0px 1px;
    }
    #rozcestnik.short .kategorie-icos li a:hover,
    #rozcestnik.short .kategorie-icos li a.selected,
    #rozcestnik.short .kategorie-icos li a.selected:hover {
        background:#EBF4FD !important;
        border-color:#A3E6E9;
        border-style:solid;
        border-width:1px 1px 0px 1px;
    }
    #rozcestnik.short .kategorie-icos li a span { text-align:left; padding-left:15px; }
}

/*** Výkladní skříň = výpis produktů
===============================================================================*/
.category-buttons {
}
.btns-konekt-wrap {
    margin:20px 0 10px 0;
}

#produkty-list .nenalezeno { margin:10px 0; padding:10px 20px; background:#EFF9FA; border:1px dashed silver;}
#produkty-list .nenalezeno i { font-size:14px; }
#produkty-list {
    margin-top:35px;
    width:100%;
}
#produkty-list.css--konf2,
#produkty-list.css--konf4 { margin-top:0; }

#produkty-list .skupin-nadpis {
    display:inline-block; margin:20px 0 0 22px; padding-bottom:12px;
    font-size:22px; font-weight:600; color:#fff; color:#29A4A9;
    border-radius:4px 4px 0 0;
}
#produkty-list.css--konf2 .skupin-nadpis,
#produkty-list.css--konf4 .skupin-nadpis { margin-top:0; }

#produkty-list .skupin-wrap { margin-bottom:56px; background:#f5fbfb; }

#produkty-list .mobil { display:none !important; }
#produkty-list .tr { border-bottom:1px solid #EDF0F7; position:relative; }
#produkty-list .skupin-wrap .tr { border-bottom:1px solid #EBEEF5; }
#produkty-list .skupin-wrap .tr:last-child { border-bottom:none; }

#produkty-list .tr:hover {
    border-radius:4px;
    -webkit-box-shadow:0 0 8px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 0 8px 0 rgba(0,49,98,0.2);
    box-shadow:        0 0 8px 0 rgba(0,49,98,0.2);
    cursor:pointer;
}
#produkty-list .tr:first-child { border-top:1px solid #EDF0F7;}

/*** nahrazuje <td>
-------------------------------*/
#produkty-list .tr > div.td {
    float:left;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    padding:0;
    height:90px; line-height:90px;
    vertical-align:middle;
}
/*#produkty-list .tr > div.td:last-child { background: lime; }*/

#produkty-list .tr > div > span.malign {
    display:inline-block; width:100%; vertical-align:middle; white-space:nowrap !important;
}
#produkty-list .td.srovnavac span.malign  { position:relative; top:-3px; /*position: absolute; top:6px; right:-3px;*/ }


#produkty-list .thumb {
    position:relative; width:11.01%; max-width:130px;
}
#produkty-list .thumb div {
    width:100%; max-width:100%; height:84px; line-height:84px;
    position:relative; top:3px;
    text-align:center;
    overflow:hidden;
}
#produkty-list .thumb div img { display:inline; vertical-align:middle; /* vertikální centrování */}

#produkty-list .nazev           { width:33.86%; /*background:red;*/ }
#produkty-list .nazev--konf2    { width:29.86%; /*background:blue;*/ }
/*#produkty-list .konekt          { width:35.40%; text-align:left;  }*/
#produkty-list .konekt          { width:23.18%; text-align:left;  }
#produkty-list .novinka-akce    { width:12.22%; text-align:right; }
#produkty-list .os              { width:19.64%;  text-align:right; /*background:lightblue;*/  }
#produkty-list.css--konf2 .os   { width:19.64%; text-align:right;  }
#produkty-list .td.srovnavac    { width:4%; text-align:center; }
#produkty-list .tr.head .td.srovnavac { top:unset; bottom:0; }
#produkty-list .tr.head .clear-srovnavac { padding:0 9px 0 8px; width:24px; }

#produkty-list.css--konf4 .nazev        { width:28.86%; /*background:yellow;*/ }
#produkty-list.css--konf4 .nazev.without-cena { width:33.86%; /* +5 */ }

#produkty-list.css--konf4 .konekt       { width:23.18%; /*?*/width:22.18%;/*?*/ text-align:left; /*background:orange;*/ }
#produkty-list.css--konf4 .konekt.without-cena { width:31.40%; /* +9.22 */ }

#produkty-list.css--konf4 .os           { width:18.64%; /*?*/width:17.64%;/*?*/  text-align:right; /*background:lightblue;*/  }
#produkty-list.css--konf4 .td.srovnavac { width:4%; text-align:center;  /*?*/margin-left: 2%;/*?*/ /*background:fuchsia;*/ }
#produkty-list.css--konf4 .cena         { width:14.22%; text-align:right; white-space:nowrap; /*background:lightseagreen;*/ }
#produkty-list.css--konf4 .cena,
#produkty-list.css--konf4 .cena *       { font-size:14px; color: #29A4A9; font-weight: 600; }
#produkty-list.css--konf4 .cena .malign { width:unset; text-align:left; white-space: nowrap; }

#produkty-list .nazev > div { display:table-cell; vertical-align:middle; height:90px; font-size:14px; }
#produkty-list .nazev a { font-size:14px; font-weight:600; }
#produkty-list .tr:hover > .nazev a { text-decoration:underline; }

#produkty-list .os .os-ico:last-child { margin-right:11px; /*margin-right:0;*/ }

#produkty-list .tr.head { height:50px; border-top:none; border-bottom:1px solid #EDF0F7; }
#produkty-list .skupin-wrap .tr.head { border-bottom:1px solid #EBEEF5; padding:26px 0 0 0; }

#produkty-list .tr.head:hover {
    border-radius:unset;
    -webkit-box-shadow:unset;
    -moz-box-shadow:   unset;
    box-shadow:        unset;
    cursor:unset;
}

#produkty-list .tr.head > div.td { height:30px !important; line-height:30px !important;}
#produkty-list .tr.head > div.td > div { height:30px !important; vertical-align:top; font-size:14px; color:#29A4A9; font-weight:600; }
#produkty-list .tr.head > div.td.os > div { text-align:center;  }


@media (max-width:1300px) {
    #produkty-list .tr > div.td { height:50px; line-height:50px; }
    #produkty-list .tr > div > span.malign { margin-bottom:4px; }

    #produkty-list .thumb              { width:11.01%; margin-right:1%;  }
    #produkty-list .nazev              { width:87.9%; }
    #produkty-list.css--konf4 .nazev.without-cena { width:87.9%; }

    #produkty-list .nazev--konf2    { width:83.9%; /*background:fuchsia;*/ }

    #produkty-list .skupin-wrap .nazev { padding-right:10px; }
    #produkty-list .nazev > div {height:60px; }

    #produkty-list .konekt               { width:34.2%; margin-left:12.01%; }
    #produkty-list .konekt .ico-konent:first-child { margin-left:0; }


    #produkty-list .novinka-akce    { width:23.3%; }
    #produkty-list .os              { width:30.3%; }
    #produkty-list.css--konf2 .os   { width:26.3%; }

    #produkty-list.css--konf4 .nazev  { width:87.99%;  }

    #produkty-list.css--konf4 .konekt { width:34%; /*?*/width:33%;/*?*/ }
    #produkty-list.css--konf4 .konekt.without-cena  { width:50.0%; }

    #produkty-list.css--konf4 .os    { width:32%;  /*?*/width:31%;/*?*/ }
    #produkty-list.css--konf4 .cena  { width:17.9%; float:right !important; }

}
@media (max-width:990px) {
    #produkty-list .thumb           { width:21.01%; margin-right:1%;  }
    #produkty-list .tr.head > div.td > div { margin-right:10px; }

    #produkty-list .nazev           { width:77.9%; }
    #produkty-list .nazev--konf2    { width:73.9%; /*background:chocolate; */}
    #produkty-list .nazev--konf4    { width:73.9%; /*background:chocolate; */}

    #produkty-list.css--konf4 .nazev.without-cena { width:73.9%; }
    #produkty-list.css--konf4 .konekt.without-cena  { width:73.9%; }

    #produkty-list .konekt          { width:77.9%; margin-left:22.01%; }

    #produkty-list .novinka-akce    { width:35.09%; margin-left:22.01%; text-align:left; }
    #produkty-list .os              { width:42.9%; text-align:right; }
    #produkty-list.css--konf2 .os   { width:36.9%; text-align:right; }
    #produkty-list.css--konf2 .os > div { margin-right:10px; }

    #produkty-list .os .os-ico:last-child { margin-right:10px; }
    #produkty-list .skupin-wrap .os .os-ico:last-child { margin-right:10px; }

    #produkty-list.css--konf4 .tr.head > div.td > div { margin-right:unset; }
    #produkty-list.css--konf4 .thumb  { width:15.01%; max-width:unset;}
    #produkty-list.css--konf4 .nazev  { width:83.99%;  }
    #produkty-list.css--konf4 .konekt { width:83.99%; margin-left: 16.01%; }
    #produkty-list.css--konf4 .os     { width:57.99%; /*?*/width:55.99%;/*?*/ margin-left: 16.01%; }
    #produkty-list.css--konf4 .os.without-cena     { width:57.99%; /*?*/width:67.99%;/*?*/ margin-left: 16.01%; }


    #produkty-list.css--konf4 .cena   { width:22%;  }

}
@media (max-width:800px) {
    #produkty-list.css--konf4 .os     { width:54.99%; /*?*/width:52.99%;/*?*/}
    #produkty-list.css--konf4 .cena   { width:25%;  }
}
@media (max-width:768px) {
    #produkty-list .tr > div.td { height:45px; line-height:45px;  }
    #produkty-list .td.thumb           { height:50px !important; line-height:50px !important;  }
    #produkty-list .td.nazev           { height:unset !important; line-height:unset !important; padding:4px 0 0 0 !important;  }
    #produkty-list .skupin-wrap .nazev { padding-right:10px !important; }

    #produkty-list .os              { width:40.9%; text-align:right; }
    #produkty-list.css--konf2 .os   { width:36.9%; text-align:right; }

    #produkty-list.css--konf4 .td.srovnavac { width:5%; }
    #produkty-list.css--konf4 .os           { width:43.99%; /*?*/width:41.99%;/*?*/ }
    #produkty-list.css--konf4 .cena         { width:35%;  }
}
@media (max-width:600px) {
    #produkty-list .skupin-nadpis { margin:20px 0 0 30px; padding:11px 30px; font-size:18px; font-weight:600; color:#fff; }

    #produkty-list .novinka-akce    { display:none; /*width:49.1%; margin-left:0; text-align:left;*/  }
    #produkty-list .os              { width:100%; text-align:right; }
    #produkty-list.css--konf2 .os   { width:92%; text-align:right; }

    #produkty-list .os .os-ico { margin-right:5%; }
    #produkty-list .skupin-wrap .os .os-ico:last-child { margin-right:20px; }

}
@media (max-width:480px) {
    #produkty-list .os              { width:100%; text-align:right; }
    #produkty-list.css--konf2 .os   { width:92%; text-align:right; }
    #produkty-list.css--konf4 .os   { width:92%; text-align:right; }
    #produkty-list .os .os-ico { margin-right:5%; }

    #produkty-list.css--konf4 .os { width:83.99%; margin-left: 16.01%; }
    #produkty-list.css--konf4 .td.srovnavac { width:7%; margin-left: 16.01%; }
    #produkty-list.css--konf4 .cena         { width:76.99%;  }

}

@media (max-width:360px) {
    #produkty-list .konekt          { width:99.91%; margin-left:0; }
    #produkty-list .konekt .ico-konent { margin-left:2%; }

    #produkty-list .novinka-akce    { width:51.1%; margin-left:0; text-align:left;   }
    #produkty-list .os              { width:48.9%; text-align:right; }

    #produkty-list .os .os-ico { margin-right:2%; }
}


/*** pro .css--konf2
-------------------------------------------------------------------------------*/
#produkty-list.css--konf2 .tr > div > span.chbx-wrap,
#produkty-list.css--konf4 .tr > div > span.chbx-wrap {
    display:inline-block; /*position: relative; top:-5px;*/
    width:100%;
    vertical-align:middle;
    white-space:nowrap !important;
}
#produkty-list.css--konf2 .chbx-wrap input[type="checkbox"],
#produkty-list.css--konf4 .chbx-wrap input[type="checkbox"] {
    display:none;
}

#produkty-list.css--konf2 .tr > div .chbx-wrap label,
#produkty-list.css--konf4 .tr > div .chbx-wrap label {
    display:inline-block; /*margin-right:4px;*/
    width:24px; height:24px;
    vertical-align:middle; text-align:center;
    white-space:nowrap !important;
    /*background:#FFFFFF;
    border:1px solid #29A4A9; */
    background-color:#E79725;
    background-image:url(./css/imgs/vahy-big-white.png);
    background-size: 16px;
    background-position:center center;     /*center top*/
    background-repeat:no-repeat;
    border-radius: 4px;
    -webkit-box-shadow: 3px 0px 6px rgba(122,124,132,0.3);
    -moz-box-shadow:    3px 0px 6px rgba(122,124,132,0.3);
    box-shadow:         3px 0px 6px rgba(122,124,132,0.3);

}
#produkty-list.css--konf2 .tr > div .chbx-wrap label:hover,
#produkty-list.css--konf4 .tr > div .chbx-wrap label:hover { background-color:#29A4A9; background-image:url(./css/imgs/vahy-big-white.png); cursor: pointer; }

#produkty-list.css--konf2 .chbx-wrap input[type="checkbox"]:checked + label,
#produkty-list.css--konf4 .chbx-wrap input[type="checkbox"]:checked + label {
    background-color:#29A4A9;
    background-image:url(./css/imgs/vahy-big-white.png);
}
#produkty-list.css--konf2 .chbx-wrap input[type="checkbox"]:checked + label:before,
#produkty-list.css--konf4 .chbx-wrap input[type="checkbox"]:checked + label:before {
    /*content:"\2713";*/
}

/*** ### CENA ###
-------------------------------------------------------------------------------*/
#produkty-list .td.cena > div { display:inline-block; }

#produkty-list .td.cena .order-btn {
    display:inline-block; position: relative;
    margin-right:10px;  padding-right:20px; line-height: 28px;
    cursor: pointer;
}
#produkty-list .td.cena .order-btn:before,
#produkty-list .td.cena .order-btn:after {
    content: ""; position: absolute; right: 5px;
    width: 0; height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    pointer-events: none;
}
#produkty-list .td.cena .order-btn:before { top: 3px; border-bottom: 9px solid #29A3A9; }
#produkty-list .td.cena .order-btn.ASC:before { border-bottom-color: #C0C0C0; }

#produkty-list .td.cena .order-btn:after  { bottom: 3px; border-top: 9px solid #29A3A9; }
#produkty-list .td.cena .order-btn.DESC:after  { border-top-color: #C0C0C0; }


#produkty-list #mena-menu  { margin-top:3px; }
#produkty-list #mena-menu #drop-box  { position: relative; margin-left:auto; width:55px; /**/width:59px; cursor: pointer; }
#produkty-list #mena-menu #drop-box.single  { cursor:auto; }

#produkty-list #mena-menu #selected-tab {
    display:block; position: relative;
    width:55px; padding:1px 4px 3px 4px;                                        /**/width:59px;
    /*background-image:url(./css/imgs/lang-menu-down.png); background-position:90% center; background-repeat:no-repeat;*/
    background-color:#FFFFFF;
    border: 1px solid #77BBBB;
    border-radius: 3px 3px 3px 3px;
}

#produkty-list #mena-menu #selected-tab:after {
    position: absolute; right: 5px; top: 7px; content: "";
    width: 0; height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #29A3A9;
    pointer-events: none;
}
#produkty-list #mena-menu #selected-tab.single:after { border-top: 7px solid #C0C0C0; }
/*#produkty-list #mena-menu #selected-tab:hover { border-bottom: none; border-radius: 3px 3px 0 0; }*/

#produkty-list #mena-menu #selected-tab > img { display:block; margin:2px auto 0 4px; width:24px; /**/width:28px; }

#produkty-list #mena-menu ul {
    position:absolute; right:0; top:20px; z-index:2000;
    height:0; overflow:hidden;
}

#produkty-list #mena-menu ul li {
    display:block; float:none;
    margin:0; padding:0 10px;  font-size:18px;
    height:0; overflow:hidden;
}

#produkty-list #mena-menu #drop-box.on > ul {
    display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    height:auto; width:55px; padding-top:2px;                                   /**/width:59px;
    border: 1px solid #77BBBB;
    border-top: none;
    border-radius: 0 0 3px 3px;
    background:#FFFFFF;
    -webkit-box-shadow:0 10px 8px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 10px 8px 0 rgba(0,49,98,0.2);
    box-shadow:        0 10px 8px 0 rgba(0,49,98,0.2);
}
#produkty-list #mena-menu #drop-box.on > ul li {
    display:block; /*-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;*/
    height:18px; line-height:18px;
    margin:2px 0; padding:1px 4px 3px 4px;
    -webkit-transition:height .1s linear;
    -moz-transition:height .1s linear;
    -ms-transition:height .1s linear;
    -o-transition:height .1s linear;
    transition:height .1s linear;
    background:#FFFFFF;
    cursor: pointer;

}
#produkty-list #mena-menu #drop-box.off > ul li { height:0; border-bottom:none; }
#produkty-list #mena-menu #drop-box.on > ul li img { display:block; margin:2px auto 0 4px; width:24px; /**/width:28px; }


/*** detail produktu = single-produkty_post.php
-------------------------------------------------------------------------------*/

/*** detail produktu = new layout
-------------------------------------------------------------------------------*/

/*** #primary.detail-produktu .left-box
=====================================================*/
#primary.detail-produktu .left-box {
    float:left; width:49.3%; /*** 3,4% je odsazení mezi .left-box a .right-box */
    padding:10px 0 0 0;
}

#images-box {
    /*float:left; width:52.54%;*/
}
#images-box #th-full {
    cursor:pointer;
}
/*
!!! TOHLE FUNGUJE !!! */
#images-box #th-full.design-2 { display: table;  width: 100%; cursor: pointer; }


#thWrapper { position:relative;}
#thWrapper > .legacy-msg {
    position:absolute; top:calc(50% - 32px); left:0;
    width:100%; height:60px; line-height:60px;
    font-size:18px; color:#FFFFFF; text-transform:uppercase; text-align:center;
    background:#D14141;
    border-radius:4px;
}
#thWrapper.show { display:block; }
#thWrapper.hide { display:none; }

/* !!! TOHLE FUNGUJE !!! */
#thWrapper.design-2 {
    height: 348px !important;
    max-height: 348px;
    width: 100%;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#thWrapper.design-2 img { display: block !important; max-height: 348px !important; width:auto !important; /*max-width: 100% !important;*/ margin:0 auto; }

#primary.detail-produktu #response-box { display:table; width:100%; max-height: 50% !important; }
#primary.detail-produktu #img-box { display:table-cell; width:100%; vertical-align: middle; }

#view3dWrapper { position:relative; width:100%; height:0; overflow:hidden; }
#view3dWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
#view3dWrapper.show { visibility:visible; padding-bottom:56.25%; padding-top:20px; }
#view3dWrapper.hide { visibility:hidden; padding-bottom:0; padding-top:0; }

#videoWrapper {
    position:relative;
    width:100%;
    height:0;
    overflow:hidden;
}

#videoWrapper iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;  /*max-width:581px; */
    height:100%; /*max-height:325px */
}

@media (max-width:1330px) {
    #videoWrapper { margin-bottom:20px; }
    #videoWrapper.design-2 { margin-bottom:0; }
}

#videoWrapper.show-video {
    visibility:visible;
    padding-bottom:56.25%;
    padding-top:20px;
}
#videoWrapper.design-2.show-video { margin-top: 10px; padding-top:0; }

#videoWrapper.hide-video {
    visibility:hidden;
    padding-bottom:0;
    padding-top:0;
}

#videoWrapper iframe.show { display:block; }
#videoWrapper iframe.hide { display:none; }


#primary.detail-produktu .pn-kon-os.side { display:block; }
#primary.detail-produktu .pn-kon-os.full { display:none; }
#primary.detail-produktu .pn-kon-os {
    padding:20px 0 6px 0;
}
#primary.detail-produktu .pn-kon-os > div {
    float:left;
    /*min-height:42px; */
}
#primary.detail-produktu  .pn-kon-os .pn  { width:25%; white-space:nowrap;  }
#primary.detail-produktu  .pn-kon-os .kon { width:40%; text-align:right; position:relative; top:0; }
#primary.detail-produktu  .pn-kon-os .os  { width:35%; text-align:right; position:relative; top:4px; }

/**** Docker Pro Banner
---------------------------------------------------------------*/
#primary.detail-produktu .dockerpro-box.side { display:block; margin-top:40px; }
#primary.detail-produktu .dockerpro-box.full { display:none;  margin-top:30px; margin-bottom:20px;}
#primary.detail-produktu .dockerpro-box.design-2 { display:block; margin-top:40px; }

#primary.detail-produktu .dockerpro-box a.docker-pro {
}
#primary.detail-produktu .dockerpro-box a.docker-pro {
    display:block;
}

/*** ceny produktů START
------------------------------------------------------------------------------------------------*/
#primary.detail-produktu .ceny-produktu {  /*border: 1px dashed silver; padding:2px; */}
#primary.detail-produktu .ceny-produktu .nadpis { margin:-4px 0 8px 0; color: #29a4a9; font-weight:bold; /*font-size: 16px;*/ }
#primary.detail-produktu .ceny-produktu.side { display:block; margin-top:28px; }
#primary.detail-produktu .ceny-produktu.full { display:none; margin-top:28px; }
#primary.detail-produktu .ceny-produktu.both { margin-top:40px; }

#primary.detail-produktu .ceny-produktu__tabs {}
#primary.detail-produktu .ceny-produktu__tabs ul { margin:0; padding:0; }
#primary.detail-produktu .ceny-produktu__tabs li { float:left; display:inline-block; margin:0; padding:7px 14px;  color:#29A4A9; font-size:18px;  font-weight:600; background:transparent; cursor:pointer; }
#primary.detail-produktu .ceny-produktu__tabs li img { float: left; width:30; }
#primary.detail-produktu .ceny-produktu__tabs li.selected { background:#F0F9FF; /*#F5F9FC;*/ }

#primary.detail-produktu .ceny-produktu__content .ceny-box { display:none; padding: 16px 14px 18px 14px; background:#F0F9FF; }
#primary.detail-produktu .ceny-produktu__content .ceny-box,
#primary.detail-produktu .ceny-produktu__content .ceny-box * { color:#29A4A9; }
#primary.detail-produktu .ceny-produktu__content .ceny-box.selected { display: block; }

#primary.detail-produktu .ceny-produktu__content .cena-item .cena { font-size:22px; font-weight:600; }
#primary.detail-produktu .ceny-produktu__content .vat-item  .vat { font-size:16px; font-weight:600; }


.want-buy-msg {
    --margin:25%;
    position: fixed; top: 30vh; right:50%; z-index: 999999;  
    background:#FFFFFF;
    border:1px solid #29A2A7;
    transition: all .2s;
}
@media only screen and (max-width: 1750px) { .want-buy-msg { --margin:20%; } }
@media only screen and (max-width: 1500px) { .want-buy-msg { --margin:15%; } }
@media only screen and (max-width: 1300px) { .want-buy-msg { --margin:10%; } }
@media only screen and (max-width: 1500px) { .want-buy-msg { --margin:5%; } }
@media only screen and (max-width: 950px) { .want-buy-msg { --margin:1%; } }

.want-buy-msg.on {
    top: 30vh; right:var(--margin); 
    width: calc(100% - var(--margin)*2);
    min-height:100px; 
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
}
.want-buy-msg.off { width:0; height:0;  -webkit-box-shadow: none; border:none; box-shadow: none; }

.want-buy-msg.on  .want-buy-msg__inner { display:block; padding:2rem; text-align: center; font-size:16px; }
.want-buy-msg.off .want-buy-msg__inner { display: none;  }


@media only screen and (max-width: 930px) {
    #primary.detail-produktu .ceny-produktu.side { margin-top:32px;}
    #primary.detail-produktu .ceny-produktu.both { margin-top:32px;}
}
@media only screen and (max-width: 330px) {
    #primary.detail-produktu .ceny-produktu__tabs li { padding:7px 7px;}
}
/*** ceny produktů END
------------------------------------------------------------------------------------------------*/

/*** #primary.detail-produktu .left-box .gallery-box
=====================================================*/
#primary.detail-produktu .left-box .gallery-box {
    display:-ms-grid; display:grid;
    /*-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;*/
    grid-template-columns: repeat( auto-fit, minmax(56px, 1fr) );
    grid-column-gap:3px; grid-row-gap:3px;
    margin:10px 20px 15px 20px;
}
#primary.detail-produktu .left-box .gallery-box div {
    min-width:56px; margin-right:0px;
    height:46px !important; max-height:46px !important;
    text-align:center;
    -webkit-box-shadow:0 1px 4px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 1px 4px 0 rgba(0,49,98,0.2);
    box-shadow:        0 1px 4px 0 rgba(0,49,98,0.2);
    border:1px solid #D9E0E9; border-radius:2px;
    cursor:pointer;
}
#primary.detail-produktu .left-box .gallery-box div.selected { border-color:#29A4A9; }
#primary.detail-produktu .left-box .gallery-box > *:last-child { margin-right:0; /*border-bottom-color:green;*/ }

/*@media only screen and (max-width: 1180px) {
#primary.detail-produktu .left-box .gallery-box {
-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 1070px) {
#primary.detail-produktu .left-box .gallery-box {
-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 860px) {
#primary.detail-produktu .left-box .gallery-box {
-ms-grid-columns:1fr 1fr 1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 760px) {
#primary.detail-produktu .left-box .gallery-box {
-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 640px) {
#primary.detail-produktu .left-box .gallery-box {
-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}*/

#primary.detail-produktu .left-box .th {
    display:table;
}
#primary.detail-produktu .left-box .th > span {
    display:table-cell;
    height:44px !important; overflow:hidden;
    padding:0;
    vertical-align:middle;
    background:#FFFFFF;                                         /*background:red;*/
}
#primary.detail-produktu .left-box .th > span > img {
    position:relative; top:2.6px;
    width:auto; max-width:100%;
    height:auto; max-height:92%;
}

#primary.detail-produktu .left-box .ico {
    position:relative;
}

#primary.detail-produktu .left-box .th {
    background-position:center center;
    background-repeat:  no-repeat;
    background-size:100% 100%;
    background-color:#FFFFFF;
}

#primary.detail-produktu #ico-3d-view.ico {
    background:#4CB0B9 url(./css/imgs/3d-view-zelene.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
}

#primary.detail-produktu .left-box #video-1.ico {
    background:#FFFFFF url(./css/imgs/play-video1.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
}
#primary.detail-produktu .left-box #video-2.ico {
    background:#FFFFFF url(./css/imgs/play-video2.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
}

#primary.detail-produktu .left-box .datasheet-ico {
    background:#FFFFFF url(./css/imgs/datasheet.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
}

/*** #primary.detail-produktu .right-box
=====================================================*/
#primary.detail-produktu .right-box {                                       /*background:lightblue;*/
    float:right; width:47.3%; /*** 3,4% je odsazení mezi .left-box a .right-box */
    padding:10px 0 0 0;
}


#primary.detail-produktu .right-box .gallery-box {
    display:-ms-grid; display:grid;
    -ms-grid-columns:1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:1.2%; grid-row-gap:13px;
    margin-bottom:15px;
}

#primary.detail-produktu .right-box .datasheet-ico,
#primary.detail-produktu .right-box .gallery-box div {
    min-width:107px; margin-right:2.2%;
    height:136px !important; max-height:136px !important;
    text-align:center;
    -webkit-box-shadow:0 2px 6px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 2px 6px 0 rgba(0,49,98,0.2);
    box-shadow:        0 2px 6px 0 rgba(0,49,98,0.2);
    border:2px solid #D9E0E9; border-radius:3px;
    cursor:pointer;
}
#primary.detail-produktu .right-box .datasheet-ico.selected,
#primary.detail-produktu .right-box .gallery-box div.selected { border-color:#29A4A9; }

#primary.detail-produktu .right-box .gallery-box > *:nth-child(3n) { margin-right:0; /*border-bottom-color:green;*/ }


#primary.detail-produktu .right-box .th {
    display:table;
}
#primary.detail-produktu .right-box .th > span {
    display:table-cell;
    height:120px !important; overflow:hidden;
    padding:0;
    vertical-align:middle;
    background:#FFFFFF;                                         /*background:red;*/
}
#primary.detail-produktu .right-box .th > span > img {
    position:relative; top:3px;
    /*width:auto;  height:auto; height:92%;*/
    width:auto; max-width:100%;
    height:auto; max-height:92%;

}

#primary.detail-produktu .right-box .ico {
    position:relative;
}

#primary.detail-produktu .right-box .th {
    background-position:center center;
    background-repeat:  no-repeat;
    background-size:100% 100%;
    background-color:#FFFFFF;
}

#primary.detail-produktu .right-box #video-1.ico {
    background:#FFFFFF url(./css/imgs/play-video1.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
}
#primary.detail-produktu .right-box #video-2.ico {
    background:#FFFFFF url(./css/imgs/play-video2.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
}

#primary.detail-produktu .right-box .datasheet-ico {
    background:#FFFFFF url(./css/imgs/datasheet.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
}

#primary.detail-produktu .right-box .perex-box {
    /***
    může mít margin, nebo padding
    !!! .perex-box #perex margin, nebo padding mít nesmí !!!
    --------------------------------------------------------*/
}
.perex-box .novinka-akce { padding:10px 0 20px 0; }

/*### A:uprava webu ###
----------------------------------------------------------------------*/
.perex-box #perex.short {display:block; position:relative; /*border:1px dashed grey;*/ }
.perex-box #perex.short:after {
    position:absolute;
    bottom:0;
    height:35%;
    width:100%;
    content:"";
    background:linear-gradient(to top,
    rgba(255,255,255, 0.8) 20%,
    rgba(255,255,255, 0) 80%
    );
    pointer-events:none; /*so the text is still selectable */
}
.perex-box #perex.short p:last-child {margin:0; }

#primary.detail-produktu .bullet-box { padding: 20px 20px 20px 20px; }
#primary.detail-produktu .bullet-box ul { font-size:16px; line-height:18px; font-weight: 300; }
#primary.detail-produktu .bullet-box ul li {
    margin:0 0 14px 0; padding:0 0 0 17px;
    background: transparent url(./css/imgs/bullet-li-dot.png) no-repeat;
    background-position: 0 7px;
    background-size: 8px;
}
#primary.detail-produktu .head-buttons {}
#primary.detail-produktu .head-buttons__wrap {margin:10px 0;}
#primary.detail-produktu .head-buttons__left  { float:left; display:inline-block; width:50%; padding-right:5px; }
#primary.detail-produktu .head-buttons__right { float:right; display:inline-block; width:50%; padding-left:5px;}
#primary.detail-produktu .head-buttons .w0   { float:none; width:0; padding-left:0;}
#primary.detail-produktu .head-buttons .w100 { float:none; width:100%; padding-left:0;}

@media only screen and (max-width:1200px) {
    #primary.detail-produktu .head-buttons__left  { float:none; width:100%; margin-bottom:10px; padding-right:0;}
    #primary.detail-produktu .head-buttons__right { float:none; width:100%; padding-left:0;}
}
@media only screen and (max-width:760px) {
    #primary.detail-produktu .head-buttons__left  { float:left; display:inline-block; width:50%; padding-right:5px; }
    #primary.detail-produktu .head-buttons__right { float:right; display:inline-block; width:50%; padding-left:5px;}
}
@media only screen and (max-width:550px) {
    #primary.detail-produktu .head-buttons__left  { float:none; width:100%; margin-bottom:10px; padding-right:0;}
    #primary.detail-produktu .head-buttons__right { float:none; width:100%; padding-left:0;}
}


@media only screen and (max-width:1350px) {
    #primary.detail-produktu  .pn-kon-os .pn  { width:40%; }
    #primary.detail-produktu  .pn-kon-os .kon { width:60%; text-align:left; margin-top:4px; }
    #primary.detail-produktu  .pn-kon-os .kon.skryj { width:4px; min-height:4px; }
    #primary.detail-produktu  .pn-kon-os .os  { float:right; width:60%; text-align:left; margin-top:10px;  }

    #primary.detail-produktu  .pn-kon-os .os .os-ico { margin-right:0; margin-left:10%; }
    #primary.detail-produktu  .pn-kon-os .os .os-ico:first-child { margin-left:6%; }
}

@media only screen and (max-width:1200px) {
    #primary.detail-produktu .right-box .gallery-box { -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; }
    #primary.detail-produktu .right-box #video-1.ico,
    #primary.detail-produktu .right-box #video-2.ico,
    #primary.detail-produktu .right-box .datasheet-ico { background-size:80%; }

}

@media only screen and (max-width:930px) {
    #primary.detail-produktu  .pn-kon-os {  }
    #primary.detail-produktu  .pn-kon-os .pn,
    #primary.detail-produktu  .pn-kon-os .kon,
    #primary.detail-produktu  .pn-kon-os .os  { float:left; width:100%; }
    #primary.detail-produktu  .pn-kon-os .kon { margin-top:10px; }

    #primary.detail-produktu  .pn-kon-os .kon  .ico-konent { margin-left:0; margin-right:4%;   }
    #primary.detail-produktu  .pn-kon-os .os  .os-ico { margin-left:0 !important; margin-right:7%; }
}

@media only screen and (max-width:820px) {
}

@media only screen and (max-width:760px) {
    #primary.detail-produktu .left-box {
        float:none; width:100%;
    }
    #primary.detail-produktu .right-box {
        float:none; width:100%;
    }

    /**** Docker Pro Banner
    ---------------------------------------------------------------*/
    #primary.detail-produktu .dockerpro-box.side { display:none; }
    #primary.detail-produktu .dockerpro-box.full { display:block; }

    #primary.detail-produktu .right-box .gallery-box { -ms-grid-columns:1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr; }
    #primary.detail-produktu .right-box #video-1.ico,
    #primary.detail-produktu .right-box #video-2.ico,
    #primary.detail-produktu .right-box .datasheet-ico { background-size:90%; }

    #primary.detail-produktu .pn-kon-os.side { display:none; }
    #primary.detail-produktu .pn-kon-os.full { display:block; margin-bottom:10px;}

    #primary.detail-produktu  .pn-kon-os .pn  { width:30%; margin-top:0; }
    #primary.detail-produktu  .pn-kon-os .kon { width:35%; margin-top:0; }
    #primary.detail-produktu  .pn-kon-os .os  { width:35%; margin-top:0; }

    #primary.detail-produktu .ceny-produktu.side { display:none; }
    #primary.detail-produktu .ceny-produktu.full { display:block; }

}

@media only screen and (max-width:600px) {
    #primary.detail-produktu  .pn-kon-os .pn  { width:100%; }
    #primary.detail-produktu  .pn-kon-os .kon { width:50%; margin-top:10px; }
    #primary.detail-produktu  .pn-kon-os .os  { width:50%; margin-top:10px; }
}

@media only screen and (max-width:512px) {
    #primary.detail-produktu .right-box .gallery-box { -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; }
    #primary.detail-produktu .right-box #video-1.ico,
    #primary.detail-produktu .right-box #video-2.ico,
    #primary.detail-produktu .right-box .datasheet-ico { background-size:90%; }
}

@media only screen and (max-width:480px) {
    #primary.detail-produktu  .pn-kon-os .pn  { width:100%; }
    #primary.detail-produktu  .pn-kon-os .kon { width:100%;  }
    #primary.detail-produktu  .pn-kon-os .os  { width:100%;  }
}

@media only screen and (max-width:460px) {
    #primary.detail-produktu .right-box #video-1.ico,
    #primary.detail-produktu .right-box #video-2.ico,
    #primary.detail-produktu .right-box .datasheet-ico { background-size:100%; }
}

@media only screen and (max-width:320px) {
    #primary.detail-produktu .right-box .gallery-box { -ms-grid-columns:1fr; grid-template-columns:1fr; }
}


/*** ???
-----------------------------*/
.kratka-specifikace { padding:10px 0;  border:1px dashed red;
}
.kratka-specifikace > ul { margin-bottom:10px !important; color:#6B7C94 !important; }
.kratka-specifikace > ul li { color:#6B7C94 !important; }
.kratka-specifikace > a { text-decoration:underline !important; }
.kratka-specifikace > a:hover { text-decoration:none !important; }

/*** ???
-----------------------------*/
.prodejni-sit-wrap .e-shopy {
}
.prodejni-sit-wrap .e-shopy h3 { margin-top:14px !important; }
.prodejni-sit-wrap .e-shopy .wrap {
    padding:18px 20px 10px 23px;
    background:#F0F9FF;
}
.prodejni-sit-wrap .e-shopy .wrap > span,
.prodejni-sit-wrap .e-shopy .wrap #produkt-premium-box > span { font-size:12px; color:#6B7C94; text-transform:uppercase; }
.prodejni-sit-wrap .e-shopy .wrap .line { padding:10px 0 12px 0; }


.prodejni-sit-wrap {
}
.prodejni-sit-wrap h3 { margin-bottom:15px; }
.prodejni-sit-wrap #tabs-menu.prodej-detail { margin-top:0; }


/*** new layout end
-------------------------------------------------------------------------------*/

/*** k #tabs-menu
***********************************************************************/
#tabs-content.produkt #tab-result .specifikece-wrap { width:62%; }
#tabs-content.produkt #tab-result .baleni-box {
    position:absolute; top:20px; right:20px;
    width:32.20%;
    padding:10px 25px 10px 30px;
    background:#FFFFFF;
    border-radius:4px;
    -webkit-box-shadow:0 0 26px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 0 26px 0 rgba(0,49,98,0.2);
    box-shadow:        0 0 26px 0 rgba(0,49,98,0.2);
}

#tabs-content.produkt #tab-result .baleni-box ul { width:unset; }



@media only screen and (max-width:1024px) {
    #tabs-content.produkt #tab-result .baleni-box { right:0px;}
}

@media only screen and (max-width:800px) {
    #tabs-content.produkt #tab-result .specifikece-wrap { width:100%; padding:0 8px; }

    #tabs-content.produkt #tab-result .baleni-box {
        position:unset; top:unset; left:unset;
        width:auto; padding:0;
        border-radius:unset;
        -webkit-box-shadow:none;
        -moz-box-shadow:   none;
        box-shadow:        none;
    }
    #tabs-content.produkt #tab-result .baleni-box h3 {
        font-size:0.99em; font-weight:bold; text-transform:uppercase;
}       }



#souvisejici-wrap {
}
#souvisejici-content {
    padding:12px 0 80px 0;
}
#souvisejici-content .s-produkt {
    float:left;
    width:23.7%; margin-right:1.69%;
    height:490px;
    -webkit-box-shadow:0 0 26px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 0 26px 0 rgba(0,49,98,0.2);
    box-shadow:        0 0 26px 0 rgba(0,49,98,0.2);

}
#souvisejici-content .s-produkt:last-child { margin-right:0; }

#souvisejici-content .s-produkt .inner { padding:0 30px 30px 30px; }

#souvisejici-content .s-produkt .th-box { margin:0 auto; max-width:188px; height:166px; }
#souvisejici-content .s-produkt .konekt_icos { text-align:center; position:relative; top:-15px; }
#souvisejici-content .s-produkt .nadpis { display:block; padding-top:5px; font-size:15px; color:#29A4A9; font-weight:600; }
#souvisejici-content .s-produkt .excerpt { padding:10px 0 20px 0; }

@media only screen and (max-width:1100px) {
    #souvisejici-content .s-produkt { height:510px; }
    #souvisejici-content .s-produkt .inner { padding:0 20px 20px 20px; }
}
@media only screen and (max-width:1000px) {
    #souvisejici-content .s-produkt { width:48.25%; height:400px; margin-bottom:20px; }
}
@media only screen and (max-width:768px) {
    #souvisejici-content .s-produkt { height:410px; }
}
@media only screen and (max-width:730px) {
    #souvisejici-content .s-produkt { height:300px; }
    #souvisejici-content .s-produkt .excerpt { display:none; }
    #souvisejici-content .s-produkt .detail-link { display:none; }
}
@media only screen and (max-width:500px) {
    #souvisejici-content .s-produkt { height:320px; }
}
@media only screen and (max-width:376px) {
    #souvisejici-content .s-produkt,
    #souvisejici-content .s-produkt:last-child { float:none; height:300px; width:80%; margin-left:auto; margin-right:auto; }
}



/*** SEARCH - list = search.php
-------------------------------------------------------------------------------*/
#search-list {
}
#search-list .item {
    display:block;
    padding:0px;
    margin-bottom:20px;
    border-radius:4px;
    -webkit-box-shadow:0 2px 8px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 2px 8px 0 rgba(0,49,98,0.2);
    box-shadow:        0 2px 8px 0 rgba(0,49,98,0.2);
}
#search-list .item:hover {
    -webkit-box-shadow:0 2px 8px 0 rgba(0,49,98,0.4);
    -moz-box-shadow:   0 2px 8px 0 rgba(0,49,98,0.4);
    box-shadow:        0 2px 8px 0 rgba(0,49,98,0.4);
    cursor:pointer;
}

#search-list .item .thumb {
    float:left;
    width:20%; height:150px; line-height:150px; text-align:center;
    padding:0 2%;
}
#search-list .item .thumb img {
    margin:0 auto; /*odstraní bottom white-space nebo vertical-align:bottom;*/
    display:inline; vertical-align:middle; /* vertikální centrování */
}
#search-list .item .result {
    display:table;
    float:right;
    width:76%;
}
#search-list .item .result .t-cell { display:table-cell; height:150px; padding:0 2% 0 0;  }
#search-list .item .result .t-cell.pn { vertical-align:middle; }
#search-list .item .result .t-cell.short { display:none;  }

#search-list .item h2  {
    line-height:30px;  margin-bottom:10px;
}
#search-list .item h2.pn  {
    line-height:30px;  margin:0px;
}
#search-list .item h2 span {
    color:#29A4A9;
}
#search-list .item:hover h2 > span {
    color:#29A4A9; text-decoration:underline;
}
#search-list .item .excerpt { color:#1E222F; }

@media (max-width:1024px) {    /*930px*/
    #search-list .item { padding:20px 0 10px 0; }
    #search-list .item .thumb { /*height:170px; line-height:170px;*/ height:unset; line-height:unset;}
    #search-list .item .result .t-cell { /*height:170px;*/ height:unset;  }
}

@media (max-width:768px) {
    #search-list .item .result .t-cell.long { display:none;  }
    #search-list .item .result .t-cell.short { display:table-cell;  }
}
@media (max-width:530px) {
    #search-list .item .thumb { width:24%; padding:0 4%; }
    #search-list .item .result { width:68%; }
    #search-list .item .result .t-cell { vertical-align:middle; }
    #search-list .item h2  { font-size:20px; }
    #search-list .item .result .excerpt { display:none;  }
}



/*** AKTUALITY - list = category.php
-------------------------------------------------------------------------------*/
#aktuality-list {
}
#aktuality-list .item {
    /*height:190px;*/
    margin-bottom:20px;
    border-radius:4px;
    -webkit-box-shadow:0 2px 8px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 2px 8px 0 rgba(0,49,98,0.2);
    box-shadow:        0 2px 8px 0 rgba(0,49,98,0.2);
}
#aktuality-list .item:hover {
    -webkit-box-shadow:0 2px 8px 0 rgba(0,49,98,0.4);
    -moz-box-shadow:   0 2px 8px 0 rgba(0,49,98,0.4);
    box-shadow:        0 2px 8px 0 rgba(0,49,98,0.4);
    cursor:pointer;
}
#aktuality-list .item .thumb {
    float:left; display:table; width:33.89%;
}

#aktuality-list .item .thumb .t-cell {                              /*background:lightblue;*/
    display:table-cell;  overflow:hidden !important;
    width:100%; height:190px; vertical-align:middle;
}

#aktuality-list .item .thumb .t-cell > div {  max-width:190px; margin:0px auto; text-align:center;  /*background:beige;*/  }
#aktuality-list .item .thumb .t-cell > div img { display:inline-block; }

#aktuality-list .item .text {
    float:left; width:66.10%; padding-top:22px;
}
#aktuality-list .item .text h4,
#aktuality-list .item .text .excerpt { padding-right:20px; }
#aktuality-list .item:hover h4 a { text-decoration:underline; }

#aktuality-list .excerpt .short { display:none; }

/*** detail aktuality
------------------------*/
#detail-aktuality {
    position:relative;
    padding-bottom:20px;
}
#detail-aktuality #post-title,
#detail-aktuality .text {
    float:left; width:63.0%;
}
#button-box-web { display:block; }
#button-box-mobil { display:none; }

#detail-aktuality .button-light { margin-top:36px; }
#detail-aktuality .back-line { margin-top:25px; }

#detail-aktuality .thumb {
    position:absolute; top:14px; right:0px;
    display:table; width:32.2%;
    -webkit-box-shadow:0 0 18px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 0 18px 0 rgba(0,49,98,0.2);
    box-shadow:        0 0 18px 0 rgba(0,49,98,0.2);
}
#detail-aktuality .thumb .t-cell {  display:table-cell; width:100%; vertical-align:middle; height:260px; }
#detail-aktuality .t-cell > div { margin:0 auto; max-width:380px; text-align:center;  }
/*#detail-aktuality .t-cell > div img {  }*/



@media (max-width:1024px) {
    #aktuality-list .item .thumb { width:24%;}
    #aktuality-list .item .text { width:76%; /*padding-top:12px;*/ }

    #detail-aktuality #post-title {
        float:left; width:100%;
    }
    #detail-aktuality .text { width:55.0%; padding-right:4%;}
    #detail-aktuality .thumb { position:unset; float:right; width:41.0%; }
}

@media (max-width:930px) {
    #aktuality-list .item .thumb { width:24%;}
    #aktuality-list .item .text { width:76%; padding-top:12px; }
}

@media (max-width:830px) {
    #aktuality-list .item .thumb { width:26%;}
    #aktuality-list .item .thumb .t-cell { height:210px; /*background:#EEEEEE;*/}
    #aktuality-list .item .thumb .t-cell > div {  padding:0 5%; }
    #aktuality-list .item .text { width:74%; }
}

@media (max-width:768px) {
    #aktuality-list .item .thumb { width:26%;}
    #aktuality-list .item .text { width:74%; }

    #detail-aktuality .text { float:none; width:100%; padding-right:0;}
    #detail-aktuality .thumb { float:none; width:100%; margin-top:30px; }
    #detail-aktuality #button-box-web { display:none; }
    #detail-aktuality #button-box-mobil { display:block; }
}
@media (max-width:630px) {
    #aktuality-list .excerpt .long { display:none; }
    #aktuality-list .excerpt .short { display:block; }
}
@media (max-width:500px) {
    #aktuality-list .item { display:table; width:100%; }
    #aktuality-list .item .thumb .t-cell { height:110px; }

    #aktuality-list .item .text { display:table; padding:0; height:110px; /*line-height:110px*/;   }
    #aktuality-list .item .text .tc { display:table-cell; margin:0; vertical-align:middle; }
    #aktuality-list .item .text h4 { display:inline-block; margin:0; }
    #aktuality-list .item .excerpt { display:none; }

}


/*** Prodejní síť = page-prodejni-sit.php
-------------------------------------------------------------------------------*/
#content-inner.prodejni-sit  {
}

.prodejni-sit .icos-box {    /* 20px      30px */
    padding:20px 1.6% 18px 2.6%;
    background:#F0F9FF;
}
.prodejni-sit .icos-box .title {
    padding:2px 0 9px 0;
    font-size:12px;
    line-height:22px;
    color:rgb(107,124,148);
    font-weight:600;
    text-transform:uppercase;
}
.prodejni-sit .icos-box a {
    /*display:block;*/ float:left;
    width:18.85%; /*214px */  min-width:170px;
    margin:0 0.9% 10px 0; /*10px*/
    height:90px; line-height:90px; text-align:center;
    border-radius:3px;
    box-shadow:0.5px 0.866px 4px rgba(0,0,0,0.2);
    background-color:#ffffff;
    border:1px solid #d2dae5;
}
/*** pokud bych změnil na <a ...><img ...></a>
-------------------------------------------------------------*/
.icos-box a > img {  display:inline; vertical-align:middle; /** mateřský box musí mít stejné height:NN; i line- height:NN; */ }

/*** KONTAKTY = page-kontakty.php
-------------------------------------------------------------------------------*/
#sidlo-wrap {
}
#sidlo-wrap .adresa {
    float:left;
    /*width:50.84%; /* 600px */
    width:48.30%; /* 570px */
}
#sidlo-wrap .adresa h2 { margin-top:0; }
#sidlo-wrap .adresa .firma {
    float:left;
    width:52.5%; padding-right:4%;
}

#sidlo-wrap .adresa .provozovna {
    float:left;
    /*width:50%*/;
}
#sidlo-wrap .adresa .tel {
    display:inline-block; height:32px; line-height:32px;
    padding-left:32px;
    font-size:18px; color:#1E222F;
    background:#FFFFFF url(./css/imgs/ico-tel.png) center left no-repeat;
}
#sidlo-wrap .adresa .env {
    display:inline-block; height:32px; line-height:32px;
    padding-left:32px;
    font-size:18px; color:#1E222F;
    background:#FFFFFF url(./css/imgs/ico-env.png) center left no-repeat;
}
#sidlo-wrap .adresa a.mail {
    display:inline-block; height:32px; line-height:32px;
    padding-left:32px;
    font-size:19px;
    background-image: url(./css/imgs/ico-mail.png);
    background-position:left 11px;
    background-repeat:no-repeat;
}

#sidlo-wrap .mapa {
    float:right;
    margin-top:14px;
    width:49.15%; /*580px*/
    -webkit-box-shadow:0 10px 28px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 10px 28px 0 rgba(0,49,98,0.2);
    box-shadow:        0 10px 28px 0 rgba(0,49,98,0.2);

}
#sidlo-wrap .mapa iframe {
    float:left; width:100%; height:300px; margin:0; padding:0;
    overflow:hidden;
    border:none;
}
@media (max-width:1340px) {
    #sidlo-wrap .adresa .firma { width:56.5%; padding-right:4%; }
}
@media (max-width:1240px) {
    #sidlo-wrap .adresa .firma { width:60.5%; padding-right:4%; }
}
@media (max-width:800px) {
    #sidlo-wrap .adresa { float:none; width:100%; }
    #sidlo-wrap .mapa   { float:none; width:100%; margin-top:30px;}
}

#tabs-content.kontakt .box-1200 {
}

#tabs-content.kontakt #tab-result {
    padding:0;
}
#tabs-content.kontakt #tab-result .content {display:none;}
#tabs-content.kontakt #tab-result .content.servis {display:block;}

#tabs-content.kontakt .persons-wrap {
    padding:40px 0 60px 0;
}
#tabs-content.kontakt .person-box {
    float:left; margin:0 1.66% 12px 0; padding:16px 18px 18px 18px;
    width:23.3%;  min-width:250px;
    height:185px;
    border-radius:4px;
    -webkit-box-shadow:-7.071px 7.071px 50px rgba(56,79,168,0.15);
    -moz-box-shadow:   -7.071px 7.071px 50px rgba(56,79,168,0.15);
    box-shadow:        -7.071px 7.071px 50px rgba(56,79,168,0.15);
    background-color:#ffffff;
}

#tabs-content.kontakt .person-box h4 { margin:0; color:#29A4A9; }
#tabs-content.kontakt .person-box .pozice { position:relative; top:-3px; font-size:12px; color:#6B7C94; font-weight:600; }

#tabs-content.kontakt .person-box a {
    display:block;
}
#tabs-content.kontakt .person-box .mail {
    display:block;
    margin-top:4px;
    padding-left:26px;
    background-image:url(./css/imgs/ico-mail-person.png);
    background-position:left 8px;
    background-repeat:no-repeat;
}
#tabs-content.kontakt .person-box .mail.m2 { margin-top:0; }

#tabs-content.kontakt .person-box .tel {
    padding-left:26px;
    line-height:23px; color:#1E222F;
    background-image:url(./css/imgs/ico-tel-person.png);
    background-position:left center;
    background-repeat:no-repeat;
}

@media (max-width:1024px) {
    #tabs-content.kontakt .person-box { width:31.5%; }
}
@media (max-width:830px) {
    #tabs-content.kontakt .person-box { width:48.0%; }
}
@media (max-width:830px) {
    #tabs-content.kontakt .person-box { width:48.0%; }
}
@media (max-width:570px) {
    #tabs-content.kontakt .person-box { float:none; width:90%; max-width:350px; margin-right:auto; margin-left:auto; }
}

/*
a[href^="mailto:"] {color:red !important}
a[href^="tel:"] {color:blue !important}
*/

#kontakt-form {
    margin:0 auto;
    padding:60px 0 80px 0;
    background:#F0F9FF;
}
#kontakt-form .head {
    margin-bottom:36px;
    text-align:center; color:#6B7C94;
}
#kontakt-form .head .fH1 { margin-bottom:18px; text-align:center; color:#29A4A9; }
#kontakt-form .head span { color:#1E222F; }

#form-wrap {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    margin:0 auto;
    width:83.05%; padding:40px 4.08% 10px 4.08%;
    /*height:326px; */
    -webkit-box-shadow:-7.071px 7.071px 50px rgba(56,79,168,0.15);
    -moz-box-shadow:   -7.071px 7.071px 50px rgba(56,79,168,0.15);
    box-shadow:        -7.071px 7.071px 50px rgba(56,79,168,0.15);
    background-color:#ffffff;
}
#form-box {
    margin-bottom:20px;
}
#form-box > div { float:left; width:48.97%; }
#form-box > div:first-child { margin-right:2.04%;}
#form-box .souhlas-box * { font-size:14px; line-height:18px !important; }
#form-box .souhlas-box input[type="checkbox"] { position:relative; top:2px; }

#form-box textarea { height:120px; }


/*** reklamační formulář
----------------------------------------------------------------------------*/
.reklamacni-formular #form-box textarea { height:100px; }

.reklamacni-formular #form-box .priloha-box { margin:7px 0 8px 0; }
.reklamacni-formular #form-box .priloha-box .file-priloha { display:inline-block !important; margin:0 0 0 10px !important; }

#form-box p { margin-bottom:10px; }

#form-box span.wpcf7-list-item {
    display:inline-block;
    margin:0 0 0 0 !important;
}

#form-wrap .btn-line,
.reklamacni-formular .btn-line { position:relative; margin:0 0 15px 0; text-align:right; }

#form-wrap input[type="submit"],
.reklamacni-formular input[type="submit"] { display:inline-block; margin:0;}

#form-wrap .ajax-loader,
.reklamacni-formular .ajax-loader { position:absolute; top:17px; left:10px; }

/*** souhlas se zpracováním
----------------------------------------------------------------------------*/
#sform .email-box,
#sform .souhlas-box {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    width:40%; min-width:300px;
}
#sform .souhlas-box {
    margin:10px 0;  padding:10px 20px;
    border-radius:3px;
    border:1px solid #d2dae5;
}

#sform .potvrzeni-box {
    margin:0 0 14px 0;
}
#sform span.wpcf7-list-item { margin:5px 14px 0 0; }
#sform input[type="radio"] {
    display:inline-block;
    -moz-appearance:radio;
    margin-block-start:0px !important;
    margin-block-end:0px;
    margin-inline-start:0px !important;
    margin-inline-end:0px !important;
}

#sform .potvrzeni-box input[type="checkbox"] { position:relative; top:2px; }


/*** upload
-----------------------------------------------------------------------*/
.wpcf7 input[type=file] {
    padding:5px 10px;
    background:#29A3A9;
    color:#000;
    font-size:12px;
    border:1px solid #79c777;
    -webkit-border-radius:2px;
    border-radius:2px;
}


@media (max-width:1330px) {
    #form-wrap { width:95%; }
}
@media (max-width:1024px) {
    #form-wrap { width:100%; }
}
@media (max-width:768px) {
    #form-box > div { float:none; width:100%; }
    #form-box > div:first-child { margin-right:0%;}
}




/*** Manuály ovladače vyhledávání  = page-ovladace-manualy.php
-------------------------------------------------------------------------------*/
#ovladace-manualy {
}
#ovladace-manualy .search-result {
    margin:30px 0;
}
#ovladace-manualy .search-result .item {
    padding:10px 30px;
    border-top:1px solid #EDF0F7;
}
#ovladace-manualy .search-result .item:first-child { border-bottom:1px solid #EDF0F7;  }
#ovladace-manualy .search-result .item:hover {
    border-radius:4px;
    -webkit-box-shadow:0 0 8px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 0 8px 0 rgba(0,49,98,0.2);
    box-shadow:        0 0 8px 0 rgba(0,49,98,0.2);
}
#ovladace-manualy .search-result .item .ul-list { float:left;  width:20%; }
#ovladace-manualy .search-result .item .thumb   {  float:left;  width:80%; }

@media (max-width:1100px) {
    #ovladace-manualy .search-result .item .ul-list { width:25%; }
    #ovladace-manualy .search-result .item .thumb   { width:75%; }
}
@media (max-width:900px) {
    #ovladace-manualy .search-result .item .ul-list { width:30%; }
    #ovladace-manualy .search-result .item .thumb   { width:70%; }
}


/*** NEWSLETTER = single-newsletter.php
-------------------------------------------------------------------------------*/
#newsletter-wrap {
    max-width:810px; margin:0 auto;
}
/*#newsletter-wrap .head-img-box { margin-bottom:56px; }*/
#newsletter-wrap .head-text-box {
    margin:90px 0 90px 0;
}
#newsletter-wrap .head-text-box h1 { font-size:60px; margin-bottom:16px;  }
#newsletter-wrap .head-text-box div { font-size:40px; font-weight:300; color:#545454;  }


#newsletter-wrap .nl-row {
    margin-bottom:50px; padding-bottom:50px;
    border-bottom:1px solid #BEBEBE;
}
#newsletter-wrap .nl-row:last-child { border-bottom:none; margin-bottom:30px; padding-bottom:0; }

#newsletter-wrap .ico-box {
    float:left;
    width:22.22%;
}
#newsletter-wrap .ico-box img { float:left; }

#newsletter-wrap .text-box {
    float:right;
    margin-left:4.93%;
    width:72.85%;
}

#newsletter-wrap .text-box .nadpis {
    margin:0 0 10px 0;  line-height:28px;
    font-size:24px; color:#259FA8; text-decoration:none;
    cursor:pointer;
}
#newsletter-wrap .text-box .nadpis:hover { text-decoration:underline; }

#newsletter-wrap .text-box .text,
#newsletter-wrap .text-box .text * { font-size:22px; line-height:28px; }

#newsletter-wrap .text-box .text.upoutavka,
#newsletter-wrap .text-box .text.obsah {
    -webkit-transition:all 1.0s ease-in;
    -moz-transition:all 1.0s ease-in;
    -ms-transition:all 1.0s ease-in;
    -o-transition:all 1.0s ease-in;
    transition:all 1.0s ease-in;
}
#newsletter-wrap .text-box .text.show {
    /*display:block; */ height:auto;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
#newsletter-wrap .text-box .text.hide {
    /*display:none;*/ height:0;  overflow:hidden;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0); /* For IE8 and earlier */
}

#newsletter-wrap .text-box .rozbalit,
#newsletter-wrap .text-box .sbalit {
    color:#259FA8; text-align:left; text-decoration:none;
    cursor:pointer;
}
#newsletter-wrap .text-box .rozbalit { margin-top:6px; }
#newsletter-wrap .text-box .sbalit { margin-top:0px; }

#newsletter-wrap .text-box .rozbalit:hover,
#newsletter-wrap .text-box .sbalit:hover { text-decoration:underline; }

@media (max-width:480px) {
    #newsletter-wrap .nl-row { margin-bottom:40px; }
    #newsletter-wrap .text-box .nadpis { margin:5px 0 5px 0; font-size:18px; }
    #newsletter-wrap .text-box .text,
    #newsletter-wrap .text-box .text * { font-size:16px; line-height:18px; }
}

@media (max-width:360px) {
    #newsletter-wrap .nl-row { margin-bottom:30px; }
    #newsletter-wrap .ico-box { float:none; width:100%; }
    #newsletter-wrap .ico-box img { max-width:80px; }
    #newsletter-wrap .text-box { float:none; margin-left:0; width:100%; }
}


/*** Strákna s formulářem pro objednání Docker Pro - page-docker-pro-form.php
-------------------------------------------------------------------------------*/
.docker-pro {
}
.docker-pro #form-box-wrap {
    width:80%; margin:0 auto;
}
.docker-pro .form-box {                                                 padding-right:30px; /*border-right:1px dashed lightgreen;*/
    float:left; width:65%;
}
.docker-pro .img-box {
    float:right; width:35%;
    text-align:center;
}
.docker-pro #form-box div { width:100%; }


/*** CForm7 replace
-------------------------------------------------------------------------------*/
.docker-pro span.wpcf7-not-valid-tip {
    /*display:none !important;*/
}
.docker-pro .wpcf7-form-control-wrap {
    display:inline-block !important; width:100%;
}
.docker-pro #form-box input[type="search"],
.docker-pro #form-box input[type="text"],
.docker-pro #form-box input[type="password"],
.docker-pro #form-box input[type="email"],
.docker-pro #form-box input[type="confirm_email"],
.docker-pro #form-box input[type="url"],
.docker-pro #form-box input[type="tel"] {
    margin-bottom:0;
}
.docker-pro #form-box p { margin-bottom:10px; }
.docker-pro #form-box span.popis { display:inline-block; margin-top:4px; }
.docker-pro .wpcf7-list-item-label { margin-left:4px; /*cursor:pointer;*/ }

.docker-pro .btn-line { margin-bottom:10px; }
.docker-pro input[type="submit"], input[type="button"] {width:unset; padding:0 20px; }

@media (max-width:1200px) {
    .docker-pro #form-box-wrap { width:100%; }
}
@media (max-width:1024px) {
    .docker-pro #post-wrap { position:relative; }
    .docker-pro #content-wrap { width:75%; }

    .docker-pro .form-box { float:none; width:76%; padding-right:0; }
    .docker-pro .img-box { float:none; position:absolute; top:-30px; right:30px; width:15%; }
}
@media (max-width:768px) {
    .docker-pro #post-wrap { position:relative; }
    .docker-pro #content-wrap { width:75%; }

    .docker-pro .form-box { float:none; margin-top:30px; width:100%; }
    .docker-pro .img-box { top:-40px; }
}
@media (max-width:668px) {
    .docker-pro .img-box { width:20%; }
}
@media (max-width:600px) {
    .docker-pro #content-wrap { width:65%; }
    .docker-pro .img-box { width:20%; top:-30px; }
}
@media (max-width:560px) {
    .docker-pro .img-box { top:-10px; }
}
@media (max-width:414px) {
    .docker-pro #content-wrap { width:100%; }
    .docker-pro .img-box { display:none; }
}

/*<p>
[acceptance souhlas id:souhlas] Souhlasím se zpracováním osobních údajů za účelem splnění mých požadavků. [/acceptance]
</p>       */

/*** -------------------- Source:http://stackoverflow.com/a/5809186
****  v cformu:
[select zeme class:custom-select id:zeme include_blank="adazx" "CZ" "EN" "DE"]
-------------------------------------------------------------------------------
select.custom-select {
-webkit-appearance:button;
-webkit-border-radius:2px;
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end:20px;
-webkit-padding-start:2px;
-webkit-user-select:none;
background-image:url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-position:97% center;
background-repeat:no-repeat;
border:1px solid #AAA;
color:#555;
font-size:inherit;
margin-bottom:10px;
overflow:hidden;
padding:10px 10px;
text-overflow:ellipsis;
white-space:nowrap;
width:300px;
}
-------------------------------------------------------------------------------*/

#primary.page.setup #post-wrap {
    margin-top:40px; margin-top:40px;
    font-size:18px;
}
#primary.page.setup .entry table {
    /*margin:60px 0 0 8%;*/   margin:0 0 0 8%;
}
#primary.page.setup .entry td {
    clear:both !important;
    vertical-align:middle; padding:17px 0;
}
#primary.page.setup .entry td > img {
    float:left; max-width:52px;
}
#primary.page.setup .entry tr td:last-child {
    padding-left:50px; font-size:18px;
}
#primary.page.setup .entry tr:last-child td {
    padding-top:80px;
}

#primary.page.setup #link-table {
    margin:40px 0 20px 8%;
}
#primary.page.setup #link-table .td-img { width:46%; padding:0; }
#primary.page.setup #link-table .td-img img { max-width:100%; }
#primary.page.setup #link-table .td-div {width:8%; padding:0; text-align:center; }

/*** FOOTER = footer.php
-------------------------------------------------------------------------------*/
#top-divider { height:10px; background:transparent url(./css/imgs/hp-spoluprace-bg.png) center center no-repeat  }
#spolupracujte {
    position:relative;
    width:100%;
}
#spolupracujte .wrap {
    position:absolute; top:0; left:0; width:100%;
    padding-top:5.7%;
}
#spolupracujte .wrap .btn-box-mobil { display:none;}
#spolupracujte .wrap .h-box { float:left; /*width:70%;*/ }

#spolupracujte .fH1 { margin-bottom:16px; color:#FFFFFF; }
#spolupracujte span { font-size:16px; color:#A6B9D0; }

#spolupracujte .wrap .btn-box { float:right; padding-top:1.7%; /*width:30%;*/ text-align:right; }

#page-footer {
    height:250px;  padding-top:60px; margin-bottom:100px;
}
#page-footer  a { color:#6B7C94; }

#page-footer > div {
    float:left; padding-top:20px;
}

#page-footer ul { list-style:none; }
#page-footer ul li { padding-bottom:5px; }

#page-footer .logo-box-2 { display:none; }
#page-footer .logo-box {
    width:25.42%;
}
#page-footer .logo-box a {
    display:inline-block; height:45px; width:100px; text-decoration:none;
}
#page-footer .menu-wrap {
    float:left; width:38.08%; padding-top:14px;
}
#page-footer .menu-wrap > div { float:left;  font-size:15px !important; }
#page-footer .menu-box1 {
    width:44%;
}
#page-footer .menu-box2 {
    width:56%;
}

#page-footer .mail-box {
    width:19.49%; padding-top:38px;
}
#page-footer .mail-box a {
    padding-left:37px;   display:inline-block; min-height:20px;
}
#page-footer .mail-box li.mail a { background:#FFFFFF url(./css/imgs/ico-mail.png) center left no-repeat; }
#page-footer .mail-box li.facebook a { background:#FFFFFF url(./css/imgs/facebook.png) center left no-repeat; }
#page-footer .mail-box li.insta a { background:#FFFFFF url(./css/imgs/insta.png) center left no-repeat; }
#page-footer .mail-box li.youtube a { background:#FFFFFF url(./css/imgs/youtube.png) center left no-repeat; }

#page-footer .tel-box {
    width:17.01%; padding-top:38px;
}
#page-footer .tel-box a {
    padding-left:32px;
    background:#FFFFFF url(./css/imgs/ico-tel.png) center left no-repeat;
}

@media (max-width:1300px) {
    #spolupracujte .wrap {  padding-top:4.7%; }
}

@media (max-width:1100px) {
    #spolupracujte .wrap {  padding-top:3.7%; }
    #page-footer { padding-top:40px; }
}

@media (max-width:1024px) {
    #spolupracujte {
        height:200px;
        background:#FFFFFF url(./css/imgs/hp-spoluprace-bg.png);
        background-position:top center;
        background-repeat:no-repeat;
    }
    #spolupracujte > img { display:none; }
    #spolupracujte .wrap {  padding-top:4.7%; }
    #spolupracujte .s-text {  padding-top:1%; }
}

@media (max-width:930px) {
    #spolupracujte .s-text {  padding-top:3%; }

    #page-footer .logo-box {  width:25.42%; }
    #page-footer .menu-wrap { width:46.08%; }

    #page-footer .mail-box { width:28.5%; padding-top:41px; }
    #page-footer .tel-box { width:28.5%; padding-top:6px; }
}

@media (max-width:800px) {
    #spolupracujte .fH1 { font-size:35px; }
}
@media (max-width:750px) {
    #spolupracujte .wrap {  padding-top:3.7%; }
    #spolupracujte .wrap .h-box { float:none; width:100%; }
    #spolupracujte .wrap .btn-box { display:none;}
    #spolupracujte .wrap .btn-box-mobil { display:block; margin-top:15px; text-align:right; }
    #spolupracujte .fH1 { margin-bottom:5px; color:#FFFFFF; }
    #spolupracujte .s-text {  padding-top:0px; }

    #page-footer .logo-box {  width:26.42%; }
    #page-footer .menu-wrap { width:41.08%; }
    #page-footer .menu-wrap > div { float:none;  width:100%; }
    #page-footer .mail-box { width:32.5%; padding-top:14px; }
    #page-footer .tel-box { width:32.5%; padding-top:6px; }
}
@media (max-width:530px) {
    #page-footer .logo-box { display:none; }
    #page-footer .logo-box-2 { display:block; margin-top:30px; }
    #page-footer .menu-wrap { width:46%; padding-left:4%; }
    #page-footer ul li { padding-bottom:0px; }

    #page-footer .mail-box {  width:50%; }
    #page-footer .tel-box {  width:50%;}
}

@media (max-width:400px) {
    #page-footer {position:relative; padding-top:20px; }
    #page-footer .logo-box { display:block; position:absolute; top:20px; right:15px; }
    #page-footer .logo-box-2 { display:none; }

    #page-footer .menu-wrap,
    #page-footer .mail-box,
    #page-footer .tel-box {  width:96%; padding-left:4%;}
}

@media (max-width:430px) {
    #spolupracujte { height:210px; }
}

@media (max-width:330px) {
    #spolupracujte { height:260px; }
}


/*** kotva nahoru
-------------------------------------------------------------------------------*/
#gotop-wrap {
    display:block;
    position:fixed; bottom:80px; right:5px;
    width:60px; height:60px;
    z-index:1100;
    cursor:pointer;
}
#gotop-wrap #gotop {      float:right;
    margin:0;
    width:60px; height:60px;
    background:url(./css/imgs/go-top-navig.png);
    background-color:transparent;
    background-size:58px;
    background-position:center center;
    background-repeat:no-repeat;

    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);

    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
}
#gotop.active {
    opacity:0.8 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
    filter:alpha(opacity=70) !important;
}
#gotop-wrap:hover > #gotop.active {
    opacity:1 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter:alpha(opacity=100) !important;
}


/*** PRO APLIKACI KOMPATIBILITY
==========================================================================================*/
.page.kompatibilita { }

.page.kompatibilita .uvod { /* = flexbox */
    margin:16px 0 40px 0;
}
.page.kompatibilita .uvod .navod   { flex-basis:56%;  /*flex-basis:calc(100% - 290px);*/ }
.page.kompatibilita .uvod .ilu-img { flex-basis:44%; /*flex-basis:290px;*/ padding:0 0 10px 30px; justify-content:center; align-items:center; }

.page.kompatibilita .navod__grid {
    display:-ms-grid; display:grid;
    ms-grid-columns:minmax(30px, 90px) minmax(350px, 1fr); grid-template-columns:minmax(30px, 90px) minmax(150px, 1fr);
    grid-column-gap:1.2%; grid-row-gap:30px;
    margin-bottom:40px;
}
.page.kompatibilita .navod__grid .cell-ico { justify-content:center; align-items:flex-end;  /* <= vertikální zarovnání */  }
.page.kompatibilita .navod__grid .cell-ico img { max-width:71%; }
.page.kompatibilita .navod__grid .ico--arrow { /*max-width:90px;*/ padding-bottom:30px; }
.page.kompatibilita .navod__grid .ico--arrow img { max-width:100%; }

.page.kompatibilita .navod__grid .cell-text { padding-left:15px; justify-content:flex-start; align-items:flex-end; }

.page.kompatibilita .navod__grid .info-box { /** má clas="... flexbox ..." */
    width:100%; padding:16px 20px;
    background:#F3FEFF;
    border:2px solid #29A4A9;
}
.page.kompatibilita .navod__grid .info-box,
.page.kompatibilita .navod__grid .info-box * { font-size:20px; font-weight:400; color:#29A4A9; }

.page.kompatibilita .navod__grid .info-box b,
.page.kompatibilita .navod__grid .info-box * b { font-weight:600; }

.page.kompatibilita .navod__grid .info-box span { white-space:nowrap; }
.page.kompatibilita .navod__grid .info-box .num { padding-right:8px; font-size:26px; font-weight:600; }
.page.kompatibilita .navod__grid .info-box .btn {
    display:inline-block; padding:4px 17px; margin-right:8px; white-space:nowrap;
    font-size:17px; color:#FFFFFF; font-weight:600;
    background:#29A4A9; border-radius:4px;
}

@media only screen and (max-width:600px) {
    .page.kompatibilita .navod__grid { grid-column-gap:0.8%; grid-row-gap:20px; margin-bottom:30px; }
    .page.kompatibilita .navod__grid .cell-ico img { max-width:60%; }

    .page.kompatibilita .navod__grid .info-box {  padding:11px 15px; } /** má clas="... flexbox ..." */
    .page.kompatibilita .navod__grid .info-box .num { font-size:22px; }

    .page.kompatibilita .navod__grid .info-box,
    .page.kompatibilita .navod__grid .info-box * { font-size:16px; }
    .page.kompatibilita .navod__grid .info-box .btn { font-size:15px; }
}
@media only screen and (max-width:400px) {
    /*.page.kompatibilita .navod__grid .cell-ico img { max-width:40%; }*/
    .page.kompatibilita .navod__grid .cell-text { padding-left:0; }
    .page.kompatibilita .navod__grid .info-box {  padding:10px 10px; } /** má clas="... flexbox ..." */

}

.page.kompatibilita .product-detail {
    display:-ms-grid; display:grid;
    -ms-grid-columns:minmax(150px, 350px) minmax(350px, 1fr); grid-template-columns:minmax(150px, 350px) minmax(350px, 1fr);
    grid-column-gap:1.2%; grid-row-gap:0;
    margin-bottom:40px;
}
.page.kompatibilita .product-detail .perex { padding:0 20px; }
.page.kompatibilita .product-detail h2 { line-height:1.4em; }
.page.kompatibilita .product-detail .product-pn--web { display:block; }
.page.kompatibilita .product-detail .product-pn--mobil { display:none; }
.page.kompatibilita .button-line { margin:30px 0 40px 0; text-align:center; }

@media only screen and (max-width:550px) {
    .page.kompatibilita .product-detail { -ms-grid-columns:1fr; grid-template-columns:1fr; }
    .page.kompatibilita .product-detail .product-img { display:none; }
    .page.kompatibilita .product-detail .perex { padding:0; }
    .page.kompatibilita .product-detail .product-pn--web { display:none; }
    .page.kompatibilita .product-detail .product-pn--mobil { display:block; }
}

#popup-kompatibl-box .obsah {
    position:relative; margin:5% auto 0 auto;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    background:#FFFFFF;
}
@media only screen and (max-width:400px) {
    #popup-kompatibl-box .obsah { margin-top:0; }
}


#popup-kompatibl-box .obsah h2 { line-height:26px; margin:0 0 22px 0; }

#popup-kompatibl-box .ajaxIndicator img { display:inline-block;}

#popup-kompatibl-box .obsah.fadein  { width:100%; max-width:930px; padding:55px 80px 60px 80px; }
#popup-kompatibl-box .obsah.fadein .close-btn { display:block; }

#popup-kompatibl-box .obsah.fadeout { width:0; padding:0; max-width:unset;}
#popup-kompatibl-box .obsah.fadeout .close-btn { display:none; }

.head-komtatibility {
    margin:0 0 40px 0;
    border-radius:4px;
    -webkit-box-shadow:0 2px 8px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:0 2px 8px 0 rgba(0,49,98,0.2);
    box-shadow:0 2px 8px 0 rgba(0,49,98,0.2);
}
.head-komtatibility table { width:100%; }
.head-komtatibility table td { vertical-align:middle; }
.head-komtatibility table td#head-img { width:10%; min-width:90px; padding:0 10px; text-align:center; }
.head-komtatibility table td#head-img img { max-height:70px; }
.head-komtatibility table td#head-nazev { width:90%; padding-right:15px; }
.head-komtatibility table td#head-nazev .popis { position:relative; /*width:90%;*/  text-align:left; font-size:16px; font-weight:600; }
.atd__text { display:inline-block;  }


#popup-kompatibl-box #frame-work { /*height:150px; overflow-y:scroll;*/ }
#popup-kompatibl-box .flexbox .otazky-box { flex-basis:calc(100% - 290px); }
#popup-kompatibl-box .flexbox .ilu-img-box { flex-basis:290px; text-align:center; /*position:relative;*/ }
#popup-kompatibl-box .flexbox .ilu-img-box img.ilu-img { margin-top:30px; width:100%; max-width:200px;}


#popup-kompatibl-box #frame-work.otazky {position:relative;}

#popup-kompatibl-box .help-line {
    display:inline-block; position:relative;
    margin:0; padding:2px 20px 2px 0;
    cursor:help;
}
#popup-kompatibl-box .help-line.mobil {
    display:none;
}

#popup-kompatibl-box .help-line .otazka { border-bottom:1px dotted #1E222F; }
#popup-kompatibl-box .help-line .otaznik {
    display:block;
    position:absolute; top:3px; right:-2px;
    width:15px; height:15px; line-height:15px; padding-left:1px;
    font-size:10px; color:#FFFFFF; text-align:center;
    border-radius:50%;
    background:#9099A2;
    cursor:help;
}
#popup-kompatibl-box .help-line:hover,
#popup-kompatibl-box .help-line:hover * { color:#29A4A9;  }
#popup-kompatibl-box .help-line:hover .otaznik  { background:#75BCC4; }
#popup-kompatibl-box .help-line:hover .otaznik:hover  { background:#75BCC4; }

#popup-kompatibl-box .help-line__odpoved {  display:none;
    position:absolute; top:30px; left:-10px; /*right:-200px;*/ /*max-width:300px; */    /*width:100%;*/   width:calc(100% + 20px);
    padding:10px 30px 20px 30px; margin:0;
    line-height:15px; font-size:13px; color:#29A4A9; text-align:left;
    background-color:rgba(230,245,249, 1);
    -webkit-box-shadow:0 0 18px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 0 18px 0 rgba(0,49,98,0.2);
    box-shadow:        0 0 18px 0 rgba(0,49,98,0.2);
    border:1px solid #D6EFF5;  z-index:99999;
}
#popup-kompatibl-box .help-line:hover ~ .help-line__odpoved.active  { display:block;  }     /* E ~ F == Element F, před kterým je někde ve stejné úrovni element E. */


.help-line__odpoved table { width:100%; margin-bottom:10px; background:#FFFFFF; }
.help-line__odpoved th,
.help-line__odpoved td { text-align:center; vertical-align:top;  }
.help-line__odpoved th {  font-size:16px; color:#29A4A9; padding:10px 20px; }

.help-line__odpoved.odpoved--2 table { margin-bottom:0;}
.help-line__odpoved.odpoved--2 td { padding:5px; text-align:left; vertical-align:middle;  }
.help-line__odpoved.odpoved--2 td.linux-txt { /*padding-bottom:0;*/ }
.help-line__odpoved.odpoved--2 td.linux-img { padding-top:0; padding-bottom:0; }


#popup-kompatibl-box #frame-work.otazky div[id^="konfigurace-"].show { position:relative; }
#popup-kompatibl-box #frame-work.otazky div[id^="otazka-"].fadein,
#popup-kompatibl-box #frame-work.otazky div[id^="otazka-"].fadeout { display:none; }
#popup-kompatibl-box #frame-work.otazky div[id^="otazka-"].fadein { display:block; }

#popup-kompatibl-box .ajaxIndicator  { padding:0 10px;  }

#popup-kompatibl-box #frame-resume {}

#popup-kompatibl-box #noteboox-radios { margin-top:22px; }

#popup-kompatibl-box #noteboox-selects { width:100%; }
#popup-kompatibl-box #noteboox-selects .left-side  { float:left; width:50%; margin-right:2%; padding-top:20px; }
#popup-kompatibl-box #noteboox-selects .left-side--responsive  { padding-top:0; }

#popup-kompatibl-box #noteboox-selects .right-side { float:right; width:45%; /*padding-top:20px;*/ padding-top:0; }
#popup-kompatibl-box .obsah #noteboox-selects-wrap h2 { margin:20px 0 10px 0; }

#popup-kompatibl-box .radio-box label {
    display:block; height:26px; line-height:26px; padding:0 10px; margin-bottom:7px;
    background-color:#FFFFFF;
    border:2px solid #C3C3C3; border-radius:5px;
    white-space:nowrap;
    cursor:pointer;
}
#popup-kompatibl-box .radio-box label:hover { border:2px solid #2BA5AA; }
#popup-kompatibl-box .radio-box input[type=radio] { display:none; width:0; height:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; }
#popup-kompatibl-box .radio-box input[type=radio]:checked + label {
    color:#FFFFFF;
    background-color:#2BA5AA;
    border:2px solid #2BA5AA;
    box-shadow:0 2px 6px 0 rgba(0, 133, 73, 0.2);
}

#frame-resume #ajax-resume { padding:40px 0; color:#FFFFFF; border-radius:5px; }
#frame-resume #ajax-resume * { color:#FFFFFF; }
#frame-resume #ajax-resume.varning { background-color:#D19445; }
#frame-resume #ajax-resume.error { background-color:#D15545; }
#frame-resume #ajax-resume.ok { background-color:#2BA5AA; }
#frame-resume #ajax-resume.test { background-color:yellow; }

#frame-resume #ajax-resume .ico-box {
    flex-basis:15.5%; min-width:78px; border-right:1px solid #FFFFFF;
    background-position:center center;
    background-repeat:no-repeat;
}
#frame-resume #ajax-resume.varning .ico-box { background-image:url(./css/imgs/kompatibilita/vykricnik.png); }
#frame-resume #ajax-resume.error   .ico-box { background-image:url(./css/imgs/kompatibilita/traffic.png); }
#frame-resume #ajax-resume.ok      .ico-box { background-image:url(./css/imgs/kompatibilita/ruka.png); }

#frame-resume #ajax-resume .text-box { flex-basis:84.5%; padding:30px; }
#frame-resume #ajax-resume .text-box,
#frame-resume #ajax-resume .text-box * { color:#FFFFFF; font-size:22px; line-height:26px; }
#frame-resume #ajax-resume .text-box b { font-weight:600; }
#frame-resume #ajax-resume .text-box a,
#frame-resume #ajax-resume .text-box a:visited { text-decoration:underline; }
#frame-resume #ajax-resume .text-box a:hover { text-decoration:none; }

@media only screen and (max-width:1090px) {
    .page.kompatibilita .box-1180 { width:100%; }
}

@media (max-width:1024px) {
    #popup-kompatibl-box .obsah.fadein  { padding:60px 40px 40px 40px; }
}


@media only screen and (max-width:980px) {
    .page.kompatibilita .uvod .navod   { flex-basis:70%; }
    .page.kompatibilita .uvod .ilu-img { flex-basis:30%; }
}

@media only screen and (max-width:800px) {
    .head-komtatibility table td#head-img { padding:0 5px;  }
    .head-komtatibility table td#head-nazev { padding-right:5px;  }

    .head-komtatibility table td#head-nazev .popis { height:21px; }
    .atd__text { position:absolute; left:0; right:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

    #popup-kompatibl-box .flexbox .otazky-box { flex-basis:70%; }
    #popup-kompatibl-box .obsah h2 { font-size:20px; font-weight:600; }
    #popup-kompatibl-box .flexbox .ilu-img-box { flex-basis:30%; padding:0 20px; }
}

@media only screen and (max-width:760px) {
    .page.kompatibilita .uvod .navod   { flex-basis:100%; }
    .page.kompatibilita .uvod .ilu-img { display:none; }

    #popup-kompatibl-box #noteboox-selects .left-side--responsive  { float:none; width:100%; margin-right:0; }
}

@media (max-width:680px) {
    #popup-kompatibl-box .obsah.fadein  { padding:30px 20px 30px 20px; }
}

@media (max-width:600px) {
    #popup-kompatibl-box .flexbox .otazky-box { flex-basis:100%; }
    .head-komtatibility { margin:0 0 20px 0; }

    #popup-kompatibl-box #noteboox-radios  { margin:0 0 0 0; }

    #popup-kompatibl-box .obsah h2 { margin:0 0 12px 0; }
    #popup-kompatibl-box .flexbox .ilu-img-box { display:none; }

    #popup-kompatibl-box .help-line.mobil { display:block; text-align:right; padding-bottom:10px; }

    #popup-kompatibl-box #noteboox-selects .left-side,
    #popup-kompatibl-box #noteboox-selects .right-side  { padding-top:10px;  }
    #popup-kompatibl-box #noteboox-selects .left-side--responsive  { padding-top:0; }

    #popup-kompatibl-box .obsah #noteboox-selects-wrap h2 { margin-top:12px; font-size:16px; line-height:21px; }

    #popup-kompatibl-box .radio-box label {
        height:30px; line-height:30px; padding:0 10px; margin-bottom:10px;
    }

}

@media only screen and (max-width:500px) {
    .head-komtatibility table td#head-img { display:none;}
    .head-komtatibility table td#head-nazev { width:100%; padding:20px; }

    #frame-resume #ajax-resume { padding:20px 0; }

    #frame-resume #ajax-resume .ico-box { flex-basis:18.5%; min-width:90px;  }
    #frame-resume #ajax-resume .text-box { flex-basis:81.5%; padding:30px; }

    #frame-resume #ajax-resume .text-box { padding:20px;  }

    #frame-resume #ajax-resume .text-box,
    #frame-resume #ajax-resume .text-box * { font-size:18px; line-height:22px;  }

}

/*** button v cookie stettings ***/
#wt-cli-privacy-save-btn {
    background-color: #76cad0;
    color: #ffffff;
}

/*** jen pro testy
--------------------------*/
#kompatibilita-ajax-log { margin:0; padding:0; }
#kompatibilita-ajax-log fieldset { margin:20px 0; padding:10px; border:1px dashed silver; background:#FCFCF3; }
#kompatibilita-ajax-log fieldset legend { padding:0 5px;  }
#kompatibilita-ajax-log table { width:100%; margin:0 auto; }
#kompatibilita-ajax-log th { /*font-weight:bold; */}
#kompatibilita-ajax-log th, #kompatibilita-ajax-log td  { padding:2px 5px; text-align:center; border:1px solid silver; }