/*

Contains generic CSS for the whole application. This file supersedes old files like 15_04_2014.css ... 30_04_2014_1.css.

*/

/* ------------------ image missing beautifier -------------------- */

/*
img:before {
    content: ' ';
    display: block;
    position: absolute;
    height: 4em;
    left: 0;
    right: 0;
    background-color: #ffffff;
}
*/

/* ------------------ video dashplayer -------------------- */

#dashplayer {
    /*width: 100%;*/
    text-align: center;
}

/* ------------------ editor - timeline -------------------- */

.timeLine {
    /* background-color: red; */
    padding: 1px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
}

.timeLineButtons {
    /* Area with buttons */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.timeLineButtons div {
    white-space: nowrap;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.timeLine input[name="timestamp"] {
    display: inline;
    text-align: center;
    width: 7em;
}

/* ------------------ slides -------------------- */

#bigslide img {
    width: 100%;
}

/* ------------------ subtitles edit -------------------- */

#subtitleEditDiv {
    /*width: 704px;*/
    /*height: 48px;*/
    background-color: #a4d830;
    display: none;
    padding: 5px;
}

#subtitleEditDiv textarea {
    width: 100%;
    margin-bottom: 5px;
}


/* ------------------ subtitles view -------------------- */
.subtitlesSection {
    color: #fff;
    background-color: #333333;
    width: 100%;
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 10px;
    min-height: 5em;

    display: flex;
}

.subChapterEditor .subtitlesSection {
    margin-bottom: 0;
}


.subtitlesDisplay {
    flex: 1;
    text-align: center;
    align-self: center;
    padding: 6px;
}

.subtitlesSwitch, #subSwitch {
    margin-left: auto;

    background-color: white;
    color: black;
    border-radius: 10px;
}

.subtitlesSwitch[data-showing="true"] {
    background-color: #bef1d8;
}

.subChapterEditor .subtitlesSwitch {
    /* Hide on/off button in editor. */
    display: none;
}

#subtitlesDiv {
    color: #fff;
    width: 100%;
    min-height: 28px;

    padding: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: none;
    background-color: #333333;
}


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


body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 11pt;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #525252;
    background-color: #ededed;
}

#zarovnani {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#zarovnani3 {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#menus {
    position: relative;
    height: 71px;
    width: 1000px;
    margin: 0px;
    padding: 0px;
}


.vlajecky {
    float: right;
    margin-top: 20px;
    margin-right: 60px;
}

.vlajecky img {
    margin: 5px;
    border: 1px solid #000;
}


/* ++++++++++Hlavni menu +++++++++*/
#hlavni_menu {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: left;
    width: 990px;
    height: 81px;
    margin: 0px;
    padding: 0px;

}


#logo_el {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: left;
    height: 71px;
    width: 360px;
    margin: 0px;
    padding: 0px;


}

#logo_el img {
    border: none;
}

#logo_el a {
    text-decoration: none;
}

#topmenu {
    position: absolute;
    top: 0px;
    right: 20px;
    text-align: right;

    height: 81px;
    width: 634px;
    margin: 0px;
    padding: 0px;
}


.tests a {
    float: right;
    height: 30px;
    /*width:54px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    color: #424242;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    padding-left: 8px;
    padding-right: 8px;
}


.tests a:hover {
    color: #000;

}


.tests_act a {
    float: right;
    height: 30px;
    /*width:54px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    color: #000;
    padding-left: 8px;
    padding-right: 8px;

}


.terms a {
    float: right;
    height: 30px;
    /*width:190px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    color: #424242;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    padding-left: 8px;
    padding-right: 8px;

}


.terms a:hover {
    color: #000;

}


.terms_act a {
    float: right;
    height: 30px;
    /*width:190px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    color: #000;
    padding-left: 8px;
    padding-right: 8px;

}


.prednasky a {
    float: right;
    height: 30px;
    /*width:85px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    color: #424242;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    padding-left: 8px;
    padding-right: 8px;

}

.prednasky a:hover {
    color: #000;

}


.prednasky_act a {
    float: right;
    height: 30px;
    /*width:85px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    color: #000;
    padding-left: 8px;
    padding-right: 8px;

}


.administrace a {
    float: right;
    height: 30px;
    /*width:104px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    color: #424242;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    padding-left: 8px;
    padding-right: 8px;

}

.administrace a:hover {
    color: #000;

}


.administrace_act a {
    float: right;
    height: 30px;
    /*width:104px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    color: #000;
    padding-left: 8px;
    padding-right: 8px;

}


.home a {
    float: right;
    height: 40px;
    /*width:78px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 15px;
    padding-top: 10px;
    font-size: 15px;
    color: #424242;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    padding-left: 8px;
    padding-right: 8px;

}

.home a:hover {
    color: #000;

}


.home_act a {
    float: right;
    height: 40px;
    /*width:78px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 15px;
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    color: #000;
    padding-left: 8px;
    padding-right: 8px;

}


.login a {
    float: right;
    height: 30px;
    /*width:70px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    color: #424242;
    text-decoration: none;
    border-left: 1px solid #aeadad;
    padding-left: 8px;
    padding-right: 8px;
}

.login a:hover {
    color: #000;
}


.login_act a {
    float: right;
    height: 30px;
    /*width:70px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-left: 1px solid #aeadad;
    color: #000;
    padding-left: 8px;
    padding-right: 8px;
}


.odhlasit a {
    float: right;
    height: 30px;
    /*width:70px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    color: #424242;
    text-decoration: none;
    /*    border-right: 1px solid #aeadad;*/
    padding-left: 8px;
    padding-right: 8px;
}

