* {margin: 0; padding: 0; box-sizing: border-box} /* implicitni nastaveni pro vsechny objekty */

/* Verze 07. 06. 2017
 * dokumentace na https://is.muni.cz/auth/el/1433/test/s_zakazky/design/web/unicss/uniCss-verze.txt */

html, body {
  font-size: 14px;
}

body { /* globalni nastaveni stranky, obrazku obtekani a odkazu */
  margin: 20px auto;   
	width: 980px;
	font-family: Open Sans, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.312em;
  background: url("../design/w.png") 0px 0px repeat-x #fff; /* horni podkladovy pruh pod hlavickou */    
}

img {border: 0px}
main img.nbf {border: 0px; float: none}
.fll {float: left}
.flr {float: right}
.fln {float: none}
.cll {clear: left}
.clr {clear: right}
.cl  {clear: both}

/* specificke odkazy */

.ext_blank::after {
    display: inline-block;
    vertical-align: baseline;
    content: " ";
    margin-left: 0.3em;
    width: 9px;
    height: 10px;
    background: url("../design/icons.svg") no-repeat scroll -60px -10px transparent;
}

.ext_mail {padding-right: 17px; background: url("../design/ext_mail.bmp") 100% 90% no-repeat;}
.ext_down {padding-right: 12px; background: url("../design/ext_down.bmp") 100% 90% no-repeat;}
.ext_pdf {padding-right: 18px; background: url("../design/ext_pdf.bmp") right no-repeat;}
.ext_doc {padding-right: 18px; background: url("../design/ext_doc.bmp") right no-repeat;}
.int_dict {padding-right: 17px; background: url("../design/int_dict.bmp") right 70% no-repeat;}

/* odkazy s mensi prioritou */

