.all {
    width:100%;
    height:100%;
    display: inline-block;
  }
    
  .menu {
    width:100%;
    height:100%;
  }	
  
  /*---------------------------------------------*/
  
  .button { /* Сама кнопка */
    color: black;
    
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14pt/100% Century, serif;
    padding: .4em .6em .5em;
    text-shadow: 0px 1px 1px rgba(0,0,0,.3);
    margin: .5em .15em .0em .15em; 
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
    border-radius: .4em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
	
	display: inline-block;
  }

  .color { /* Цвет кнопки*/
    color: black;  
    border: solid 1px #7496a2;
    background: #96c1d0;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(white));              /* chrome, safari, opera  */
    background: -moz-linear-gradient(top,  #fff,  #fff);                                             /* firefox */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white');  /* ie */
  }

  .colorfix { /* Кнопка текущего раздела */
    position: static;
    top: 0px;
    cursor: auto;
    color: black; 
    font-weight: bold;  
    text-shadow: 0px 0px 0px rgba(0,0,0,.0);
    border: solid 1px #7496a2;
    background: #ffd200;           
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#019120));             /* chrome, safari, opera  */
    background: -moz-linear-gradient(top,  white,  #019120);                                           /* firefox */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#019120'); /* ie */
  }
  
  
   /*---------------------------------------------*/
   .canvas_block {
    width:98% !important;
    height:100% !important;
    display: inline-block;
    margin-left: 15px;
  }
  
   /*for mobile  */
   .canvas_wrap {
     width:100%;
     height:100%;
   }
   @media only screen and (min-width: 1200px) {
     .canvas_wrap {
       width:49%;
       height:100%;
       
       display: inline-block;
     }
   }
   /*---------------------------------------------*/
    
  canvas {
    width:100% !important;
    height:100% !important;
    
    min-height: 300px;
  }