@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,400italic,300italic&subset=latin-ext,latin);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Clicker+Script&subset=latin-ext');

/**
 * D E F I N I C E   B A R E V
 * --orange-color: #e26f1c;
 * --brown-color: #8d8171;
 * --blue-color: #46c0c2;
 * --light-blue-color: #71cfc3;
 */
.avPlayerContainer{
    border:5px solid rgba(255, 255, 255, 0.2);
    border-radius:10px; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px;
    background:#FFF; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box;
}
hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

#jsn-promo h1{
    font-family: 'Clicker Script', cursive;
    font-size: 300%;
    text-align: center;
    font-weight: normal;
}
#jsn-promo{
    background: none;
}

/* Skrytý kurz
.online-kurzy div[style*="kpz01-louka0_360x811.jpg"]{
    visibility: hidden !important;
    display: none !important;
}*/

/**
 * I K O N Y  V  M E N U
 */
[class*="ikona-"] a > span, [class*="ikona-"] a:hover > span{
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}
[class*="ikona-"] span{
    padding-left: 35px !important;
}
.ikona-rodina > a > span, .ikona-rodina > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-01.png");  
}
.ikona-pratele > a > span, .ikona-pratele > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-02.png");  
}
.ikona-graf > a > span, .ikona-graf > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-03.png");  
}
.ikona-konzultace > a > span, .ikona-konzultace > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-04.png");  
}
.ikona-jidlo > a > span, .ikona-jidlo > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-05.png");  
}
.ikona-ruce > a > span, .ikona-ruce > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-06.png");  
}
.ikona-kontakt > a > span, .ikona-kontakt > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-07.png");  
}
.ikona-logout > a > span, .ikona-logout > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-08.png");  
}
.ikona-zeme > a > span, .ikona-zeme > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-09.png");  
}
.ikona-sdileni > a > span, .ikona-sdileni > a:hover > span{
    background-image: url("/templates/jsn_pixel_pro/images/icons/ikona-10.png");  
}

.ikona-logout span.jsn-menutitle{
    padding: 0px !important;
    margin: 0;
    display: initial;
}
.ikona-logout span.jsn-menudescription{
    visibility: hidden;
    display: none;
}

/**
 * T L A Č Í T K A
 */
.orange-button {
    background-color: #e26f1c !important;
}
.orange-button:hover {
    background-color: #8d8171 !important;
}
.brown-button {
    background-color: #8d8171 !important;
}
.brown-button:hover {
    background-color: #e26f1c !important;
}
.blue-button {
    background-color: #46c0c2 !important;
}
.blue-button:hover {
    background-color: #e26f1c !important;
}

/**
 * U V O D N I   S T R A N A  -  
 */
.acymailing_module_form{
    margin: auto !important;
    text-align: center;
    /*padding-top: 30px !important;*/
    width: 250px;
    color: white;
}
.acymailing_form{
    margin: auto !important;
    /*padding-top: 10px;*/
}
.acysubbuttons .subbutton{
    font-size: 120% !important;
    text-shadow: none !important;
}
.itemBackToTop{
    display: none;
}



/**
 * H L A V N Í   T A G Y
 */
body {
    font-family: 'Open Sans', sans-serif;	
    height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
#jsn-gotoplink,
.page-header,
.subheading-category,
#jsn-menu a,
#jsn-menu span,
.componentheading,
.contentheading,
.pathway {
    font-family: 'Open Sans', sans-serif;
    color: #4D4E53;
}

h1{
    font-weight: 300;
    font-size: 48px;
}

h2{
    font-weight: 700;
    font-size: 30px;
}

h3{
    font-weight: 700;
    font-size: 20px;
    /*color: #e26f1c;*/
    color: #e25b00;
}

h4{
    color: black;
    font-size: 120%;
    font-weight: 700;
    margin: 15px 0 0px 0;
}
a{
    color: #e26f1c;
    text-decoration: none !important;
}
a:hover{
    text-decoration: none !important;
}

form .lable{
    width: 100px;
    padding-right: 5px;
    padding-top: 6px;
    float: left;
}
fieldset{
    border: none;
    padding: 0px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
    width: 200px;
    margin-bottom: 3px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    background-color: #F6F6F6;
    padding: 10px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    outline: none;
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}
input[type="submit"] {
    width: 222px;
    margin: 0;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    background-color: #e26f1c;
    color: white;
    padding: 10px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
}
input[type="submit"]:hover {
    outline: none;
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 10px 4px 10px 0;
    background-color: greenyellow;
}
label{
    display: block;
    padding-right: 10px;
    padding-top: 5px;
}



body.jsn-textstyle-business ul.menu-mainmenu ul li a {
    font-size: 1.1em;
}

/**
 * F O R M A T    S T R A N K Y
 */
.uzky-obsah #jsn-mainbody-content{
    max-width: 360px;
    width: 100%;
    margin: auto;
}

/**
 * H L A V N Í   M E N U
 */
