.T_DoRozbal_nadpis3 {line-height: 18px;}
.T_DoRozbal_nadpis4 {line-height: 18px;}
.T_DoRozbal_nadpis5 {line-height: 18px;}

.T20_top:hover
 {cursor:pointer;
 }



.TT_pozor
  {font-weight:bold;
     color:DarkOrange;
   }
.T20_napoveda
    {position:relative; 
     display:inline-block;
     color:#667766;
     cursor:pointer;
    }
.T20_napoveda div
   {position:relative; 
    display:inline-block;
    display:none;
   }
.T20_napoveda:hover
   {background-color:#667766;
    color:#ffffff;
   }

.T20_DoRozbal_BOX
    {position:relative;
     border-left:1px solid #b1c429;
     padding:5px 0px 5px 10px;
     margin-left:1px;
     margin-bottom:30px;
    }




.T20_obsah
    {position:relative;
     width:80%;
     background-color:#ffffff;
     z-index:9999;
     padding:15px 0px 15px 5px;
     border-bottom:1px solid #000000;
     border-top:1px solid #000000;
     border-right:1px solid #000000;
     border-top-right-radius:5px;
     border-bottom-right-radius:5px;
     box-shadow: 3px 3px 5px #777;
     transition: width 0.5s;
       -webkit-transition: width 0.5s; /* Safari */
     white-space:nowrap;
     overflow:hidden;
    }
.T20_obsah:hover
    {width:400px;
     box-shadow: 3px 3px 5px #777;
    }

.T20_polozka
    {position:relative;
     padding:2px 2px 0px 0px;
     color:#4D90FE;
     font-size:12px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
    }

.T20_polozka:hover
    {background-color:#4D90FE;
     color:#fff;
     cursor:pointer;
    }

.T20_priklad
   {position:relative; width:900px;
    padding:30px 0px 0px 0px;
   }

.T20_priklad_nadpis
   {position:absolute; left:10px; top:10px;
    font-size:18px;
    padding:2px 12px 2px 12px;
    color:white;
    background-color: #808000;
    z-index:1;
   }

.T20_priklad_popiska
   {position:relative;
    text-align:right;
   }


.T20_priklad_zadani
   {position:relative;
    border:1px solid #000;
    padding:20px 5px 5px 5px;
   }
.T20_priklad_reseni
   {
   }

.T20_carusel
  {position:relative;
   white-space: nowrap;
   padding:10px;
   display: table-cell;
   vertical-align: middle;
   white-space:nowrap;
  }
.T20_carusel_sipka
  {position:relative; top:-15px;
   white-space: nowrap;
   display:inline-block;
   padding:10px;
   font-size:40px;
   color:#86BE60;
  }

.T20_carusel_sipka:hover
  {color:#4D90FE;
  }


.T20_carusel_ikona,
.T20_carusel_ikona_pase
  {position:relative; width:40px;
   background-color:#ffffff;
   color:#86BE60;
   display:inline-block;
   margin:2px;
   text-align:center;
   font-size:14px;
   padding-top:7px;
   padding-bottom:7px;
   font-weight:bold;
   border:2px solid #86BE60;
   border-radius:              3px;
         -moz-border-radius:   3px;
         -webkit-border-radius:3px;
                              
  }

.T20_carusel_ikona_pase
  {background-color:#eeeeee;
   color:#cccccc;
   border:2px solid #cccccc;
  }

.T20_carusel_ikona:hover
  {background-color:#4D90FE;
   color:#ffffff;
  }
.T20_carusel_ikona_franta
  {position:absolute; top:-20px; left:0px;
   font-size:30px;
  }

.T20_carusel_ikona_obtiznost
  {position:absolute; bottom:2px; right:2px;height:3px;width:10px;
   background-color:#000000;
  }


.T20_Riemann_sum
    {position:relative;
     width: 500px; margin:0px auto;
     white-space:nowrap;
    }

.T20_Riemann_block
    {position:relative;top:0px; left:0px; width:82px; height:100%;
     display:inline-block;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;
     border-left:1px solid #667766;
    }
.T20_Riemann_block:hover
    {cursor:pointer;
    }
.T20_Riemann_block:hover div
    {opacity:0.5;
    }
.T20_Riemann_block div
    {background-color:#4D90FE;
     position:absolute;top:0px;width:100%; height:0px;
     opacity:0.8;
    }
















.T65_extendedBOX
   {position:absolute; left:880px; top:60px;
    z-index:1000;
   }
.T65_extended
   {
   }
.T65_ename
   {
    color:#85BF25;
    background-color: #222;
    padding:2px 6px 2px 6px;
    margin:2px 0px 2px 0px;
    white-space:nowrap;
    display:inline-block;
   
     background-color: #85BF25;
     color:#fff;
               font-size:15px;
                    font-weight:bold;
                         text-align:center;
                              border:3px solid #ffffff;
                                   white-space:nowrap;
                                        border-radius:              3px;
                                                   -moz-border-radius:   3px;
                                                              -webkit-border-radius:3px;
                                                                   display:inline-block;
                                                                        transform: rotate(5deg);.
                                                                                   -ms-transform: rotate(5deg);
                                                                                              -webkit-transform: rotate(5deg);
                                                                                                   box-shadow: 3px 3px 5px #777;
                                                                                                      
   
   
   }
