.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


body { 
    background: url(design/w.png) repeat-x #FFFFFF; font-family: Verdana, Arial, sans-serif;
    line-height: 150%;
    font-size: 14px
}

h1, h2, h3, h4 { margin-top: 1em; margin-bottom: 0.2em}
h2, h3 {
  /*min-height: 30px; */
   line-height: 200%;
	font-size: 140%;
	color: #000;
	padding: 3px 0px 3px 00px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 
}
h3 {
  padding-top: 10px;
  margin-bottom: 5px;
  font-size: 120%; 
}
h4 { /* mensi podnadpisy */
  padding-top: 3px;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 3px;  
	font-size: 14px;

	background-image: none;
}
h2 { color: #be0505; }
h3 { color: #d93d12; }

h4 { color: #777; }

span.term { 
    font-weight: bold; 
}

div.sidebar { 
    background: #F0F0F0; 
    border: 1px solid gray; 
    padding: 5px; 
    margin: 20px; 
}

pre.programlisting { 
    background: #F0F0F0; 
    border: 1px solid gray; 
    padding: 2px; 
    font-size: 10pt;
    white-space: pre;
}

p, li { margin-top:0; margin-bottom: 0.5em}

/*p {text-indent: 20px; } */
 li p,  table p {text-indent: 0px; }
table { border-collapse: collapse; margin-bottom: 1em; }
td, th {padding: 0.2em }
span.in {position: absolute; top: -1.25em;font-style: normal; text-decoration: none; color: #000}



p.intonation { line-height: 2.5em; position: relative}

.informalexample, .example {margin-left: 2em;}

.example { margin-top: 20px;}
.example table { border-collapse: collapse; border: 0px none #fff }

.example td, th  { border: 0px none #fff; vertical-align: top }
.mediaobject { text-align: center; margin: 20px 0; }


div.navheader, div.book, div.part, div.preface, div.chapter, div.appendix, div.bibliography, div.glossary, div.navfooter, div.toc { 
  width: 920px; margin-left: auto; margin-right: auto;  margin-bottom: 0; margin-top: 0;
  padding: 20px 20px 20px 20px;
  
  border-left: 10px solid #f9f9f9; border-right: 10px solid #f9f9f9;
  clear: both;
  background-color: #fff 
  }
.part .toc, .book .toc, .chapter .bibliography { border: 0px none; width: 900px; margin-bottom: 0}

div.navheader { padding: 0; margin-top: 20px;  margin-bottom: 0px; width: 980px; border: 0px none; height: 155px;
background: url(design/head.png) no-repeat #fff  }
civ.navheader a.navig_home { display: block; width: 980px; height: 150px; color: white; text-decoration: none; border: 0px none;   /**/ ;
  }

span.maintitle { display: block;  
  color: white; font-weight: bold; font-size: 28px; padding-top: 45px; padding-left: 30px;  padding-bottom: 10px;
 /**/ text-shadow: 1px 1px 1px #f2ca79;
filter: dropshadow(color=#f2ca79, offx=0, offy=0); 
 
 }
 
.navheader .subtitle { display: block; 
  font-size: 13px; font-weight: bold;  
  
  color: white;  padding-bottom: 53px; 
  margin-left: 200px; 
/*display: none;*/ } 
.navheader ul { 
  width: 960px; margin: 0; 
  padding: 0; border-left: 10px solid #f9f9f9; border-right: 10px solid #f9f9f9;}
.navheader li { list-style: none; float: left; margin: 0;  margin-left: 10px;  width: 307px;
padding-top: 5px; margin-bottom: 10px;
 /* background: steelblue */ 
 }
 li.pageup { text-align: center}
 li.pageup a { display: inline-block; margin-right: 20px;}
li.nextpage { text-align: right}

.navfooter { border-top: 1px solid #ddd }


.toc dt { margin: 0.5em 0 0 2em; }

.chapter h2, .appendix h2 { font-size: 200%}
.sect1 h2 { font-size: 150%}

.chapter .bibliography { font-size: smaller; border: 0px none} 
.bibliomixed { margin-top: 1em; padding-left: 20px; position: relative; clear: both;}
.biblionumber { float: left; width: 2em; height: 1.5em; margin-right: 1em; text-align: right; }

.glossary dt { font-weight: bold; margin-top: 20px;}

em.ul { font-style: normal; text-decoration: underline}

div.task { font-weight: bold}
div.sound {margin: 10px 0 20px 0}

 /*a[name] { display: none;} */
  #base { /* paticka a jeji casti */
  width: 980px;
  margin-left: auto; margin-right:auto;
  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.png") left center no-repeat;
  clear: both;
}

#basel, #baser { /* leva cast - promenna zakaznicka */
	float: left;
 	text-align: right;
        min-height: 3.5em;
        width: 339px;

}


#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
}

#basel, #baser { /* leva cast - promenna zakaznicka */
	   width: 439px;
 	}


#basepic { /* logo */
	float: left;
	width: 80px;
	height: 50px;
  margin-top: -5px;
	text-align: center;
 
text-align: center;
}

#basepic a { display: block; text-decoration: none; text-align: center; background-image: none}
#basepic a img { border: 0px none}

a, a:hover { color: #be0505; }
a[target="_blank"] {padding-right: 8px; background: url("design/ext_base.bmp") 100% 60% no-repeat;}

.chapter .bibliography { font-size: smaller; border: 0px none} 
.bibliomixed { margin-top: 1em; padding-left: 20px; position: relative; clear: both;}
.biblionumber { float: left; width: 2em; height: 1.5em; margin-right: 1em; text-align: right; }

.glossary dt { font-weight: bold; margin-top: 20px;}

em.ul { font-style: normal; text-decoration: underline}

div.task { font-weight: bold}
div.sound {margin: 10px 0 20px 0}