.odhlasit a:hover {
    color: #000;
}


.trial a {
    float: right;
    height: 30px;
    /*width:124px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    color: #424242;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    padding-left: 8px;
    padding-right: 8px;
}

.trial a:hover {
    color: #000;
}


.trial_act a {
    float: right;
    height: 30px;
    /*width:124px;*/
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    margin-top: 18px;
    padding-top: 8px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #aeadad;
    color: #000;
    padding-left: 8px;
    padding-right: 8px;
}


/* ++++++++++KONEC Hlavni menu +++++++++*/


#submenu {
    text-align: left;
    height: 30px;
    margin: 0px;
    padding: 0px;
    background-color: #383838;
    /*    background-image: url(../data/layout/menu.png);
        background-position: top center;
        background-repeat: no-repeat;*/
}

#submenu a {
    float: left;
    display: block;
    line-height: 30px;
    height: 30px;
    text-decoration: none;
    color: #b3b3b3;
    padding-right: 18px;
    padding-left: 15px;
    border-right: 0px solid #6d6d6d;
    font-size: 14px;
    background-image: url(../data/layout/sub_bg.png);
    background-position: right -5px;
    background-repeat: no-repeat;
}

#submenu a:hover {
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}


#submenu a.act {
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

/*----------Admin menu-----------*/
#submenu2 {

    text-align: left;

    height: 30px;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    background-color: #383838;
    /*background-image: url(../data/layout/menu.png);
        background-position: top center;
        background-repeat: no-repeat;*/

}

#submenu2 a {
    float: left;
    display: block;
    line-height: 30px;
    height: 30px;
    text-decoration: none;
    color: #b3b3b3;
    padding-right: 18px;
    padding-left: 15px;

    font-size: 14px;

    background-color: #383838;
    border-right: 1px solid #737373;
}

#submenu2 a:hover {
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    background-color: #008ab0;
}


#submenu2 a.act {
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #008ab0;
    border-right: 1px solid #737373;
}

/*+++++++++++++++++++++++++++++++++++++++++*/

#container_zahlavi {
    text-align: left;
    width: 990px;
    height: 14px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    /*background-image: url(../data/layout/container_hlavickaN.png);
        background-position: top center;
        background-repeat: no-repeat;   */
}

#container_zapati {
    text-align: left;
    width: 990px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    /*background-image: url(../data/layout/container_patickaN.png);
        background-position: top center;
        background-repeat: no-repeat;   */
}


#container2 {
    /*background-color:#eeeeee;*/
    text-align: left;
    width: 990px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    /*    background-image: url(../data/layout/container_repeatN.png);
        background-position: top center;
        background-repeat: repeat-y;*/
    background-color: #fcfcfc;
    /*    border-top:1px solid #919191;
        border-bottom:1px solid #919191;*/
}

#container3 {
    /*background-color:#eeeeee;*/
    text-align: left;
    width: 1020px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    /*    background-image: url(../data/layout/container_repeatN.png);
        background-position: top center;
        background-repeat: repeat-y;*/
    background-color: #fcfcfc;
    /*    border-top:1px solid #919191;
        border-bottom:1px solid #919191;*/
}


#container {
    /*background-color:#eeeeee;*/
    text-align: left;
    width: 990px;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    /*background-image: url(../data/layout/container_repeatN.png);
        background-position: top center;
        background-repeat: repeat-y;*/
    background-color: #fcfcfc;
    /*    background-color: #f0f0f0;
        border-top:1px solid #919191;
        border-bottom:1px solid #919191;*/
}

.odsad_obsah {
    padding: 5px;
    padding-top: 5px;
    padding-bottom: 5px;


}

.odsad_obsah2 {
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;


}

.odsad_obsah3 {
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;


}


#subsubmenu {
    margin-top: 10px;
    padding-bottom: 10px;
    color: #4c4c4c;
    height: 39px;
    background-image: url(../data/layout/bg_sub_sub_tl.png);
    background-position: center 32px;
    background-repeat: no-repeat;
}

#subsubmenu a {
    float: left;
    height: 33px;
    padding-top: 6px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    text-decoration: none;
    background-image: url(../data/layout/tl_sub_sub.png);
    background-position: center -39px;
    background-repeat: no-repeat;
}

#subsubmenu a:hover {

    float: left;
    height: 33px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    text-decoration: none;
    background-image: url(../data/layout/tl_sub_sub.png);
    background-position: center 0px;
    background-repeat: no-repeat;

}

.subsubact {
    float: left;
    height: 33px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
    color: #fff;
    text-decoration: none;
    background-image: url(../data/layout/tl_sub_sub.png);
    background-position: center 0px;
    background-repeat: no-repeat;
}


