div#osnova { padding-left: 2em; font-family: /*"Lucida Casual",*/ Verdana, Arial, sans-serif; font-size: 12px}
   div#osnova  h1 {font-size: 150%; color: darkblue; margin-left: 1.34em;margin-bottom: 0.2em; width: 30em;}

 div#osnova h1.main-title {font-size: 200%; margin-left:0em; padding-left: 1em;padding-top: 0.1em; padding-bottom: 0.1em; background: #def; color:#800;width: 21.5em;  }

div#osnova span.number {color: #def; background-color: #800; padding:0.2em; padding-top: 0em;padding-bottom:0; font-size: 100%;display:block; float:left;margin-right: 0.5em;margin-bottom: 1em; height: auto}

 div#osnova p, div#osnova ul {margin-top: 0; margin-bottom: 0.3em; margin-left: 0;padding:0.2em}
    
    div#osnova div.sect ul {padding-left: 2em; list-style-image: url(ikony/bullet_blue.gif)} 
    div#osnova li {margin-top: 0; margin-bottom: 0.3em;}
    div#osnova .sect h2 {font-size: 120%;padding: 0.2em; padding-left: 2.5em; margin-left: -2.5em;
        background: #def;margin-top:0; margin-bottom: 0.25em; color: #800; /*border-bottom: 3px outset #def*/}
 #osnova .hlavicka h2 { background: darkblue; color: white; font-size: 150%; padding-left: 0.5em }
    
 div#osnova .pravy {float: right;margin-left:0.3em; margin-right:0.3em; width: 310px; background: white}

    div#osnova .samostatna h2{height: 34px; background-image: url(ikony/samostatna.gif); background-repeat: no-repeat; background-position: top left }
    div#osnova div.rozsir h2{height: 34px; background-image: url(ikony/rozsir.gif); background-repeat: no-repeat; background-position: top left }
    div#osnova .pokyny h2{height: 34px; background-image: url(ikony/pokyny.gif); background-repeat: no-repeat; background-position: top left }
   div #osnova .cile h2{height: 34px; background-image: url(ikony/cile2.gif); background-repeat: no-repeat; background-position: top left }
    #osnova .test h2{height: 34px; background-image: url(ikony/quiz3.gif); background-repeat: no-repeat; background-position: top left }
    div#osnova .forum h2{height: 34px; background-image: url(ikony/forum.gif); background-repeat: no-repeat; background-position: top left }
   div#osnova .materialy h2{height: 34px; background-image: url(ikony/materialy.gif); background-repeat: no-repeat; background-position: top left }
    /*.www {list-style-image: url(ikony/icon_world.gif)}*/
    div#osnova div.sect {width: 45em; margin-left:2em; margin-top: 1em; margin-bottom: 0.5em; border: 1px solid lightblue; padding: 0 0 0.2em 3em;
font-family: "Lucida Casual", Verdana, Arial, sans-serif; font-size: 12px; 
clear: both;
}
 div#osnova .cile {clear: both}
 div#osnova .sect h3 {font-size: 100%; margin-top: 0.5em; margin-bottom:0; padding:0}

 #osnova table {border-collapse: collapse}
 #osnova td {}
 /* #osnova a.okno { padding: 0; padding-right: 13px} */
 #osnova div.upozorneni p { margin-left: 40px}
/* --- miniaturni ikonky v textu --- */
 div#osnova .testy {background-image: url(ikony/quiz2_mini.gif); background-repeat: no-repeat; background-position: top right; padding-right: 18px}
 div#osnova .rozsiry {background-image: url(ikony/rozsir_mini.gif); background-repeat: no-repeat; background-position: top right; padding-right: 18px}
 div#osnova .materialy {background-image: url(ikony/materialy_mini.gif); background-repeat: no-repeat; background-position: top right; padding-right: 18px}
 div#osnova .samostatne {background-image: url(ikony/samostatna_mini.gif); background-repeat: no-repeat; background-position: top right; padding-right: 18px}
 div#osnova .fora, #osnova em.fora {background-image: url(ikony/forum_mini.gif); background-repeat: no-repeat; background-position: top right; padding-right: 18px}
div#osnova .videa {background-image: url(ikony/f_video.gif); background-repeat: no-repeat; background-position: top right; padding-right: 18px}

 div#osnova div.citat {width: 25em;padding: 0.5em; color:#800; font-style: italic; font-size:80%;margin-left: 2.5em}
 #osnova p.citat-autor { text-align:right}

 div#osnova li.file {list-style-image: url(ikony/f_text.gif);}
 div#osnova li.pdf {list-style-image: url(ikony/f_pdf.gif); padding-left: 0.5em }
 div#osnova li.html {list-style-image: url(ikony/f_html.gif); padding-left: 0.5em}
 div#osnova li.video {list-style-image: url(ikony/f_video.gif); padding-left: 0.5em}

 div#osnova p.citation {font-size: 60%; font-style:italic} /* citace zdroju */

 div#osnova a.pdf {background-image: url(ikony/f_pdf.gif); background-repeat: no-repeat; background-position: top left; padding-left: 18px}
 div#osnova a.html {background-image: url(ikony/f_html.gif); background-repeat: no-repeat; background-position: top left; padding-left: 18px}