/* главная*/

table.main{
 width:100%; 
}
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:0px 20px 20px 20px;
 top:40px;
 border:1px solid black;
 z-index:5000;
 overflow: auto;
 max-height:70%;
 
}
div.rules div{
  text-align:right;
  margin:30px 0px 0px 0px;
}
div.rules div span{
  background-color: #8F8F8F;
  color:#fff;
  font-size:18px;
  padding:10px 15px;
  border-radius:20px;
  cursor:pointer;
  
}
div.rules h1{
 line-height:110%;
 color:#444444;
 font-size:24px;
}
div.rules p{
  padding:0px;
  margin:8px 0px;
}
/* Подвал.*/

div.footer{
 padding:50px 0px 10px 0px;
 text-align:center; 
 margin:0 auto;
 max-width:300px;
 color:#FFF;
}
div.language{
 text-align:center;
}
div.language  a {
    color:#fff;
    margin: 5px 10px;
    text-decoration: underline;
    display: inline-block;
}

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

/* меню*/

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

#menu  span:hover {
     background-color: #808080;
     color:#fff;
     cursor:pointer;
}
#menu span img{
  margin:0px;
  padding:0px 0px 0px 15px;
  width:15px;
  height:15px;
  border:0px solid black;
}

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

#newGame{
 width:100px;
 min-width:100px;

}
#newGame span{
 font-size:14px; 
 color:#444;
 padding:5px 10px;
 margin:5px 0px;
 border-radius:5px; 
 cursor:pointer;
 border:2px solid #808080; 
 border-radius:5px;
}
#tdRecord{
  text-align:center;
  font-size:14px;
 
}
#tdRecord div{
  display:inline-block;
  margin: 0px 6px;
 
}
#result{
  width:60px;
  text-align:center;
  font-size:14px;
 
}

#options{
  width:40px;
  text-align:right;
  position: relative;
}
#options img{
  cursor:pointer;
  width:30px;
  height:30px;
  opacity: 0.6;
  
}


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

table.game-and-title {
 margin:0 auto;
}
table.game-and-title h1{
 color:#FFF;
 margin:8px 0px;
 padding:0px;
 line-height:100%;
 font-size:24px;
}
table.game-and-title td.title {
 height:40px;
}
table.tbgame{
  border:8px solid #FFF; 
  background-color:#FFF;
  
}
#game{
   display: block;
   cursor:pointer;
}

/* Текст для сео */

div.text{
   width:90%;   
   max-width:550px;
   margin:0 auto;
   color:black; 
   padding:20px; 
   margin-top:150px;
   margin-bottom:30px;
   background-color:#fff;
   line-height:21px;
}
div.text h1{
 line-height:120%;
 color:#444444;
 font-size:24px;
}
/* общие*/

body{
   margin:0px;
   padding:0px;
   font-size:14px;
   font-family:arial,Times New Roman,Helvetica,sans-serif; 
   line-height: 19px;
   background-image:url('../images/bg.png');
   overscroll-behavior: none;
   overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -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; 
}
img.offImg{
   width:100px;
   height:100px;
   visibility:hidden;
   position: absolute;
    left: 0px; 
    top: 0px;
}

@media screen and (max-width:359px) {
#tdRecord{
  display:none;
}}
@media screen and (max-height:460px) {
#tdRecord{
  display:none;
}
table.game-and-title td.title {
 height:5px;
}
#a4,#menu  span#a5,#menu  span#a6{
  display:none;
}}

@media screen and (max-width:800px) {
table.main td.b{
  width:0px;
  
}}