.opciones{
		position:relative;
	width:98%;
	margin-left:1%;
	font-size:16px;
	padding:1px;
	display:inline-block;
	resize: none;
	margin-bottom:10px;
	margin-top:10px;
	height:22px;
		font-size:1.5em;
		font-family: Arial, Helvetica, sans-serif;
	}
	.opciones label{
	border-bottom:2px solid #999999;
	padding:5px;
	margin-right:1px;
	display:block;
	margin-bottom:20px;
	 border-radius: 0px;
	}
		.opciones select{
	border:2px solid #999999;
	padding:5px;
	font-size:1em;
	min-width:70px;
	 border-radius: 4px;
	}
			.opciones input{
	border:2px solid #999999;
	padding:2px;
	font-size:1em;
	 border-radius: 4px;
	 text-align:center;
	}

	.super{
	border-top:2px solid #999999;
border-bottom:2px solid #999999;	
	margin-top:0px;
	 background-color: #60e85c;
	}
	.super h1{
	font-size:2.4em;	
	margin:0 0 0 10px;
padding:5px;
	
	}
	.base{
	position: relative;	
	display:inline-block;
	margin-top:20px;
width:78%;
text-align:left;	
margin-left:10%;
margin-right:10%;
padding-bottom:30px;
	border: 2px solid #73AD21;
	  border-radius: 20px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	}

 .botonera{
position:relative;
 width:98%;
 height:auto;
  text-align:center;
 margin-top:20px; 
 }
.botonera button{
position:relative;
display:inline;
height:60px;
width:300px;
text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8em;

  font-weight: 400;
  padding: 2px;
    border-radius: 10px;
    background-color: #f7f266;
  color: #383838;
  box-shadow: inset 0 -5px 1px #5a5e11;
  margin-top:10px;
}
 
.espera{
position:absolute;
	top: 30%;
	left: 50%;
	transform: translateX(-50%) translateY(-30%);
width:260px;
border: 2px solid #cccccc;
height:260px;
  background-image: url('loader.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  z-index:1000;
  border-radius: 50%;
  display:none;
}
.visible{
 display:block;
}
 .modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scaleX(1.1) scaleY(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
        font-family: sans-serif;
    }
    .modal-content {
        position: absolute;
        top: 2px;
		margin-left:1%;
        background-color: white;
        width: 98%;
        border-radius: 0.5rem;
		height:auto;
		border:2px solid #555555;
		overflow:auto;
		padding-top:34px;
    }
    .close-button {
        position:absolute;
		right:5px;
		top:2px;
        text-align: center;
        cursor: pointer;
		font-size:22px;
		z-index:9000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 12px;
    border-radius: 10px;
    background-color: #f7f266;
  color: #383838;
  box-shadow: inset 0 -5px 1px #5a5e11;

    }
    .close-button:hover {
        
    }
    .show-modal {
        opacity: 1;
        visibility: visible;
        transform: scaleX(1.0) scaleY(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }
    @media only screen and (max-width: 50rem) {
        h1 {
            font-size: 1.5rem;
        }
        .modal-content {
            width: calc(100% - 5rem);
        }
    }
	.pe {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 80%;
   color: #333333;
   text-align: left;
   border-top:2px solid #cccccc;
   font-size:18px;
   padding:3px;
   text-decoration:none;
   z-index:-1000;
}