body{
		font-size:1em;	
		margin:0px;	
		font-family: Verdana;
		---background-color:#ffd2e7;
		}
		.menu{
		position:absolute;
		top:0px;
		height:36px;
		right:0px;
		left:0px;
		---background-color:#838689 ;
		
		}
		h1{
		font-size:1.2em;
		margin-top:4px;
		padding-left:20px;
		}
		.base{
		position:relative;
		margin-top:36px;
		}
		.cadrodatos{
		border-bottom:1px solid #cccccc;
		padding-bottom:10px;
		margin-top:10px;
		height:250px;	
			
		}
      #container {
        display: flex;
        flex-direction: column;
      }
      .cadroimaxe{
		  position:relative;
		border:1px solid #cccccc;
		width:200px;
		height:250px;		  
	  }
	  .contimaxe{
		  width:199px;
		  height:auto;
		  max-height:200px;
	  }
	   .nomeimaxe{
		  width:100%;
		text-align:center;
		position:absolute;
		bottom:1px;
		background-color: rgba(255, 255, 255, 0.8);
	  }
	  .inputimaxe{
		display:none;  
		  
	  }
	   .cadroimaxev{
		  position:relative;
		border:1px solid #cccccc;
		width:200px;
		height:180px;		  
	  }
	  .contimaxev{
		  width:199px;
		  height:auto;
		  max-height:140px;
	  }
	   .nomeimaxev{
		  width:98%;
		text-align:center;
		position:absolute;
		bottom:1px;
		background-color: rgba(255, 255, 255, 0.8);
		font-size:12px;
	  }
	  .inputimaxev{
		display:none;  
		  
	  }
	  	  .inputsonv{
		display:none;  
		  
	  }
	  .col{
		width:48%;
		float:left;  
		margin-left:0%;
	  }
	 .clsinput {
  width: 100%;
  padding: 6px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
   font-size:1em;
}
	  .textdesc {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
    font-size:1.2em;
    resize: vertical;
}

.boton {
  background-color: #04AA6D;
  color: white;
  padding: 5px 5px;
  margin: 4px;
  border: none;
  cursor: pointer;
width:80px;
display:block;
float:left;
text-align:center;
}
.basedatos{
width:600px;
float:left;	
}
.imaxemk{
width:220px;
float:left;		
	
}
.lbmodo{
  padding: 6px;
  border-radius: 50px;
  display: inline-flex;
  cursor: pointer;
  transition: background .2s ease;
  margin: 8px 0;
  -webkit-tap-highlight-color: transparent;

}
.lbmodo:hover,
 lbmodo:focus-within{
    background: rgba(#9F9F9F,.1);
}
	  .clscode {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
    font-size:1em;
    height:116px;
    resize: none;
}

 input[type=radio] {
 vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: none;
    border: 0;
    box-shadow: inset 0 0 0 1px #9F9F9F;
    box-shadow: inset 0 0 0 1.5px #9F9F9F;
    appearance: none;
    padding: 0;
    margin: 0;
    transition: box-shadow 150ms cubic-bezier(.95,.15,.5,1.25);
    pointer-events: none;
}
    input[type=radio]:focus{
      outline: none;
    }
    input[type=radio]:checked{
      box-shadow: inset 0 0 0 6px #6743ee;
  }
  .acordeon {
  background-color: #A8CABA ;
  color: #444;
  cursor: pointer;
  padding: 8px 5px 8px 20px;
   width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-size:1em;
  margin-bottom:5px;
}

.active, .acordeon:hover {
  background-color: #ccc; 
}

.acordeon:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}
.panel {
  padding: 18px;
  display: none;
  ---background-color: white;
  overflow: hidden;
  margin-bottom:5px;
  border:1px solid #cccccc;
}
#progress{
	font-size:1.4em;
padding-left:20px;
}


progress[value] {
  width: 100px;
  height: 20px;
}
.clload{
	max-width:80px;
	height:auto;
}
.btgrande{
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 20px 2px 4px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 8px;
    background-color: #98673c; 
  color: white; 
  border: 2px solid #4CAF50;
  font-size:1.2em;

}
.btgrande:hover {
  background-color: #4CAF50;
  color: white;
}
.fboton{
  padding:10px 20px;
  margin: 4px;
  border: none;
  cursor: pointer;
width:200px;
display:block;
float:left;
text-align:center;
font-size:1.4em;
}
.crear{
	background-color:#3f983c;
	color:#ffffff;
	
}
.contfinal{
  display: flex;
  justify-content: center;
  align-items: center;
}
progress[value] {
  width: 250px;
  height: 50px;
}
canvas{
	display:none;
}
label {
display: block;
}
.pepax{
width:100%;
height:20px;
font-size:12px;
margin-top:20px;
border-top:2px solid #cccccc;
text-indent: 50px;
}
.axuda{
position:absolute;
top:2px;
right:20px;
padding-bottom:4px;
cursor: pointer;
width:80px;
display:block;
text-align:center;
font-size:1.2em;
background-color:#3f983c;
	color:#ffffff;
	text-decoration:none;
}