.hlavni-menu{
    background-color: #8d8171;
    border-top: 10px solid #e37a1d !important;
}
.hlavni-menu-vnitrni{
    max-width: 1170px;
    width: 100%;
    margin: auto;
}
.hlavni-menu .menu-vpravo{
    position: absolute;
    top: 10px;
}
.hlavni-menu div.jsn-modulecontainer{
    margin-top: 0px;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.logo a{
    background: url("/templates/jsn_pixel_pro/images/logo-menu.png") center 20px no-repeat;
    /*margin-left: 165px;*/
}
div.jsn-modulecontainer ul.menu-mainmenu > li.logo{ 
    /*width: 100%;
    max-width: 1170px;
    position: absolute;*/
    margin-left: 250px;
}
div.jsn-modulecontainer ul{
    margin: 0;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.online-kurzy{
    margin-left: 10px;
}

div.jsn-modulecontainer ul.menu-mainmenu > li > a {
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 17px;
    font-weight: bold;
    color: white;
    padding: 30px 15px 30px 15px;
    text-transform: uppercase;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.muj-profil{
    float:right;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.muj-profil > a{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 17px;
    font-weight: normal;
    text-transform: none;
}

div.jsn-modulecontainer ul.menu-mainmenu > li.vpravo{
    float:right;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.bez-textu > a span{
    visibility: hidden;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.dar a{
    background: url("/templates/jsn_pixel_pro/images/icons/icon-dar.png") 20px 30px no-repeat;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.nakupni-kos a{
    background: url("/templates/jsn_pixel_pro/images/icons/icon-nakupni-kos.png") 20px 30px no-repeat;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.odhlasit a{
    background: url("/templates/jsn_pixel_pro/images/icons/icon-odhlasit.png") 20px 30px no-repeat;
}
div.jsn-modulecontainer ul.menu-mainmenu ul{
    z-index: 999;
}

ul.menu-mainmenu .logo a{
    background-color: #8d8171 !important;
}
li.skryta-polozka{
    display: none !important;
    visibility: hidden !important;
}

.menu-mainmenu li.skryta-polozka-v-mainmenu{
    display: none !important;
    visibility: hidden !important;
}

@media only screen and (max-width: 800px), (max-device-width: 800px) {
    .hlavni-menu .menu-vpravo{
        position: initial;
    }
    div.jsn-modulecontainer ul.menu-mainmenu > li.logo{
        position: absolute !important;
        top: 10px;
    }
    .hlavni-menu{
        padding-top: 35px;
    }
    div.jsn-modulecontainer ul.menu-mainmenu > li > a {
        padding: 5px 10px 5px 10px !important;
    }
    div.jsn-modulecontainer ul.menu-mainmenu {
        display: table;
        margin: 0 auto;
        padding: 0;
    }
}
@media only screen and (max-width: 1120px), (max-device-width: 1120px) {
    div.jsn-modulecontainer ul.menu-mainmenu > li.logo a{
        background: url("/templates/jsn_pixel_pro/images/logo-menu.png") center 10px no-repeat;
    }
    div.jsn-modulecontainer ul.menu-mainmenu > li.logo{ 
        position: relative;
    }
    div.jsn-modulecontainer ul.menu-mainmenu > li > a {
        font-size: 14px !important;
        /* padding: 15px 10px 15px 10px !important; */
    }
    div.jsn-modulecontainer ul.menu-mainmenu > li.vpravo{
        /*float:left;*/
    }
    div.jsn-modulecontainer ul.menu-mainmenu > li.muj-profil{
        /*float:left;*/
    }
}
/* =============== MENU - MAIN MENU =============== */
/* ----- 1st LEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul,
#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {
    background-color: #776d5f;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a {
    border-bottom: 1px solid #8e8271; 
    color: WHITE;
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a {
    background-color: #8d8171;
}
div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a,
#jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner:hover h3.jsn-moduletitle {
    background-color: #776d5f;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li.active a {
    background-color: #776d5f;
}
div.jsn-modulecontainer ul.menu-mainmenu ul > li.active > a {

}
/* ----- MOBILE ACTIVE STATE ----- */
body.jsn-mobile div.jsn-modulecontainer ul.menu-mainmenu > li.active {

}

/**
 * P O D    M E N U
 */
.pod-menu{
    margin: 0 !important;
}
.pod-menu ul{
    margin: auto;
    text-align: center;
    background-color: #efe5d8;
}
.pod-menu li{
    text-align: left !important;
    margin: 0;
}
.pod-menu li a span img{
    float:left;
    margin-right: 10px;
}
.pod-menu li a{
    margin-top: 3px;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
    font-size: 130%;
    line-height: 40%;
    color: #47413c;
    text-decoration: none;
}
.pod-menu li{
    padding: 7px 5px 7px 5px;
    display: inline-block;
    width: 180px;
    word-spacing: 150px;
}
.pod-menu li:hover{
    border-bottom: 5px solid #ccbcaa;
    padding-bottom: 2px;
}
.pod-menu li.active{
    border-bottom: 5px solid #8d8171;
    padding-bottom: 2px;
}

/**
 * F O O T E R   M E N U
 */
.menu-footer a{
    font-weight: bold;
}
.menu-divmenu{
    margin: 0 auto;
}

/**
 * K 2    P R O F I L
 */

.user-profile label{
    float:left;
}
/**
 * K 2    C L A N E K
 */

.itemFullText h1{

}
.break{
    height: 10px;
}

.break20{
    height: 20px;
}	
.break30{
    height: 30px;
}
.jsn-article-toolbar{
    background: none;
}
div.itemImageBlock img, img.vlevo, img.vpravo, img.stin{
    box-shadow: 2px 2px 10px grey;
}

/**
 * K 2   O D K A Z   D O   K U R Z U
 */
a.odkaz-do-kurzu:hover{
    background-color: #f68b23;
    color: black;
}
.odkaz-do-kurzu{
    display: inline-block;
    width: 170px;
    background-color: #ebe9e6;
    border-radius: 10px;
    padding: 5px;
    margin-right: 2px;
    color: black;
    font-style: normal;
    letter-spacing: normal !important;
    height: 170px;
}  
.odkaz-do-kurzu.male-okno{
    height: 141px;
    overflow: hidden;
}
div.odkaz-do-kurzu:hover{
    background-color: #e26f1c;
    cursor: pointer;
}


.odkaz-do-kurzu img.nahled-kapitoly{
    border-radius: 10px;
    max-width: 100%;
}

.odkaz-do-kurzu img.ikona-play{
    position: relative;
    float: right;
    right: 5px;
    top: -20px;
}
.odkaz-do-kurzu span{
    display: block;
}
.odkaz-do-kurzu span.nadpis-online-kurz{
    font-size: 12px;
    margin-bottom: -5px;
}
.odkaz-do-kurzu span.nadpis-cas{
    font-size: 11px;
    float: right;
}
.odkaz-do-kurzu span.nadpis-kurzu{
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.3;
}
.odkaz-do-kurzu span.kod-odkazu{
    color: black;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
}
.odkaz-do-kurzu span.nadpis-kapitoly{
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    height: 30px;
    overflow: hidden;
}
.odkaz-do-kurzu span.nadpis-kapitoly-velky{
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    height: 56px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    position: relative;
    top: -20px;
}
.odkaz-do-kurzu img.ikona-zdarma{
    position: relative;
    float: right;
    right: -8px;
    top: -172px;
}
.odkaz-do-kurzu img.ikona-pripravujeme{
    position: relative;
    float: right;
    right: -8px;
    top: -172px;
}
div.odkaz-do-kurzu-administrace{
    display: inline-block;
    width: 260px;
    border: solid 1px #AAAAAA;
    margin: 3px;
    padding: 3px;
}
div.odkaz-do-kurzu-administrace label{
    display: inline-block;
    width: 100px;
    margin: 0;
    padding: 0;
}

div.odkaz-do-kurzu-administrace input[type='text']{
    width: 120px;
    height: 5px;
    padding: 5px;
    margin: 0;
}
div.odkaz-do-kurzu-administrace .odkaz-do-kurzu{
    margin-top: 10px;
}
/**
 * M E N U  D E T A I L K U R Z U
*/
ul.menu-kurz a.privatni-odkaz{
    pointer-events: none;
    cursor: default;
}
ul.menu-kurz a.privatni-odkaz span{
    color: #bbbbbb;

}
ul.menu-kurz, ul.menu-kurz ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.menu-kurz li{
    margin: 0px;
    padding: 0px;
    background-color: #f3f1f0;
}
ul.menu-kurz li a{
    display: block;
    padding-left:10px;
    padding-right: 5px;
    height: auto !important;
}
ul.menu-kurz li.uroven-1{
    border-top: none !important;
}
ul.menu-kurz li.uroven-1 a span.popis{
    text-transform: none !important;
}
ul.menu-kurz li.uroven-1.current a:not(.active) span{
    color: #6d6151;
}
ul.menu-kurz li.uroven-1.current a{
    background-color: #E6E6E6;
    border-bottom: 1px solid #D7D5D4;
}
ul.menu-kurz li.uroven-1.current a:hover{
    background-color: #D6D6D6;
}
/*
ul.menu-kurz li.uroven-1.current li a{
    background-color: #f3f1f0;
}
ul.menu-kurz li.uroven-1.current a span.popis{
    color: white;
}
ul.menu-kurz li.uroven-1.current li a span.popis{
    color: #8d8171;
}*/
ul.menu-kurz li.uroven-1 a{
    padding-left:10px;
    font-weight: 800;
    border-bottom: 2px solid #E7E5E4;
}
ul.menu-kurz li.uroven-2 a{
    display: block;
    padding-left:18px;
    padding-right: 5px;
    font-weight: 600;
    height: auto !important;
    letter-spacing: -0.5px;
    border-bottom: 1px solid #E7E5E4;
}
ul.menu-kurz li.uroven-3 a{
    display: block;
    padding-left:26px;
    padding-right: 5px;
    height: auto !important; 
    letter-spacing: -0.5px;
    border-bottom: 1px solid #E7E5E4;
    font-weight: normal;
}
ul.menu-kurz li a.videolekce{
    padding-bottom: 2px !important;
}
ul.menu-kurz li a.active{
    background-color: #e26f1c !important;

}
ul.menu-kurz li a.active span span{
    color: white;
}
ul.menu-kurz li.videolekce a:hover{
    background-color: #E6E6E6;
}
ul.menu-kurz li.separator a.separator{
    color:white;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}ul.menu-kurz li.videolekce a span{
    color: #8d8171;
}
ul.menu-kurz li.videolekce a{
    color: #8d8171;
    background: #f3f1f0;
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.menu-kurz li.separator{
    background: #8d8171;
    border-top: white solid 4px;
}
ul.menu-kurz li.active{

    background-color: #494244;
}
ul.menu-kurz li.separator:hover, ul.menu-kurz li.separator.first:hover{
    background: #8d8171;
}

ul.menu-kurz li.separator a{
    text-decoration: none;
}
ul.menu-kurz li.separator a.separator{
    font-family: 'Open Sans Condensed';
    font-weight: bold !important;
    color: white;
    text-decoration: none;
}
ul.menu-kurz li.separator a.separator span.popis{
    display: inline-block;
    font-size: 110%;
    text-transform: uppercase;
}

ul.menu-kurz li.videolekce a span.popis{
    font-family: 'Open Sans' !important;
    display: inline-block;
    max-width: 210px;
    padding-left: 0px;
    /* background: url("/templates/jsn_pixel_pro/images/icons/detail/play.png") center left no-repeat; */
}
ul.menu-kurz li.step a span.popis{
    font-family: 'Open Sans' !important;
    display: inline-block;
    max-width: 210px;
    /*padding-left: 25px;
    background: url("/templates/jsn_pixel_pro/images/icons/detail/praxe.png") center left no-repeat !important;*/
}

ul.menu-kurz li.step a span{
    color: #d12e2e;
}
ul.menu-kurz li.step a.privatni-odkaz span{
    color: #cf9595;
}

ul.menu-kurz .cas{
    font-family: 'Open Sans Condensed';
    float: right;
}

ul.menu-kurz li.hidden{
    display: none;
}

div.celkovy-cas{
    font-size: 110%;
    font-family: 'Open Sans Condensed';
    font-weight: bold !important;
    color: #776d5f;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 20px;
    margin: 0px;
}
div.celkovy-cas span.cas{
    float: right;
}
@media only screen and (max-width: 1200px), (max-device-width: 1200px) {
    ul.menu-kurz .cas{
        visibility: hidden;
    }
}
@media only screen and (max-width: 960px), (max-device-width: 960px) {
    #section-kmt{
        visibility: hidden;
        display: none;
    }
    ul.menu-kurz .cas{
        visibility: visible;
    }
}
/**
 * M E N U  N A S T A V E N I
 */
.modul-menu .jsn-moduletitle{
    background: #a89e93;
    color: white;
    font-family: 'Open Sans Condensed';
    font-weight: bold !important;
    text-decoration: none;
    margin: 0;
    padding: 5px 0 5px 10px;
}
ul.menu-nastaveni, ul.menu-nastaveni ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.menu-nastaveni li{
    margin: 0px;
    padding: 0px;
    background-color: #f3f1f0;
}
ul.menu-nastaveni .jsn-menutitle{
    color: black;
}
ul.menu-nastaveni li a{
    display: block;
    padding-left:10px;
    padding-right: 5px;
    height: auto !important;
}
ul.menu-nastaveni li a span{
    padding: 3px;
}
ul.menu-nastaveni li a.current{
    background-color: #8dc3c5 !important;
    color: white;
}
ul.menu-nastaveni li a{
    padding-bottom: 14px !important;
    padding-top: 14px !important;
}
ul.menu-nastaveni li a.active{
    background-color: #8dc3c5;
    color: white !important;
}
ul.menu-nastaveni li a:hover{
    background-color: #e0dbd8;
}
ul.menu-nastaveni li.separator a.separator{
    color:white;
    padding-top: 7px;
    padding-bottom: 7px;
}
ul.menu-nastaveni li a{
    color: #8d8171;
    background: #f3f1f0;
    padding-top: 4px;
    padding-bottom: 4px;
}
ul.menu-nastaveni li.separator{
    background: #a89e93;
    border-top: white solid 15px;
}
ul.menu-nastaveni li.separator.first{
    background: #a89e93;
    border-top: white solid 0px !important;
}
ul.menu-nastaveni li.separator a{
    text-decoration: none;
}
ul.menu-nastaveni li.separator a.separator{
    font-family: 'Open Sans Condensed';
    font-weight: bold !important;
    color: white !important;
    text-decoration: none;
}
ul.menu-nastaveni li.separator a.separator span.popis{
    display: inline-block;
    width: 200px;
    text-transform: uppercase;
}

/**
 * M E N U  N A S T A V E N I  D A R K
 */
ul.menu-dark li a{
    background-color: #8d8171 !important;
    color: white;
}
ul.menu-dark li a:hover, ul.menu-dark li.active a{
    background-color: #776d5f !important;
    color: white;
}

/**
 * K 2   I T E M    O N L I N E T R E N I N K
 */
.itemOnlineKurz h2{
    margin: 1px;
}
.hlavicka-kurzu{
    font-family: 'Open Sans';
    color: #8d8171;
}

.hlavicka-kurzu .vlevo{

}

.hlavicka-kurzu .vpravo{
    float:right;
    padding-top: 5px;
}

.hlavicka-kurzu .vlevo .titulek-kurz{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: -8px;
}

.hlavicka-kurzu .vlevo .nazev-kurzu{
    font-size: 130%;
    font-weight: 300;
    display: inline;
}

.hlavicka-kurzu .vpravo .lekce{
    font-size: 80%;
    font-weight: bold;
}

.hlavicka-kurzu .vpravo .kapitola{
    font-size: 80%;
}

.itemBody, .itemFullText{
    margin-top: -5px !important;
    padding-top: 0 !important;
    font-size: 110%;
}

#jsn-mainbody-content{
    padding: 0 !important;
}

.praktickyMod{
    color: #e26f1c;
    font-weight: bold;
}

.skryto-v-kurzu{
    visibility: hidden;
    display: none;
}

.minikurz .skryto-v-kurzu{
    visibility: visible !important;
    display: block !important;
}

.minikurz .skryto-v-minikurzu{
    visibility: hidden;
    display: none;
}

li.separator.ukazka:not(page.zobrazit-ukazku){
    visibility: hidden;
    display: none;
}

.zobraz-kviz-btn{
    font-size: 130%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    /*height: 200px;*/
    /*border: 3px solid green; */
}

/**
 * K 2   I T E M   R E C E P T
 */
.recept-detail h1.itemTitle, .videoblog-detail h1.itemTitle{
    font-weight: 800;
    letter-spacing: -6px;
    font-size: 400%;
    color: #494244;
    text-transform: uppercase;
    margin: 0;
    text-align: center;    
}

.recept-detail .popis h3{
    /*font-family: 'Open Sans Condensed', sans-serif !important;*/
    font-weight: 700;
    letter-spacing: -3px;
    margin-bottom: -10px;
    padding-top: 7px;
    font-size: 140%;
    color: black;

}
.recept-detail .popis h3:not(:first-child){
    border-top: #EEEEEE 5px solid;
}
.recept-detail .postup{
    letter-spacing: -1px;
}
@media only screen and (max-width: 710px), (max-device-width: 710px) {
    .recept-detail span.itemImage img, span.catItemImage img {
        max-width: 100%;
        border:none;
        padding: 0;
    }
}

.recept-detail .recept{
    max-width: 800px;
    margin: auto;
}

.recept-detail .recept .itemImageBlock{
    padding: 0;
}

.recept-detail p.popis-receptu{
    font-family: 'Clicker Script', cursive;
    font-size: 300%;
    text-align: center;
    font-weight: normal;
    margin-bottom: 40px;
}

.recept-detail .box{
}

.recept-detail img.ikona{
    position: relative;
    float:right;
    right: -25px;
    top: -20px;
}

.recept-detail .box h2{
    background-color: #8d8171;
    border-radius: 5px 5px 0 0;
    padding: 2px 5px 3px 20px;
    color: white;
    font-size: 150%;
    margin: 6px 0 0 0;
    font-weight: 300;
}

.recept-detail .box .popis{
    background-color: #dfdbd6;
    border-radius: 0 0 5px 5px;
    padding: 5px 20px 20px 20px;
    font-size: 110%;
    font-weight: normal;
    margin: 0 0 40px 0;
}

.recept-detail .box .popis

/*.recept-detail .box .popis address a{
    font-size: 80%;
    margin: 0;
    padding: 0;
    color: #f15a29;
}

.recept-detail .box .popis address{
    background-color: #ebe9e6;
    width: 100%;
    display: block;
    padding: 5px 0px 7px 10px;
    border-radius: 5px;
    font-style: normal;
}*/

.recept-detail .box .popis ol{
    margin-top: 0px;
}

.recept-detail .box .popis ol li{
    margin: 10px 0 0 25px; 
}

.recept-detail .box.ingredience{

}

.recept-detail .box.postup{

}

.recept-detail .box.upravy{

}

/**
 * K O M E N T Á Ř E
 */
.tlacitko-komentar a{
    padding:20px !important;
    background-color: #e26f1c !important;
    color: white !important;
}
.tlacitko-komentar a:hover{
    background-color: #46c0c2 !important;
}
.kmt-form-addon .commentLength{
    visibility: hidden;
    display: none;
}
.kmt-comment-tools-wrap{
    display: none;
    visibility: hidden;
}

/**
 * K E    S T A Ž E N Í
 */
.itemAttachmentsBlock a.icon-pdf {
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/pdf-icon.png") 20px 20px no-repeat;
}
.itemAttachmentsBlock a.icon-audio {
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/audio-icon.png") 20px 20px no-repeat;
}
.itemAttachmentsBlock a.icon-download {
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/download-icon.png") 20px 20px no-repeat;
}

.itemAttachmentsBlock a.ke-stazeni {
    display: block;
    max-width: 720px;
    padding: 10px 10px 10px 90px;
    background-color: #f3f1f0;
    color: #8d8171;
    margin-bottom: 10px;
}

.itemAttachmentsBlock a.ke-stazeni:hover {
    background-color: #e0dbd8;
}

.itemAttachmentsBlock a.ke-stazeni .nadpis {
    font-weight: bold;
}

.itemAttachmentsBlock a.ke-stazeni .popis {
    font-weight: 300;
}

.itemAttachmentsBlock a.ke-stazeni span {
    display: block;
}
.itemAttachmentsBlock a.ke-stazeni .nadpis {
    font-size: 18px;
}
.itemAttachmentsBlock .tlacitko-stahnout{
    color: #e26f1c;
    font-weight: bold;
}


/**
 * S T A R T O V A Č
 */
#startovac{
    color: white;
    padding-top: 180px;
    margin: 0px;
    background: url("/templates/atomic/images/vstupni-pozadi/obr1.jpg") center top no-repeat;

}
#startovac div.main-content{
    width: 818px;
    height: 300px;
    color: white;
    margin: auto;
    background-color: rgba(141, 129, 113, 0.6) !important;
    background-color: rgba(70, 192, 194, 0.6) !important;
    padding: 30px;
}
#startovac div.main-content .left{
    float: left;
}

#startovac div.main-content .center{
    float:right;
}

/**
 * V S T U P N Í   S T R A N A
 */
#vstupni-strana{
    color: white;
    padding-top: 180px;
    margin: 0px;
    background: url("/templates/atomic/images/vstupni-pozadi/obr1.jpg") center top no-repeat;

}
#vstupni-strana h1{
    color: white;
    font-size: 35px;
}

#vstupni-strana div.main-left{
    width: 518px;
    color: white;
    margin: auto;
    background-color: rgba(141, 129, 113, 0.6) !important;
    background-color: rgba(70, 192, 194, 0.6) !important;
    padding: 10px;
}
#vstupni-strana div.main-left h1{
    padding-right: 62px;	
    text-align: right;
}
#vstupni-strana div.main-right{
    float: left;
    width: 500px;
    padding-left: 60px;
}
#vstupni-strana input.login{
    float: right;
}
#vstupni-strana label{
    width: 220px;
    float: left;
}

