* {padding: 0; margin: 0}

.clearfix:after, #body:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
* html .clearfix {
	height: 1%;
}


body { /* globalni nastaveni */
	padding: 20px 0px 20px 0px;
  position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
  background: url("design/w.png") repeat-x; /* horni podkladovy pruh pod hlavickou */
}

.ray { /* reklamni prouzek */ 
  float: right;
  width: 40px;
  margin-right: 1px;
  position: absolute;
  top: 0px;
  right: 8px;
}
.rayn, .rayn a, .rayn a:visited, .rayn a:hover { /* odkaz */
	display: block;
	float: left;
	padding: 0px;
	width: 40px;
	text-decoration: none !important;
}

a.xray1       {background: url("design/xray.png"); height: 155px; margin-bottom: 15px;}
a.xray1:hover {background: url("design/xray.png") 40px 0px;}
a.xray2       {background: url("design/xray.png") 0px -170px; height: 180px;}
a.xray2:hover {background: url("design/xray.png") 40px -170px;}
a.xray3       {background: url("design/xray.png") 0px -350px; height: 120px;}
a.xray3:hover {background: url("design/xray.png") 40px -350px;}


                                                             


.w980 > header, .w980 > #body, .w980 > footer {
 width: 980px;
	margin-left: auto;
	margin-right: auto;
} 
.w780 > header, .w780 > #body, .w780 > footer {
 width: 780px;
	margin-left: auto;
	margin-right: auto;
} 
 
.w980 .menu260 #text, .w980 .menu260 nav.prevnext {width: 652px }                   
.w980 .menu220 #text, .w980 .menu220 nav.prevnext {width: 692px }
.w980 .noMenu #text {width: 942px; margin-left: 20px; }

.w780 .menu260  #text {width: 452px }                   
.w780 .menu220 #text {width: 472px }
.w780 .noMenu #text {width: 742px; margin-left: 20px; }

.menu260 .menu-left { width: 260px; background-image: url("design/menu.jpg"); }
.menu220 .menu-left { width: 220px; background-image: url(design/menu220.jpg); }

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


header div.subtitle {
  font-size: 15px;
  font-variant: small-caps;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
	color: #fff;
	padding: 0;
	padding-top: 18px;
	margin-left: 200px;
}
header a, header a:hover, header a:active {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
}


span.maintitle { display: block;
  font-size: 35px;
  font-variant: small-caps;
  font-weight: bold;
	color: #fff;
	padding-top: 45px;
	margin-left: 80px;
	text-shadow: 1px 1px 1px #333333
}

header span.subtitle {
  display: block;
  font-size: 15px;
  font-variant: small-caps;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
	color: #fff;
	padding: 0;
	padding-top: 18px;
	margin-left: 200px;
	/*text-shadow:2px 2px 2px #333333*/
}

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

.w980 #body.menu220 { 	background-image: url("design/body980_m220.png")}
.w780 #body.menu220 { 	background-image: url("design/body780_m220.png")}
.w980 #body.noMenu { background-image: url("design/body980_nomenu.png") !important }
.w780 #body.noMenu { background-image: url("design/body780_nomenu.png") !important }

.menu-left {
  float: left;
  min-height: 400px;  
  margin: 0px 10px 10px 0px;
  padding: 10px 10px 0px 20px;
	font-size: 11px;
	
	background: url("design/menu.jpg") no-repeat 20px 10px;  
}

#base { /* paticka a jeji casti */
  height: 50px;
	padding: 10px 0px 0px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #eee;
	color: #777;
	font-size: 11px;
	text-align: center;
	line-height: 110%;
	word-spacing: -1px;
  background: url("design/base.jpg") -10px center no-repeat;
  clear: both;
}

#basel, #baser { /* leva cast - promenna zakaznicka */
	float: left;
	width: 439px;
 	text-align: right;
}
#baser { /* prava cast (dedi z leve) - nemenna servisni */
  text-align: left;
  padding-left: 5px;
  border-left: 1px solid #777
}

#basel {
   padding-right: 5px;
  border-right: 1px solid #777
}

#basepic { /* logo */
	float: left;
	width: 80px;
	height: 50px;
  margin: -5px 0px 0px 0px;
	text-align: center;
	/*background: url("design/logo.png") 15px 0px no-repeat*/
}

