body {
        background: url(images/f.jpg)  repeat ;
        background-size: 100%;
        }

        #nazad{
	      position:absolute;
        display: block;
        top:1%;
        left:1%;
        font-size: 1em;
        z-index: 2;
  	    }

  	  #dow{
	  	position: absolute;
      display: block;
		  top: 1%;
      left: 94%;
		  opacity:1;
      z-index: 3;
		  }

        #oglav{
        position: absolute;
        display: block;
        font-size:  1.4em;
        text-align: center;
        font-family: cursive;
        text-align: center;
        text-shadow: 2px 1px 3px #f9f3f3, 0 0 16px #dfe2e5;
        color: #93cef2;
        top: -1%;
        }

          #nazv {
          position:  fixed;
          display:  inline;
          top: 9%;
          width: 90%;
          text-align: center;
	        color: #9ace24;
	        font-size: 1.5em;
	        text-shadow: 2px 1px 3px #150202, 0 0 6px #70abe6;
          }

         #menyu {
         position:  fixed;
         display:  inline;
         font-size: 1em ;
         margin: auto;
         text-align: center;
         top: 17%;
         height:auto;
         width: 90%;
         text-shadow: 2px 1px 4px #150202, 0 0 6px #3187dc;
         z-index: 4;
         }

        #planety{
        position: absolute;
        display:  block;
        text-align: center;
        top: 3%;
        height:  auto;
	      width: auto;
        }

        #lock{
        position:absolute;
        top:1%;
        }

      a{
	    text-decoration:none;
	    color:#fff;
	    font-size: 1.5em;
	    }

	    a:active{
	    color: #fff;
	    }

	    a:focus, a:link, a:visited {
	    color: #f93;
	    }

        a:hover {
	    color:#ed6565;
	    }



        #soderganie {
        position: absolute;
        display: block;
        background: -webkit-linear-gradient(#47406f 0%, #ffffff 50%);
        color: black;
	    line-height: 1.4;
	    text-align: center;
        top: 36%;
        text-indent: 30px;
        margin: auto;
        width:   auto;
        left:1% ;
        right: 1%;
        height: 52%;
        font-size: 1.2em;
        overflow-y: scroll;
        padding: 2px 2px 2px 2px;
        border: 2px solid #333;
        }

	          #window{
	  	  		width: 80%;
	  	  		height: 60%;
	  	  		margin: 10px auto;
	  	  		display: none;
	  	  		background: #fff;
	  	  		z-index: 200;
	  	  		position: fixed;
	  	  		left: 5%;
	  	  		right: 5%;
	  	  		top: 32%;
            font-size: 1.8em;
	  	  		bottom: 5%;
	  	  		padding: 12px;
	  	  		overflow: auto ;
	  	  	  }

	  	  	  .close{
	  	  	  position: fixed;
	  	  		left: 82%;
	  	  		top: 34%;
	  	  		bottom: 2%;
	  	  		cursor: pointer;
	  	  	  }

              #but {
	  	        position: absolute;
	  	        width: 24%;
	  	        bottom:4%;
	  	        text-align: center;
	  	        }

              #instr {
              display: block;
              background: -webkit-linear-gradient(#3b3552 0%, #261616 10%);
              position: absolute;
              bottom:3%;
              font-size: 0.5em;
              height: auto;
              width: 96%;
              opacity: 0.45;
              z-index: 1;
              cursor: pointer;
              text-align: center;
              }

	    #footer{
	    position:  absolute ;
	    display:  inline;
	    margin: auto;
        bottom:3%;
	    font-size:  0.5em;
	    left: 24%;
	    width: 100%;
      color: white;
      text-shadow: 2px 1px 4px #150202, 0 0 6px #3187dc;
	    }
	     #footer5{
	    position:  absolute ;
	    display:  inline;
	    margin: auto;
        bottom:0%;
	    font-size:  0.6em;
	    left: 32%;
	    width: 100%;
      color: white;
      text-shadow: 2px 1px 4px #150202, 0 0 6px #3187dc;
	    }