*{
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
a:hover{
    color:rgb(221, 0, 0);
}
body{
    width: 100%;
    font-size: unset;
}
#stranka{
    width: 1024px;
    margin: 0 auto;
}
#hlavicka{
    height: 70px;
    background-color: rgb(240, 142, 80);
    text-align: center;
    font-size: 49px;   
    line-height: 70px;
    padding-left: 0px;
    position: relative;
}
#menuIcon{
    display: none;
}
#hlavicka .nazov{
    width: unset;
    line-height: unset;
    padding-top: unset;
}
#logout{
    position: absolute;
    font-size: 16px;
    bottom: -28px;
}
#logout:hover{
    color: white;
}
#menu{
    background-color: rgb(230, 175, 141);
    float: left;
    width: 220px;
    box-sizing: border-box;
    padding: 24px; 
    color: white;
    height: unset;
    font-size: 25px;
    display: block;
    position: unset;
    overflow: visible;
}
#pokec{
    background-color: rgb(80, 224, 250);
    float: left;
    width: 804px;
    box-sizing: border-box;
    padding: 16px;
    color: black;
    min-height: 678px;
    position: relative;
}
.tlacidlo{
   /*height: 8em;
    text-align: center;
    line-height: 8em;
  font-size: 30px;*/
}
p{
    text-align: center;
    margin-bottom: 1em;
}
p.left{
    text-align: left;
}
.left{
    text-align: left;
}
li{
    list-style: none;
    margin-bottom: 0px;
}
.ramcek{
    border: 6px solid black;
    width: 38%;
    text-align: center;
    margin: 39px auto;
    font-size: 49px;
    color: blue;
}
p.urovne a{
    display: block;
    color: black;
    text-decoration: none;
    width: 460px;
    padding: 8px;
    margin: 4px auto 24px;
    font-style: italic;
    box-sizing: border-box;
    border: 3px solid black;
}
p.urovne a:hover{
    border-color: white;

}
p.urovne .nazov{
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
}
a.f1{background-color: rgb(239, 255, 99);}
a.f2{background-color: rgb(158, 255, 139);}
a.f3{background-color: rgb(228, 148, 82);}
a.f4{background-color: rgb(140, 81, 155);}
a.f5{background-color: rgb(155, 75, 22);}
.testyikona{
    display: block;
  color: black;
  text-decoration: none;
  width: 215px;
  padding: 8px;
  margin: 4px 0px;
  box-sizing: border-box;
  border: 3px solid black;
  text-align: center;
  background-color: orange;
}
.bod{
    width: 628px;/*650px*/
    margin-bottom: 20px;
}
.otazka{
font-weight: bold;
font-size: 17px;

}
.odpoved{
    padding-left: 32px;
    margin: 16px 0;
    cursor: pointer;
}
.odpoved::before {
    content: "♟️ ";
    font-size: 17px;
  }
.odpoved.dobre, .odpoved:hover{
    background-color: rgb(31, 255, 31);
}
.odpoved.zle{
    background-color: rgb(223, 69, 69);
}
#vysledokTestu{
    position: relative;
    width: 700px;
    height: 567px;
    background: url("images/vysledokTestu.png") no-repeat center top /cover scroll;
    margin: 0 auto;
    display:none;
}
#sprava{
    position: absolute;
    right: 62px;
    top: 76px;
    font-size: 22px;    
    color: black;
    text-align: center;
    line-height: 30px;
    width: 297px;
}
.emotikon{
    display: none;
    width: 150px;
    height: 200px;
    position: absolute;
    top:0;
    right: 0;
}
.emotikon.dama.dobre{
    background: url("images/damaspravne.png") no-repeat center 100% /contain scroll;
}
.emotikon.dama.zle{
    background: url("images/damanespravne.png") no-repeat center 100% /contain scroll;
}
.emotikon.patrik.dobre{
    background: url("images/patrikspravne.png") no-repeat center 100% /contain scroll;
}
.emotikon.patrik.zle{
    background: url("images/patriknespravne.png") no-repeat center 100% /contain scroll;
}
.emotikon.sachulko.dobre{
    background: url("images/sachulkospravne.png") no-repeat center 100% /contain scroll;
}
.emotikon.sachulko.zle{
    background: url("images/sachulkonespravne.png") no-repeat center 100% /contain scroll;
}
#leaderboard{
    margin-top: 24px;
}
#leaderboard .nazovTabulky{
    font-size: 24px;
    text-align: right;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 34px;    
}
#leaderboard table{
    border-collapse: collapse;
    width: 100%;
}
#leaderboard table tr{

}
#leaderboard table th, #leaderboard table td{
    padding: 8px;
    border: 3px solid black;
    text-align: center;
}
#leaderboard table th{
    background-color: silver;
}
#leaderboard table th:nth-of-type(1){width: 42px;}
#leaderboard table th:nth-of-type(3){width: 84px;}
#leaderboard table th:nth-of-type(4){width: 64px;}
#leaderboard table th:nth-of-type(5){width: 96px;}
#leaderboard table th:nth-of-type(6){width: 188px;}
#leaderboard table td{

}
#lightgallery{

}
#lightgallery img{
    width: 110px;
    height: 124px;
    display: block;
    float: left;
    background-size: cover;
    background-position: 50% 50%;
  
}
#precache{
    display: none;
}
.pravidlaJozko{
    width: 60%;
}
.logoChessmind {
    width: 37%;
}
.logoBSA {
    width: 22%;
}
.logoSachoveulohy {
    width: 33%;
}
.turnaj .znak .komentar {
    text-align: center;
}
.turnaj .znak .miesto {
    text-align: center;
}
#copyright {
    padding: 8px 0 8px 220px;
    width: 804px;
}