body{position:relative;}

div.bt-textvideo {
    overflow: initial !important;
}


#overlay-block{ position: fixed; width: 80%; height: 60vh; top: 20vh; left: 10%; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 1000; }
#overlay-block .overlay-block-head{background:#fff; color:#fff; min-height: 1em;  float: left;width: 100%; margin-left: 0%;border: 2px solid black;  border-bottom-width: 0;}
#overlay-block .overlay-block-head a{border-radius: 0px; background: #dcdcdc;  color: #000;  padding: 0em 0.3em;  float: right;  margin-right: 0em;  font-size: 1.5em; cursor: pointer; margin-top: 0;}
#overlay-block .overlay-block-head a:hover{background:#404040;color:#fff;text-decoration:none;}

#overlay-block .overlay-block-content{ display: table; border-width: 0;width: 100%;margin-left: 0%; background: #fff;height: 100%;overflow-y:auto;float:left;border: 2px solid black;border-top-width: 0;max-height:97%;/*table-layout: fixed;*/}
             
#overlay-block .contentwrap{display:table-row;/*overflow-y:scroll;*/}
#overlay-block .contentwrap .text{/*display:table-cell;vertical-align:top;*/text-align:left;border-width:0;word-wrap: break-word;box-sizing:border-box;padding:1em;overflow-y:auto;}
#overlay-block .contentwrap .text p span{font-size:1.5vw !important;}
#overlay-block .contentwrap .video{/*display:table-cell;vertical-align:top;*/text-align:center;border-width:0;width:50%;height:23vw;box-sizing:border-box;}
#overlay-block .contentwrap .video iframe{width: 100%; height: 100%;}
#overlay-block .contentwrap .text, #overlay-block .contentwrap .video {  float: left;  width: 50%;}
#overlay-block .contentwrap:after {
    content: "";
    display: table;
    clear: both;
}