.silver a, .silver a:visited, 
a.silver, a.silver:visited, a.lit, a.lit:visited, .lit a, .lit a:visited {color: #666;}

/* zakl. formatovani */

p {	
  margin: .8em 0;
  line-height: 1.6em
}
strong {color: #333; font-size: 100%;}
table strong {color: #000; font-size: 100%;}
sub, sup {font-size: 0.572rem;}
acronym, abbr {cursor: help;}
.overln {text-decoration: overline;} /* nadtrzitko */
.nowr {white-space: nowrap;} /* nedelitelna cast */

sup a, sup a:visited { /* klikaci horni index, vhodne pro pozn. pod carou */
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
  text-decoration: none;
  background: #eee;
  color: #a02622!important;
  font-size: 0.64rem;
  font-weight: 600;
}
sup a:hover, sup a:focus {
  background: #777;
  color: #fff!important;
}

/* access */

#accessKey {
	/*visibility: hidden;display:none;*/
	position: absolute;
	left: -1500px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* pristupnost */

.below {
  width: 100%;
  height: 50px;
  position: relative;
  overflow: hidden;
}

.below span {
  width: 100%;
  height: 50px;
  position: absolute; left:0; top:0;
  z-index:1;
  display: block;
  background: url("../design/below.png") no-repeat; 
}

.belowT { /* text pod flash */
  position: absolute; left:0; top:0;
  z-index: -1;
}

/* layout stranek */

#body { /* telo dokumentu */	
	background: url("../design/body.png") repeat-y #fff;
	z-index: 1; position: relative;
}

header {
  height: 150px;
  position: relative;
  background: url("../design/head.png") no-repeat #a02622;
}

header a, header a:hover, header a:active {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  font-weight: bold;
}

.maintitle, .subtitle {
  display: none;
}

.textual .maintitle, .textual .subtitle {
  display: block;
}

.maintitle {
  color: #fff;
  font-size: 1.786rem;
  margin-left: 80px;
  padding-top: 55px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-weight: 700;
} 

.subtitle {
  font-size: 0.857rem;
  font-family: Open Sans, Verdana, Geneva, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  padding-top: 5px;
  margin-left: 200px; 
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
  font-weight: 600;
}

 header .authors, header .affiliation {    
  line-height: 1.2em;
  margin-bottom: 0; 
}

#left { /* leva cast tela - menu */
  float: left;
  min-height: 400px;
  margin: 0px 10px 10px 20px;
  padding: 10px 0px 0px 0px;
	font-size: 0.857rem;
	background: url("../design/menu.jpg") 0px 10px no-repeat;
}

main { /* prava cast tela - text */
  display: block;
  min-height: 400px;
	margin: 10px 20px 0px 300px;
  padding-bottom: 1em;
  text-align: justify;
}

footer {
  box-sizing: border-box;
  width: 980px;
  margin: 0 auto 3em auto;
  display: flex;
  flex-flow: wrap;
  box-sizing: border-box;
  font-size: 0.929rem;
  background-color: #f9f9f9;
  background: linear-gradient(to right, #eee 10px, #f9f9f9 960px);
  align-items: center; 
  clear: both;
}

.contrib {
  flex-grow: 1;
  text-align: right;
  padding-right: 1em;
}

.logo { 
  padding: 1.5em;
  padding-right: 27px;
}

footer .affiliation { margin-bottom: 1em;}

.logo img { border: 0 none;}

.btline {
  width: 100%;
  text-align: right;
  background: #fff;
  padding: 0.5em;
  padding-right: 30px;
  color: #aaa;
}

.btline a:link, .btline a:visited {
  text-decoration: underline;
}

.btline a:hover, .btline a:focus { text-decoration: none;}

.copy { display: inline-block;}

.copy::after {
  margin-left: 0.3em;
  content: "|";
}

.upper { /* navigacni ikony */
  margin: 4px 0px 0px 0px;
  float: right;
  position: relative; z-index: 1; /* pristupnost(1) */
}

a.up::after {
  display: inline-block;
  content: " "; 
  width: 26px;
  height: 24px;
  background: url("../design/icons.svg") 0 -41px no-repeat;
}
a.up:hover::after {
  background-position: 0 -67px;
}
.upper a.up span {z-index: -1;position: absolute;right: 0px;font-size:0px}

/* nadpisy */
h1, h2, h3, h4, h5, h6 { /* nadpisy a dedeni */
  position: relative;
  margin: 2rem 0 0.5rem 0;
  text-align: left;
  line-height: 1.4em;
}

h1 {
  font-size: 1.571rem;
  margin-top: 0;
}

h2 {
  font-size: 1.429rem;
}

h3 {
	font-size: 1.286rem;
}

h4 {
  font-size: 1.143rem;
}

h5 {
	font-size: 1rem;
  font-weight: 800;
}

h6 {
	font-size: 1rem;
  font-weight: 600;
}

h1 + h2, h1 + div.upper + h2, h1 + div.upper, h1 + h3, h1 + h4, h2 + h3, h2 + h4, h3 + h4  { margin-top: 1.5rem; }
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 0.8rem; }
h3 + ul, h3 + ol { margin-top: 0.8rem!important; }

h3.videolist { /* nadpis u video-rozcestníku */
	background: url("../design/h3vid.png") 0px 2px no-repeat;
	font-size: 0.929rem;
  padding-left: 30px;
}

/* seznamy (odrazkove a cislovane) */

main ul, main ol {
  margin: 15px 0px 30px 30px;
  padding-right: 10px;
  
}
main ul.border1, main ol.border1 {
	margin-left: 0px;
}

main li, main ul ul ul li, main ol ol ul li, main ul ol ul li, main ol ul ul li {
  padding: 0px 10px 0px 30px;
  margin-left: 0px;
  list-style: none;
  margin-bottom: 0.3em;
	position: relative;  
  line-height: 1.5em;
}

main ul > li::before {
	position: absolute;
  left: 0; top: 2px;
  width: 15px; height: 18px;
  content: " ";
  background: url("../design/icons.svg") no-repeat -50px -22px transparent;
}

main ul ul li, main ol ul li {
  color: #555;
  padding-left: 50px;
}

li ul > li::before {
	background-position: -65px -22px;
	left: 20px;
}

main ol ul li {
  list-style-type: none;
}

main ul ul, main ol ol, main ul ol, main ol ul {
  margin-left: -30px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-left: 10px solid #f7f7f7;
}

main ul ul ul li, main ol ol ul li, main ul ol ul li, main ol ul ul li {
  padding-left: 50px;
}

main ul ul ul, main ol ol ol, main ul ol ul, main ul ol ol, main ol ol ul, main ol ul ul, main ul ul ol, main ol ul ol {
  margin-left: -30px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-left: 10px solid #fafafa;
}

main ul ul ol li, main ol ul ol li {
  padding-left: 10px;
  background: none;
}

ul h3, ul h4, ol h3, ol h4, ul h5, ol h5 {
  margin-bottom: 5px;
  padding: 3px 0px 5px 0px;
  border-bottom: 1px solid #eee;
}

ol {
  padding: 0px 20px 0px 20px
}

ol ol, ul ol {
  padding: 0px 20px 0px 40px
}

ul p, ol p {
	text-indent: 0px;
}

main ol li, main ol ol li {
  padding: 0px 20px 0px 10px;
  list-style-type: decimal;
  background: none;
  margin-left: 0px;
}

main ol.alp li { /* pismenne cislovani */
	list-style-type: lower-alpha!important;
	background: none;
}

main ol.alp ul {
  margin-left: -30px;
  padding: 0px 10px 0px 30px;
  border-left: 10px solid #f7f7f7;
}

main ol.alp ul li {
  margin-left: -30px;
  padding: 0px 10px 0px 50px; 
  list-style-type: none!important;
}

main ol.it li {list-style-type: upper-roman!important;} /* rimske cislovani */

main ol.it ul {
  margin-left: -30px;
  padding: 0px 10px 0px 30px;
  border-left: 10px solid #f7f7f7;
}

main ol.it ul li {
  margin-left: -30px;
  padding: 0px 10px 0px 50px; 
  list-style-type: none!important;
}

/* tabulky */

table {
  width: 100%;
  margin: 15px 0px 15px 0px;
  border-collapse: collapse;
  border-top: 1px solid #eee;
  font-size: 0.929rem;
  color: #555;

}

tr, td, th {
  border: 0px;
  border-bottom: 1px solid #eee;
  text-align: left;
}

th {
  border-color: #ddd;
  text-align: center;
  font-size: 0.929rem;
  color: #111;
}

#body table ul {
  border-left: 1px solid #f2f2f2;
  padding-left: 29px;
  text-align: left;
  margin-left: 0px;
}