.border1 {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 20px;
  border-left: 10px solid #f2f2f2;
}
.line {
  border-top: 2px solid #eee;
  padding-bottom: 3px;
  border-bottom: 2px solid #f5f5f5;
}
 #basel a { text-decoration: underline;} 
#basel a[target], #baser a[target] { padding-right: 8px;
          background: url("design/ext_base.bmp") no-repeat scroll 100% 60% transparent;
          text-decoration: underline;
           }

#base a:link, #base a:visited, #baser a:link, #baser a:visited { color: #888888; }
#base a:active, #base a:hover, #baser a:active, #baser a:hover { color: #a2200a; }
#base img { border: 0 none }
.subtext { /* text pod menu */
  margin: 0px 20px 0px 20px;
  padding: 10px;
  text-align: left;
  font-size: 11px;
  background: #fafafa;
}
#base .authors, #base .affiliation, #base .collab { margin-bottom: 0.2em}

#base .authors .author { display: inline }
#base .authors .author + .author:before {content: ", " } 

#base  a.akS {text-decoration: none}

.border1 { /* odsazeni */
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 20px;
  border-left: 10px solid #f2f2f2;
}
.line { /* opticke oddeleni */
  border-top: 2px solid #ddd;
  padding-bottom: 3px;
  border-bottom: 2px solid #eee;
}
.cite { /* citace */
  margin: 20px 0px 20px 0px;
  padding: 7px 40px 0px 30px;
  font-size: 11px;
  line-height: 110%;
  text-indent: 0px;
  background: url("design/cite.png") no-repeat;
}
#overlayDiv {
  clear: both; 
  display: none;
  }


#body .nob {border: none; margin-top: 0px} /* obrazek bez okraje */

#body .gal, .info { /*  galerie s popisky pod obrazky */
	float: left;
  text-indent: 0px;
	text-align: center;
	font-size: 11px;
	color: #777;
  line-height: 125%;
}
#body .gal img, #text .galhor img { /* galerie */
  float: none;
  border: 2px solid #ddd;
  text-indent: 0px;
  background: #fff;
}
.galhor { /* horizontalni galerie */
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 16px 10px;
	text-indent: 0px;
	border-top: 1px solid #ddd;
	border-bottom: 3px solid #eee;
  text-align: center;
  background: /*url("uni/gal.png") right top no-repeat*/ #f7f7f7;
  font-size: 11px;
  color: #777;
  line-height: 110%;
}
#body .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;
}
#body .gal em {color: #aaa;}

#text { float: left;
  position: relative;
 }

#text p { text-align: justify;}

div.section, div.chapter, div.book, div.part, div.sect1, div.sect2, div.sect3, div.index, div.appendix, div.preface, div.bibliography { 

  min-height: 400px;
 
	margin: 10px 0px 10px 0px;
	padding: 00px 0px 0px 0px;
  
                     }

 section { position: relative;}
 
h1, h2, h3, h4, h5 {
  position: relative;
  min-height: 30px;
	font-size: 100%;
	color: #000;
	padding: 3px 0px 3px 30px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
}

h1 { font-size: 125%; padding-top: 10px; padding-left: 30px; min-height: 35px;
background: url("design/h1.png") no-repeat;
}

h2 { font-size: 125%; padding-top: 10px; min-height: 30px;
background: url("design/h2.png") no-repeat transparent;
}

h3 {
  font-size: 110%; min-height: 0;
   padding-top: 10px;
  margin-bottom: 5px;
}

h4 { /* mensi podnadpisy */
  min-height: 0;
  padding-top: 3px;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 3px;
  margin-top: 0.8em;   
	font-size: 14px;

	background-image: none;
}

h5, h6 {
  font-size: 100%;
 
  }


.menu-left .chapter, .menu-left .appendix, .menu-left .glossary, .menu-left .bibliography, .menu-left .preface {/* font-weight: bold */} 

.menu-left ul {
  list-style-type: none; 
  margin: 0; padding: 0;
  margin-left: 0px;
  
  }
.menu-left ul ul { margin-left: 0em; }  