/*.textvideo-block{position:relative;}*/
.textvideo-block.showoverlay{cursor:pointer; background:#f0e3f6;border-radius:11px;}
.blockinstance-content.visited div.variant1{ background:#f0e3f6;}
.overlay{position: absolute;
    top: -1.4em;
    left: 7%;
    padding: 0.5em;
    background: #000;
    color: #fff;
    border-radius: 5px 5px 0 0;
    width: 31%;}

.overlay .blockPageId{float:right;display:none;}

#navigation{float: left; width: 100%;background:0;}
#navigation-next,#navigation-prev{padding: 0.3em 0.5em;background: #fff; float: right;font-size: 3vw; margin: 5px 0;    background: rgb(240,227,246); margin-right: 5px;}
#navigation-prev{float:left; margin-left: 5px;}
#navigation span{font-weight:bold;color:#fff;text-align:center;width:60%;float:left;margin-top:0.7em;}
#closeOverlay{font-size:2vw;}
@media (max-width: 640px){ 
   #navigation a{font-size:1em !important;}
   /*#overlay-block .contentwrap .text{width:100% !important;float:left;display:block;height:auto;}
   
   #overlay-block .contentwrap .video{width:100% !important;float:left;display:block;height:100%;}
   */
   
   #overlay-block .contentwrap .text{width:100% !important; margin-left: 1.3vw;margin-bottom:200px;} 
   #overlay-block .contentwrap .video{width:100% !important;  height: 100vmin; margin-left: 1.3vw;}
   #overlay-block .contentwrap .text .overlay{display:none !important;}
   #overlay-block .contentwrap .text p span{font-size:8vmin !important;}
 }
 
 #pageId { float: left;  width: 90%;margin-left: 5%; box-sizing: border-box; background: #fff; padding: 1em; font-weight:bold;}
 
 
#overlay-block2{ float:left;width: 29%;margin-left: 1%; margin-top: 1em;
}
#overlay-block2 .overlay-block-head{background:#4A6184; color:#fff; min-height: 2em; padding-top: 0.5em;float:left;width:100%;padding-left: 1em; box-sizing: border-box;}
#overlay-block2 .overlay-block-head a{border-radius: 5px;background: #dcdcdc;color: #000;padding: 0.2em 0.5em;float: right;margin-right: 2em; cursor:pointer;}
#overlay-block2 .overlay-block-head a:hover{background:#404040;color:#fff;text-decoration:none;}

#overlay-block2 .overlay-block-content{ display: block; border-width: 0;width: 90%;margin-left: 5%; background: #fff;height: 100%;overflow-y:auto;float:left;/*table-layout: fixed;*/}
             
#overlay-block2 .contentwrap{display:block;/*overflow-y:scroll;*/    float: left;margin-top: 1em;width:100%;}
#overlay-block2 .contentwrap .text{display:none;}
#overlay-block2 .contentwrap .text p span{font-size:1.5vw !important;}
#overlay-block2 .contentwrap .video{/*display:table-cell;vertical-align:top;*/text-align:center;border-width:0;width:99%;box-sizing:border-box;margin:0 0.5%;height: 155px;}
#overlay-block2 .contentwrap .video iframe{width: 100%; height: 100%;}
#overlay-block2 .contentwrap .text, #overlay-block2 .contentwrap .video {  float: left;  width: 100%;}

#overlay-block2 #head{background: #4e3b6b; height: 2.5em; border-radius: 8px 8px 0 0;}
#overlay-block2 #head span{line-height:2.5em;text-align:center;display:block;color:#fff;font-weight:bold;font-size:1.1em;}
#overlay-block2 #navigation{float: left; width: 100%;    border-radius: 0px 0px 8px 8px;background: #818284;height: 2.5em;}
#overlay-block2 #navigation div{float:left;width:24.8% !important;text-align:center;margin-left:0;margin-right:0; height: 2.5em; }
#overlay-block2 #navigation a{width:100%;box-sizing:border-box;  display: block;text-align:center;margin-left:0;margin-right:0;padding-top: 0.45em;}
#overlay-block2 #navigation-next,#overlay-block2 #navigation-prev{padding: 0.75em 0.9em;background: none; float:left;font-size: 1.1em;  margin-right: 5px;    border-radius: 0px 5px 0px 0;    margin: 0px !important;}
#overlay-block2 #navigation-prev{float:left;margin-left:5px;    border-radius: 5px 0px 0px 0;}
#overlay-block2 #pageId{text-align:center;float:left;width:57%;margin:0;}
 #overlay-block2 .textConfig{float: left; width: 100%; margin-top: 1em;}
#overlay-block2 .fontSize{float:left;width:20%;}
#overlay-block2 .fontSize .normal,.textvideo-block{font-size:1em;}
/*#overlay-block2 .fontSize .large,*/.textvideo-block.largeFont{font-size:1.6em;}
#overlay-block2 .fontSize .normal,#overlay-block2 .fontSize .large{display:block;float:left;margin-left:1em;}
.fontSize a, .enlargeSidebar a{line-height:1em;}
#overlay-block2 #navigation .fontSize a.normal{display:none;}
.enlargeSidebar{display:block; float: left; margin-right: 1em;}
.enlargeSidebar .enlarge img.hide{display:none;}
#overlay-block2.wide{width:49% !important;}
#overlay-block2.wide .contentwrap .video{height:260px !important;}
.column-content.narrow{width:50% !important;}

.textvideo-block{ overflow-x:auto;}
.textvideo-block h1{color:rgb( 78,58,107);font-size:2em;border-top:2px solid #969696;border-bottom:0.75px solid #969696;padding: 0.5em 0; margin-top: 0px;}
.textvideo-block.showoverlay h1{margin-top:-7px;}
.textvideo-block h2{color:rgb( 78,58,107);font-size:1.66em;border-top:2px solid #969696;border-bottom:0.75px solid #969696;padding: 0.5em 0; margin-top: 0px;}
.textvideo-block h3{color:rgb( 78,58,107);font-size:1.33em;}
.textvideo-block h4{color:rgb( 78,58,107);font-size:1.16em;}
.textvideo-block a{font-size:1em;text-decoration:none;color:rgb( 126,62,139);}
.textvideo-block a:hover{font-size:1em;text-decoration:underline;}

.textvideo-block .heading em{display: block; float: left; height: 2em; margin-right: 1em;font-style: normal;}
.textvideo-block .heading em.autor{display: block; float: none; font-size:0.8em;font-weight:normal;height: auto; margin-top: 0.4em;}

.textvideo-block .heading strong{ display: block; position: relative;height: auto;}
#user_obsah ul{list-style-type:none;}

#user_hlavniObsah{ margin:1em 0; font-size: 0.9em; width: 94%;}
#user_hlavniObsah #obsah{ background-color: rgb(126,62,139); float: left; padding: 0.2em 0.6em; color: #fff;font-size: 2.0em; border-radius: 10px 10px 0 0; font-weight: bold;}
#user_hlavniObsah ul{ padding:0;margin:0;list-style-type:none;}
#user_hlavniObsah>ul{float: left; width: 100%;}
#user_hlavniObsah ul li{ margin:0;}
#user_hlavniObsah ul li a{color:rgb( 78,58,107);font-size:1.8em;max-width:95%;display:block;font-weight:bold;}
#user_hlavniObsah ul li li a{color:rgb( 110,94,133);font-size:1.66em;}
#user_hlavniObsah ul li li li a{color:rgb( 110,94,133);font-size:1.5em;}
#user_hlavniObsah ul li li .link{ padding-left:4em;}
#user_hlavniObsah ul li li li .link{padding-left:4em;}
#user_hlavniObsah .link{ border:1px solid #000;border-top-width:0; padding: 1em;}
#user_hlavniObsah ul li em.autor{font-size:0.8em;font-style:normal; height: auto; float: none;}
#user_hlavniObsah>ul>li{position:relative;}
#user_hlavniObsah>ul>li:first-child{border-top:4px solid #808080;}
#user_hlavniObsah>ul>li span{position:absolute;top:1em;right:1em;background: url(/theme/raw/static/images/retractable.png) no-repeat 0 0;width:24px;height:24px;display:block;}
#user_hlavniObsah>ul>li.expanded span{background: url(/theme/raw/static/images/retracted.png) no-repeat 0 0;}
 #user_hlavniObsah .heading em{display: block; float: left; height: 4em; margin-right: 1em;font-style: normal;}
/*
#user_hlavniObsah>ul>li>a::after{
    font-size: 2.7em;
    content: "\025BE";
    float: right;
    color: grey; } 
#user_hlavniObsah>ul>li.expanded>a::after{
    font-size: 2.7em;
    content: "\025B4";
    float: right;
    color: grey; }     
#user_hlavniObsah>ul>li>a:hover::after{
font-size: 2.7em;
content: "\025BE";
float: right;
color: #4A6184; } 

#user_hlavniObsah>ul>li.expanded>a:hover::after{
font-size: 2.7em;
content: "\025B4";
float: right;
color: #4A6184; }
*/ 

/* varovne oznaceni bloku co nema prirazene video*/
.textvideo-block:not(.video) {
    border-left: 5px solid red;
}

.bt-textbox .tabulka{overflow-x:auto;}
.bt-textbox .textvideo-block{ padding-right:3em;}
/* sidebar  funkce*/
#overlay-block2 .sidebarFunctions{}
.bt-textbox .obsahSidebarFunctions div, #overlay-block2 .functions div{ border-bottom: 0.7px solid rgb(127,127,127);float:left;width:99%;box-sizing:border-box;padding:0.8em 0.1em;margin-top:1em;}
.bt-textbox .obsahSidebarFunctions div.tutorial,#overlay-block2 .functions div.tutorial{ border-bottom: 0.7px solid rgb(127,127,127); float: left;;border-left-width:0;border-right-width:0;float:left;}
.bt-textbox .obsahSidebarFunctions div img,#overlay-block2 .functions div img{float:left;margin-right:0.5em;}
.bt-textbox .obsahSidebarFunctions div a,#overlay-block2 .functions div a{text-decoration:none;float:left;color:black;width:100%;font-weight: bold;}
.bt-textbox .obsahSidebarFunctions div span,#overlay-block2 .functions div span{font-size:1em;color:black;display:block;margin-top: 1em;}


.blockinstance.bt-textvideoside{padding: 1em 3em 1em 0;}
h3 .zaverecne_doporuceni{border: 1px solid rgb(126,62,139);border-width: 1px 0 1px 0;padding: 0.21em 0 0.3em;}

#overlay-block a{font-size:1em;text-decoration:none;color:rgb( 126,62,139) !important;}
#overlay-block a:hover{text-decoration:underline;}


/*varianta 2
#e62644
*/

#overlay-block2.variant2 .functions div{ border-bottom: 0.7px solid rgb(127,127,127);float:left;width:99%;box-sizing:border-box;padding:0.8em 0.1em;margin-top:1em;}
#overlay-block2.variant2 .functions div.tutorial{ border-bottom: 0.7px solid rgb(127,127,127); float: left;;border-left-width:0;border-right-width:0;float:left;}
#overlay-block2.variant2 .functions div img{float:left;margin-right:0.5em;}
#overlay-block2.variant2 .functions div a{text-decoration:none;float:left;color:black;width:100%;font-weight: bold;}
#overlay-block2.variant2 .functions div span{font-size:1em;color:black;display:block;margin-top: 1em;}

#overlay-block2.variant2 #head{ background: #ad638d;}
#user_hlavniObsah.variant2 #obsah{ background-color: #ad638d;; float: left; padding: 0.2em 0.6em; color: #fff;font-size: 2.0em; border-radius: 10px 10px 0 0; font-weight: bold;}
#user_hlavniObsah.variant2 ul li a{color:#ad638d;font-size:1.8em;max-width:95%;display:block;font-weight:bold;}
#user_hlavniObsah.variant2 ul li li a{color:#ad638d;font-size:1.66em;}
#user_hlavniObsah.variant2 ul li li li a{color:#ad638d;font-size:1.5em;}
#user_hlavniObsah.variant2 .heading em{ max-height: 3em;}
.textvideo-block.variant2 h1,.textvideo-block.variant2 h2,.textvideo-block.variant2 h3,.textvideo-block.variant2 h4,.textvideo-block.variant2 h5{color:#ad638d;}
.textvideo-block.variant2 a{color:#ad638d;}
.textvideo-block.showoverlay.variant2 { cursor: pointer; background: #fef0f0;}
.textvideo-block.variant2 .zaverecne_doporuceni,.text-variant2 .zaverecne_doporuceni{border: 1px solid #ad638d;border-width: 1px 0 1px 0;padding: 0.8em 0 1em;    margin-left: 0.5em;color:#ad638d;font-size: 1rem;}
.textvideo-block.variant2 .doporucena_literatura,.text-variant2 .doporucena_literatura{border: 1px solid #ad638d;border-width: 0px 0 1px 0;padding: 0.6em 0 0.6em;    margin-left: 0.5em;color:#ad638d;font-size: 1rem;}
.textvideo-block.variant2 .komentovana_vyuka,.text-variant2 .komentovana_vyuka{border: 1px solid #ad638d;border-width: 0px 0 1px 0;padding: 0.6em 0 0.6em;    margin-left: 0.5em;color:#ad638d;font-size: 1rem;}
.text-variant2{padding-right:3em;}
.blockinstance-content.visited div.variant2{ background:#fef0f0;}

/*poznamka pod carou*/

#overlay-block.variant2 .overlay-block-head a{color:#ad638d !important;}
#overlay-block.variant2 .overlay-block-content a{color:#ad638d !important;}
div.text-variant2 a{color:#ad638d !important;}

/*varianta 3
#66ae96
*/

#overlay-block2.variant3 .functions div{ border-bottom: 0.7px solid rgb(127,127,127);float:left;width:99%;box-sizing:border-box;padding:0.8em 0.1em;margin-top:1em;}
#overlay-block2.variant3 .functions div.tutorial{ border-bottom: 0.7px solid rgb(127,127,127); float: left;;border-left-width:0;border-right-width:0;float:left;}
#overlay-block2.variant3 .functions div img{float:left;margin-right:0.5em;}
#overlay-block2.variant3 .functions div a{text-decoration:none;float:left;color:black;width:100%;font-weight: bold;}
#overlay-block2.variant3 .functions div span{font-size:1em;color:black;display:block;margin-top: 1em;}

#overlay-block2.variant3 #head{ background: #66ae96;}
#user_hlavniObsah.variant3 #obsah{ background-color: #66ae96;; float: left; padding: 0.2em 0.6em; color: #fff;font-size: 2.0em; border-radius: 10px 10px 0 0; font-weight: bold;}
#user_hlavniObsah.variant3 ul li a{color:#66ae96;font-size:1.8em;max-width:100%;display:block;font-weight:bold;padding-right:0.5rem;}
#user_hlavniObsah.variant3 ul li li a{color:#66ae96;font-size:1.66em;}
#user_hlavniObsah.variant3 ul li li li a{color:#66ae96;font-size:1.5em;}
#user_hlavniObsah.variant3 .heading em{ max-height: 4em;}
.textvideo-block.variant3 h1,.textvideo-block.variant3 h2,.textvideo-block.variant3 h3,.textvideo-block.variant3 h4,.textvideo-block.variant3 h5{color:#66ae96;}
.textvideo-block.variant3 a{color:#66ae96;}
.textvideo-block.showoverlay.variant3 { cursor: pointer; background: #e8f2ed;}
.textvideo-block.variant3 .zaverecne_doporuceni,.text-variant3 .zaverecne_doporuceni{border: 1px solid #66ae96;border-width: 1px 0 1px 0;padding: 0.8em 0 1em;    margin-left: 0.5em;color:#66ae96;font-size: 1rem;}
.textvideo-block.variant3 .doporucena_literatura,.text-variant3 .doporucena_literatura{border: 1px solid #66ae96;border-width: 0px 0 1px 0;padding: 0.6em 0 0.6em;    margin-left: 0.5em;color:#66ae96;font-size: 1rem;}
.textvideo-block.variant3 .komentovana_vyuka,.text-variant3 .komentovana_vyuka{border: 1px solid #66ae96;border-width: 0px 0 1px 0;padding: 0.6em 0 0.6em;    margin-left: 0.5em;color:#66ae96;font-size: 1rem;}
.text-variant3{padding-right:3em;}
.blockinstance-content.visited div.variant3{ background:#e8f2ed;}

/*poznamka pod carou*/

#overlay-block.variant3 .overlay-block-head a{color:#66ae96 !important;}
#overlay-block.variant3 .overlay-block-content a{color:#66ae96 !important;}
div.text-variant3 a{color:#66ae96 !important;}