.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%;
}

.question {width: 60em; background: #fff;  border: 1px solid #ddd; margin-top: 1em; margin-bottom: 1em }
.question .title {
 padding: 0.5em; 
font-weight: bold; font-size: 120%}

.whole {width: 100%}

.question .task {
  /*font-style: italic;*/ font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding: 0.5em;
  padding-bottom: 0.5em;

}

.question p {
  margin-top: 0; margin-bottom: 0.3em;
}


div.sloztest span.nedurazne {display: none !important}
.task .cz {
  font-weight: normal
}

.question .content {margin-left: 2em; padding: 0.3em}

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

.question h1, .question h2, .question h3 {padding: 5px 10px}
.question h3 { font-size: 115%}

ol.abc { list-style-type: lower-alpha}

.example { font-style: normal; font-weight: normal}
.ul {text-decoration: underline}
em.person {font-style: normal; font-variant: small-caps }


.question table {border-collapse: collapse; margin-bottom: 0.5em; margin-top: 0.5em}
.question td {padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em}
.question th {border-bottom: 1px solid}
.content table td {vertical-align: top;}
table.center { text-align: center;}
table.center td {border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 0.3em}

.wmiddle td, .wmiddle th { vertical-align: center}
.wmiddle th { border: 0px none }

.centered {text-align: center}

tr.example td { background-color: lightyellow; border: 0px none}
.content table.bracket td { vertical-align: middle}
table.normal { border: 1px solid #000}
table.normal th, table.normal td { border: 1px solid #999}
table.normal th { background: #ddd}

table.hlines td, table.hlines th {  border-top: 1px solid #bbb; border-bottom: 1px solid #bbb}

td.levy { text-align: left } 
.question dt {margin-top: 1em}
.question p.task_help {margin-left: 2em;}

 .textbox { border: 2px inset; padding: 0.1em}

.schema { border: 2px outset #bbb; margin-right: auto; margin-left: auto }
.fonetika, .fonetika input, .fonetika select, .fonetika textarea { font-family: "Lucida Sans Unicode"; font-size: 110% }

/* foneticke styly */
  span.apl { float: left; width: 1em; padding: 0.2em; border: 1px outset; cursor: pointer; text-align: center;
  font-family: "Lucida sans unicode"; font-size: 120%;
  
  }
  div.klavesnice {width: 500px; font-size: 100% }
div.klavesnice br {float: none; clear: both}
  div.klavesnice input {/*width: 500px;*/ font-size: 100%; font-family: "Lucida sans unicode"  }
  div.klavesnice p {clear: both; margin-top: 1em;}

.ipas input, .ipas textarea { font-family: "Lucida Sans Unicode" }