#container h1 {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 3px;
    background-image: url(../data/layout/h1.png);
    background-position: center left;
    background-repeat: no-repeat;
}

#container h2 {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    padding-left: 40px;
    margin-top: 10px;
    margin-bottom: 3px;
    background-image: url(../data/layout/h2.png);
    background-position: center left;
    background-repeat: no-repeat;
}


#pat_paticka_repeat {
    /*background-color:#eeeeee;*/
    text-align: left;
    /*    width:1020px;*/
    min-height: 50px;
    padding: 5px;
    margin: 0px;


    /*background-color: #fcfcfc;*/
    /*    background-image: url(../data/layout/container_repeat.png);
        background-position: top center;
        background-repeat: repeat-y;*/
}

#pat_paticka {
    text-align: left;
    /*    width:1040px;*/
    height: 0px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    /*    background-image: url(../data/layout/container_paticka.png);
        background-position: top center;
        background-repeat: no-repeat;*/
    background-color: #fcfcfc;
}


.tab1 {
    margin: 10px;
}

.tab1 th {
    color: #b3b3b3;
    background-color: #383838;
    padding: 5px;
    font-size: 12px;
}

.tab1 td {
    padding: 5px;
    font-size: 12px;
}

.tab1 a {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 2px;
    background-color: #717171;
    color: #fff;
    text-decoration: none;
}

.tab1 a:hover {
    color: #000;
}

.leftdiv1 {
    float: left;
    width: 600px;
}


.rightdiv1 {
    float: right;
    width: 350px;
}

.botka {
    clear: both;
}

.textarea1 {
    width: 540px;
    height: 100px;
}


#mainWin {
}

/* DIV filemanageru */


#fileManager {
    background-color: #dfdfdf;
    width: 610px;

    padding: 15px;
    position: absolute;
    display: none;
    z-index: 1000;
    border: 8px solid #474747;
}


#fileList {
    /*background-color : #22ff00;*/

    float: left;
    height: 400px;
    overflow: auto;
    width: 300px;

}


.cfiletable {
    width: 280px;
}

#fileList td {
    border: 1px solid #aaaaaa;
    font-size: 12px;
    padding: 5px;
    width: 100%;
}


#fileList a {
    color: #717171;
    text-decoration: none;
}

#fileList a:hover {
    color: #000;
}

.black_text {
    color: #000;
    font-size: 14px
}

.zavrit {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #474747;
}

.zavrit a {
    text-align: center;
    padding: 5px;
    text-decoration: none;
    color: #fff;
    display: block;
    font-weight: bold;
}


#fileDetail {
    width: 300px;
    height: 400px;
    display: block;
    float: left;
    background-color: #fff;
    overflow: auto;
    padding: 5px;
}

#filePreviewImg {

    background: url(../data/icons/processing.gif) no-repeat;
    background-position: center center;
    /*	width:154px;
        height:154px;*/
    /* 	background-color:red; */
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    text-align: center;
}

#fileDetail img {
    /* 	width:250px; */
    /* 	height:250px; */
    display: block;
    border: 2px solid #8b8b8b;
}

/* dialogy filemanageru */

.imf {
    border: 2px solid #8b8b8b;
}

#fileManager #fileManagerPopup {
    background-color: #383838;
    color: #fff;
    display: none;
    width: 480px;
    height: 240px;
    padding: 15px;
    position: absolute;
    border: 4px solid #fff;
    overflow: auto;
}

#fileManagerPopup input[type="text"] {
    width: 460px;
}

/* tabulky  obecne vsechny listingy*/
.tableRowOnMouse {
    background-color: #ffff00;
    text-decoration: underline;
}


.tableRowSelected {
    background-color: #ff0000;
    font-weight: bold;
}


.tableRowEven {
    background-color: #f7f7f7;
}


.tableRowOdd {
    background-color: #dfdfdf;
}

/* *********** TERMS - Slovnik odbornych terminu **************/

#termsListabcd {
    background-color: #383838;
    height: 30px;
    line-height: 30px;

    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
}


#termsListabcd a {
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #b3b3b3;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;

}

#termsListabcd a:hover {
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}


#termsList {
    display: block;
    width: 450px;
    height: 400px;

    overflow: auto;
    float: left;

    margin-left: 20px;
}


#termsList ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#termsList span {
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #008db3;
    color: #fff;
}


#termsList a {
    margin-right: 10px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: block;
    background-color: #f2f2f2;
    padding-left: 3px;
    margin-bottom: 1px;
    padding-top: 1px;
    padding-bottom: 3px;
}

#termsList a:hover {
    background-color: #008db3;
    color: #fff;
    /*background-image: url(../data/layout/dot_term.png);
        background-position: top right;
        background-repeat: no-repeat;*/
    margin-right: 10px;
}


#termsList_act a {
    display: block;
    background-color: #008db3;
    color: #fff;
    padding-left: 3px;
    margin-bottom: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#termsDetail {
    display: block;
    width: 430px;
    height: 380px;
    padding: 10px;

    overflow: auto;
    margin-right: 20px;
    float: right;

}

#termsDetail img {
    border: none;
}

#termsDetail a {
    color: #000;
    text-decoration: none;
}