/**
 * L O G I N
 */
.pozadi-login #jsn-body{
    background: url("/templates/jsn_pixel_pro/images/pozadi/jablecny-karamel.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.default-login{
    color: white;
    background-color: rgba(141, 129, 113, 0.8) !important;
    background-color: rgba(70, 192, 194, 0.8) !important;
    margin-top: 10px !important;
    margin-bottom: 40px !important;
    border: none !important;
    text-align: center !important;
    font-size: 120% !important;
    font-weight: bold !important;
}
.default-login label{
    display: block;
    text-align: center;
    width: 100%;
    font-weight: bold !important;
}

.default-login button{
    font-size: 120% !important;
    margin: auto !important;
}

.default-login h1{
    color: white;
}
.default-login a{
    color: white;
}
.default-login ul{
    list-style-type: none;
}
.default-login li{
    margin: 0;
}


/**
 * K A T E G O R I E
 */

@media only screen and (max-width: 710px), (max-device-width: 710px) {
    .category .polozka{
        height: 400px !important;
        max-width: 330px !important;
    }
    .category .polozka h2{
        font-size: 190% !important;
    }
}

.category .polozka{
    margin: auto;
    max-width: 660px;
    height: 200px;
    background-color: whitesmoke !important; 
    text-align: right;
    border: 5px solid white;
    overflow: hidden;
}
.category .pink{
    background-color: #ff6161 !important;
}
.category .polozka .tagy{
    width: 150px;
    float:left;
}
.category .polozka .tagy .horni{
    width: 100%;
    height: 100px;
}
.category .polozka .tagy .dolni{
    width: 100%;
    height: 100px;
}
.category .polozka img.stitek{
    position: relative;
    float: left;
    left: -25px;
    top: 35px;
}

.category .polozka img.obsazeno{
    position: relative;
    float: left;
    left: -15px;
    top: -10px;
}

.category .polozka:hover{
    border: 5px solid #e26f1c;
}

.category .polozka .popis{
    display: block;
    float: right;
    width: 280px;
    overflow: hidden;
    color: #6b6257;
    padding-right: 10px;
}

.category .polozka .popis .text{
    text-align: right;
    overflow: hidden;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: normal;
}

.category.zive-akce  .polozka .popis .text{
    height: 115px;
}

.category.online-kurzy .polozka .popis .text{
    height: 77px;
}

.category .polozka .popis .text br{

}

.category .polozka .cena{
    font-weight: 300;
    font-size: 30px;
    height: 35px;
    overflow: hidden;
}
.category .polozka .cena .popis-ceny{
    font-size: 14px;
}

.category .polozka .cena span.kurzovne{
    font-size: 14px;
}

.category .polozka .nadpis-produktu h2{
    color: black !important;
    font-weight: normal !important;
}
.category .polozka .nadpis-produktu{
    display: block;
    float: right;
    width: 500px;
    letter-spacing: -2px;
    line-height: 250%;
    /*max-height: 80px;*/
    overflow: hidden;
}

