body {
  max-width : 724px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  }

/* navigační lišta */
header#topnav {
  position: sticky;
  top: 0ex;
  z-index: 1;
  overflow: hidden;
  background : WhiteSmoke;
  margin : 0px;
  padding : 0px;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  border-color : gray;
  font-size : 80%;
  font-family : monospace;
  }
header#topnav nav {
  display: inline-block;
  box-sizing: border-box;
  margin : 0px;
  padding-top : 1ex;
  padding-bottom : 1ex;
  padding-left : 12px;
  padding-right : 12px;
  }
header#topnav nav.vlevo {
  width : 45%;  
  text-align : left;
  vertical-align: top;
  }
header#topnav nav.vpravo {
  width: 55%;  
  text-align : right;
  vertical-align: top;
  }

/* zápatí */
footer {
  margin-top : 5ex;
  padding-top : 0.25ex;
  margin-left : 12px;
  margin-right : 12px;
  border-top-style : ridge;
  border-top-width : 2px;
  border-color : gray;
  }
footer p {
  margin-top : 0ex;
  font-size : 80%;
  }

/* úvod */
div.uvod {
  text-align : center;
  padding-top : 2ex;
  margin-top : 3ex;
  margin-bottom : 1ex;
  }
div.uvod h1 {
  color : red;
  }
div.uvod h2 {
  color : red;
  }
div.uvod p {
  color : black;
  font-weight : bold;
  font-size : 120%;
  }
div.uvod p.autor {
  color : blue;
  }

/* hlavní text */
section {
  margin-top : 1ex;
  margin-bottom : 0ex;
  padding-top : 0.5ex;
  padding-bottom : 1.5ex;
  padding-left : 12px;
  padding-right : 12px;
  }
section.subsec {
  margin: 0ex;
  padding: 0ex;
  }
h3 + section.subsec {
  margin-top : -2ex;
  }
section h3 {
  color : darkgreen;
  margin-top : 4ex;
  padding-top : 0.25ex;
  border-top-style : ridge;
  border-top-width : 2px;
  }
section h4 {
  margin-bottom : 1ex;
  color : brown;
  }
section.subsec h4 {
  margin-top : 0ex;
  padding-top : 3ex;
  }

section p {
  text-align : justify;
  margin-left : 2em;
  margin-right : 0em;
  margin-top : 1ex;
  margin-bottom : 1.5ex;
  }
section p.break {
  margin-bottom : 1ex;
  }

section>ul {
  margin-left : 1em;
  margin-right : 0em;
  margin-top : 1ex;
  margin-bottom : 1ex;
  }

section>dl {
  margin-left : 2em;
  margin-right : 0em;
  margin-top : 1ex;
  margin-bottom : 1ex;
  }


/* specifické sekce */
section.oznam {
  page-break-inside : avoid;
  }

section.sylabus dt {
  margin-top : 1.5ex;
  margin-bottom : 0.25ex;
  font-weight: bold;
  }
section.sylabus dd {
  margin-top : 0.25ex;
  margin-bottom : 0.25ex;
  }

dl.dny>dt {
  margin-top : 3ex;
  margin-bottom : 0.5ex;
  font-style: italic;
  }
dl.prednasky>dt {
  margin-top : 0.5ex;
  margin-bottom : 0.5ex;
  font-weight: bold;
  }
dl.prednasky>dd {
  margin-top : 0.1ex;
  margin-bottom : 0.1ex;
  }

dl.du>dt {
  margin-top : 2ex;
  margin-bottom : 0.3ex;
  font-weight: bold;
  }

div.grafprednasek {
  text-align : center;
  }  
div.grafprednasek img {
  width: 360px;
  }

p.navpredn {
  box-sizing: border-box;
  width: 100%; 
  margin-top: 5ex; 
  margin-bottom: 5ex; 
  margin-left: 0px; 
  margin-right: 0px; 
  padding-top: 0.5ex; 
  padding-bottom: 0.5ex; 
  text-align: center;
  font-size: 90%; 
  background: WhiteSmoke;
  }

span.leccomment {
  font-size : 95%;
  color : gray;
  }

/* videopřehravač */
div.prehravac {
  margin-top : 5ex;
  margin-bottom : 1ex;
  }
div.prehravac p {
  margin-top : 1ex;
  margin-bottom : 1ex;
  margin-left : 0px;
  margin-right : 0px;
  }
div.prehravac select {
  width : 100%;
  }
div.videoplayer {
  width : calc(100%-4px);
  border : inset 2px;
  margin-left : -12px;
  margin-right : -12px;
  }
div.videoplayer video {
  width : 100%;
  }
  
/* watermark */
div.watermark  {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding-top: calc(50vh - 5vw);
    z-index: -5;
    color: rgba(0, 0, 0, 0.2);
    font-size: 10vw;
    font-weight: bold;
    text-transform: uppercase;
    transform: rotate(-45deg);
    user-select: none;
    }
div.watermark  p {
    width: 100%;
    text-align : center;
    margin: 0px;
    }
   
/* různé formátování */
a:link {
  color : #0000AA;
  text-decoration : none;
  }
a:visited {
  color : #0000AA;
  text-decoration : none;
  }
a:hover {
  color : #0000FF;
  text-decoration : underline;
  }
a:active {
  color : #FF0000;
  text-decoration : underline;
  }

.url {
  font-family : monospace;
  }
.kod {
  font-family : monospace;
  }
.red {
  color : red;
  }
.big {
  font-size : 120%;
  }
  
/* tisk */  
.print {
	display : none;
	}
	
@media print {
  header, footer, .noprint {
    display : none;
    }
  input.expctr:not(:checked) ~ div.expctr label.showctr {
    display : none;
    }
  input.expctr:checked ~ div.expctr label.hidectr {
    display : none;
    }
  
  #prednasky, #sylabus {
    page-break-before : always;
    }

  a:link, a:visited {
    color : black;
    text-decoration : none;
    }
  .print {
    display : inherit;
    }
  .screen {
    display : none;
    }
  }