.T65_ename:hover
    {cursor:pointer;
     background-color:#4D90FE;
     color:#fff;
    }
.T65_ebody
    {position:absolute; left:-920px; top:20px; width:900px;
         padding:5px 5px 5px 5px;
              background-color:#fff;
                   border:1px solid black;
                        box-shadow:        6px 6px 6px #000;
                             -moz-box-shadow:   6px 6px 6px #000;
                                  -webkit-box-shadow:6px 6px 6px #000;
                                       display:none;
   border-radius:              3px;
            -moz-border-radius:   3px;
                     -webkit-border-radius:3px;
                                           }


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

.GEN_vysledek_generator {
    position:absolute; top:92px; right:-60px;
    padding: 2px 6px 2px 6px;
    margin: 2px 0px 2px 0px;
    background-color: #85BF25;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: 3px solid #ffffff;
    white-space: nowrap;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    box-shadow: 3px 3px 5px #777;
}


.GEN_vysledek_generator:hover {
    cursor: pointer;
    background-color:#4D90FE;

}

.geomat2
 {position:absolute; top:20px; left:-300px;
  font-size:16px;
  border:1px solid black;
  padding:20px;
  background-color:#fff;
      box-shadow: 6px 6px 6px #000;
    -moz-box-shadow: 6px 6px 6px #000;
    -webkit-box-shadow: 6px 6px 6px #000;
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    color:black;

 }



.T20_vysledky_okno
    {position:absolute; width:700px;height:100px;left:130px; top:20px;
     border:2px solid #808000;
     background-color:#fff;
    }

.T20_info_okno
    {position:absolute; width:80px;height:90px;right:0px; top:20px;
     border:2px solid #808000;
     padding:5px 5px 5px 5px;
     display: table-cell;
     vertical-align:middle;
     text-align:center;
     white-space:nowrap;
     line-height:120%;
     background-color:#fff;
    }

.T20_info_fotka
    {position:absolute; height:100px;left:0px; top:20px;
     background-color:#red;
     z-index:1;
    }

.T20_lista
   {position:relative; width:100%;
    white-space:nowrap;
   }

.T20_lista table td {vertical-align:middle;}

.T20_lista  div
   {position:relative;width:40px;
    display:inline-block;
    border:1px solid #b1c429;
    margin:3px;
    text-align:center;
    color:#b1c429;
    font-size:18px;
   }

.T20_lista div.select1:hover,
.T20_lista div.select2:hover,
.T20_lista div.select3:hover,
.T20_lista div:hover
   {background-color:#808000;
    color:white;
    cursor:pointer;
    border:1px solid #b1c429;
   }

.T20_lista div.select1 {background-color:#b1c429;border:1px solid #b1c429; color:#fff;}
.T20_lista div.select2 {background-color:#ff0000;border:1px solid #ff0000; color:#fff;}
.T20_lista div.select3 {}




/* -------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- T20_personal */
/* -------------------------------------------------------------------------------------------------------------------- */
.T20_personal
   {position:absolute; right:15px; top:20px;
    z-index:1;
    font-size:14px;
   }
.T20_personal > div.T20_p
   {position:relative; width:70px;
    text-align:center;
    display:inline-block;
    margin:0px 0px 0px 2px;
    background-color:#f9f9f9;
    border:1px solid #667766;
    color:#667766;
   }
.T20_personal > div.T20_p:hover {cursor:pointer;}

.T20_personal > div.T20_p:nth-child(1).select {border:1px solid #b1c429;background-color:#b1c429;color:#fff;}
.T20_personal > div.T20_p:nth-child(2).select {border:1px solid #ff0000;background-color:#ff0000;color:#fff;}
.T20_personal > div.T20_p:nth-child(3).select {border:1px solid #667766;background-color:#667766;color:#fff;}

.T20_timer
   {position:absolute;top:0px; left:0px; right:0px; bottom:0px;
    background-color:#667766;
    border:1px solid black;
    text-align:right;
    padding-right:10px;
    opacity:0.8;
    color:#fff;
    display:none;
   }
/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */





.T20_Pcelkem1,
.T20_Pcelkem2,
.T20_Pcelkem3
    {position:relative;
     font-size:22px;
     display:inline-block;
     padding:0px;
     margin:0px;
    }
.T20_Pcelkem1 {color: #b1c429;}
.T20_Pcelkem2 {color: #ff0000;}
.T20_Pcelkem3 {color: #667766;}

/* --------------------------------------------------------------------------------------------------------- mini TRIAL */
.T20_Mtrial
  {position:relative;
   padding:10px;
   border:1px solid blue;
   line-height:0px;
  }

.T20_M1,
.T20_M2,
.T20_M3
  {position:relative; width:8px; height:8px;
   display:inline-block;
  }
.T20_M1 {background-color:#b1c429;border:1px solid #b1c429;}
.T20_M2 {background-color:#ff0000;border:1px solid #ff0000;}
.T20_M3 {background-color:#eee;border:1px solid #eee;}

.T20_M1:hover,
.T20_M2:hover,
.T20_M3:hover {border:1px solid black;}