.tab-pad10 tr td, .tab-pad10 tr th {
  padding: 10px;
}
.tab-pad5 tr td, .tab-pad5 tr th {
  padding: 5px;
}
td.tab-pad10 {
  padding: 10px!important;
}
td.tab-pad5 {
  padding: 5px!important;
}
table.tab-center tr td, tr.tab-center td {
	text-align: center;
}
.tab-center {
	text-align: center!important;
}
table.tab-left tr td, tr.tab-left td {
	text-align: left;
}
.tab-left {
	text-align: left!important;
}
table.tab-right tr td, tr.tab-right td {
	text-align: right;
}
.tab-right {
	text-align: right!important;
}
.tab-top {
	vertical-align: top;
}
.tab-bottom {
	vertical-align: bottom;
}
.tab-border tr td {
	border: 1px solid #eee;
}

.tablight, .tablight tr, .tablight td { /* bezbarierova tabulka */
  border: none;
  padding: 2px 4px 2px 4px;
  text-align: center;
}

/* automatické obarvení řádků tabulky - ODKOMENTUJTE v případě potřeby */

/*
.fa-f5 tr td { background: #fafafa; }
.fa-f5 tr:nth-of-type(odd) td { background: #f5f5f5; }
*/

.f5, th {background: #f5f5f5} 
.fa {background: #fafafa;}

table h3 {margin-top: 7px}

nav span, .subtext p {
    text-indent: 0;
}

/* vlastni styly */

.subtext { /* text pod menu */
  margin: 10px 20px 0px 20px;
  padding: 20px;
  text-align: left;
  font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, sans-serif;
  font-size: 0.786rem;
  line-height: 1.2em;
  background: #fafafa; 
}

.border1 { /* odsazeni s prouzkem vlevo */
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 20px;
  border-left: 10px solid #f2f2f2;
}

.border1 p {
  text-indent: 0;
}

ol.border1 { /* oprava pro <ol> */
  padding-left: 40px;
}

blockquote { /* blokova citace s okrasnymi uvozovkami */
  margin: 20px 0 20px 0px;
  padding: 0 70px 0 68px;
  min-height: 50px;
  font-style: italic;
	position: relative;
} 

blockquote p {
  margin: 0.5em 0;
}

blockquote::before { 
  position: absolute; content: " "; 
  width: 45px; height: 45px;
  bottom: -1em; left: 0; 
  background: url(../design/icons.svg) no-repeat scroll -140px 0 transparent;
} 

blockquote::after { 
  position: absolute; content: " "; 
  top: 0; right: 0;
  width: 45px; height: 45px; 
  background: url(../design/icons.svg) no-repeat scroll -185px 0 transparent;
} 

ul.literature, ol.literature { /* Seznam literatury, nebo jiný seznam s větším oddělením */
/*	padding-top: 10px;*/
	text-align: left;
	margin-left: 0px!important;
}

ul.literature li, ol.literature li {
	margin-top: 20px!important;
	padding-bottom: 20px!important;
	border-bottom: 1px dotted #ddd;
}

a.lit, a.lit:hover, a.lit:visited, a.lit:active, .lit a, .lit a:hover, .lit a:active, .lit a:visited, a.lit:focus, .lit a:focus {
	font-size: 0.929rem;
	font-family: "Courier New", courier, monospace;
}

.line, hr { /* opticke horiz. oddeleni */
  border: none;
  border-top: 2px solid #ddd;
  padding-bottom: 3px;
  border-bottom: 2px solid #eee;
  margin: 15px 0px;
}

.cite { /* citace */
  margin: 20px 0px 20px 0px;
  padding: 5px 40px 0px 30px;
  font-size: 0.786rem;
  line-height: 1.1em;
  text-indent: 0px;
  background: url("../design/cite.png") no-repeat;
  text-align: left;
}

.cite p { margin-left: 30px; text-indent: 0}
.cite p[id] { margin-top: 10px; }
.cite p:first-child { margin-top:5px; }
.cite sup {font-weight: 600; margin-left: -30px; float:left;}

.pager {
  margin: 10px 50px 10px 50px;
  border-top: 1px dotted #ddd;
  text-indent: 0px;
  font-family: Lucida Sans Unicode;
  font-size: 0.929rem;
  text-align: center;
}

#lang { /* jazykova lista */
  width: 100px;
  height: 20px;
  float: right;
  margin-top: -45px;
  padding-right: 20px;
  display: block;
  text-decoration: none;
  text-align: right;
}

#lang img {
  padding: 8px;
}

