body { padding-left: 2em; font-family: /*"Lucida Casual",*/ Verdana, Arial, sans-serif; font-size: 90%}
    h1 {font-size: 150%; color: darkblue; margin-left: 0.2em; width: 30em}
    p, ul {margin-top: 0; margin-bottom: 0.3em; margin-left: 0;padding:0.2em}
    
    ul {padding-left: 2em; list-style-image: url(ikony/bullet_blue.gif)}
    li {margin-top: 0; margin-bottom: 0.3em;}
    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*/}
    img.pravy {float: right;margin-left:0.3em}
    .samostatna h2{height: 34px; background-image: url(ikony/samostatna.gif); background-repeat: no-repeat; background-position: top left }
    .rozsir h2{height: 34px; background-image: url(ikony/rozsir.gif); background-repeat: no-repeat; background-position: top left }
    .pokyny h2{height: 34px; background-image: url(ikony/pokyny.gif); background-repeat: no-repeat; background-position: top left }
    .cile h2{height: 34px; background-image: url(ikony/cile2.gif); background-repeat: no-repeat; background-position: top left }
    .test h2{height: 34px; background-image: url(ikony/quiz2.gif); background-repeat: no-repeat; background-position: top left }
    .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.sect {width: 45em; margin-top: 0.5em; margin-bottom: 0.5em; border: 1px solid lightblue; padding: 0 0 0.2em 3em;
font-family: "Lucida Casual", Verdana, Arial, sans-serif; font-size: 90%}
table {border-collapse: collapse}
td {}
a.okno { margin-left: 3em; padding-bottom:1em}