#termsDetailt a:hover {
    text-decoration: underline;
}

#termsDetail h2 {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #038cb6;
}

/* *********** TERMS editor **************/
table#description_tbl {
    margin: auto;
    width: 80%;
}

#tinymce.mceContentBody {
    font-size: 14px;
}



/* *********** TESTS **************/

#testys ul {
    padding: 3px;
    margin: 0px;
    padding-left: 15px;
}

#testys li li {
    font-weight: normal;
}


#testys li {
    padding: 3px;
    font-weight: bold;
}

#testys a {
    color: #000;
    text-decoration: none;
}

#testys a:hover {
    text-decoration: underline;
}


#prednasky_vypis {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    /*    border: 1px solid #fff;*/
}

#prednasky_vypis ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: 18px;
    cursor: pointer;
    cursor: hand;

}

#prednasky_vypis ol {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: 18px;
    cursor: pointer;
    cursor: hand;

}

#prednasky_vypis li {
    position: relative;
    /*    background-color: #008db3;*/
    color: #008cb2;
    font-size: 16px;

    border-bottom: 1px solid #55b5cd;

    /*    padding-bottom: 5px;*/
    cursor: pointer;
    cursor: hand;

}

.pacicka {
    cursor: pointer;
    cursor: hand;
}

#prednasky_vypis li span {
    background-image: url(../data/layout/sip_m.png);
    background-position: left 9px;
    background-repeat: no-repeat;
    margin-right: 10px;
    padding-top: 8px;
    padding-left: 5px;
    padding-bottom: 5px;

    display: block;
    height: 19px;
    cursor: pointer;
    cursor: hand;
}


.hacka1 {
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    margin-left: 0px;
    cursor: pointer;
    cursor: hand;
    font-size: 20px;
    font-weight: bold;
    background-image: url(../data/layout/sip_m.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #025b73;
    margin-bottom: 20px;
}


.hacka {
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    margin-left: 10px;
    cursor: pointer;
    cursor: hand;
    font-size: 16px;
    font-weight: bold;
    background-image: url(../data/layout/sip_m.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #017392;
    margin-bottom: 5px;

}


.top_liimg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 300;
}

.top_linadpis {
    position: absolute;
    top: 4px;
    left: 18px;
    font-weight: normal;
    z-index: 300;
}


#prednasky_vypis .top {

}

#prednasky_vypis .sub {

}

#prednasky_vypis .subsub {

}

#prednasky_vypis .ulSub {
    display: none;
}

#prednasky_vypis .ulSubSub {
    display: none;
}

#prednasky_vypis .active {
    display: block;
}

.subss {
    padding-top: 0px;
    padding-bottom: 3px;
    margin-right: 12px;
    /*    background-image: url(../data/layout/dot_sipka.png);
        background-position: right 5px;
        background-repeat: no-repeat;*/
}

a.firstpred {
    background-color: #008db3;
    color: #fff;
    font-size: 16px;
    text-decoration: none;

    padding-left: 5px;
}


a:hover.firstpred {
    background-color: #008db3;
    color: #000;
    font-size: 16px;
    text-decoration: none;
}

#prednasky_vypis ol li ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
    margin-bottom: 5px;
    /*    padding-right:20px;*/

}

#prednasky_vypis ol ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

a.substpred {
    font-size: 12px;
    color: #000;
    background-color: #00a5c5;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    color: #feffff;
    padding-top: 3px;
    padding-bottom: 3px;
    /*background-image: url(../data/layout/dot_sipka.png);
        background-position: 932px 5px;
        background-repeat: no-repeat;*/
}


a:hover.substpred {
    font-size: 12px;
    color: #000;
    background-color: #b9f1ff;
    text-decoration: none;
    display: block;
    color: #018cb3;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}


a.substpredtt {
    font-size: 12px;
    color: #000;
    background-color: #f2f2f2;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*background-image: url(../data/layout/dot_sipka.png);
        background-position: 952px 0px;
        background-repeat: no-repeat;*/
}


a:hover.substpredtt {
    font-size: 12px;
    color: #000;
    background-color: #bee3ec;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}


a.substpred2 {

    position: absolute;
    top: 2px;
    right: 40px;
    background-color: #fff;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    height: 21px;
    line-height: 21px;
    text-decoration: none;
}


a:hover.substpred2 {

    position: absolute;
    top: 2px;
    right: 40px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 5px;


    text-decoration: none;
}


a.ffed2 {

    position: absolute;
    top: 6px;
    right: 3px;
    background-color: #fff;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    height: 21px;
    line-height: 21px;
    text-decoration: none;
}


a:hover.ffed2 {

    position: absolute;
    top: 6px;
    right: 3px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 5px;


    text-decoration: none;
}


#prednasky_vypis li li {
    background-color: #008db3;
    font-size: 14px;
    color: #fffffd;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 0px;
}

#prednasky_vypis li li li {
    position: relative;
    background-color: #00a5c5;
    font-size: 12px;
    color: #fffffd;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 0px;
}


#prednasky_vypiss a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

#prednasky_vypiss a:hover {
    background-color: #bee3ec;
    text-decoration: underline;
}


