/* ------------------------------------------------------------*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; background-color: #CCCCCC; margin: 0; padding: 0; }
    body.dialog { background-color: #fff; }
#main { padding: 0; width: 960px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #FFFFFF; background-image: url(../gfx/bg-white.gif); }
    #main #head { position: relative; height: 60px; }
        #main #head h1 { margin: 0 0 0 15px; padding: 0; border: none; }
            #main #head h1 a { display: block; width: 390px; height: 60px; }
        #main #head .hledaniBox { position: absolute; top: 20px; right: 20px; }
    #main #footer { padding: 4px; font-size: 8pt; background-color: #FFCC99; margin-top: 0; margin-bottom: 0; background-image: url(../gfx/bg-orange.gif); text-align: center; }
    #main #content { margin: 0 10px; padding: 10px; }
    #main #menu { background-color: #DDD; margin: 0; height: 20px; padding-top: 7px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; background-image: url(../gfx/bg-orange.gif); }
        #main #menu ul { margin: 0; padding: 0; }
        #main #menu a { text-decoration: none; }
            #main #menu a:hover { text-decoration: underline; }
        #main #menu li { list-style-type: none; float: left; padding: 0 5px; margin: 0; border-right-width: 1px; border-right-style: solid; border-right-color: #000; }
#hlavicka { margin: 0; margin-bottom: 10px; padding: 10px; background-image: url("/gfx/hlavicka.gif"); background-repeat: no-repeat; position: relative; }
    #hlavicka p { float: right; padding-top: 5px; margin: 0; }
    #hlavicka h2 { margin: 0; }
#kapitoly { width: 240px; float: left; padding: 0; }
    #kapitoly img { border: none; }
#kapitola { float: left; width: 650px; padding: 0 10px 10px 10px; }
#main .head h1 { color: #FF6600; padding-top: 15px; }
#kapitola .literatura { font: inherit; }
/* ------------------------------------------------------------*/
table.knihy { border: none; margin: 0; }
    table.knihy td { border: none; margin: 0; padding: 0; }
