/* главная*/

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; 
}

/* Игра*/

table.lk4{
   margin:0 auto;
}

td.title{
  max-width:190px;
  height:30px;
}
td.title h2{
 color:#8F8F8F;
 margin:4px;
 padding:0px 0px 0px 10px;
 line-height:100%;
 font-size:21px; 
}
td.link{
  text-align:right;
}
td.link  span {
    color:#444;
    padding: 0px 5px;
    display: inline-block;
    text-decoration: underline;
    height:30px;
    line-height:30px; 
    cursor:pointer;  
}

td.link  span:hover {
     color:#8F8F8F;
     padding: 0px 5px;
     text-decoration: underline;
     cursor:pointer;
}
td.text{
     text-align:center;
     height:40px;
     vertical-align:middle;
     padding:0px 10px;
}
td.field{
    text-align:center; 
     
}
div.cell{
   display:inline-block;
  
}
#cellA{
  position:relative;
  margin-right:40px;
}
#compShips{
  cursor:pointer;
}
#compShips{
    -webkit-tap-highlight-color: transparent;
}
#compShips:focus {
    outline: none !important;
}
/* Подвал*/

div.footer{
   width:100%;   
   max-width:500px;
   margin:0 auto;
   padding:90px 0px 0px 0px;
   text-align:center; 
}
div.footer  a {
    color:#444;
    padding: 10px 10px;
    text-decoration: underline;
    }
div.footer  a:visited{
     color:#444;
     text-decoration: underline;
}
div.footer  a:hover {
     color:#444;
     text-decoration: underline;
}

/* общие*/

body{
   margin:0px;
   padding:0px;
   font-size:14px;
   min-width:100%;
   font-family:arial,Times New Roman,Helvetica,sans-serif; 
   line-height: 20px;
   background-color:#ffffff;
   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;
} 


/* Правила игры.*/

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:20px 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 li{
 padding:0px 0px 10px 0px;
}
div.rules p{
  margin:7px 0px;
}

/* Текст для сео */

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 img{
 max-width:80%
}
div.text h1{
 line-height:120%;
 color:#444444;
 font-size:24px;
}

@media screen and (max-width:1270px) {
table.main td.b{
  display:none;
 }
}