html {
font-size:16px;
%  font-size: 62.5%;
  margin:0px;
  padding:0px;
}

body {
  margin:0px;
  padding:0px;
%  font-size: 1rem;
  font-family: "PT Sans", sans-serif;
  line-height: 1.5;
  overflow-y: scroll;
}


a  {color:#4D90FE; text-decoration: none;}
a:hover {border-bottom:1px solid #4D90FE;}


td {vertical-align:top;}

h4 {border-bottom:1px solid #ccc;margin-bottom:0px;}


.hodnoceni2 {color:red;}
.hodnoceni1 {color:green;}
.hodnoceni0 {color:#667766;}

.TB_tasks
{width:100%;}
.TB_tasks td {white-space:nowrap;}

.TB_tasks tr:nth-of-type(2) td:nth-of-type(1),
.TB_tasks tr:nth-of-type(2) td:nth-of-type(2),
.TB_tasks tr:nth-of-type(5) td:nth-of-type(1),
.TB_tasks tr:nth-of-type(5) td:nth-of-type(2),
.TB_tasks tr:nth-of-type(8) td:nth-of-type(1),
.TB_tasks tr:nth-of-type(8) td:nth-of-type(2)
 {font-weight:bold; font-size:120%;}
.TB_tasks tr td div
 {border-bottom:3px solid black;margin:0px 20px 10px 20px;}
.TB_tasks input
 {font-size:150%;}
.TB_tasks .tlacitko
 {font-size:150%;margin:0px;}



.profil table tr:nth-of-type(4) td:nth-of-type(2)
{text-align:right;}
.profil table tr:nth-of-type(4) td:nth-of-type(2) span
{font-size:xx-small;color:#667766;}




.TL_offline
  {border: 1px solid #667766;
   padding:2px 10px 2px 10px;
   color:#667766;
   display:inline-block;'
  }
.TL_connect
  {border: 1px solid #000;
   padding:2px 10px 2px 10px;
   color:white;
   background-color:#4D90FE;
   display:inline-block;
   font-size:150%;
  }
.TL_connect:hover
  {border: 1px solid red;
  }


.tlacitko
  {font-size:200%;
   background-color:#4D90FE;
   color:white;
   padding:2px 30px 2px 30px;
  }
.tlacitko:hover
  {cursor:pointer;
  }
.tlacitkodis
  {font-size:200%;
   background-color:#eee;
   color:white;
   padding:2px 30px 2px 30px;
  }
.tlacitkodis:hover
  {
  }

.tlacitko_input
  {font-size:200%;
  }



.TAB_connect {}
.TAB_connect tr td:nth-of-type(1)
    {text-align:center;
     vertical-align:middle;
     padding:2px 5px 2px 5px;
     font-size:120%;
    }
.TAB_connect tr td:nth-of-type(2)
    {text-align:center;
    }
.TAB_connect tr:hover
    {background-color:#eee;
    }







.zkratky_highlight
 {border:1px solid red;margin:15px 0px 15px 0px;
 }

.telo {
  margin: auto;
  width: 95%;
}
.citeblock
 {position:relative;
  font-size:small;
  border:1px solid #ccc;
  padding:10px 10px 10px 10px;
  margin:15px 80px 15px 80px;
 }
.citeblock > div
 {position:absolute; bottom:-11px; right:50px;
  background-color: white;
  padding:3px 6px 3px 6px;
 }


.pozn {color:#667766; font-size:10px;}






.BF_icons
{position:relative;
 white-space:nowrap;
 padding:10px;
 border:3px solid transparent;
 width:100%;
 overflow:auto;
}

.BF_table
{position:relative;
 white-space:nowrap;
 padding:10px;
}

.BF_icons:hover
{border:3px solid #4D90FE;
}




.BF_icons > div, .BF_table > div
{position:relative;
 display:inline-block;
 border:1px solid transparent;
 padding:2px;
}

.BF_icons > div:hover
{border:1px solid red;
}


.rozbal div.nadpis span
{font-size:20px;
 font-weight:bold;
 color:#4D90FE;
 border-bottom:1px solid transparent;
}
.rozbal div.nadpis span:hover
{cursor:pointer;
 border-bottom:1px solid #4D90FE;
}

.rozbal div.telo
{display:none;
 border-left:3px solid #ccc;
 padding-left:10px;
}

.rozbal div.nadpis > span::before {
  content: "□   ";
  text-align:top;
  color:#4D90FE;;
}



.hlavicka
{position:relative;
 background-color:#33414a;
 padding:10px 10px 10px 10px;
 margin:0px;
}

.logo2
 {position:relative;
  white-space:nobreak;
  color:#eee;
  display:inline-block;
 }

.menu2
 {position:relative;
  white-space:nobreak;
  text-align:right;
  color:#eee;
  float:right;
 }
.menu2 a:nth-of-type(1) span:nth-of-type(1) {font-size:120%; color:#eee;}
.menu2 a:nth-of-type(1) span:nth-of-type(2) {font-size:150%; color:#b1c429;}

.menu2 a:nth-of-type(2) span {font-size:200%; color:#eee;}
.menu2 a:nth-of-type(2) span {font-size:200%; color:#eee;}
.menu2 a:nth-of-type(2) div {width:90px;
                             text-align:left;
                             color:#b1c429;
                             display:inline-block;
                             font-size:200%;
                             }
 .menu2 a:nth-of-type(3)  {font-size:200%;
                           display:inline-block;
                           width:40px;
                           text-align:center;
                           color:#eee;
                           }

.task
 {position:relative;
  border:1px solid #ddd;
  background-color:#ddd;
  text-align:center;
  white-space:nowrap;
  padding:20px;
 }



@media only screen and (min-width: 300px)
  {
   .hlavicka {line-height:1;}
   .logo2  a:nth-of-type(1) span:nth-of-type(2) {display:none;}
   .logo2  a:nth-of-type(2) {display:none;}
   .menu2  a:nth-of-type(1) span:nth-of-type(1) {display:none;}
   .task .tlacitko_input {width:100%;}
  }
@media only screen and (min-width: 630px)
  {.hlavicka {line-height:1;}
   .logo2 a:nth-of-type(1) span:nth-of-type(2) {display:inline-block;}
   .logo2 a:nth-of-type(2)    {display:inline-block;}
   .menu2 a:nth-of-type(1) span:nth-of-type(1) {display:inline-block;}
  }
@media only screen and (min-width: 900px)
 {

 }