.menu-left li { margin: 0; padding: 0;  border-top: 1px solid #fff; /*border-bottom: 1px solid #fff;*/}
.menu-left p {margin: 0; padding: 0; line-height: 1.2em;   }
.menu-left p.actual a {background-color: #fff; /*color: #800 font-weight: bold*/}


.menu-left a, .menu-left a:visited { /* odkaz odrazky menu a vsech podmenu */

  display: block;
	margin: 0px;
	padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
 /* padding-right: 20px;  */
	color: #000;
	text-decoration: none;
	padding-left: 10px;
  text-indent: 0
	/*background: url("graphics/mlist.bmp") 7px 8px no-repeat;*/
}

 /* odkaz na bibliografii */
.menu-left p.bibliography a { padding-left: 20px; background: url(design/book.png) 5px center no-repeat; }
.menu-left p { position: relative }

.menu-left a.print { padding-left: 20px; 
   background: url("design/f_ap_pdf.gif") 1px 5px no-repeat transparent;
   font-weight: bold;
   height: 30px;
}

.menu-left a.home, .menu-left p.preface a  { padding-left: 20px; 
   background: url("design/mlist.bmp") 7px 9px no-repeat transparent;
}
.menu-left p.preface a.actual,  {background-image: url("design/mact.bmp") !important;
  background-position: 7px 10px;
 }

p.chapter a, p.appendix a { padding-left: 20px; text-indent: -1em}
p.chapter a.actual, p.appendix a.actual { padding-left: 20px; text-indent: -1em}

p.sect1 a { padding-left: 45px; text-indent: -2em}
p.sect2 a { padding-left: 60px; text-indent: -3em}
.noLabel p.chapter a, .noLabel p.appendix a { padding-left: 20px;  background: url(design/mlist.bmp) 07px 10px no-repeat;}
.noLabel p.sect1 a { padding-left: 40px;  background: url(design/mlist.bmp) 25px 10px no-repeat; text-indent: 0}
.noLabel p.sect1 a.actual { background-image: url(design/mact.bmp) }
.noLabel p.sect2 a { padding-left: 60px; background: url(design/msub.bmp) 45px 10px no-repeat; text-indent: 0}
.menu-left p.chapter a:hover { padding-right: 10px; background-color: white }
.menu-left p.chapter a.actual:hover { padding-right: 0px; }
.menu-left p.sect1 a:hover { padding-right: 14px; background-color: white }
.menu-left p.sect1 a.actual:hover { padding-right: 10px; }
.menu-left p.sect2 a:hover {padding-right: 14px }
.menu-left a#act, a#act:visited, a.actual { /* aktualni */
  font-weight: bold;
 
	margin: 0px;
	background: none;
}



nav.prevnext { 
  float: right; margin: 5px 20px 5px 0;
  padding-bottom: 0.3em;
  /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/
}
nav.prevnext ol { list-style: none; margin: 0; padding: 0}
nav.prevnext li { display: inline-block; width: 49%; padding: 0; margin: 0;
  
 }
li.nextSection { text-align: right;}

nav.prevnext a { padding: 0; line-height: 1.8em ; text-decoration: none;  }
nav.prevnext a:hover { text-decoration: none ;}
#logoline { /* box pro logolink */
	padding: 0px;
	color: #888;
	font-size: 11px;
	text-align: center;
	line-height: 150%;
	background: #fff;
	clear: both;
	word-spacing: -1px;
}
#logotext { /* povinný text nalevo */
	float: left;
	text-align: left;	
	padding-top: 12px;
background: #fff;
height: 100px
}

.w980 #logolink, .w980 #logotext {width: 444px;}
.w780 #logolink, .w780 #logotext {width: 342px;}
.w1024 #logolink, .w1024 #logotext {width: 466px;}

#logotext p { /* povinný text nalevo */
	padding-right: 5px; padding-left: 10px;
 text-indent: 0; 
}
#logolink { /* logolink - vpravo */
	float: right;
	text-align: right;
	font-weight: bold;
	color: #999;
	background: #fff;

}

#logolink a {
display: block;
margin-top: 0px; margin-bottom: 0px;
float: right;
}

#logolink a {
display: block;
margin-top: 0px; margin-bottom: 0px;
float: right;
}

.w780 #logolink a { width: 340px; height: 66px; background: url("graphics/logolink2_2012.png") no-repeat center right}
.w980 #logolink a, .w1024 #logolink a { width: 440px; height: 86px;
background: url("design/logolink_2012.png")  no-repeat center right }