.category .polozka .nadpis-produktu .online-kurz{
    font-weight: 300;
    font-size: 100%;
    text-transform: uppercase;
}

.category .polozka .nadpis-produktu .nadpis-kurzu{
    font-weight: bold;
    font-size: 115%;
    text-transform: uppercase;
    color: #635b53;
}

.category .polozka .nadpis-produktu h2{
    display: block;
    float: right;
    background: rgba(245, 245, 245, 0.8);
    padding: 2px 10px 2px 10px;
    color: #4D4E53;
    margin: 0;
    font-weight: 300;
    font-size: 30px;
}

.category .nazev-mesice{
    max-width: 664px;
    background-color: #988d7f;
    padding: 10px 0 10px 0;
    margin: 30px auto 20px auto;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 180%;
    font-weight: normal;
    text-transform: uppercase;
    color: white;
}

.koordinator{
    text-align: center;
    font-size: 150%;
}

/**
 * L O G I N    B O X
 */
.pod-nabidka ul li{
    list-style-type: none;
}
.pod-nabidka{
    padding: 1px 10px 1px 0;
    margin-left: 235px;
    margin-top: 10px;
    width: 210px;
    text-align: right;
}
.pod-nabidka a{
    color: white;
}

/**
 * D E T A I L   P R O D U K T U
 */
div.info-zprava{
    background-color: #d12e2e;
    border-radius: 5px;
    color: white;
    font-size: 150%;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

#detail h2{
    margin-top: 0;
}

#video-box{
    display: block;
    width: 100%;
    height: 420px;
}

#video-box iframe.player{
    float: left;
}

#video-box .popis{
    background-color: #71cfc3;
    width: 565px;
    height: 320px;
    overflow: hidden;
}

#video-box .popis h1{
    margin-top: 0;
    background-color: #889f8a;
    font-size: 30px !important;
    float: right;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}
#video-box .popis .polozky{
    padding-left: 20px;
    padding-top: 60px;
}
#video-box .popis .polozka{
    display: inline;
    color: white;
    width: 257px;
    height: 40px;
    padding: 5px;
    float: left;
}

#video-box .popis .polozka img{
    margin-right: 10px;
}

#video-box .popis img{
    float: left;
}

#video-box .cena{
    font-size: 18px !important;
    background-color: #46c0c2;
    width: 555px;
    height: 61px;
    overflow: hidden;
    text-align: right;
    color: white;
    padding-right: 10px;
}

#video-box .cena span{
    font-size: 40px;
    font-weight: 300;
}

#video-box .vlastni-cena{
    color: white;
    padding-top: 6px;
    padding-bottom: 8px;
    padding-right: 13px;
    background-color: #46c0c2;
    width: 926px;
    font-size: 33px;
    font-weight: 300;
    float: left;
    text-align: right;
}

#video-box .objednano{
    color: white;
    padding-top: 6px;
    padding-bottom: 8px;
    padding-right: 13px;
    background-color: #e26f1c;
    width: 1122px;
    font-size: 30px;
    font-weight: 300;
    float: left;
    text-align: right;
}

#video-box .polozky div{
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding-left: 35px !important;
    color: white;
    width: 232px;
    height: 40px;
    padding: 5px;
    float: left !important;
}

#video-box .polozky div.audio{
    background: url("/templates/jsn_pixel_pro/images/icons/detail/audio-m.png") top left no-repeat;
}

#video-box .polozky div.pdf{
    background: url("/templates/jsn_pixel_pro/images/icons/detail/pdf-m.png") top left no-repeat;
}

#video-box .polozky div.video{
    background: url("/templates/jsn_pixel_pro/images/icons/detail/video-m.png") top left no-repeat;
}

#video-box .polozky div.diskuze{
    background: url("/templates/jsn_pixel_pro/images/icons/detail/diskuze-m.png") top left no-repeat;
}

#video-box .polozky div.faq{
    background: url("/templates/jsn_pixel_pro/images/icons/detail/faq-m.png") top left no-repeat;
}

.popis-kurzu{
    width: 100%;
}

.dlouhy-popis-kurzu{
    max-width: 800px;
    width: 100%;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 120%;
    font-weight: normal;
    color: #0f0e0d;
}
b, strong{
    font-weight: 600;
}

.dlouhy-popis-kurzu h2{
    background-color: #988d7f;
    padding: 10px 0 10px 0;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 180%;
    font-weight: normal;
    text-transform: uppercase;
    color: white;
}
.dlouhy-popis-kurzu h3 a{
    background-color: #e26f1c;
    color: white;
    padding: 10px 10px 10px 10px;
    width: 100%;
    text-align: center;
}
.dlouhy-popis-kurzu h3{
    font-size: 150% !important;
    font-weight: initial;
}
#error-message-wrapper {
    max-width: 1124px;
    padding-left: 10px;
}

.cena .dobrovolne{
    font-size: 60%;
}
.prihlaseni{
    width: 100%;
}
.prihlaseni table.vypis-studentu{
    width: 100%;
    border: 1px solid #969696;
    border-collapse: collapse;
}
.prihlaseni table.vypis-studentu th, table.vypis-studentu td{
    border: 1px solid #969696;
}
.prihlaseni table.vypis-studentu .hlavicka td{
    font-weight: bold;
}
.prihlaseni table.vypis-studentu td{
    padding: 4px;
}
.prihlaseni table.vypis-studentu td.cena{
    text-align: right;
}

.popis-kurzu .menu-kurz{
    width: 300px;
    float: left;
}
.popis-kurzu .menu-kurz{
    pointer-events: none;
}
/**
 * M Ů J   P R O F I L
 */
.muj-profil #tabs{
    display: none;
}

fieldset.userfields-info{
    display: none;
}

.userfields_info .agreed{
    display: none !important;
}

fieldset.shipto-fieldset{
    display: none;
}

#ui-tabs .tabs{
    height: 900px !important;
}

#userForm .obchodni-podminky{
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

#userForm .obchodni-podminky a{
    font-weight: bold;
}

.fakturacni-udaje .userfields_info{
    visibility: hidden;
}
#fakturacni-udaje-tabulka{
    display: none;
}
table.user-details{
    width: 360px !important;
}
table.user-details td.key{
    width: 120px !important;
}
table.user-details .name, table.user-details .email{
    font-weight: bold;
}
/**
 * N A K U P N I    K O S I K
 */
.cart-page #jsn-mainbody-content{
    max-width: 700px;
    margin: auto;
}
#cart {
    width: 100%;
}
#cart .fakturacni-udaje{
    width: 100%;
    height: 150px;
}
#cart .box-fakturace {
    width: 330px;
    text-align: right;
    float: left;
}

#cart .nepovinne{
    color: #969696;
}

#cart .objednavka{
    margin-bottom: 50px;
}

#cart .objednavka .vypis-polozek{
    border-bottom: 1px solid #cbcbcb;
    max-width: 700px;
}

#cart .objednavka .celkem{
    font-weight: bold;
    width: 100%;
}

#cart .objednavka .celkem .cena{

}

#cart .objednavka .polozka{
    width: 100%;
    height: 30px;
    font-size: 16px;
}

#cart .objednavka .cena{
    float:right;
}

#cart .objednavka a.remove-icon{
    float: right;
    margin-left: 5px;
}

#cart .info-boxy{

}

#cart .info-k-objednavce span.lable{
    width: 200px;
}

#cart div.info-k-objednavce{
    width: 28%;
    margin-right: 4%;
    display: inline-table;
    color: #707070;
}

#cart .posledni{
    margin-right: 0px;
}

#cart .platba-kartou {
    padding-left: 10px;
}

#cart .poznamky{
    display: inline;
    width: 400px;
}

#cart .zpusob-platby .titulek{
    font-weight: bold;
}
#cart .zpusob-platby .metoda .vmpayment_name{
    font-weight: bold;
    color: #4D4E53;
    font-size: 130%;
}

.vmpayment_description{
    visibility: hidden;
    display: none;
}

#paymentForm .vmpayment_description,
.vmorder-done .vmpayment_description,
#cart .zpusob-platby .vmpayment_description{
    visibility: visible !important;
    display: block;
    border-bottom: #f3f1f0 1px solid;
    padding-bottom: 30px;
}
#cart .zpusob-platby .logo-platby{
    float:right;
    margin-right: 5px;
    padding-top: 10px;
}
#cart .zpusob-platby .popis-platby{
    font-size:150% !important;
}

#cart .zpusob-platby h3 a{
    color: #46c0c2 !important;
    font-size: 80%;
}

#cart-view .obchodni-podminky a{
    font-weight: bold;
    display: block;
    margin: 20px;
}

#cart-view .zaver{
    text-align: center;
}

.cart-obsazeno{

}

.zaplatit-btn button{
    font-weight: normal;
    font-size: 14px;
    width: 250px;
    height: 86px;
    margin: 0;
    padding-top: 2px;
    background: #e26f1c !important;
    color: white;
    border: solid 1px #dcdcdc;
    text-align: center;
}

.zaplatit-btn button:hover{
    font-weight: normal;
    font-size: 14px;
    width: 250px;
    height: 86px;
    margin: 0;
    padding-top: 2px;
    background: #46c0c2 !important;
    color: white;
    border: solid 1px #dcdcdc;
    text-align: center;
}

button, .button{
    min-width: 223px;
    font-size: 14px;
    margin: auto;
    padding: 10px !important;
    height: auto;
    background: #e26f1c !important;
    color: white !important;
    border: solid 1px #dcdcdc;
    text-align: center;
}

button:hover{
    background: #46c0c2 !important;
}

.center{
    margin: auto;
}

.center-text{
    text-align: center;
}
.font-size-70{
    font-size: 70% !important;
}
.font-size-100{
    font-size: 100% !important;
}
.contentheading{
    margin-left: 10px;
}

.left{
    float: left;
}

.right{
    float: right;
}
.registracni-formular .userfields_info{
    font-size: 130%;
    text-align: center;
}
.registracni-formular label{
    font-size: 130%;
}
.registracni-formular p{
    text-align: center;
}