a.clickbox, a.clickbox:visited, a.clickbox:hover { /* box pro zvyrazneni odkazu */
  display: block;
  margin: 20px 0px;
  padding: 25px 5px 25px 80px;
  text-decoration: none;
  text-align: left;
  color: #777;
}

a.web, a.pdf, a.img, a.vid, a.odp, a.epub { /* jednotlive boxy pro odkazy */
  background-position: 10px center!important;
  background-repeat: no-repeat!important;
  border: 1px solid #eee;
}

a.web, a.web:hover {
  background: url("../design/a_web.gif") #f3f9ff;
  border-color: #ddf2fe;
}

a.web:hover, a.web:focus {
  background-color: #eef6ff;
  border-color: #cce6ff;
}

a.pdf, a.pdf:hover {
  background: url("../design/a_pdf.gif") #fdf3f3;
  border-color: #f9dddd;
}

a.pdf:hover, a.pdf:focus {
  background-color: #fdeaea;
  border-color: #f9c9c9;
}

a.img, a.img:hover {
  background: url("../design/a_img.gif") #f5fff3;
  border-color: #e0fadd;
}

a.img:hover, a.img:focus {
  background-color: #eeffea;
  border-color: #ccf9c9;
}

a.vid, a.vid:hover {
  background: url("../design/a_vid.gif") #f9f9f9;
  border-color: #e6e6e6;
}

a.vid:hover, a.vid:focus {
  background-color: #f3f3f3;
  border-color: #dadada;
} 

a.odp, a.odp:hover {
  background: url("../design/a_odp.gif") #fffae5;
  border-color: #f9e9c9;
}

a.odp:hover, a.odp:focus {
  background-color: #fffac9;
  border-color: #f9e5b0;
} 

a.epub, a.epub:hover {
  background: url("../design/a_epub.gif") #f5fff3;
  border-color: #e0fadd;
}

a.epub:hover, a.epub:focus {
  background-color: #eeffea;
  border-color: #ccf9c9;
}

/* obrazky a galerie */

main img { /* obrazky */
  float: right;
  margin: 10px 0px 5px 15px;
  padding: 3px;
  border: 1px solid #ccc;
  border-right: 10px solid #ddd;
}

main .nob, main .galhor .nob {border: none!important; margin-top: 0px; padding: 0px} /* obrazek bez okraje */

