html{margin:0;background:url(../pics/background_swirl.gif);color:white;font-family:Verdana,"Geneva CE",lucida,sans-serif;padding-bottom:5em;font-size:12pt;}
body{margin:0 auto;padding:0;position:relative;width:48em;font-size:1.25em}
a{color:#243348;}
a[href^="http:"]{padding-right:9px;background-image:url(../pics/link-out.gif);background-position:right top;background-repeat:no-repeat;}
a[href^="mailto:"]{padding-right:9px;background-image:url(../pics/mail-out.gif);background-position:right top;background-repeat:no-repeat;}
h1{background:url(../pics/background_heading1.png);border:3px solid black;border-top:1px solid black;color:white;display:block;font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif;font-size:2em;margin:0 0 1em;padding:.3em 0 .1em;text-align:center;width:100%;}
h1 a{color:white;text-decoration:none;display:block;width:100%;height:1.4em;}
div#middle{height: auto; clear: both; float: left; background: red;}
div#big_left{position:absolute;left:0;top:4em;width:31em;}
div#small_right{position:absolute;right:0;top:4em;width:16em;}
div#bottom{background:white;height:100px;width:100%; float: right; clear: both;}
h2{background:url(../pics/background_heading2.png);border:2px solid black;border-bottom:none;color:white;font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif;font-size:1em;height:1.5em;margin:1em 0 0;padding:.6em 1em 0;}
h2:hover.clickable{text-decoration:underline;}
h2:hover.accordeon{cursor:pointer;text-decoration:underline;}
h2 a{color:white;text-decoration:none;display:block;width:100%;height:1em;}
h2 span.arrows{font-size:12pt;letter-spacing:-3px;display:none;}
h2.accordeon:hover span.arrows,h2.accordeon:focus span.arrows,h2.clickable:hover span.arrows,h2.clickable:focus-within span.arrows{display:inline;}
h2.accordeon:focus-visible {outline: 2px solid white;outline-offset: -4px;}
h3{margin:0;padding:0;font-size:0.8em;}
div.spacer{background-image:url(../pics/background_text.png);height:1.1em;}
div.innertext{background-image:url(../pics/background_text.png);color:#08182b;margin-bottom:1em;padding:1em;padding-top:0;}
p{margin:0;padding:0 0 1.3em;line-height:1.7em;text-align:justify;}
a img{border:1px solid #444444;}
img{border:1px solid #444444;display:block;margin-left:auto;margin-right:auto;}
img.img_intext_left{float:left;height:150px;margin-right:1em;margin-top:0.5em;margin-bottom:0.5em;}
img.img_thumb{margin-bottom:0.7em;margin-top:0.3em;width:274px;}
p.image_container{margin-top:0; margin-bottom:.5em;}
img.img_foto{}
span.foto_caption {display:block; line-height: 1em; width: 535px; margin-left: auto; margin-right: auto;}
#text_dokumenty ul li{font-weight:bold;}
ul{margin:0;padding:0 0 1.3em;list-style-position:inside;}
li{margin:0;padding:0;line-height:1.7em;}
p,li,td,th,dl{font-size:0.7em;}
dl{margin:0;padding:0;}
dt{margin:0;padding:0;font-weight:bold;}
dd{margin:0 0 1em 1em;padding:0;}
table{border-collapse:collapse;empty-cells:show;width:100%;}
table th{border-bottom:double 3px #BBBBBB;padding:0.4em;padding-bottom:0;text-align:left;}
table td{border-bottom:1px solid #BBBBBB;padding:0.4em;text-align:left;vertical-align:bottom;}
table td.nazev{min-width:50%;font-weight:bold;}
table td.vydavatel{}
table td.jazyk{font-size:0.5em;}
table td.isbn{font-size:0.5em;white-space:nowrap;}
table td.misto{}
table td.rok{font-size:0.5em;white-space:nowrap;}
table td.rezie{font-size:0.5em;}
ul.sitemap{margin:0;padding:0;list-style-type:none;}
ul.sitemap li {font-size:10pt;}
ul.sitemap li ul {margin:0;margin-left:2em;padding:0;list-style-type:none;}
ul.sitemap li ul li{font-size:10pt;}
img.img_intext_left{width:auto;}
img.img_thumb{height:auto;}

@media (max-width: 980px) {
  html{padding-bottom:2em;}
  body{box-sizing:border-box;width:auto;margin-left:1rem;margin-right:1rem;font-size:1.1em;}
  h1{box-sizing:border-box;width:100%;}
  h1 a{height:auto;min-height:1.4em;}
  div#big_left,div#small_right{position:static;width:auto;}
  div#small_right{margin-top:1em;}
  div.innertext{overflow-x:auto;}
  h2{height:auto;min-height:1.5em;}
  img.img_foto,img.img_thumb{max-width:100%;height:auto;}
  span.foto_caption{box-sizing:border-box;width:auto;max-width:535px;}
}

@media (max-width: 560px) {
  body{margin-left:.5rem;margin-right:.5rem;font-size:1em;}
  h1{font-size:1.6em;}
  h2{padding-left:.75em;padding-right:.75em;}
  div.innertext{padding-left:.75em;padding-right:.75em;}
  p{text-align:left;}
  img.img_intext_left{float:none;height:auto;max-width:100%;margin-left:auto;margin-right:auto;}
}