.customer-comment{
    text-align: left !important;   
    display: block;
}
.customer-comment textarea{
    width: 98%;
}

input.vm2-add_quantity_cart{
    width: auto;
    background-color: white;
}

table.cart-summary input[type=text]{
    width: 40px;
    margin: 0;
    padding: 2px;
    background-color: white;
}

span.PricebillTotal{
    font-size: 100% !important;
}

tr.sectiontableentry1 a, tr.sectiontableentry2 a {
    line-height: normal !important;
}

#userForm label{
    display: inline !important;
}

.popis-produktu .o-produktu .popis{
    padding: 5px;
}

/**
 * D O K O N Č E N Í   O B J E D N Á V K Y
 */
.cart-view h1{
    font-size: 200% !important;
}
.vmorder-done label{
    display: inline;
}

.vmorder-done .vmpayment_name{
    font-weight: bold;
    color: #4D4E53;
    font-size: 130%;
}

.vmorder-done .vmpayment_description{
    display: block;
    border-bottom: #f3f1f0 1px solid;
    padding-bottom: 30px;
}
.vmorder-done .logo-platby{
    float:right;
    margin-right: 5px;
    padding-top: 10px;
}
.vmorder-done .popis-platby{
    font-size:150% !important;
}

.vmorder-done td{
    vertical-align: top;
    padding-right: 10px;
    font-weight: bold;
}

.vmorder-done .variabilni-symbol{
    color: red;
}

/**
 * Z P R A V Y
 */
dl#system-message ul, #error-message-wrapper {
    border: none !important;
    color: white !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

dl#system-message .message ul{
    background-color: #26779b !important;
    border-radius: 14px;
    padding: 5px 5px 5px 60px;
    color: white !important;
}

dl#system-message .error ul{
    background-color: #9b2626 !important;
    border-radius: 0 0 14px 14px;
    padding: 5px 5px 5px 60px;
    margin-top: 0;
}

dd.message{
    margin: 0;
}

dt.message{
    display: none;
}
dt.error{
    background-color: #d13737;
    color: white;
    border-radius: 15px 15px 0 0;
    margin: 0;
    padding: 10px;
    font-size: 120%;
    text-align: center;
    font-weight: bold;
}

dl#system-message ul a, #error-message-wrapper a{
    color: white !important;
    font-weight: bold !important;
    text-decoration-line: underline !important;
}

.zakaz-zobrazeni, .zakaz-zprav #system-message dt, .zakaz-zprav #system-message dd{
    visibility: hidden !important;
    height: 0;
    padding: 0;
    margin: 0;
}
.zobraz-chyby #system-message{

}
.zobraz-chyby #system-message dt.error,
.zobraz-chyby #system-message dd.error{
    visibility: visible !important;
    height: 100%;
}

.jsn-form #jsn-mainbody-content{
    width: 400px;
    margin: auto;
}
.jsn-form .success-uniform{
    font-size: 140%;
}

/**
 * P A T I C K A
 */
#kap-footer{
    background-color: #8d8171;
    border-top: 10px solid #e37a1d !important;
    color:white;
    height: 100%;
}

#kap-footer a{
    color: white;
}

.kap-footer-inner{
    margin: auto;
    max-width: 1200px;
}
/**
 * P R O D E J N I   S T R A N K A   O N L I N E   K U R Z U   V E R Z E  2
 */
.videoBox{
    box-shadow: 2px 2px 10px grey;
    background: #f3f3f3;
    border: 1px solid #ccc;
    padding: 8px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 30px;
}
.menu-videoblog{
    padding-top: 95px !important;
}

.videoWrapper {
    position: relative;
    padding-bottom: 53.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: auto;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-4-3 .videoWrapper{
    padding-bottom: 82.00%; /* 16:9 */
}
.prodej-online-kurz-2 h1.nazev-kurzu{
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    letter-spacing: -3px;
    text-transform: uppercase;
    text-align: center;
    font-size: 490% !important;
    color: #494244;
    padding: 0;
    line-height: 1;
}
.prodej-online-kurz-2 .tlacitko-ziskat{
    padding: 20px 0 20px 0; 
}
.prodej-online-kurz-2 .popis-kurzu img{
    margin: 3px;
}

.prodej-online-kurz-2 .tlacitko-ziskat input[type="submit"]{
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
    font-size: 300%;
    letter-spacing: -2px;
    border-radius: 20px;
}
@media only screen and (max-width: 500px), (max-device-width: 500px) {
    .prodej-online-kurz-2 .tlacitko-ziskat input[type="submit"]{
        font-size: 200% !important;
    }
}
.prodej-online-kurz-2 .sede-pole{
    background-color: #e8e8e8;
    border-radius: 20px;
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 20px 0 20px 0;
}

.prodej-online-kurz-2 .sede-pole .nadpis{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
    font-size: 250%;
    letter-spacing: -2px;
}
.prodej-online-kurz-2 .sede-pole .popis{
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 160%;
    letter-spacing: -1px;
    color: #353535;
    max-width: 520px;
    margin: auto;
}
/**
 * P R O D E J N I   S T R A N K A   O N L I N E   K U R Z U  A  Z I V E  A K C E
 */
.prodej-online-kurz{
    color: #423d36;
    min-height: 510px;
}
.prodej-online-kurz .bila-mezera{
    height: 10px;
}
.prodej-online-kurz .video{
    max-width: 811px;
    width: 100%;
    float:left;
}

.prodej-online-kurz .video .titulek-kurz{
    text-transform: lowercase;
    font-weight: bold;
    font-size: 100%;
    margin-bottom: -8px;
}

.prodej-online-kurz .video .nazev-kurzu{
    font-size: 170%;
    font-weight: 300;
}

.prodej-online-kurz .popis-produktu{
    width: 336px;
    float: right;
    margin-top: 7px;
} 

.prodej-online-kurz .popis-produktu .sedy{
    background-color: #f6f5f3;
}

.prodej-online-kurz .popis-produktu .uroven-kategorie{
    padding: 9px;
    visibility: hidden;

}

.prodej-online-kurz .popis-produktu .uroven-kategorie .uroven-ico-1{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/uroven-1.png") 0px -3px no-repeat;
    padding-left: 50px;
}

.prodej-online-kurz .popis-produktu .uroven-kategorie .uroven{
    font-weight: bold;
}

.prodej-online-kurz .popis-produktu .uroven-kategorie .kategorie{
    font-weight: bold;
}

.prodej-online-kurz .popis-produktu .nadpis{
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: bold;
    background-color: #9e9586;
    padding: 4px;
    color: #f9f9f9;
}

.prodej-online-kurz .popis-produktu .obsah-kurzu .zvyraznene{
    color: #e26f1c;
    font-weight: bold;
    font-size: 140%;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .video-hd{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/video-hd-icon.png") 10px 15px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .audio{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/audio-icon.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .pdf{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/pdf-icon.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .mbq{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/mbq-icon.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .kalendar{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/kalendar-icon.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .zeme{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/zeme-icon.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .tabule{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/tabule-icon.png") 15px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .penize{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/penize-icon.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .rodina{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/rodina-icon.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .proporce-knihy{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/proporce-knihy.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .kdo-knihu-napsal{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/clovekove.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .pocet-knih{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/pocet-knih.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu  .obsah-kurzu .kroky{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/steps-icon.png") 10px 5px no-repeat;
}

.prodej-online-kurz .popis-produktu .obsah-kurzu .polozka{
    padding-left: 70px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.prodej-online-kurz .popis-produktu .obsah-kurzu .polozka p{
    margin: 0;
    padding: 0;
}

.prodej-online-kurz .popis-produktu .oddelovac{
    border-top: dashed 1px #8d8171;
    width: 300px;
    margin-left: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.prodej-online-kurz .popis-produktu .garantujeme {
    height: 130px;
}

.prodej-online-kurz .popis-produktu .garantujeme a{
    display: inline;
    float: left;
    padding-top: 50px;
    width: 32%;
    text-align: center;
    color: #776d5f;
    font-weight: bold;
}

.prodej-online-kurz .popis-produktu .garantujeme a.dozivotni-pristup{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/dozivotni-pristup-icon.png") center 10px no-repeat;
}


.prodej-online-kurz .popis-produktu .garantujeme a.vraceni-14{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/14-dni-vraceni-penez-icon.png") center 10px no-repeat;
}

.prodej-online-kurz .popis-produktu .garantujeme a.start-ihned{
    background: url("/templates/jsn_pixel_pro/images/icons/prodejni/start-ihned-icon.png") center 10px no-repeat;
}

.prodej-online-kurz a.tlacitko-ziskat:hover{
    background-color: #46c0c2;
}
.prodej-online-kurz .tlacitko-ziskat{
    max-width: 337px;
}
.prodej-online-kurz .tlacitko-ziskat-dole{
    margin: auto;
    margin-top: 50px;
}
.prodej-online-kurz .tlacitko-ziskat .cena{
    background-color: #e37a1d;
    height: 45px;
    color: white;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
    border-left: solid 1px white;
}
.prodej-online-kurz .tlacitko-ziskat .product-price{
    margin-bottom: -40px;
}
.prodej-online-kurz .tlacitko-ziskat .kurzovne{
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: bold;
    margin-bottom: -10px;
    width: 76px;
}

.prodej-online-kurz .tlacitko-ziskat .castka{
    font-weight: 300;
    font-size: 165%;
    letter-spacing: -1px;
    padding-top: 4px;
    width: 100px;
    text-align: center;
}

.prodej-online-kurz .tlacitko-ziskat .bez-registrace{
    color: #e26f1c;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    padding: 0 5px 0 5px;
    width: 200px;
    float:left;
}

.prodej-online-kurz .ceka-na-platbu{
    width: 100%;
    text-align: center;
    background-color: #e26f1c;
    padding-top: 5px;
    padding-bottom: 10px;
    color: white;
}

.prodej-online-kurz .ceka-na-platbu h3{
    color: white;
}

.prodej-online-kurz .popis-kurzu{
    margin-top: 20px;
    display: inline-block;
}

.prodej-online-kurz input.vlastni-cena-tl:hover{
    background-color: #46c0c2;
}

.prodej-online-kurz input.vlastni-cena-tl{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    height: 45px;
    width: 213px !important;
    border: none;
    background-color: #e37a1d;
    color :white;
    float: left;
    text-align: center;
}

.prodej-online-kurz #notifyform h4{
    color:red;
    font-weight: bold;
}

.prodej-online-kurz #notifyform{
    text-align: center !important;
}

.prodej-online-kurz #notifyform input[type="text"]{
    background-color: white !important;
    font-weight: bold;
    color:#4D4E53;
}

.prodej-online-kurz .archivni-akce{
    text-align: center;
    padding: 10px;
    color: #4D4E53;
    font-weight: bold;
}
.prodej-online-kurz .popis-kurzu h2{
    margin-top: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 251%;
    color: white;
    width: 100%;
    display: inline-block;
    background-color: #8d8171;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
}
.jsn-view-productdetails .popis-kurzu iframe{
    margin-left: 15px;
}
.prodej-online-kurz .popis-kurzu .popis-lekce{
    width: 68%;
    float: right;
}
.prodej-online-kurz .popis-kurzu p, .dlouhy-popis-kurzu p{
    display: inline-block;
    font-size: 110%;
}
table.tabulka-cen{
    border-collapse: collapse;
}
table.tabulka-cen, table.tabulka-cen th, table.tabulka-cen td {
    border: 1px solid black;
}
table.tabulka-cen td {
    padding: 3px;
}
@media only screen and (max-width: 1200px), (max-device-width: 1200px) {
    .prodej-online-kurz .popis-produktu{
        width: 336px;
        float: none;
        margin: auto;
    }
}
@media only screen and (max-width: 500px), (max-device-width: 500px) {
    .camera_caption{
        visibility: hidden !important;
        display: none;
    } 
    .prodej-online-kurz .tlacitko-ziskat{
        max-width: 320px !important;
    }
    .prodej-online-kurz .tlacitko-ziskat .vlastni-cena-tl{
        max-width: 214px;
        font-size: 130%;
    }
}

/**
 * V Ý B Ě R    P L A T B Y
 */
#paymentForm label, 
#shipmentForm fieldset label{
    display: inline;
}

#paymentForm .vmpayment_name,
#shipmentForm .vmshipment_name{
    font-weight: bold;
    color: #4D4E53;
    font-size: 130%;
}

#paymentForm input[type="radio"]:checked+label .vmpayment_name,
#shipmentForm input[type="radio"]:checked+label .vmshipment_name
{ color:#e26f1c; }

#paymentForm .vmpayment_description,
#shipmentForm .vmshipment_cost{
    display: block;
    border-bottom: #f3f1f0 1px solid;
    padding-bottom: 30px;
    font-weight: bold;
}
#shipmentForm .vmshipment_description{
    font-size: 100%;
    display: block;
}
#paymentForm .logo-platby,
#shipmentForm .logo-doruceni{
    float:right;
    margin-right: 5px;
    padding-top: 10px;
}
#paymentForm .popis-platby{
    font-size:150% !important;
    font-weight: normal;
}

#checkoutForm .vmshipment_description{
    display: none;
}
/**
 * V I D E O B L O G
 */
