/* Главная*/

table.main{
  width:100%; 
}

table.main td.b, table.main td.a{
 vertical-align:top;
}
table.main td.a{
 width:100%;
 overflow: hidden;
}
/* Здесь будет реклама. Прижата к правому краю.*/

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

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

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

/* Подвал*/

div.footer{
   width:100%;   
   max-width:500px;
   margin:0 auto;
   padding:0px;
   text-align:center; 
}
div.footer div.f{
  display:inline-block;
  margin: 5px 10px;
  color:#dedede;
  max-width:240px;
  height:30px;
  line-height:30px;
}
div.footer div.f  a {
    color:#dedede;
}
div.footer div.f  a:visited{ 
    color:#dedede;
} 
div.footer div.f a:hover {
     color:#dedede;
}


/* Шапка сайта*/

table.home{
  width:765px;
  margin:0 auto;  
}
td.name{
  height:30px;
  width:260px;
}
td.name h1{
 padding:5px 0px 0px 15px;
 color:#dedede;
 margin:0px;
 line-height:100%;
 font-size:22px;
}
td.text{
 padding:0px 5px 0px 0px; 
 text-align:right;
 color:#dedede;
 line-height:30px;
}
div.toplink{
  display:inline-block;
  height:30px;
  vertical-align:middle;
}
div.toplink #step{
  padding:6px 10px;
}
div.toplink span.w {
    color:#dedede;
    padding:6px 10px;
    cursor:pointer; 
} 
div.toplink span.w:hover {
    text-decoration: underline;
    color:#dedede;
    cursor:pointer;
}



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

#tdGame{
  position:relative; 
  height:600px;
}
#canvas{
  margin:0px;
}

#tdGame img{
  width:85px;
  height:115px;
  border-top:1px solid #444;
  border-radius:5px;
  position:absolute;
  left:15px;
  top:20px;  
}
#tdGame #cardsBack{
  left:15px;
  top:20px;
  z-index:0;
  width:85px;
  height:115px;
  border:0px solid #444;
  border-radius:0px; 
  position:absolute;
  cursor:pointer;
} 

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

div.rules{
 display:none;
 position:absolute;
 background-color:#fff;
 padding:20px 20px;
 top:-10px;
 width:700px;
 border:1px solid black;
 z-index:1000;
 color:#444;
}
div.rules div{
  text-align:right;
  margin:20px 0px 0px 0px;
}
div.rules div span{
  background-color: #2C703B;
  color:#fff;
  font-size:18px;
  padding:5px 10px;
  border-radius:15px;
  cursor:pointer;
}
div.rules li{
 padding:0px 0px 10px 0px;
}
div.rules p{
  margin:7px 0px;
}
div.rules h1{
 padding:0px 0px 10px 0px;
 color:#444;
 margin:0px;
 line-height:100%;
 font-size:22px;
}

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

div.text{
   width:90%;   
   max-width:500px;
   margin:0 auto;
   color:black; 
   padding:20px; 
   margin-top:80px;
   margin-bottom:30px;
   background-color:#fff;
   line-height:21px;
}
div.text h2{
     line-height:120%;
}

/* Общие настройки */

body{
margin:0px;
padding:0px;  
background-color: #2C703B; 
color:#fff; 
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
  -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;
}
table td{
  padding:0px;
}



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