* {
    box-sizing: border-box;
}

.container {
  padding-left: 0;
  padding-right: 0;
}

body {
}
#source 
{
  list-style: none;
  padding: 0;
  margin: 50px 0;
}

#source img,
#target img 
{
  width: 50px;
  height: 50px;
  z-index: 10000;
}

#target td
{
  width: 52px;
  height: 52px;
}

#target td.hover
{
  background: #ccc;
}

.cleaner 
{
  clear: both;
}

#target
{
  margin-top: 50px;
}


#tableObrazky
{
    width: 500px;
}
#tableSudoku {
    width: 500px;
}
#tableObrazky tr
{
    width: 100%;
}
#tableSudoku tr {
    width: 100%;
}
#tableObrazky td
 {
    border: 1px solid red;
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    position: relative;
}
#tableSudoku td {
    border: 1px solid red;
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    position: relative;
}
#tableObrazky td img
{
    width: 100%;
    height: 100%;
    z-index: 5000;
}
#tableSudoku td img
{
    width: 100%;
    height: 100%;
    z-index: 5000;
}

#tableObrazky img.selected
{
  opacity: 0.25; 
}