main .gal, .info { /*  galerie s popisky pod obrazky */
	float: left;
  text-indent: 0px;
	text-align: center;
	font-size: 0.857rem;
	color: #777;
  line-height: 1.25em;
  margin: 10px 0px 5px 15px;
}

main .gal img, main .galhor img, main .pic img { /* galerie */
  float: none;
  border: 2px solid #ddd;
  text-indent: 0px;
  background: #fff;
  margin: 10px 0px 5px 0px;
}

main .pic img {
	margin: 10px 5px 5px 5px;
}

main .pic {
	margin: 20px 0px 20px 0px; 
	text-indent: 0px;
	text-align: center;
  font-size: 0.929rem;
	color: #777;
}

.galhor { /* horizontalni galerie */
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 16px 10px;
	text-indent: 0px;
	border: 1px solid #ddd;
	border-bottom: 3px solid #eee;
  text-align: center;
  background: #f7f7f7;
  font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, sans-serif;  
  font-size: 0.857rem;
  color: #777;
  line-height: 1.1em;
}

main .gal2 { /* galerie s popisky vedle obrazku */
  float: left;
  border: 2px solid #ddd;
  margin: 10px 15px 10px 5px;
}

.info { /*  popisek galerie vedle obrazku */
  float: none;
  margin: 10px 5px 10px 10px;
  text-align: left;
}

main .gal em {color: #aaa;}
main img.ia:hover,  main .ia img:hover, .ia img:hover, main img.ia:focus,  main .ia img:focus, .ia img:focus {border-color: #aaa}

/* stream, flash */

.videoobject {
	margin-top: 20px; 
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
}

/* odstranění download tlačítka u HTML5 videí v Chrome */
/* (display none zatím nefunguje, takže se tl. posune ven z viditelné plochy) */
video::-internal-media-controls-download-button {
display:none;
}

video::-webkit-media-controls-enclosure {
overflow:hidden;
}

video::-webkit-media-controls-panel {
width: calc(100% + 30px); 
}


/* rozcestník - seznam kapitol */
#cap-box {
	display: block;
	width: 100%;
	margin: 1.2rem 0;
	overflow: hidden;
	padding: 0px;
	text-indent: 0px;
}

#cap-box a, #cap-box span.empty {
  display: block;
  margin: -1px;
  padding: 10px 10px 10px 80px;
  text-decoration: none;
  text-align: left;
  width: 50%;
  width: calc(50% + 2px);
  height: 66px;
  float: left;
}

#cap-box a .cap-num {
	font-size: 95px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: -10px 0px 30px -85px;
	padding: 15px 15px 0px 0px;
	height: 59px;
	display: block;
	font-weight: 600;
	overflow: hidden;
	background: none;
	float:left;
	letter-spacing: -25px;
}

#cap-box a .cap-num-hov {
	font-size: 1.786rem;
	margin: 23px -8px 30px 0px;
	padding: 5px 5px 0px 0px;
	letter-spacing: -5px;
	height: 59px;
	display: block;
	font-weight: 600;
	overflow: hidden;
	float: right;
	text-align: right;
}

.cap-box-long #cap-box a { 
  width: 100%;
  margin: -1px 0;
}

/* Tiráž publikace */

.tiraz {
  display: block;
  margin: 20px 0px;
  padding: 35px;
  text-decoration: none;
  text-align: left;
  color: #777;
  background: url("../design/tiraz-back.png") left top no-repeat #f9f9f9;
  border: 1px solid #e6e6e6;
}

.tiraz p {       
  text-indent: 0px;
}

