/* Главная*/

table.main{
  width:100%; 
}

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

table.main td.b{
 width:0px;  
 min-width:0px;
 background-color:#2C703B;
}


/* Подвал*/

div.footer{
      text-align:center; 
	  height:50px; 
	  background-color:#2C703B; 
	  color:#fff;
}

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

table.home{
  width:1050px;
  margin:0 auto;
  min-height:1200px;  
}
td.name{
  height:36px;
  width:310px; 
}
td.name h1{
 padding:0px 0px 0px 15px;
 color:#dedede;
 margin:0px;
 line-height:36px;
 font-size:21px;
 
}

td.text{
 padding:0px; 
 text-align:center;
 color:#dedede;
 line-height:36px;
}
div.toplink{
  display:inline-block;
  height:36px;
  vertical-align:middle;
}
div.toplink #step{
  padding:8px 10px;
}
div.toplink a.w {
    color:#dedede;
    padding:8px 10px; 
    cursor:pointer; 
	text-decoration: none;
} 
div.toplink a.w:hover {
    text-decoration: underline;
    color:#dedede;
    cursor:pointer;
}

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

#tdGame{
  position:relative; 
  vertical-align:top;
}
canvas{
  margin:0px;
 
}

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


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

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;
}

/* меню выбора сложности игры*/

#menu{
  display:none;
  position:absolute;
  background-color:#fff;
  padding:20px 15px;
  text-align:center;
  z-index:10000;
  width:250px;
  border:1px solid #444;
} 
#menu  a {
    color: black;
    padding: 12px 12px;
    display: block;
    text-align:left;
    cursor:pointer;
	text-decoration: none;
}

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


/*общие насройки*/  
 body{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 14px;
   color:#000;
   line-height: 1.4;
   min-height:1200px;
   padding: 0;              
   margin: 0;
      
}
table{
  border-collapse: collapse; 
  border-spacing: 0;        
  padding: 0;              
  margin: 0;  
}
td{
  text-align:left;
  vertical-align:top; 
  padding: 0;             
  margin: 0;              
  border: none; 
}
img{
  border: none;
  outline: none;
}
a{
    text-decoration: underline;
    color:#000;
} 
a:visited{ 
    text-decoration: underline;
    color:#000;
} 
a:hover {
    text-decoration: underline;
    color:#00961C;
}

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