/*-------------------------------------------------------------------------------------------*/

body {
  margin: 0;
  font-family: sans-serif;
  font-size: 12px;
  background-color: rgb(245,245,245);
}



div.head {
  box-sizing: border-box;
  padding: 20px;
  height: 150px;
  width: 100%;
  background-color: rgb(61,38,123);
  display: flex; 
  flex-direction: row; 
  justify-content: space-between; 
  align-items: flex-end;  
}
  div.head>img {
    height: calc( 100% );
  }

div.sep {
  padding: 0;
  height: 6px;
  width: 100%;
  background-color: rgb(10, 2, 34);

}

div.banner {
  padding: 0;
  height: 50%;
  width: 100%;
}
  div.banner>img {
    height: 100%;
    width: 100%;  
  }

nav {
  
}

nav>ul {
  margin: 0;
  list-style: none; 
  display: flex; 
  flex-direction: row;
}

nav>ul>li {

  margin: 0 20px 0 0; 
  font-size: 18px; 
  color: white; 
  border-bottom: 5px solid rgba(131, 96, 230, 0.9); 
  text-transform: uppercase;
}


div.content {
  padding: 0;
  height: 360px;
  width: 100%;
  overflow: scroll;
}


div.foot {
  padding: 0;
  height: 60px;
  width: 100%;
  background-color: rgb(23, 12, 53);
}

.icono {
  height: 128px;
}

.input-text {
  background-color: white;
  padding: 6px;
  border-radius: 6px;
  border: none;
  outline: none;
  box-shadow: 2px 2px 2px hsl(0, 0%, 60%);
  width: 250px;
  min-width: 250px; 
  max-width: 250px; 
  font-size: 16px;
}

.input-text:focus {
  background-color: hsl(60, 62%, 70%);
}

.input-text:disabled {
  background-color: hsl(0, 0%, 63%)!important;
}

.input-texta {
  background-color: white;
  padding: 6px;
  border-radius: 6px;
  border: none;
  outline: none;
  box-shadow: 2px 2px 2px hsl(0, 0%, 60%);
  width: 250px; 
  min-width: 250px; 
  max-width: 250px; 
  height: 60px;
  font-size: 16px;
}

.input-texta:focus {
  background-color: hsl(60, 62%, 70%);
}

.input-texta:disabled {
  background-color: hsl(0, 0%, 63%)!important;
}




.in-button {
	color: white;
	border-radius: 6px;
	cursor: pointer;
}
.in-primary {
	background: linear-gradient( to top, hsl(256, 53%, 40%), hsl(256, 53%, 60%), hsl(256, 53%, 40%));
}

.in-primary:disabled {
	background: linear-gradient( to top, hsl(0, 0%, 60%), hsl(0, 0%, 80%), hsl(0, 0%, 60%));
	cursor: default;
}