.uppercase {
text-transform: uppercase
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	width: auto;
}

.pismenka P {
font-size:1.2em;
line-height:2em !important;
padding:5px;
}
.pismenka .druh {
display:inline-block;
padding:3px;
white-space:nowrap;
line-height:1.5em;
min-width:30px;
text-align:center;
font-weight:bold;
border-radius: 6px;
}
.pismenka .word {
display:inline;
}
.pismenka .active {
cursor: pointer;
}
.pismenka .active:hover {
background-color:#EDE4DC;
}
.nowrap {
white-space:nowrap;
}
.pismenka .letter {
display:inline;
color:red;
padding:0px 3px 0px 3px;
font-weight:bold;
}

/*======================================================== */
/*======================== tajenka ======================= */
/*======================================================== */
.tajenka {
	text-align: center;
	margin: 24px 0px;
}
.cell, .cellm {
border:1px solid #FFF;
height:32px;
width:32px;
background-color:#EDE4DC;
font-size:18px;
line-height:30px;
display: inline-block;
border-radius: 6px;
}
.cellm {
background-color:#2F89E5;
color: #FFF;
}
.cellnoborder {
height:34px;
width:34px;
text-align:center;
font-size:18px;
line-height:32px;
display: inline-block;
}
.cell input,.cellm input {
width:32px;
text-align:center;
color: #000;
border:0;
height: 32px;
background-color: transparent;
font-size:18px;
vertical-align: middle;
margin-top: 0px;
}
.cellm input  {
	color: #FFF;
}
.cellm ::placeholder {  color: #FFF;  opacity: 1; }
.cellm :-ms-input-placeholder { color: #FFF; }
.cellm ::-ms-input-placeholder { color: #FFF; }

.cellletter {
height:34px;
width:34px;
background-color:#1A72D0;
color:#FFF;
font-size:18px;
line-height:32px;
display: inline-block;
margin:5px;
cursor: pointer;
border-radius: 6px;
}
.cellletter:hover {
background-color:#0A52B0;
}
.cellm.ok {
	background-color: #03B457;
}
.cellm.nok {
	background-color: #F1303B;
}

/*======================================================== */
/*======================== pri ======================= */
/*======================================================== */
.penmain TD {padding:5px; !important;border:0 !important;font-size:0.9em;}
.pen_region {margin:0;padding:0;display:inline-block;}
.pen_item {margin-top:5px;margin-bottom:5px;}
.pen_item:hover {background-color:#ddf;}
.pen_drop {margin:5px;padding:5px;border:1px solid #000;background-color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.pen_over {border: solid 1px purple;background-color:#eee;}
.pointer {cursor:pointer;}
.move {cursor:move;}


/*======================================================== */
/*======================== abc ======================= */
/*======================================================== */
.sortable li {
padding:12px;
border:2px solid #ECE5E0;
background-color:#FFF;
border-radius: 6px;
cursor:move;
width: 80%;
margin: 6px 10%;
box-sizing: border-box;
}
.sortable2 li {
padding:12px;
border:2px solid #ECE5E0;
background-color:#FFF;
border-radius: 6px;
cursor:move;
display:inline-block;
margin: 30px 6px 10px 6px;
}
.sortable2 .ui-sortable-helper {
}
.sortable2 .ui-sortable-placeholder {
margin: 0px 6px 0px 6px !important;
}
.sortable li:hover,.sortable2 li:hover {
	border: 2px solid #2F89E5;
}
.sortable li.spravne,.sortable2 li.spravne {
	border: 2px solid #03B457;
	color: #03B457;
}
.sortable li.nespravne,.sortable2 li.nespravne {
	border: 2px solid #F1303B;
	color: #F1303B;
}
.sortable li.spravne span,
.sortable li.nespravne span {
	opacity: 0.5;
}
@media only screen and (max-width: 747px) {
	.sortable li {
		width: 100%;
		margin: 6px 0%;
	}
}


/*======================================================== */
/*=============== hlasky a slabiky ======================= */
/*======================================================== */
.oneword {
text-align:center;
font-size:2.2em !important;
line-height:2.4em !important;
}
.hlasky {
}

.slabika {
font-weight:bold;
}
.slabika1 {
color: #000;
}
.slabika2 {
color: #FCC;
}
/*======================================================== */
/*======================= rozhodni se ==================== */
/*======================================================== */
ol.rozhodni-se {
	margin: 30px 10% 0px 10%;
}
ol.rozhodni-se li {
	list-style: decimal;
	margin: 0px 0px 24px 0px;
	padding-bottom: 12px;
	border-bottom: 2px solid #ECE5E0;
}
ol.rozhodni-se li label {
	display: inline;
}
ol.rozhodni-se li p {
	margin-bottom: 10px;
	padding: 6px;
}
ol.rozhodni-se li div {
	border-radius: 6px;
	margin: 2px 0px;
	padding: 6px;
}
ol.rozhodni-se li div.spravne {
	background-color: #C8E7D8;
	color: #03B457;
}
ol.rozhodni-se li div.nespravne {
	background-color: #FFE5E8;
	color: #F1303B;
}
@media only screen and (max-width: 747px) {
	ol.rozhodni-se {
	margin: 30px 2% 0px 2%;
	}
}