.videoblog-detail .itemFullText{
    max-width: 845px;
    margin: auto;
}
.videoblog .catItemHeader{
    background-color: #a9a094;
    text-align: center;
}

.videoblog .catItemHeader a{
    color: white !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;  
}
.videoblog #itemListLeading .catItemHeader a{
    font-size: 160%;
}
.videoblog #itemListPrimary .catItemHeader a{
    font-size: 130%;
    font-family: 'Open Sans Condensed', sans-serif !important;
    line-height: 1;
}

.videoblog .catItemTitle{
    margin: 0 !important;
    padding: 15px 0 15px 0 !important;
}

.videoblog .catItemImageBlock .play-ikona{
    background: url("/templates/jsn_pixel_pro/images/icons/videoblog/play-velka.png") center 10px no-repeat; 
}

.videoblog .groupPrimary {
    max-height: 250px;
}

.videoblog .videorecept {
    background: url(/templates/jsn_pixel_pro/images/icons/sipla-play-v-receptari.png) no-repeat;
    width: 100px;
    height: 100px;
    position: relative;
    top: -140px;
    left: 10px;
    margin: 0 auto;
}

.videoblog .itemFullText{
    width: auto;
}

#jsn-pos-innerright_inner div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img{
    float: none !important;
}

#jsn-pos-innerright_inner div.k2ItemsBlock > ul > li{
    border: none !important;
}

/**
 * F O R U M
 */
.kmt-form-submit .cancelButton{
    visibility: hidden;
}

.kmt-upload-push .uploadButton{
    padding:0 !important;
    margin:0 !important;
    background: none !important;
    border: none !important;
    color: #707070 !important;
}
/**
 * O B J E D N A V K A
 */
.tabulka-objednavky tr.nadpis-tabulky{
    background-color: #e26f1c;
    color: white;

}
.tabulka-objednavky th, .tabulka-objednavky td{
    padding: 10px;
}

.po-objednani p{
    font-size: 120%;
    color: #4D4E53;
}
.po-objednani .prani{
    font-weight: 300;
    font-style: italic;
}

/**
 * O B C H O D N Í   P O D M Í N K Y
 */
.obchodni-podminky .itemFullText h2{
    text-transform: uppercase;
    margin-top: 25px;

}

p.slovanodstavec{
    text-align:justify;
}
.obchodni-podminky .itemFullText{
    font-size: 130%;
}
/**
 * T R I D Y  S T R A N K Y
 */

.stranka-bez-obsahu #jsn-body-inner{
    visibility: hidden;
    display: none;
}

.stranka-bez-okraje #jsn-header{
    margin: 0;
}

.no2{
    background-color: #8d8171;
}  

.bez-praktickeho-rezimu .prakticky-rezim-div{
    display: none;
    visibility: hidden;
}

/**
 * K 2    C L A N E K
 */
.obrazek-vlevo{
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

/**
 * O B E C N E   S T Y L Y
 */
.motto-kurzu{
    font-family: 'Clicker Script', cursive;
    font-size: 300% !important;
    text-align: center;
    font-weight: normal;
    margin-bottom: 40px;
    display: block !important;
}
p.motto-kurzu{

}
img.vlevo, img.vlevo-bez-stinu{
    float: left;
    margin: 2px 20px 2px 0;
}
img.vpravo, img.vpravo-bez-stinu{
    float: right;
    margin: 2px 0 2px 10px;
}

/**
 * K 2    A    V I R T U E M A R T     K A T E G O R I E
 */
div.itemListCategory{
    background: none !important;
    border: none !important;
}

div.itemListCategory h1, div.category_description h1{
    font-weight: 800;
    letter-spacing: -6px;
    font-size: 400% !important;
    color: #494244;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

address{
    font-family: 'Clicker Script', cursive;
    font-size: 300%;
    text-align: center;
    font-weight: normal;
    font-style: normal;
}

.titulni-strana .itemListCategory{
    visibility: hidden;
    display: none;
}
.category-view .row{
    margin-left: 0px !important;
}
.category-view .category a{
    height: 400px;
    width: 360px;
}
.category-view .category a .category-name-container{
    display: table;
    position: absolute;
    width: 360px;
    height: 90px;
    vertical-align: central;
    background-color: #514a42; 
}
.category-view .category a .category-name-middle{
    display: table-cell;
    vertical-align: middle;
}

.category-view .category a .category-name{
    margin-left: auto;
    margin-right: auto;
    letter-spacing: -1px;
    font-size: 200%;
    color: white;
    line-height: 120%;
    font-weight: normal;
    padding: 0 10px 0 10px;
}
.category-view .category a img{
    margin-top: 68px !important;
}
.category-view .category a .category-desc{
    background-color: #e2d6c7;
    color: black;
    text-align: center;
    font-weight: normal;
    font-size: 140%;
    height: 90px;
    margin-top: -11px;
    letter-spacing: -1px;
    padding: 5px;
}
/**
 * A C Y  M A I L I N G
 */
.acymailing_module_form{
    background-color: #8d8171;
    border-radius: 15px;
    padding: 10px;
}
.acymailing_module_form .acymailing_introtext{
    color: white;
    font-weight: 300;
    font-size: 140%;
}
.acymailing_module_form td.acysubbuttons{
    border: none;
    border-radius: 10px;
}
.jsn-view-item .acymailing_module_online-kurzy{
    margin: 30px;
}
.jsn-view-item .acymailing_module_online-kurzy .acymailing_introtext{
    font-size: 150% !important;
}

.acymailing_module_online-kurzy .acymailing_module_form{
    max-width: 670px;
    width: 100%;
}

.acymailing_module_online-kurzy .acymailing_module_form td{
    display: inline-block;
}

.acymailing_module_online-kurzy .acymailing_module_form .acymailing_introtext{
    font-size: 200%;
}
/**
 * P A T I Č K A
 */
.paticka-vlevo{
    float:left;
    color: white;
}

.paticka-vpravo{
    float:right;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 768px), (max-device-width: 768px) {
    .paticka-vpravo{
        margin-top: 10px;
        float:none;
        text-align: left;
    }
    .paticka-vlevo{
        float:none;
    }
}

/**
 * V Y P O C E T    D E L K Y    K O S Y
 */
#vypocetDelkyKosyForm .krok{
    border: solid 3px #c4c4c4;
    border-radius: 10px;
    padding: 0 10px 10px 20px;
    margin-bottom: 10px;
}
#vypocetDelkyKosyForm .napoveda{
    font-size: 80%;
}
.vysledekVypoctuKosy{
    font-size: 150%;
    text-align: center;
    border-radius: 10px;
    background-color: #e25b00;
    color: white;
    font-weight: bold;
}
.vysledekVypoctuKosy .odkazNaObchod{
    font-size: 70%;
    font-weight: normal;
}
.vysledekVypoctuKosy .odkazNaObchod a{
    color: #71cfc3;
}

