body {
    background: url(images/f.jpg)  no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */

    overflow:auto;
    }

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

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

          #oglav{
   
          position: relative;
          display: inline;
          font-size:  2.1em;
          text-align: center;
          font-family: cursive;
          text-align: center;
          text-shadow: 2px 1px 3px #f9f3f3, 0 0 16px #dfe2e5;
          color: #93cef2;
          width: 90%;

          }

          #nazv {
          position:relative;
          display:   contents;

          width: 90%;
          text-align: center;
          color: #9ace24;
          font-size: 1.4em;
          text-shadow: 2px 1px 3px #150202, 0 0 6px #70abe6;
          }

          #menyu {
          position: relative;
          display:  inline;
          font-size: 1.4em ;
          text-align: center;
          width: 96%;
          left: 4%;
          height: auto;
          text-shadow: 2px 1px 4px #150202, 0 0 6px #3187dc;
          z-index: 4;
          }



      a{
	    text-decoration:none;
	    color:#ddddea;
	    font-size: 1.2em;
	    }

	    a:active{
	    color: #d4d4e1;
	    }

	    a:focus, a:link, a:visited {
	    color: #8c8ab7;
	    }

      a:hover {
	    color:#ed6565;
	    }

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




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

	  	  	    .close{
	  	  	    position: fixed;
	  	  		left: 78%;
	  	  		top: 6%;
	  	  		bottom: 2%;
	  	  		cursor: pointer;
	  	  	    }

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

              #instr {
                position:  absolute;
                display: table;
                background: -webkit-linear-gradient(#3b3552 0%, #261616 10%);
                height: 12%;
                top: 28%;
                font-size: 0.uem;
                left: 2%;
                width: 20%;
                opacity: 0.45;
                z-index: 1;

                text-align: center;
             }

	    #footer{
        position: sticky ;
  	    display: none;
  	    margin: auto;
        top: 97%;
  	    font-size:  0.6em;
  	    left: 34%;
  	    width: 100%;
        color: white;
        text-shadow: 2px 1px 4px #150202, 0 0 6px #3187dc;
        opacity:0.6;
	    }