#vypis_testu {
    /*padding: 15px;*/
    /*border: 1px solid #fff;*/
    /*    margin-left: 30px;
        margin-right: 30px;*/
}

.otazka {
    padding: 10px;
    font-size: 14px;
    border-top: 1px solid #c0c0c0;
}

.otazka p {
    display: inline;
}

.question {
    border-bottom: 1px solid #c0c0c0;
}

/*.otazka a{color: #000;text-decoration: none;font-size: 12px;}*/
/*.otazka a:hover{text-decoration: underline;font-size: 12px;}*/


.odpoved {
    padding: 5px;
    background-color: #faf9f9;
    margin-top: 2px;
    margin-bottom: 20px;
    clear: both;
}


.odpoved ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-left: 10px;
}

.odpoved li {
    padding: 1px;
}


.odpoved a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}

.odpoved a:hover {
    text-decoration: underline;
    font-size: 12px;
}

/* vyhodnoceni testu */
.answerRight {
    background-color: #00cc00;
}

.answerWrong {
    background-color: #cc0000;
    color: #cccccc;
}

/* prehled ulozenych testu */
.listRight {
    color: #00cc00;
}

.listWrong {
    color: #cc0000;
}

.listGray {
    color: #cccccc;
}

.leftdiv2 {
    float: left;
    width: 500px;
}


.rightdiv2 {
    float: right;
    width: 350px;
}


/* pouzito v lectures/subchapteredit */
/*#subtitlesEditListTl{
	background-color:yellow;
	color:black;
	display:block;
	height:20px;
	float:left;
}

#subtitlesEditListTl .active{
	background-color:black;
	color:yellow;
}




#slidesEditListTl{
	background-color:blue;
	color:black;
	display:block;
	height:20px;
	float:left;
}

#slidesEditListTl .active{
	background-color:black !important;
	color:blue !important;
}*/


#subtitlesEditList {
}

#slidesEditList {
}

#termsEditList {
}

#testsEditList {
}

.subChapterEditPanel .editInputs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 10px;
    background-color: #a4d830;
    margin: 6px 0;
}

.subChapterEditPanel .editInputs > * {
    margin: 5px;
}

.subChapterEditPanel .editInputs select {
    max-width: 100%;
}

.subChapterEditPanel tr.active {
    border: 4px solid #a4d830;
    border-radius: 4px;
}

.subChapterEditSwitcher {
    /* Container for switch buttons (=list of tabs) */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #dfdfdf;
}

.subChapterEditSwitch {
    /* One switcher item (=tab)*/
    background-color: #f5f3f3;
    color: #383838;
    padding: 6px;
    margin: 6px 3px;
    cursor: pointer;
    border: 1px solid darkgray;
    border-radius: 4px;
}

.subChapterEditSwitch:hover {
    background-color: #c3c3c3;
}

.subChapterEditSwitch.active {
    background-color: #797979;
    color: white;
    cursor: default;
}

.subChapterEditPanel {
    max-height: 407px;
    /*width: 350px;*/
    overflow: auto;
    background-color: #FFFFFF;
    display: none;
}

.subChapterEditPanel > * {
    /* Content of panels should fill whole width of parent */
    width: 100%;
}

.subChapterEditPanel td {
    padding: 2px 3px;
}

/*.subChapterEditSwitch a {*/
/*    display: block;*/
/*    text-decoration: none;*/
/*    color: #fff;*/
/*    padding-top: 3px;*/
/*    padding-left: 4px;*/
/*    padding-right: 4px;*/
/*}*/

/*.subChapterEditSwitchActive a {*/
/*    display: block;*/
/*    text-decoration: none;*/
/*    color: #fff;*/
/*    padding-top: 3px;*/
/*    padding-left: 4px;*/
/*    padding-right: 4px;*/
/*}*/

/*.subChapterEditSwitchActive {*/
/*    background-color: #383838;*/
/*    color: #C5C5C5;*/
/*    display: block;*/
/*    height: 20px;*/
/*    float: right;*/
/*    padding-left: 2px;*/
/*    padding-right: 2px;*/
/*    margin-left: 0px;*/
/*    margin-right: 2px;*/
/*    margin-bottom: 5px;*/
/*    cursor: pointer;*/
/*    cursor: hand;*/
/*}*/

.delIcon {
    /*content: '❌';*/
    background: url(../data/icons/editdelete.png) no-repeat;
    display: block;
    /*cursor: pointer;*/
    width: 14px;
    height: 16px;
    border: none;
}

.procesingIcon {
    /* 	background:url(../data/icons/processing.gif) no-repeat; */
    /* 	display:block; */
    cursor: pointer;
    width: 22px;
    height: 22px;
    border: none;
}


#slidesList {
    /*    float:right;*/
    /*    width: 250px;*/
    /*    padding: 5px;*/

}

.pravaplayslide {
    padding-left: 5px;
    float: right;
    font-size: 16px;
    text-align: left;
    width: 260px;


}


/* pouzito v lectures/view */
.viewSlideList {
    width: 120px;
    /*	height:68px;*/
    display: block;
    text-align: center;
    margin: 0;
    margin-right: 6px;
    margin-bottom: 9px;
    padding: 2px;
    float: left;
    border: 1px solid #8c8c8c;
    background-color: #eae8e8;
    cursor: pointer;
    cursor: hand;
}