/**
 * S D I L E N I  B O X
 */
#myModal .kod-pro-kopirovani{
    width: 90%;
    color: #423d36;
}
#myModalNadpis{
    font-family: 'Open Sans', sans-serif;
    color: #4D4E53;
    font-size: 21px;
    font-weight: bold;
}
.nadpis-sdileni{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #58595b;
    text-align: center;
    margin-bottom: 5px;
}
.sdileni-box div{
    display: inline-block;
    color: white;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 19px;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
    padding-right: 10px;
    margin-bottom: 5px;

}
.sdileni-box{
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
}
.sdileni-box div:hover{
    cursor: pointer;
}
.sdileni-box div.facebook{
    background-color: #3c5a99;
    background-image: url("/templates/jsn_pixel_pro/images/icons/sdileni/ikona-facebook.png");
}
.sdileni-box div.poslat-emailem{
    background-color: #3b9a46;
    padding-left: 35px;
    background-image: url("/templates/jsn_pixel_pro/images/icons/sdileni/ikona-zavinac.png");
}
.sdileni-box div.vytisknout{
    background-color: #cb4327;
    padding-left: 45px;
    background-image: url("/templates/jsn_pixel_pro/images/icons/sdileni/ikona-tisk.png");
}
.sdileni-box div.twitter{
    background-color: #48bded;
    background-position: center center;
    background-image: url("/templates/jsn_pixel_pro/images/icons/sdileni/ikona-twitter.png");
}
.sdileni-box div.googleplus{
    background-color: #dd4b3b;
    background-position: center center;
    background-image: url("/templates/jsn_pixel_pro/images/icons/sdileni/ikona-gplus.png");
}
.sdileni-box div.pinterest{
    background-color: #bd2026;
    background-position: center center;
    background-image: url("/templates/jsn_pixel_pro/images/icons/sdileni/ikona-pinterest.png");
}
.sdileni-box div.vlozit-na-stranky{
    background-color: #f8971d;
    padding-left: 45px;
    background-image: url("/templates/jsn_pixel_pro/images/icons/sdileni/ikona-sipka.png");
}
.xsdileni-s-provizi{
    margin: 0 auto;
    padding: 0;
    width: 100%;
    font-weight: bold;
    background-color: #ffc861;
    color: #484139;
    text-align: center;
    border-radius: 5px;
    margin-top: -25px;
    margin-bottom: 25px;
    max-width: 680px;
}

.jsn-view-productdetails .xsdileni-s-provizi{
    width: 38%;
    margin-left: 190px;
}
/**
 * F A C E B O O K    S D Í L E N Í - s m a z a t
 */
.fb-sdileni{
    margin: auto;
    text-align: center;
    width: 770px; 
}

.sdilite-s-provizi {
    display: block;
    position: fixed;
    top: 110px;
    right: 0px;
    color: currentColor;
    font-weight: bold;
    text-align: right;
    max-width: 60px;
    background-color: orange;
    border-radius: 10px 0 0 10px;
    padding: 5px;
    line-height: 120%;
}

.odkaz-na-stranku {
    display: block;
    position: fixed;
    top: 162px;
    right: 0px;
}

@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
    .sdilite-s-provizi{
        bottom: 48px;
        display: flex;
        left: 0;
        right: 0;
        top: auto;
        max-width: none;
        width: 100%;
        z-index: 9999990;
        border-radius: 0;
        text-align: center !important;
        height: 15px;
    }
}

.bez-sdileni .st-sticky-share-buttons, .bez-sdileni .sdileni{
    visibility: hidden;
    display: none;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal .modal-content, .modal header{
    max-width: 500px;
    margin: auto;
    padding: 20px;
}
.modal .modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 80%;
    border-radius: 0 0 4px 4px;
    border-top: none;
    text-align: left;
}
.modal header{
    overflow-x: hidden;
    background-color: #F2F4F5;
    border-bottom: 1px solid #D0D8DB;
    border-radius: 4px 4px 0 0;
}

.modal .nadtext{
    text-align: left;
    font-weight: bold;
    color: #58595b;
    font-size: 18px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.registracni-formular .user-details{
    margin: auto;
}

/**
 *  T I S K
 */
.printHeader{
    display: none;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    border-bottom: 1px black solid;
}
.titlePrintHeader{
    float: left;
    max-width: 300px;
    max-height: 25px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    font-weight: bold;
}
.pageNumber{
    float: right;
    font-weight: bold;
}
.logoPrintHeader{
    margin: 0 auto;
    left: 45%;
    position: absolute;
}
body{
    counter-reset: my-sec-counter;
}
.pageNumber:after { 
    float: right;
    counter-increment: my-sec-counter;
    /*content: "Strana " counter(my-sec-counter) "."; */
}

@page { counter-increment: page } 

@media print {
    div[class^='acymailing'], div[class*='acymailing']{
        display: none !important;
    }
    @page{
        margin: 0.8cm;
    }
    #jsn-header, #jsn-header *, #jsn-pos-mainbody-top, #jsn-pos-mainbody-top *, 
    #kap-footer, #kap-footer *, #kmt-form, #jsn-gotoplink, #jsn-gotoplink *,
    .videoBox, .videoBox *, .xsdileni-s-provizi, .xsdileni-s-provizi *,
    #jsn-pos-left, #jsn-pos-left *{
        display: none !important;
    }
    .printHeader{
        display: block !important;
        width: 100%;
    }
    .printHeader span{
        margin-top: 7px;
    }
    h1.itemTitle{
        font-size: 200%  !important;
        letter-spacing: -3px !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    /**
     * T I S K   R E C E P T 
     */
    .recept-detail {
        column-count: 2;
    }
    .recept-detail .itemImage{
        width: 90%;
        margin: 0 auto;
    }
    .recept-detail div.jsn-modulescontainer{
        padding: 0 !important;
        -webkit-box-sizing: initial;
    }
    .recept-detail .popis-receptu{
        margin-bottom: 0 !important;
        text-align: left !important;
        font-style: italic;
    }

    .recept-detail .itemHeader{
        margin-top: -20px !important;
        padding: 0 !important;
    }
    h2.nadpis{
        padding-bottom:0 !important;
        font-size: 120% !important;
        font-weight: bold !important;
        color: black !important;
    }
    h3{
        padding: 0 !important;
        margin-top: 5px !important;
        margin-bottom: 0px !important;
    }
    *{
        font-family: 'Open Sans', sans-serif  !important;
        font-size: 100%  !important;
        letter-spacing: normal !important;
    }

    .recept-detail .box.postup *{
        padding: 0 !important;
        margin-bottom: 0 !important;
        border: none !important; 
    }
    .recept-detail .sdileni-box, .recept-detail .nadpis-sdileni, 
    .recept-detail .odkaz-do-kurzu, .recept-detail .ikona, 
    .moduletable, #kmt-form, #kmt-fame, .ucinky-na-zdravi{
        display: none  !important;
    }
}

/**
 * T A B U L K Y
 */
.tabulka-cenik{

}
#k2Container .itemFullText table:not(.acymailing_form) {  
    color: #333; /* Lighten up font color */
    font-family: Helvetica, Arial, sans-serif; /* Nicer font */
    width: 640px; 
    border-collapse: 
        collapse; border-spacing: 0; 
}

#k2Container .itemFullText table:not(.acymailing_form) td, #k2Container .itemFullText table:not(.acymailing_form) th { border: 1px solid #CCC; height: 30px; } /* Make cells a bit taller */

#k2Container .itemFullText table:not(.acymailing_form) th {  
    background: #F3F3F3; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
}

#k2Container .itemFullText table:not(.acymailing_form) thead td{
    background: #484139;
}

#k2Container .itemFullText table:not(.acymailing_form) td {  
    background: #FAFAFA; /* Lighter grey background */
    text-align: left; /* Center our text */
    FONT-SIZE: 80%;
    padding: 5px;
}

/**
 * S E K C E 1
 */
.sekce1{
    max-width: 800px;
    margin: 0 auto;
    font-size: 120%;
    margin-top: 30px;
}
.sekce1 .nadpis-sekce{
    background-color: #565049;
    border: 1px solid #cecdcd;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    color: #f1f2f2;
    font-size: 150%;
    font-weight: 800;
    text-align: center;
    padding: 10px;
}

.sekce1 .obsah-sekce{
    background-color: #f7f7f7;
    border: 1px solid #cecdcd;
    border-radius: 0 0 15px 15px;
    padding: 0 20px 20px 20px;
}

.sekce1 .obsah-sekce h2{
    font-size: 200%;
    font-weight: 300;
}

.sekce1 .obsah-sekce h3{
    font-size: 130%;
    font-weight: 800;
    color: #58595b;
}

.sekce1 .oddelovac-podsekce{
    width: 100%;
    border-bottom: 1px solid #cecdcd;
    height: 0;
}

.sloupce3, .sloupce2{
    width: 100%;
    display: inline-block;
}

.sloupce3 .sloupec{
    width: 230px;
    float: left;
    padding: 10px;
}

.sloupce2 .sloupec{
    width: 48%;
    float: left;
    display: inline-block;
    margin: 5px;
}

.sloupce3 .sloupec:not(:first-line){
    border-left: 1px solid #cecdcd;
}

.sekce1 #zakladni-balicek{
    position: relative;
    height: 450px;
}

.sekce1 #talir1-v-balicku, #zakladni-balicek img{
    position: absolute;
    left: 120px;
}

.sekce1 #zelenina-v-balicku{
    position: absolute;
    width: 200px;
    left: 20px;
    top: 130px;
}

.sekce1 #obiloviny-v-balicku{
    position: absolute;
    width: 260px;
    left: 490px;
    top: 50px;
}

.sekce1 #lusteniny-v-balicku{
    position: absolute;
    width: 260px;
    left: 490px;
    top: 258px;
}
.sekce1 h3, .sekce1 #zakladni-balicek p{
    margin: 0;
}

.sekce1 a{
    font-weight: bold;
}

.sekce1 obrazek-zakladniho-balicku{
    float: right;
    width: 50%;
}

