/* 
    Created on : 12.11.2013, 16:50:15
    Author     : Jan Hamacek
*/

div.test .nadpisVarovani {
    color: red;
    font-size: 120%;
}

div.test .uloha {
 background-color: rgb(240,240,240);
 border: 1px #4e4e4e solid;
 padding: 10px;
 width: 600px;
 margin:auto;
 margin-top: 20px;
 margin-bottom: 20px;
}

div.test .uloha .moznost input {
    display: block;
    float: left;
}

div.test .uloha .moznost input[type='number'] {
    display: inline-block;
    float: none;
}
div.test .uloha .moznost input[type='text'] {
    display: inline-block;
    float: none;
}

div.test .uloha .moznost div.typeset {
    text-align: left;
}

div.test .nadpis {
    font-weight: bold;
}

div.test .vysledekUloha {
    background-color: rgb(240,240,240);
    border: 1px #4e4e4e solid;
    padding: 10px;
    width: 600px;
    margin:auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.test .vysledekUloha .vyplnena {
    border: 4px solid black;
    background-color: #F08080;
}

div.test .vysledekUloha .spravna{
    background-color: lightgreen;
}

div.test .vysledekUloha .moznost {
    margin: 2px;
    padding: 3px;
    padding-left: 1em;
    border-radius: 5px;
}

div.test .vysledekUloha .moznost div.typeset {
    text-align: left;
}

div.test .vysledekUloha .oduvodneni .nadpis {
    font-size: 120%;
    background-color: inherit;
    position: relative;
}

div.test .vysledekUloha .oduvodneni .chybne {
    color: darkred;
}

div.test .vysledekUloha .oduvodneni p {
    padding-left: 30px;
}

div.test .vysledekUloha .oduvodneni p.nadpis {
    padding-left: 0;
}

div.test dt {
    font-weight: bold;
}

div.test input[type="checkbox"] {
    margin-right: 15px;
}

div.test input[type="radio"] {
    margin-right: 15px;
}

div.test .navigace div {
    border: 1px solid black;
    padding: 5px;
    display: inline;
    border-radius: 100%;
}

div.test .navigace .spravne {
    background-color: lightgreen;
}

div.test .navigace .chybne {
    background-color: #F08080;
    color: black;
}

div.test .navigace .target {
    font-weight: bold;
}

div.test .navigace .target div {
    border-width: 2px;
	background-color: yellow;
}

div.test .navigace a {
    text-decoration: none;
}

div.test .serad div.dragHandler {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAMklEQVRIiWNgGAWjYBTQHRgwMDAcoBAb0NyV+IAEAwNDAoVYYkAtoDkY+pE8CkbBSAQAqMAlIVZ3z+sAAAAASUVORK5CYII=');
    width: 24px;
    height: 24px;
	display: inline-block;
    margin-right: 1em;
    cursor: move;
	vertical-align: middle;
}

div.test .serad .moznost {
    transition: padding-top 0.3s, padding-bottom 0.3s;
}

div.test .serad .radek {
	border: 1px dotted black;
}

div.test .serad .spravne {
	font-weight: normal;
}

div.test .serad .zvyrazniNahore {
    padding-top: 1em;
    transition: padding-top 0.3s;
}

div.test .serad .zvyrazniDole {
}

div.test .serad .moznost:last-child {
    padding-bottom: 1em;
}

div.test .serad .moznost:first-child {
    margin-top: 1em;
}

div.test .vysledekUloha .zadejCislo dl .typeset{
	text-align: left;
}

div.test .vysledekUloha .serad .vyplneno {
    display: inline-block;
    width: 250px;
}

div.test .vysledekUloha .serad .spravneOdpovedi {
    display: inline-block;
    background-color: initial;
    width: 250px;
}

div.test .priradDvojice ol.prava {
    list-style: lower-latin;
}

div.test .priradDvojice ol div.typeset {
    text-align: left;
}

div.test .priradDvojice label {
    display: inline-block;
    width: 400px;
}

div.test .priradDvojice input {
    width: 3em;
}

div.test .priradDvojice .leva {
   
}

div.test .priradDvojice .prava li {
    margin-bottom: 10px;
    margin-top: 10px;
}

div.test .priradDvojice ol {
    padding-left: 20px;
}

div.test .vysledekUloha .priradDvojice .radek {
    font-weight: normal;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}

div.test .vysledekUloha .priradDvojice .nadpis {
    font-weight: bold;
}

div.test .vysledekUloha .priradDvojice .radek .nazev {
    display: inline-block;
    width: 300px;
    
}

div.test .vysledekUloha .priradDvojice .radek .zodpovezeno {
    display: inline-block;
    width: 6em;
}

div.test .vysledekUloha .priradDvojice .radek .spravnaOdpoved {
    display: inline-block;
    width: 6em;
}


div.test .vysledekUloha .spravne {
    color: black;
    background-color: lightgreen;
}

div.test .vysledekUloha .chybne {
    color: black;
    background-color: lightcoral;
}

div.test .priradObrazkyUloha img.dragObrazek {
    width: 200px;
}

div.test .priradObrazkyUloha .obrazekBox {
    width: 200px;
    min-height: 200px;
    display: inline-block;
    border: 1px solid black;
    background-color: white;
}

div.test .priradObrazkyUloha .obrazekBox.target {
    border: 1px solid red;
}

div.test .priradObrazkyUloha .odpovedBox {
    width: 615px;
    position: relative;
    left: -45px;
}

div.test .priradObrazkyUloha .moznosti {
    width: 615px;
    position: relative;
    left: -45px;
}

div.test .priradObrazkyUloha .typeset {
    text-align: left;
}

div.test .priradObrazkyUloha .radek {
    min-height: 200px;
    vertical-align: middle;
}

div.test .priradObrazkyUloha div.nadpis {
    height: auto;
	min-height: inherit;
    font-weight: bold;
    margin-top: 10px;
}

div.test .priradObrazkyUloha div.nadpis span {
    display: inline-block;
    width: 200px;
}

div.test .priradObrazkyUloha .popisek {
    width: 200px;
    height: 200px;
    float: left;
    vertical-align: middle;
}

div.test .onlyJs {
    display: none;
}

/* nastaveni inline pro jsmath tech moznosti, ktere to vyzaduji */
div.test .moznost.inline div.typeset {
	display: inline;
}