/* главная*/

table.main{
 width:100%;
}
td.title{
  height:30px;
}
table.main td.a{
 width:100%;
 vertical-align:top;
}

/* Здесь будет реклама. Прижата к правому краю.*/

table.main td.b{
 width:0px;  
 min-width:0px; 
 vertical-align:top;
}

/* Заставка для яндекса*/

#screenSaver{
  width:100%;
  height:100%;
  position:absolute; 
  top:0px;
  left:0px;
  z-index:1000;
  object-fit: fill; 
}

/* Правила игры */

div.rules{
 display:none;
 position:absolute;
 background-color:#fff;
 padding:20px 20px;
 top:40px;
 width:600px;
 border:1px solid black;
 z-index:5;
}
div.rules div{
  text-align:right;
  margin:20px 0px 0px 0px;
}
div.rules div span{
  background-color: #8F8F8F;
  color:#fff;
  font-size:18px;
  padding:5px 10px;
  border-radius:15px;
  cursor:pointer;
}

/* Подвал */

div.footer{
   width:100%;   
   max-width:500px;
   margin:0 auto;
   padding:50px 0px 0px 0px;
   text-align:center; 
}

div.language  a {
    color:#444;
    margin: 5px 10px;
    text-decoration: none;
    display: inline-block;
}

div.language a:hover {
     color:#444;
}

/* меню*/

#menu{
  display:none;
  position:absolute;
  top:43px;
  right:0px;
  background-color:#fff;
  padding:20px;
  text-align:center;
  z-index:6;
  min-width:200px;
} 
#menu  span {
    color: black;
    padding: 10px 16px;
    display: block;
    text-align:left;
    cursor:pointer;
}

#menu  span:hover {
     background-color: #808080;
     color:#fff;
     cursor:pointer;
}

/* Над полем  для игры */

#flag{
 width:20px;
}
#numberFlags{
 width:20px;
 font-size:18px;
}
#startGame{
  text-align:center;
}
#startGame img{
  cursor:pointer;
  width:40px;
  height:40px;
}
#options{
  width:40px;
  text-align:right;
  position: relative;
}
#options img{
  cursor:pointer;
  width:30px;
  height:30px;
}
#timer{
  width:30px;
}

#language{
  width:40px;
  text-align:right;
  position: relative;
}
#language img{
  cursor:pointer;
  width:35px;
  height:35px;
}
/* Текст для сео */

div.text{
   width:90%;   
   max-width:500px;
   margin:0 auto;
   padding:100px 0px;
}

/* Поле для игры */

table.game-and-title{
  margin:0 auto;
  padding:0px 0px 0px 0px;
}
table.game-and-title td.title{
  padding:0px 0px 0px 8px;
}

table.game{
  margin:0 auto;
  border:8px solid #bdbdbd; 
  background-color:#bdbdbd;
}
#game{
   display: block;
}

/* общие*/

body{
   margin:0px;
   padding:0px;
   font-size:14px;
   font-family:arial,Times New Roman,Helvetica,sans-serif; 
   line-height: 21px;
   background-color:#dedede;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
     user-select: none;
}
table{
  border-spacing: 0px 0px;
} 

td{
   vertical-align:middle; 
}
h1{
 color:#8F8F8F;
 margin:10px 0px;
 padding:0px;
 line-height:100%;
 font-size:22px;
}



@media screen and (max-width:1270px) {
table.main td.b{
  display:none;
 }
}