#logoup { /* odkaz "nahoru" */
	float: left;
	width: 84px;
	height: 21px;
	margin: -1px 0px 0px 0px;
	text-align: center;
	background: url("design/logoupback.bmp") 0px 0px repeat-x #fff;
	border: 1px solid #eee;
	border-top: 1px solid #fff;
	padding-top: 3px;
}
#logoup a, #logoup a:visited, #logoup a:hover, #logoup a:active {
	padding: 7px 10px 7px 20px;
	color: #666; 
	background: url("design/logoupico.bmp") no-repeat 9px 9px;
	text-decoration: none;
	border-bottom: none;
}






p, ol, table {
  /*margin-left: 40px;*/
  margin-bottom: 0.5em; margin-left: 0;
}

p { text-indent: 30px;}

p.title {text-indent: 0; font-weight: bold}
/*h1 + p { margin-top: -12px; text-indent: 30px }
h1 + p,*/ h2 + p { margin-top: -12px }
/*h1 + p {text-indent: 0}  */
h1 + p.bibliomixed, h2 + p.bibliomixed { margin-top: 5px } 
h3 + p, h4 + p, .toc + p  { text-indent: 0}



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

/* uprava titulni strany */
span.contrib, span.shortaffil  {display: none}
.legalnotice {margin-top: 2em} 
div.legalnotice p {text-indent: 0}




 h1 img, h2.title img, h3.title img   {
  vertical-align: middle;
  border: 0px none;
} 

.menu-left ul img, div.subtitle img { display: none}