.viewSlideListActive {
    width: 120px;
    /*	height:68px;*/
    display: block;
    background-color: #008AB0;
    border: 1px solid #8c8c8c;
    cursor: pointer;
    cursor: hand;
}

.viewSlideListActivex {
    background-color: #a4d830;
    border: 0px solid #1a651a;
    cursor: pointer;
    cursor: hand;
}

#viewSlideBig {
    display: none;

    text-align: center;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

/* paticka - terminologicky slovnik */
#footerTerms {
    display: none;
    background-color: #ffffff;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}


#footerTerms h2 {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    margin-top: 5px;
}

#footerTerms {
    font-size: 12px;
    border: 1px solid #363634;
}

.termslovtit {
    color: #262626;
    line-height: 31px;
    height: 31px;
    background-image: url(../data/sbg.png);
    background-position: 0px center;
    background-repeat: no-repeat;
    padding-left: 7px;
}

.termslovtit span {
    font-size: 14px;

}


.testytit {
    color: #262626;
    line-height: 31px;
    height: 31px;
    padding-left: 7px;
    background-image: url(../data/sbg.png);
    background-position: 0px center;
    background-repeat: no-repeat;
}

.testytit span {
    font-size: 14px;

}


.testyvyb a {
    color: #fff;
    background-color: #008ab0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 14px;
}


.testyvyb a:hover {
    color: #fff;
    background-color: #008ab0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none;
    margin-right: 4px;
    font-size: 14px;
}


.bzzz {
    padding-left: 20px;
    font-size: 12px;
}

.bzzz a {
    font-size: 12px;
    text-decoration: none;
    color: #008ab0;
}

.log_bg {
    color: #fff;
    width: 272px;
    height: 120px;
    margin: 10px;
    padding: 10px;
    font-size: 12px;
    background-image: url(../data/bg_login.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.log_bg input {
    border: none;
    height: 24px;
    width: 195px;
}

#btnlog {
    background-color: #008ab0;
    color: #fff;
    border: none;
    /*width: 70px;*/
}

.pruhled {
    opacity: 0.6;
    MozOpacity: 0.6;
    KhtmlOpacity: 0.6;
    filter: alpha(opacity=60);
}


.termslova a {
    color: #fff;
    float: left;
    background-color: #008ab0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none;
    margin-right: 4px;
    font-size: 14px;
    margin-bottom: 4px !important;
    display: block;
}


.termslova a:hover {
    color: #fff;
    background-color: #008ab0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none;
    margin-right: 4px;
    font-size: 14px;
}


.tslovnik {
    padding-top: 15px;
    background-color: #fff;

    margin-left: 20px;
    margin-right: 20px;
}


#faqx {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 4px;
    width: 150px;
    color: #d4d3d3;
    background-color: #404040;
    border: 1px solid #b5b4b4;
    font-size: 11px;
    display: none;

    z-index: 3000;
}


fieldset {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    background-color: #dedede;
}

legend {
    color: #fff;
    font-weight: normal;
    padding: 2px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #008ab0;
}

.bblok {
    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #363634;
}


.faqspan {
    position: absolute;
    top: 0px;
    right: 15px;
    background-color: #404040;
    border: 1px solid #b5b4b4;
    color: #fff;
    font-size: 12px;

    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
    cursor: hand;
}


.kapit_subkap li {
    padding: 2px;
}