.tiraz h3 {
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.tiraz h2 {
	letter-spacing: -3px;
	background: none;
	padding: 0px;
	margin: -18px 0px 10px -28px;
	color: #e6e6e6;
	font-size: 3rem;
  line-height: 1em;
}

.tiraz h2::before { display: none;}

.tiraz h2 + h3 { margin-top: 0; }

/* ****************/
/*  VYBER LAYOUTU */
/* *****************
 *
 *  s menu (impl. nastaveni, proto nezakomentovane)
 *  bez menu (v html se trida #left vynecha)
 *  bez hlavicky (index.html odstrante cely blok id="head" a id="left")
 *
 */

body {width: 980px;} 
#left {width: 260px;}
/*main {width: 652px;}*/

/*
.menu span, .menu a, .menu2 a, .menu3 a, 
.menu a:visited, .menu2 a:visited, .menu3 a:visited, .menu span {width: 240px;}
.menu2 a, .menu2 a:visited, .menu a.act, .menu a.act:visited {width: 220px;}
.menu3 a, .menu3 a:visited {width: 200px;}
.menu4 a, .menu4 a:visited {width: 180px;}
.menu a:hover, .menu a:focus {width: 230px;}
.menu2 a:hover, .menu2 a:focus {width: 215px;}
.menu3 a:hover, .menu3 a:focus {width: 198px;}
.menu4 a:hover, .menu4 a:focus {width: 179px;}
.menu a.act:hover, .menu a.act:focus {width: 220px;}
.menu2 a.act:hover, .menu2 a.act:focus {width: 210px;}
.menu3 a.act:hover, .menu3 a.act:focus {width: 195px;}  
.menu2 a.act, .menu2 a.act:visited {width: 210px;}
.menu3 a.act, .menu3 a.act:visited {width: 195px;}
*/

/* Bez menu */

/*
#head, #head a, #body {width: 980px;} 
main {width: 920px; margin: 10px 30px 0 30px;}
*/    

/* Bez hlavicky */

/*
#body { 
  border-top: 10px solid #eff0f1;
	background: url("../design/body2.png") repeat-y;
}

main {
  margin: 0px;
	padding: 30px 30px 30px 30px;   
	width: 920px;               
}

h1 { 
  background-position: 0px 0px;
  margin-bottom: 0px;
  font-size: 270%;
  font-weight: normal;
  letter-spacing: -1px;   
  padding-top: 10px;
}
*/     


/* *****************/
/*  NASTAVENI MENU */
/*  klasicke menu  */
/* *****************/

.menu ol, .menu ul {
	list-style: none;
}

.menu ul + ul, .menu ul + h3 {
	margin-top: 1.2em;
}

/* uprava bilych ramecku v levem menu */
.menu a, .menu span { position: relative; border-top: 0px none;}
.menu a::after, .menu span::after 
{  
  position: absolute;   
  display: block;    
  width: 260px;    
  top: -1px; 
  left: 0; 
  content: " "; 
  border-top: 1px solid #fff;  
  font-size: 0px; 
  line-height: 0;
}


.menu a, .menu a:visited { /* polozka */
  display: block;
  padding: 4px 0 4px 20px; 
  border-top: 1px solid #fff;
  text-decoration: none;
  text-align: left;
  position: relative;
}

.chapter::before, .sect1::before, .sect2::before {
	position: absolute;
	background: url(../design/icons.svg) no-repeat;
	content: " ";
}

.chapter::before {
    top: 9px; left: 7px;
    width: 10px; height: 10px;
    background-position: -58px 0 ;
}

a.sect1, a.sect1:visited { /* polozka 2. urovne */
  padding-left: 40px;
}

.sect1::before {
    left: 25px; top: 10px;
	width: 8px; height: 8px;
    background-position: -50px 0;
}

a.sect2, a.sect2:visited { /* polozka 3. urovne */
  padding-left: 60px;
}

.sect2::before {
    left: 45px; top: 10px;
	width: 8px; height: 8px;
    background-position: -50px 0;
}

.sect3, .sect3:visited { /* polozka 4. urovne */
  padding-left: 80px;
}

.sect4::before {
    left: 65px;
}

.menu a:hover, .menu a:focus { /* hover polozky */
  background-color: #fff;
}

.menu a.act, .menu a.act:visited { /* aktualni polozka */
  font-weight: 600; 
}

.act::before {
    background-position: -70px 0;
}

.menu a.other:hover, .menu a.other:focus {color: #777;} /* hover specialni polozky */

.menu h3 { /* nadpisy a mezery */
  padding-left: 7px;
  background: none;
  font-size: 1rem;
  font-weight: 600;
}
.menu2 span {padding-left: 20px;}
.menu3 span {padding-left: 40px;}


/* *******************/
/* horizontální menu */
/* *******************/

.hmenu {   	
  display: -webkit-flex;
  display: flex;     
	overflow: hidden;
  margin-left: 10px;
	margin-right: 10px;
  min-height: 40px;
  font-size: 0.929rem;
}

.hmenu a {
  -webkit-box-flex: 1 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;     
  padding: 0.571rem;
  color: #444;
  background: linear-gradient(#cccccc, #bbbbbb);
  border-top: 0px; 
  text-decoration: none; 
  font-weight: 600;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  justify-content: center;
  flex-flow: column;
  line-height: 1.3em;
}

.hmenu a + a {
  border-left: 4px solid #f9f9f9;
}

.hmenu a:hover, .hmenu a:focus, .hmenu .act {
 color: #fff;
 background: linear-gradient(#888888, #444444);
}
  

/* ******************/
/*  NASTAVENI BAREV */
/* ******************/

.silver a:active, .silver a:hover, a.silver:hover, a.lit:hover, .lit a:hover, .silver a:focus, a.lit:focus {color: #a02622;}
a, :visited {color: #a02622}
a:active, a:hover, a:focus {color: #451717; text-decoration: none}
#base a:link, #base a:visited, #baser a:link, #baser a:visited {color: #888}
#base a:active, #base a:hover, #baser a:active, #baser a:hover {color: #a02622}
.btline a:link, .btline a:visited { color: #aaa; }
.btline a:hover, .btline a:active, .btline a:focus { color: #a02622; }

h1 {color: #444}
h2, h5 {color: #a02622}
h3, h6 {color: #451717}
h4 {color: #777}

em {color: #640707} 

.t1, .t1 strong, .t1 em {background: #640707!important; color: #fafafa;}
.t2, .t2 strong, .t2 em {background: #a02622!important; color: #fafafa;}
.t3, .t3 strong, .t3 em {background: #451717!important; color: #fafafa;}

blockquote {color: #888;} /* okrasne uvozovky */
blockquote em {color: #640707;}
blockquote strong {color: #888;} /* strong uvnitř okrasných uvozovek */

/* rozcestník */
#cap-box { background-color: #f5f5f5; }
#cap-box a, #cap-box span.empty { color: #777; background-color: #f5f5f5; border: 2px solid #fff; }
#cap-box a .cap-num { color: #e5e5e5; }
#cap-box a:hover, #cap-box a:focus, #cap-box a:active { color: #451717; background-color: #ddd; }
#cap-box a:hover .cap-num, #cap-box a:active .cap-num, #cap-box a:focus .cap-num {	color: #451717; }
#cap-box a .cap-num-hov { color: #f5f5f5; }

.menu span, .chapter, .sect1, .menu3 a, .menu4 a, 
a.chapter:visited, a.sect1:visited, .menu3 a:visited, .menu4 a:visited, .menu span { /* polozka */
  color: #000;
}

a.chapter:hover, a.chapter:focus { /* hover polozky */
  border-right: 10px solid #a02622;
  color: #a02622;
}
a.sect1:hover, a.sect1:focus { /* hover polozky 2. urovne */
  border-right: 5px solid #451717;
  color: #451717;
}
.menu3 a:hover, .menu3 a:focus { /* hover polozky 3. urovne */
  border-right: 2px solid #a02622;
  color: #a02622;
}
.menu4 a:hover, .menu4 a:focus { /* hover polozky 4. urovne */
  border-right: 1px solid #451717;
  color: #451717;
}

.menu a.act, .menu a.act:visited { /* aktualni polozka */
  border-right: 20px solid #a02622;
}
.menu2 a.act, .menu2 a.act:visited { /* aktualni polozka 2. urovne */
  border-right: 10px solid #451717;
}
.menu3 a.act, .menu3 a.act:visited { /* aktualni polozka 3. urovne */
  border-right: 5px solid #a02622;
}

.menu a.act::after {
   border-color: #fff;
}

.menu a.other, .menu a.other:visited {color: #a02622;} /* specialni polozka */
.menu2 a.other, .menu2 a.other:visited {color: #451717;} /* specialni polozka 2. urovne */
.menu3 a.other, .menu3 a.other:visited {color: #a02622;} /* specialni polozka 3. urovne */

/* web ma tri druhy barev - staci vzdy hromadne nahradit ctrl+h
em: 640707
h2, menu: a02622
h3, podmenu, odkazy: 451717
*/

#body.no-menu {
	background: linear-gradient(to right, #eee 10px, #fff 11px, #fff 970px, #f9f9f9);
}


.no-menu main {
	margin-left: 20px;
}

.small {
    text-transform: lowercase;
    font-size: 90%;
}