table {
  border-collapse: collapse; 
  /*font-size: 90%;*/
  margin-bottom: 0.5em; 
   margin-left: auto; margin-right: auto
  }

  thead td, th { background: #eee }
td, th { border: 1px solid #bbb; padding: 0.5em }
.table .title { font-style: italic;}
.table .title strong:first-child { font-style: normal}

td p, th p { text-align: left; }

 /* styly pro definice = obalit tip*/
div.definition, div.important, div.note {
  margin: 1em 2.1em 1em 2.1em;
  padding: 0.5em; 
}

div.definition p, div.informalexample p, blockquote p, div.important p, div.note p, div.tip p {
  text-indent: 0em; color: black;}

  div.definition p + p, div.informalexample p + p, blockquote p + p, div.important p + p, div.note p + p, div.tip p + p {
  text-indent: 30px;
  }

div.definition,   div.tip {
  border: 2px outset #cc9900; 
  margin-top: 1em; margin-bottom: 1em;
  background: url(design/vykricnik.gif) no-repeat 0.5em 0.6em #FFF68F;  
  padding: 0.5em; padding-left: 56px; 
  min-height: 56px;
  }

 div.tip {
  border: 2px dashed #bbb; 
  margin-top: 1em; margin-bottom: 1em;
  background: url(ikonky/ktip32.png) no-repeat 0.5em 0.6em #eee;  
  padding: 0.5em; padding-left: 45px; 
  min-height: 35px;
  }
  
div.definition h3, div.tip .title { /*display: none;*/ margin-top: 2px; margin-bottom: 0em;  font-weight: bold;
  }
div.definition .inlinemediaobject { display: inline-block; vertical-align: top;}

/* styly pro příklady */

div.example {
  margin: 1em; margin-left: 30px;
   
  color: rgb(51, 51, 51 );
  padding: 20px;
  background: url(design/example-patt.jpg) no-repeat #fff;
  background-color: #fff; /*#c7e4fc !important*/;
  /*border: 1px solid #DB2000 */
  
  }
.example h4 { margin-top:0; padding-top: 0 }  
/* styly pro informalexample */
div.informalfigure img /*, figure img*/{ border: 0px none;}



div.informalexample {
  background: /*url(graphics/mouse_1.gif) no-repeat 0.2em center*/ #fefefe;
  /*padding: 0; padding-left: 1em; */
  padding: 20px;
  background: url(design/example-patt.jpg) no-repeat #fff;
  /* border-left: 5px solid #DB2000;*/
  font-size: 95%;
 /* border: 2px outset #bbb;*/  
  width: auto; margin: 1em 0 1em 30px;
}

div.informalexample p, div.example p {
 margin-top: 0.2em;
 margin-bottom: 0.5em;
}

/* styly pro důležité */

div.important {
  border: 2px outset #009ACD;
  background: url(design/important.gif) repeat-y #9999ff ;
  }
  
div.note {
  border: 2px outset purple;
  background: url(design/note.gif) repeat-y #f29fcb;
  }

/* poznámky */
div.note h3, div.important h3 {
padding-top: 0em;
padding-top: 0em;
margin-top: 0.5em;
margin-bottom: 0em;            
color: #cc0033;

  }
  
/* highlights */
div.highlights {   float: right;  width: 630px;
    margin-top: 1em;             
}
  
/* blokove citace */  
blockquote {
  
  padding: 20px 70px 20px 68px;
 /* background: #fff;*/ 
  min-height: 50px; 
  position: relative;
  }

blockquote:before { 
  position: absolute; content: " "; 
  width: 45px; height: 45px;
  bottom: 0; left: 0; 
  background: url(design/quotel.png) no-repeat scroll 0 100% transparent;

} 

blockquote:after { 
  position: absolute; content: " "; 
  top: 0; right: 0;
  width: 45px; height: 45px;
   
  background: url(design/quoter.png) no-repeat scroll 0 100% transparent;

} 
blockquote p {
  text-indent: 0em;
  }

#text p.attribution { font-size: smaller; text-align: right }

ul blockquote {
  margin-left: 0;
  }
  
  /* figure - obrazky s popiskem */ 
figure {  margin: 2em 1em; text-align: center}
figure figcaption { /*font-style: italic; */ font-size: 90%; margin-top: 1em}   
figure figcaption strong:first-child { font-style: normal}  

.mediaobject { margin: 1em auto; text-align: center}

.inlinemediaobject img {border: 0px none;vertical-align: -0.2em;}
img {border: 2px solid #bbb}

.mediaobject p.bibliosource { font-size: smaller; text-align: right !important; }

 /*  figure - galerie s prettyPhoto */
 .gallery .thumbnail { display: inline-block; border: 2px solid #bbb }
 .gallery a { display: inline-block}
  .gallery a  + a { margin-left: 2em }

  
#text ul > li {
padding: 0px 10px 0px 30px;
    margin-left: 0px;
    list-style: none outside none;
    background: url("design/li.png") no-repeat scroll 0px 4px transparent;

 }
#text ul ul > li, #text ol ul > li {
  background-image: url("design/li2.png")
}

ol, ul {padding-left: 30px; margin-left: 0}
li {text-align: left; margin-bottom: 0.5em; vertical-align: top;}

li * {text-indent: 0; margin-left: 0}

li p + p { text-indent: 30px}

dt { font-weight: bold;}
dd { margin-left: 1.5em}
dd + dt { margin-top: 0.8em}

dd p { text-indent: 0}
dd p + p { text-indent: 30px }
h5 a {padding: 0}


/* formatovani rejstriku */
.indexdiv { }
.indexdiv h3 {
  margin-left: -20px; 
  margin-bottom:0.2em; 
  padding: 0.1em;
  border-bottom: 1px outset; 
  border-right: 1px outset;
  background-color: #eee;
  
  }
.sect-index dl {margin-top: 0}
.indexdiv dt { margin-top: 0.3em}
.indexdiv dd {margin-left: 1em}
.indexdiv a {font-size: 85%}

#text .toc {display: none;}
.toc li { list-style: none}

.book .toc {background-image: none}
/* #body div.book { width: 920px; margin-left: 10px; padding: 5px; background-image: none} */
.book .toc ul { padding: 0; text-align: justify}
.book .toc li { display: inline-block; list-style:none; 
  width: 210px; height: 180px;
  margin: 0;margin-right: 8px; margin-bottom: 20px;
  padding: 0;
  border: 1px solid #f90; border-radius: 10px }
 
  
.book .toc li:first-child {
 display: block; width: auto; height: auto; margin: 0; border: 0px none;
 margin-bottom: 1em;
}  

.book .toc li p.chapter { border-radius: 10px 10px 0 0  }
  
.book .toc li li { display: block; width: auto; height: auto; margin: 0; margin-bottom: 0.3em; border: 0px none; border-radius: 0  }
.book .toc li li ul { display: none /**/ }
.book .toc li li li ul { display: none }
.book .toc li ul { margin: 0; margin-left: 1.2em;  }

.book .toc p a { color: #c30}
.book .toc a:hover { color: #800; text-decoration: underline} 
.book .toc li:hover { border-color: darkorange }
.book .toc p:hover { }
.book .toc p {  padding: 0.3em; margin: 0;}
.book .toc p.chapter { background-color: rgb(255,246,143); color: white;  height: 2.5em; margin-bottom: 10px; 
  border-bottom: 1px solid #fb0;
}
.book .toc p.chapter a { color: #c30; font-weight: bold;  text-shadow: 1px 1px 0px #ddd;}

div.toc { margin-bottom: 20px; /*background: url("graphics/h1.png") no-repeat;*/ padding-left: 25px;}

/* BOOKINFO */

.bookinfo { margin-left: auto; margin-right: auto; 
    padding: 1em;
background: white;}

.bookinfo ul.authors { display: inline-block; list-style: none; 
  margin: 0;
}
ul.authors li { text-align: left}
.bookinfo .logolink { display: inline-block; border: 0px none; margin-left: 2em}

.chapterinfo { margin-bottom: 1em }
.chapterinfo .author { font-weight: bold; font-size: 120%}

/* poznamky pod carou */ 
.footnote { display: inline-block; margin-left: 0.5em; position:relative}
    
    .note_ref { display: inline-block; padding-left: 20px; 
    background: url("ikonky/CommentBubbles16.png") no-repeat left -2px;
      cursor: help;
      overflow: visible;
       }
    .footnote:hover .note_body { display: block} 
    .note_body  {
      display: none; position: absolute; left: 0px; bottom: 1.5em; 
      border: solid black 1px; 
      padding: 10px; 
      background-color: rgb(255,255,225); 
      text-align: justify; 
      font-size: 12px; width: 400px;
    }
   span.para { display: block}

/*  TOC */
  /*.chlabel , .chtitle  {display: inline-block; vertical-align: top;}*/    
   p.chapter .chlabel  {margin-left: -3px; margin-right: 3px;}  

  .chtitle {  word-wrap: break-word;}
  
  .toc .sect1 .chtitle {  width: 36em; }
  .toc .sect2 .chtitle {  width: 33em; }
  .toc .sect3 .chtitle {  width: 30em; }
  
  span.bibliorefs {vertical-align: 0.3em;  font-size: 80%} 
 
/* Bibliografie */
 
.bibliodiv { margin-bottom: 1em;}
.bibliodiv div.title { font-size: 110%; font-weight: bold; margin-bottom: 0.5em }
p.bibliomixed { text-indent: 0}
.bibliomixed .title { font-style: italic }
span.biblionumber, span.bibliodata { display: inline-block; vertical-align: top}
span.biblionumber { width: 2em; margin-right: 0.5em; text-align: right; }
span.bibliodata { /**/ width: /*520px*/  47.5em; text-align: left; text-indent: 0; overflow: hidden; text-overflow: ellipsis;} 

.w980 .menu260  span.bibliodata { width: 51.5em}

.citetitle a { /*display: block */ padding-left: 0.5em }
.citetitle a:before { content: "<" }
.citetitle a:after { content: ">" }

span.citetitle { font-style: italic} 

 /******** odkazy ******/
 
section a[href*='http']{ padding-right: 12px;
          background: url("design/ext_blank.bmp") no-repeat scroll 100% 90% transparent;
          
           }
a:link, a:visited {text-decoration: underline; color: #A2200A;}
a:active, a:hover {	color: #DB2000; /*text-decoration: underline; */}

h2 { color: #a2200a }
li .bridgehead { color: #a2200a }
h3 {	color: #db2000;}

h4 {
	color: #777;
}

.menu-left a, .menu-left a:hover, .menu-left a:visited {
  color: #132342;
  text-decoration: none;  
}

.menu-left a {  
border-right: 20px solid transparent;
padding-top: 0.2em; padding-bottom: 0.4em;

  }

  
.menu-left ul a:hover {
  color: #A2200A; background-color: white;
	border-right: 10px solid #A2200A;
	/*padding-right: 10px;  */
}

.menu-left ul ul a:hover
{ /* hover odkaz menu a vsech podmenu */
	border-right: 6px solid #DB2000;
/*	padding-right: 14px;   */
}

.menu-left ul ul ul a:hover
{ /* hover odkaz men a vsech podmenu */
	border-right: 2px solid #A2200A;
/*	padding-right: 18px; */
}

.menu-left ul a.actual {
border-right: 20px solid #A2200A;
	padding-right: 0px;
	background-color: white;
}  

.menu-left ul ul a.actual {
	border-right: 10px solid #DB2000;
	padding-right: 10px;
}
 .menu-left ul ul ul a.actual
{ 
	border-right: 6px solid #A2200A;
	padding-right: 14px;
}

/* seznam se jmeny autoru na titulni strane */  
 
ol.authors { list-style: none;
padding-left: 0;
 margin-bottom: 1em;
  font-size: 100%;
  line-height: 1.5em;
   }
    ol.authors li {
    padding: 0; 
    margin: 0;
    background: #FAFAFA;
    }
  ol.authors li + li { border-top: 1px solid #eee}
    
  ol.authors:after, ol.authors:before { 
  display: block;
  height: 11px;
  line-height: 11px;

  content: " ";

  background: #A2200A; /* Old browsers */
background: -moz-linear-gradient(left, #A2200A 0%, #A2200A 110px, #DB2000 110px, #DB2000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#A2200A), color-stop(18%,#A2200A), color-stop(20%,#DB2000), color-stop(100%,#DB2000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #A2200A 0%,#A2200A 110px,#DB2000 110px,#DB2000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #A2200A 0%,#A2200A 110px,#DB2000 110px,#DB2000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #A2200A 0%,#A2200A 110px,#DB2000 110px,#DB2000 100%); /* IE10+ */
background: linear-gradient(to right, #A2200A 0%,#A2200A 110px,#DB2000 110px,#DB2000 100%); /* W3C */
background: -ms-linear-gradient(left, #A2200A 0%,#A2200A 18%,#DB2000 20%,#DB2000 100%); /* IE10+ */
background: linear-gradient(to right, #A2200A 0%,#A2200A 110px,#DB2000 110px,#DB2000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5B41B', endColorstr='#3eac16',GradientType=0 ); /* IE6-8 */
}


 ol.authors li img { display: inline-block; padding: 5px; vertical-align: middle; background: #F5F5F5; border: 0}
 span.author { display: inline-block; width: 480px; vertical-align: middle;
 padding-left: 1em
  }  
ol.authors  span.name, ol.authors span.orgname /*, a.personalpage*/ { display: block; margin-bottom: 0.1em; }
ol.authors span.name { font-weight: bold;  } 
ol.authors span.orgname { margin-bottom: 1.2em  }
ol.authors a.personalpage {  } 

/* titulni strana */
.book h1 { display: none;}

section.coverimage img { border:0px none; max-height: 400px;
  display: block; margin: 0 auto;
 }
.book section { border-bottom: 2px solid #bbb; margin-bottom: 3px; }
.book section:last-child { border-bottom: 0 none }
.book section + section { border-top: 1px solid #bbb}

.book section h2 {
  margin-top: 1em;
  margin-bottom: 1em;
	
}
 
q { font-style: italic;} 
q:before, q:after { display: none} 

var { font-style: normal; font-weight: bold}

em.type1, em.type2, em.type3, em.type4 { font-style: normal; padding: 0.2em}
.type1 { background-color: #9cf}
.type2 { background-color: #fd9 }
.type3 { background-color: #f99 } 
.type4 { background-color: #90EE90 }

.tablist { margin: 1em 0}
.tablist dt { display: inline-block; font-weight: normal;
    border: 1px solid #bbb; border-radius: 5px 0 0 0;
    border-bottom: 0px none; 
    padding: 0.5em;
    cursor: pointer;
}
.tablist dt + dt {border-radius: 0px 5px 0 0 }
.tablist dd { display: none; margin-left: 0 }
.tablist dd.active { display: block; }
.tablist dt.active { font-weight: bold; color: #800 }
 
/* styly pro tisk */
@media print { 
.navheader, div.menu-left, #base, .ray { display : none}
.section, #body {width: auto}
em.sound {font-style: italic}
#soul, #body, body, .informalexample {background: #fff}
}