body {
    font-family: sans-serif; /* Fuente del texto */
    margin: 0; /* Margenes de la página */
    background-image: url(../img/back.jpg);
 width: 100%;
	height: 100%;
  background-size: 100% 100% ;
  background-repeat:no-repeat;
  text-align: center;
  background-position: left;
   display: flex;
   background-attachment: fixed;
    
}
 
   .menu {
  width: 22%;
  left: 50%;
 /*border: solid ;*/
	   position: fixed;
	   left:-.5%;
	   top:43%;
	   z-index: 10;
   /* border: double;
border-color: red;*/
   text-align: center;
	}
     .contenido {
  width: 82.5%;
   position: fixed;
	   left:17%;
	   top:1%;
    height: 99%;
	   z-index: 10;
    border: none;
padding: 5px;
font: 24px/36px sans-serif;
/*border: double;
border-color: red;*/
	}
 .myBox {
border: none;
padding: 5px;
font: 24px/36px sans-serif;
width: 100%;
height: 100%;
overflow: auto;
}
 .botonX {
  width: 100%;
  height: 70px;
  display: block;
  margin: auto;
  text-align: center;
  outline: none;
  padding: .5rem;
  color: #dfdfdd;
  background: rgb(77,77,77);
  outline: none;
  cursor: pointer;
  font-family: "arial narrow";
  font-size: .8rem;
  margin-top: 0px;
  transition: all .3s ease-in;
  font-weight: bold;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  border-radius: 10px;
  text-transform: uppercase;
}
.botonX:hover {
   background: rgb(28, 73, 22);
   color: #fff;
}
.botonX:disabled{
  border: 1px solid #999999;
  background: #cccccc;
  color: #898888;
}