.kapit_subkap ol {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


.kapit_subkap ol li {
    position: relative;
    background-color: #008db3;
    color: #fff;
    margin: 0px;
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 1px;
}


.kapit_subkap ol li li {
    position: relative;
    background-color: #fff;
    color: #404040;
    padding: 0px;
    margin: 0px;
    font-size: 10pt;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 1px;
}


a.ahrfkapE {
    position: absolute;
    top: 0px;
    right: 10px;
    background-color: #fff;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    font-size: 10pt;
}

a.ahrfkapE:hover {
    position: absolute;
    top: 0px;
    right: 10px;
    background-color: #fff;
    color: #000;
    padding-left: 15px;
    font-weight: bold;
}


a.ahrfkapPR {
    position: absolute;
    top: 0px;
    right: 100px;
    background-color: #fff;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    font-size: 10pt;
}

a.ahrfkapPR:hover {
    position: absolute;
    top: 0px;
    right: 100px;
    background-color: #fff;
    color: #000;
    padding-left: 15px;
    font-weight: bold;
}


a.ahrfkapEsub {
    position: absolute;
    top: 0px;
    right: 10px;
    background-color: #f0f0f0;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    font-size: 10pt;
}

a.ahrfkapEsub:hover {
    position: absolute;
    top: 0px;
    right: 10px;
    background-color: #f0f0f0;
    color: #000;
    padding-left: 15px;
    font-weight: bold;
}


a.ahrfkapPP {

    background-color: #fff;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    font-size: 10pt;
}

a.ahrfkapPP:hover {
    background-color: #fff;
    color: #000;
    padding-right: 15px;
    font-weight: bold;
}


a.astr {
    background-color: #008ab0;
    color: #fff;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}


a.actstr {
    background-color: #383838;
    color: #dddddd;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}


/* input tlacitka */
.buttonRed {
    color: #ff0000;
    font-weight: bold;
}

.buttonGray {
    color: gray;
    font-weight: bold;
}


.titulek_prednaska {
    font-size: 18px;
}


/* Prednasky index nove prvky */

.hidden {
    display: none;
}


/* ++++++++HOMEPAGE +++++++++++++ */

.hmpimg img {
    border: none;
    margin: 10px;
}


.hmpimg a {
    text-decoration: none;
}

.hmptexty {
    text-align: left;
    width: 980px;
    height: 161px;
    background-color: #0089b0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 12px;
    margin-bottom: 20px;
}


.hmptexty a {
    text-decoration: none;
    width: 100%;
    /*    margin-bottom: 2px;*/
    display: block;
    color: #fff;
    font-weight: bold;
    /*    background-image: url(../data/homepage/dot_sipka.png);
        background-position: center right;
        background-repeat: no-repeat;*/

}

.hmptexty a:hover {
    text-decoration: none;
    width: 100%;
    /*    margin-bottom: 8px;*/
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    /*    background-image: url(../data/homepage/dot_sipka.png);
        background-position: center right;
        background-repeat: no-repeat;*/

}

.hmptexty td {
    width: 30%;
    padding: 10px;
}

/*.hmptexty table{
    padding: 5px;
}*/

.bhmp1 {
    float: left;
    width: 285px;
    height: 100px;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    /*    border-right:1px solid #666666; */
}

.bhmp2 {
    float: left;
    width: 289px;
    height: 100px;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    /*    border-right:1px solid #666666; */
}


.bhmp3 {
    float: left;
    width: 285px;
    height: 100px;
    margin-top: 20px;
    padding-left: 20px;

}


.lasvp {
    position: relative;
    float: left;
    height: 70px;
    width: 114px;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0px;
    margin-left: 16px;
    margin-top: 8px;
    background-image: url(../data/homepage/bg_posledni_prehravane-video.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.pofnlas {
    position: absolute;
    bottom: 11px;
    left: 14px;
    width: 104px;
    color: #fff;
    padding-left: 2px;
    background-image: url(../data/homepage/mlha.png);
    background-position: top left;
    background-repeat: repeat;
}

.lasvp img {
    border: none;
    position: absolute;
    top: 9px;
    left: 14px;
    height: 60px;
}

.odskokfoter {
    margin-left: 22px;
    color: #000;
    font-size: 13px;
}

.lasvp a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 12px;
}

.lasvp a:hover {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}


input.tdelx {
    background-color: red;
    color: #fff;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    border: none;
}


input.editx {
    background-color: #bdbdbd;
    color: #000;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    border: none;
}


.hometabroz {
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    width: 100%;
}

.hometabroz td {

    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}


.hnazroz {
    color: #000;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
    /*    text-transform: uppercase;*/

}


.hnoahre {

    font-size: 16px;
    color: #686868;
    padding-left: 20px;
}


.hhomeroz1 {
    float: left;
    text-align: left;
    background-color: #fcfcfc;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 17px;
    width: 315px;
    overflow: hidden;
    margin-right: 17px;
}


.hhomeroz1 img {
    border: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hhomeroz1 a {
    font-size: 16px;
    color: #686868;
    text-decoration: none;
    padding-left: 20px;
}

.hhomeroz1 a:hover {
    font-size: 16px;
    color: #686868;
    text-decoration: underline;
}


.hhomeroz2 {
    float: right;
    text-align: left;
    background-color: #fcfcfc;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 17px;
    width: 315px;
    overflow: hidden;
}


.hhomeroz2 img {
    border: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hhomeroz2 a {
    font-size: 16px;
    color: #686868;
    text-decoration: none;
    padding-left: 20px;
}

.hhomeroz2 a:hover {
    font-size: 16px;
    color: #686868;
    text-decoration: underline;
}


.transitionpolozka {
    float: left;
    position: relative;
    margin-bottom: 20px;
    width: 480px;


}


.transitionpolozka a {
    text-decoration: none;
    color: #fff;
}

.transitionpolozka img {
    border: 0px;

}

.transitionpolozka ul {
    float: left;
    /*    width:140px;*/
    color: #fff;
    padding: 0px;
    margin: 0px;
    margin-left: 12px;
    margin-top: 3px;
    font-size: 16px;
    /*    font-weight: bold;*/
    text-align: left;
    list-style-type: none;
}

.transitionpolozka li {
    padding: 0px;
    margin: 0px;
    padding-bottom: 5px;
}


.obaltrans {
    background-color: #8cb30c;
    color: #fff;
    text-transform: uppercase;
    cursor: hand;
    cursor: pointer;
}

.obaltransne {
    background-color: #d7d7d7;
    color: #fff;
    text-transform: uppercase;
}

.vicetrans {
    text-transform: uppercase;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #a4d830;
    width: 40px !important;
    font-weight: normal !important;
}


.transitionpolozka2 {
    position: relative;
    float: right;
    background-color: #fff;
    margin-bottom: 20px;
    width: 480px;
    /*    padding-bottom:10px;*/

}

.transitionpolozka2 a {
    color: #fff;
    text-decoration: none;

}

.transitionpolozka2 img {
    border: 0px;

}

.transitionpolozka2 ul {
    float: left;
    color: #000;
    padding: 0px;
    margin: 0px;
    width: 140px;
    margin-left: 12px;
    margin-top: 3px;
    font-size: 16px;
    /*    font-weight: bold;*/
    text-align: left;
    /*    text-transform: uppercase;*/
    list-style-type: none;
}

.transitionpolozka2 li {
    padding: 0px;
    margin: 0px;
    padding-bottom: 5px;
}


.tltrans {
    position: absolute;
    bottom: 1px;
    right: 0px;
}


.transitionpolozkax {
    position: relative;
    float: left;
    /*    background-color: #fff;*/
    margin-bottom: 0px;
    width: 481px;
    /*    margin-left: 100px;*/
    display: block;

    /*    padding-bottom:10px;*/

}

.transitionpolozkax2 {
    float: right;
    position: relative;
    /*    background-color: #fff;*/
    margin-bottom: 0px;
    width: 481px;
    /*    margin-right: 100px;*/
    display: block;
    /*    padding-bottom:10px;*/

}


.pokratrans {
    position: absolute;
    top: 280px;
    left: 180px;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    color: #fff;
    background-color: #a4d830;
    text-decoration: none;
}


.prvnitransa {

    position: absolute;
    top: 100px;
    width: 481px;


    text-decoration: none;
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
    text-shadow: 1px 1px 1px #0980a8;
    /*    font-weight: bold;*/
    background-image: url(../data/bg30_1.png);
}

.prvnitransa2 {
    font-size: 16px;
    position: absolute;
    top: 150px;
    width: 481px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    color: #fff;
}


.ucebtexttab {
    float: left;
    margin-top: 0px;
    width: 400px;
}


.ucebtexttab td {
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.ucebtexttab th {
    height: 40px;
}

.uatext1 {
    color: #4e4e4e;
    font-size: 16px;
    text-decoration: none;
}

.uatext:hover {
    text-decoration: underline;
}

.uatext {
    color: #4e4e4e;
    font-size: 14px;
    text-decoration: none;
}

.uatext:hover {
    text-decoration: underline;
}

.ucebtexttabfile {
    float: right;
    margin-top: 0px;
    width: 400px;
}


.ucebtexttabfile td {
    padding: 3px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}

.ucebtexttabfile th {
    height: 40px;
}


.tleditu {
    background-color: #a4d830;
    color: #fff;
    text-decoration: none;
    padding: 1px;
    padding-left: 8px;
    padding-right: 8px;
}


.strankovani {
    margin-top: 5px;
    text-align: center;
}


.stact {
    float: left;

}

.stact a {
    float: left;
    color: #000;
    font-weight: bold;
    padding: 4px;
    border: 1px solid #999999;
    font-size: 13px;
    border-radius: 3px;
    text-decoration: none;
    margin: 3px;
    display: blok;
}


.st {
    float: left;
}

.st a {
    float: left;
    color: #737373;
    padding: 4px;
    border: 1px solid #999999;
    font-size: 13px;
    border-radius: 3px;
    text-decoration: none;
    margin: 3px;
    display: blok;
}


.st a:hover {
    background-color: #fff;
}


.tlgensvc {

    color: #000;
    padding: 4px;
    border: 1px solid #999999;
    font-size: 13px;
    border-radius: 3px;
    text-decoration: none;
    margin: 3px;
    display: blok;
    background-color: #e5e5e5;

}

.tl_downmp3 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 40px;
    font-size: 16px;
    background-color: #9ccb49;
    color: #fff;
    display: blok;

    text-decoration: none;
    background-image: url(../data/tl_down.png);
    background-position: center right;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}


#msgalert {

    font-size: 16px;
    color: red;
    height: 30px;
    line-height: 30px;
    width: 100%;
    background-color: #e4e4e4;
    background-image: url(../data/close.png);
    background-position: center right;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    cursor: pointer;
    cursor: hand;
}


#zavriform {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 30px;
    width: 30px;
    background-image: url(../data/close.png);
    background-position: center right;
    background-repeat: no-repeat;

    cursor: pointer;
    cursor: hand;
}


#kontaktform {
    padding: 10px;
    width: 960px;
    background-color: #e4e3e3;
    margin-bottom: 20px;
    display: none;
    position: relative;
}

#kontaktform td {
    font-weight: normal;
}

#kontaktform em {
    font-size: 11px;
}

#kontaktform input {
    border: 1px solid #ccc;
    height: 24px;
    width: 200px;
}

#kontaktform textarea {
    border: 1px solid #ccc;
    /*    height: 24px;
        width: 200px;*/
}

.tlsave {
    background-color: #008ab0;
    color: #fff;
    font-size: 14px;
}

.okmesage {
    color: #D01D33;
    font-weight: bold;
}

@media (min-width: 768px) {
    .form-inline .form-control {
         width: 100% !important;
    }
}

.logger-item {
    text-align: left;
    /*display: none;*/
}

.logger-item pre {
    white-space: normal;
}