.kniha { margin: 5px; border: thin solid #CCCCCC; padding: 7px; height: 330px; width: 200px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; position: relative; background-image: url("/gfx/gradient-bottom.jpg"); background-position: bottom; background-repeat: repeat-x; }
    .kniha img.typ { border: none; float: left; margin: 5px 0}    
    .kniha p.autor {  position: absolute; left:45px; top: 10px; font-size: 8pt;}
    .kniha h3.title { position: absolute; left:45px; top: 25px; width: 155px; border: none;font-size: 10pt; }
    .kniha img.titleimage { position: absolute; left:5px; top: 80px; width: 200px;height: 150px; border: none; }
    .kniha .anotace { font-size: 8pt; position: absolute; left: 5px; top: 115px; width: 200px; height: 150px; overflow: auto; }
    .kniha .projekt { font-size: 8pt; position: absolute; left: 5px; bottom: 5px; width: 200px; overflow: auto;margin: 0;text-align: center; }
    .kniha .logolink { font-size: 8pt; position: absolute; left: 5px; bottom:53px; width: 200px; height: 45px; overflow: auto; }
    .kniha .kod { position: absolute; left: 15px; top: 45px; }
    .kniha p { font-size: 10px; }
    .kniha .toolbar { position: absolute; left: 10px; bottom: 3px; }
    .kniha a { text-decoration: none; }
        .kniha a:hover { text-decoration: underline; }
        .kniha a.linkedit { padding-left: 20px; padding-bottom: 7px; padding-right: 15px; background-image: url(/gfx/ico-edit.gif); background-repeat: no-repeat; }
        .kniha a.linkquiz { padding-left: 20px; padding-bottom: 10px; background-image: url(/gfx/ico-quiz.gif); background-repeat: no-repeat; }
/*-------------------------------------------------------*/
.fulltext { margin-left: auto; margin-right: auto; width: 800px; padding: 50px 0 50px 0; }
    .fulltext input { margin: 0 5px 0 0; }
    .fulltext h2 { margin: 0 0 5px 10px; }
    .fulltext h3 { margin: 20px 0 5px 10px; }
    .fulltext ul li.text { list-style-image: url('/gfx/icon_book.png'); }
    .fulltext ul li.audio { list-style-image: url('/gfx/icon_audio.png'); }
/*------------ panel pro editaci kapitol -----------------*/
div.divEditorKapitol { margin: 0; margin-bottom: 10px; padding: 0; background-image: url("/gfx/bg-editorKapitol.gif"); background-repeat: no-repeat; }
div.EditorUcebnic { background-image: url("/gfx/bg-editorUcebnice.gif"); position: relative; }
div.divEditorKapitol ul { margin: 0 0 0 20px; padding: 10px; }
    div.divEditorKapitol ul li { list-style-type: none; float: left; margin: 5px 5px 10px 0; }
div.divEditorKapitol div.formular { margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #ffcc99; border-left: 1px solid #ffcc99; border-right: 1px solid #ffcc99; background-color: #ffdbb7; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
    div.divEditorKapitol div.formular table { margin: 0; border: none; }
        div.divEditorKapitol div.formular table tr td, div.divEditorKapitol table tr td { border: none; }
img.ico { border: none; }
div.divEditorKapitol a { text-decoration: none; }
    div.divEditorKapitol a:hover { text-decoration: underline; }
/*----------- panel pro editaci audiostop ---------------------*/
div.divEditorAudiostop { margin: 0; margin-bottom: 10px; padding: 0; background-image: url("/gfx/bg-editorKapitol.gif"); background-repeat: no-repeat; }
    div.divEditorAudiostop ul { margin: 0 0 0 20px; padding: 10px; }
        div.divEditorAudiostop ul li { list-style-type: none; float: left; margin: 5px 5px 10px 0; }
    div.divEditorAudiostop div.formular { margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #ffcc99; border-left: 1px solid #ffcc99; border-right: 1px solid #ffcc99; background-color: #ffdbb7; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
        div.divEditorAudiostop div.formular table { margin: 0; border: none; }
            div.divEditorAudiostop div.formular table tr td, div.divEditorAudiostop table tr td { border: none; }
.red { color: Red; }
.green { color: green; }
.fright { float: right; }
.tright { text-align: right; }
.clr { clear: both; }
.ucebnice-alert { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; position: absolute; right: 10px; top: 7px; border: 1px solid red; padding: 5px; background-color: #ffbbbb; }
/*-------------- audiostopy --------------------*/
div#kapitola ol li a.selected { color: #FF6600; }
/*-------------------------------------------------*/
.panel { margin-bottom: 10px; padding: 10px; border: 1px solid #d5d4d4; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-image: url("/gfx/gradient-bottom.jpg"); background-position: bottom; background-repeat: repeat-x; }
/* EDITACE UCEBNICE - SEZNAM NAHRANYCH SOUBORU --------------------------------- */
ul.uploadedFilesHelp { margin: 10px 0 0 18px; padding: 0; }
    ul.uploadedFilesHelp li { margin: 0 0 0 0; padding: 0 0 2px 0; font-size: 8pt; }
ul.uploadedFilesList { margin: 10px 0 0 4px; padding: 0; list-style-type: none; }
    ul.uploadedFilesList li { display: inline-block; margin: 0 0 2px 0; padding: 5px; border: 1px solid #CDCDCD; width: 445px; }
        ul.uploadedFilesList li img { margin: 0; padding: 0; border: none; vertical-align: bottom; }
        ul.uploadedFilesList li a { display: inline-block; margin: 0 0 2px 5px; padding: 0 0 0 0; }
        ul.uploadedFilesList li input { display: inline-block; margin: 0 0 -5px 5px; padding: 4px; background-color: #eee; }
/* EDITOR TESTU ----------------------------------------------------------*/
.odpoved { position: relative; width: 700px; border-bottom: 1px solid rgb(234, 234, 234); margin-top: 5px; margin-bottom: 10px; padding: 3px 5px 3px 5px; }
    .odpoved .odpovedText { width: 530px; border-right: 1px solid rgb(234, 234, 234); padding: 0 10px 0 0; }
    .odpoved .odpovedOlvaladani { position: absolute; top: 2px; right: 5px; }
/* EDITOR TESTU radek s odpovedi respektive jeho bunka ----------------------------------------------------------*/
.rowPadding { padding: 3px 5px 3px 5px; }