.sekce1 input.velke-talcitko{
    font-size: 24px;
    color: white;
}
.sekce1 #zakladni-balicek-koupit{
    margin-bottom: 30px;
}
.sekce1 #zakladni-balicek-koupit #jak-ziskat-balicek{
    float: left;
    max-width: 390px;
}

.sekce1 #zakladni-balicek-koupit #jak-ziskat-balicek-grafika{
    float: left;
    max-width: 360px;
    padding-top: 20px;
}

.sekce1 #zakladni-balicek-koupit #jak-ziskat-balicek-grafika input{
    width: 350px;
    border-radius: 10px;
    font-size: 22px;
}

.sekce1 #zakladni-balicek-koupit #jak-ziskat-balicek-grafika input:hover{
    cursor: pointer;
}

img.obrazek-zdravych-jidel {
    margin-top: 20px;
}


/**
 * S T Y L Y   P R O   F O R M A T O V A N I   O B S A H U
 */
.pritel{
    width: 190px;
    display: inherit;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}
.pritel p{
    text-align: center;
    margin: 0;
}
.pritel img{
    border-radius: 8px;
    box-shadow: 2px 2px 10px grey;
}
table.tabulka-o-nas{
    width: 100% !important;
}

/**
 * D A R K O V E    P O U K A Z Y 
 */
.darkovy-poukaz{
    outline: 0; max-width: 100%; height: auto;
    float: left;
    margin: 10px;
}

/**
 * O P T I M A L I Z A C E   P R O   M O B I L N I   Z A R I Z E N I
 */
@media only screen and (max-width: 800px), (max-device-width: 800px) {
    .videoblog #itemListLeading .catItemHeader a{
        font-size: 150%;
    }
    #jsn-promo h1, .recept-detail h1.itemTitle, .recept-detail p.popis-receptu{
        font-size: 200%;
    }
    .recept-detail h1.itemTitle, .videoblog-detail h1.itemTitle, div.itemListCategory h1, div.category_description h1 {
        font-size: 200% !important;
        letter-spacing: -2px;
    }
    .nadpis-sdileni, .sdileni-box{
        display: none;
    }
    .odkaz-do-kurzu{
        width: 120px;
        height: 140px;
        overflow: hidden;
    }
    .odkaz-do-kurzu span.nadpis-kurzu{
        font-size: 80%;
        white-space: nowrap;
    }
    .acymailing_module_online-kurzy .acymailing_module_form .acymailing_introtext {
        font-size: 120% !important;
    }
    .itemFullText ul li {
        padding: 0;
        margin: 10px 0 0 20px;
        line-height: 110%;
    }
    .recept-detail img.ikona{
        display: none;
    }
    .recept-detail .box h2{
        text-align: center;
    }
    .recept-detail .box .popis {
        background-color: #dfdbd6;
        border-radius: 0 0 5px 5px;
        padding: 5px 2px 20px 5px;
        font-size: 100%;
    }
    .pod-menu li {
        width: 120px;
    }
    address, .motto-kurzu{
        font-size: 240% !important;
    }
    .category .polozka .nadpis-produktu h2 {
        font-size: 150% !important;
        font-weight: bold !important;
    }
    .prodej-online-kurz input.vlastni-cena-tl {
        width: 195px !important;
    }
    #paymentForm h1, h1{
        font-size: 200%;
    }
    .jsn-view-cart h1, jsn-view-user h1{
        text-align: center;
    }
    #cart .objednavka .polozka .popis {
        max-width: 270px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
    #paymentForm .tlacitko{
        text-align: center;
    }
    img.vlevo, img.vlevo-bez-stinu, img.vpravo, img.vpravo-bez-stinu{
        float: none;
        margin: auto;
        display: block;
    }
    div.info-zprava{
        font-size: 100%;
    }
}




/**
 * Kviz
 */

#quiz_container{position:relative;width:100%;height:auto;max-width:100%;margin:0px}.question-container{position: relative;width: 100%;height: auto;}.question-container .single-question-container{	border: 1px solid gray;padding: 10px;border-radius: 6px;	margin-bottom: 5px;background:#FFFFFF}.question-container .question{padding: 5px 10px;border-radius: 5px 5px 0px 0px;background: green;color: #FFFFFF;}.question-container .questionNum{float: left;}.question-container .questionName{	padding-left:25px;}.options-container{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display:-webkit-flex;display: flex;flex-wrap: wrap;}.options-container label{width: 100%;}.options-container.radio-type1 input[type='radio']{display:none;}.options-container.radio-type1 .label-child{border: 1px solid #FFFFFF;height: 100%;background-color: #d5d5d5;	color: #000000;-webkit-user-select: none;   -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.options-container.radio-type1 .label-content {display: table; width: 100%; height: 100%;}.options-container.radio-type1 .label-middle {display: table-cell;vertical-align: middle;padding: 5px;}.options-container.radio-type1 .label-radio-parent{width:25px;height:25px;}.options-container.radio-type1 .label-radio{width: 25px;height: 25px; background: #9e9e9e;margin: 0px;padding: 0px;	border-radius: 15px;}.options-container.radio-type1 .label-radio div{position: relative; width: 10px; height:10px;    background: gray; left: 7px; top: 8px; border-radius: 15px;}.options-container.radio-type1 input[type='radio']:checked+label .label-child{	background:#9e9e9e;	color:#FFFFFF;	border: 1px solid #FFFFFF;}.options-container.radio-type1 input[type='radio']:checked+label .label-radio{    background: #1b90bb;}.options-container.radio-type1 input[type='radio']:checked+label .label-radio div{	background: #FFFFFF;}.options-container.radio-type1 input[type='radio']:enabled:not(:checked)+label:hover .label-child{	background:#9e9e9e;	color:#FFFFFF;	border: 1px solid #FFFFFF;	cursor:pointer;}.options-container.radio-type1 input[type='radio']:enabled:not(:checked)+label:hover .label-radio{background: #1b90bb;}.options-container.radio-type1 input[type='radio']:enabled:not(:checked)+label:hover .label-radio div{	background: gray;}.options-container.radio-type1 input[type='radio'].correct+label  .label-child{ background: #228B22;	color:#FFFFFF;	border: 1px solid #FFFFFF;}.options-container.radio-type1 input[type='radio'].incorrect+label  .label-child{ background: #FFA500;color:#FFFFFF;border: 1px solid #FFFFFF;}.options-container.checkbox-type1 input[type='checkbox']{display:none;}.options-container.checkbox-type1 .label-child{   border: 1px solid #FFFFFF; height: 100%;	background-color: #d5d5d5;color: #000000;	-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }.options-container.checkbox-type1 .label-content { display: table; width: 100%; height: 100%;}.options-container.checkbox-type1 .label-middle { display: table-cell;   vertical-align: middle;	padding: 5px;}.options-container.checkbox-type1 .label-checkbox-parent{	width:25px;	height:25px;}.options-container.checkbox-type1 .label-checkbox{ width: 25px; height: 25px;    background: #9e9e9e; margin: 0px; padding: 0px;}.options-container.checkbox-type1 .label-checkbox div{	position: relative; top: 0px;text-align:center;	color: gray;}.options-container.checkbox-type1 input[type='checkbox']:checked+label .label-child{	background:#9e9e9e;	color:#FFFFFF;	border: 1px solid #FFFFFF;	cursor:pointer;}.options-container.checkbox-type1 input[type='checkbox']:checked+label .label-checkbox{    background: #1b90bb;}.options-container.checkbox-type1 input[type='checkbox']:checked+label .label-checkbox div{	color:#FFFFFF;}.options-container.checkbox-type1 input[type='checkbox']:enabled:not(:checked)+label:hover .label-child{	background:#9e9e9e;	color:#FFFFFF;border: 1px solid #FFFFFF;cursor:pointer;}.options-container.checkbox-type1 input[type='checkbox']:enabled:not(:checked)+label:hover .label-checkbox{	background: #1b90bb;}.options-container.checkbox-type1 input[type='checkbox']:enabled:not(:checked)+label:hover .label-checkbox div{color: gray;}.options-container.checkbox-type1 input[type='checkbox'].correct+label .label-child{background: #228B22;color:#FFFFFF;border: 1px solid #FFFFFF;}.options-container.checkbox-type1 input[type='checkbox'].incorrect+label .label-child{ background: #FFA500;color:#FFFFFF;	border: 1px solid #FFFFFF;}.options-container .right-mark{	display:none !important;	color:#FFFFFF;font-size:30px;}.options-container .wrong-mark{	display:none !important;	color:#8B0000;	font-size:30px;}.options-container .correct+label .right-mark, .options-container .incorrect+label .wrong-mark{	display:table-cell !important;}.question-container .explanation{background:#d5d5d5;	color:#000000;padding: 5px;    margin: 4px 1px;	border: 1px solid gray;}.question-container .submitPrnt{	background: #d5d5d5;	color: #000000;    padding: 5px;    border-radius: 2px;	border: 1px solid gray;}.startQuizPrnt{	width:150px;	margin:0 auto;}.question-container .timer{	float:right;padding-right:5px;}.question-container .submit-button, .question-container .prev-button, .question-container .reset-button, .question-container .next-button, .start-quiz-button{background: #2196F3; color: #FFFFFF;padding: 5px 32px; cursor: pointer; border: 0px;margin-right:5px;}.question-container .submit-button,.question-container .reset-button{float:right;}.question-container .submit-button:hover,.question-container .prev-button:hover,.question-container .reset-button:hover, .question-container .next-button:hover, .start-quiz-button:hover{background:#216ff3;color:#FFFFFF;}.question-container .submit-button:disabled,.question-container .prev-button:disabled,.question-container .reset-button:disabled, .question-container .next-button:disabled, .start-quiz-button:disabled{background:#808080;color:#FFFFFF;cursor:default;}@media only screen and (max-width : 600px) {.question-container .submit-button, .question-container .prev-button, .question-container .reset-button, .question-container .next-button{width: 46%;margin: 0px;float:none;margin:3px;}.question-container .timer{	float:none;	padding:0px;}}