a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

.line230 {                  /*řádkování při výpisu diktátu*/
  line-height: 230%;
  word-spacing: 5px;
}

.line150 {                  /*řádkování při výpisu výsledků diktátu*/
  line-height: 150%;
}

.text80i {                 /*výpis výsledků diktátu*/
    font-size: 80%;
    font-style: italic;
}

.text90i {                 /*drobečková navigace*/
    font-size: 90%;
    font-style: italic;
}												
.text70 {                 /*počet úloh v nadpisu cvičení*/
    font-size: 70%;

}

.text-result-true {
    font-size:120%;
    font-weight: bold;
    color:#006600;
}
.text-result-false {
    font-size:120%;
    font-weight: bold;
    color:#cc0000;
}

.gray-background {
 background-color:#f1f1f1;
 border-bottom:1px solid #ddd;
}



.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: white;
   color: gray;
   text-align: center;
}




/**puvodni styly**/


.nowrapdikt { /** pro úlohy (select) v diktátu **/
	white-space: nowrap;
	hyphens: none;
}



/*--styly pro pole input */
/* pro pole INPUT  = pro jedno pismeno, norm2 = pro dve pismena apod.*/
/*--styly pro pole select */
input.selnorm {
	background-color: #EEF2FD;
	color:#3333cc;
	height: 22px;
	font-size:100%;
    text-align: center;
	border: solid 1px #3399cc;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
input.selchyba {
	background-color: #ff6633;
	color:#3333cc;
	height: 22px;
	font-size:100%;
    text-align: center;
	border: solid 1px #3399cc;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
input.seldobre {
	background-color: #6c6;
	color:#3333cc;
	height: 22px;    
	font-size:100%;
    text-align: center;
	border: solid 1px #3399cc;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}


INPUT.norm1 {
	background-color: #EEF2FD;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:20px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

INPUT.norm2 {
	background-color: #EEF2FD;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:28px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

INPUT.norm3 {
	background-color: #EEF2FD;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:36px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

}

INPUT.norm4 {
	background-color: #EEF2FD;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:42px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}



/* pro pole INPUT  dobre1 = pro jedno pismeno, dobre2 = pro dve pismena apod.*/
INPUT.dobre1 {
	background-color: #6c6;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:20px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

INPUT.dobre2 {
	background-color: #6c6;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:28px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

INPUT.dobre3 {
	background-color: #6c6;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:36px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* pro pole INPUT  chyba1 = pro jedno pismeno, chyba2 = pro dve pismena apod.*/

INPUT.chyba1 {
	background-color: #ff6633;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:20px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

INPUT.chyba2 {
	background-color: #ff6633;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:28px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

INPUT.chyba3 {
	background-color: #ff6633;
	font-weight:bold;
	color:#3333cc;
	text-align:center;
	border: solid 1px #3399cc;
	width:36px;
	height: 28px;
	margin-left:1px;
	margin-right:1px;
	font-size:90%;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}