*{box-sizing:border-box;}


body {
	font-family: 'Roboto', sans-serif;
	color:  #455a64;
	line-height: 1.5;
	border:1px;
	
	text-align: center;
  }
	/*
  h1{
	padding: 0;
	width:700px;
	text-align: center;
	}*/
	
	
form{
	width:400px;
	padding:10px;
	border-radius:10px;
	margin:auto;
	background-color:#e7e5e5;
	
}

img{
	width:380px;
	padding:10px;
	border-radius:10px;
	margin:auto;
	background-color:#e7e5e5;
}

form label{
	width:300px;
	font-weight:bold;
	display:inline-block;
	text-align: center;
}

form input[type="number"],
#controlselect{
	width:200px;
	padding:3px 10px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#f6f6f6;
	margin:8px 0;
	display:inline-block;
	text-align: center;
	
}


form input[type="submit"]{
	width:40%;
	border:1px solid #000;
	border-radius:5px;
	padding: 5px;
	color:#180101;
	background-color:#ffffff;
	cursor: pointer;
	font-size: 15px;
} 

form input[type="submit"]:hover 

{ 
background-color: #c0f0bc; 

transition: 0.5s;

opacity: 0.7;

}

.etiqueta{
	font-weight:bold;
	color:#000;
}


.consultabase{
	font-weight:bold;
	color:#000;
}






/*
form input[type="submit"]{
	width:40%;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#fff;
	background-color:#ddc8c8;
} */

/*@import url( 'https://fonts.googleapis.com/css?family=Roboto');

*,
*::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


body {
	font-family: 'Roboto', sans-serif;
	color:  #455a64;
	line-height: 1.5;
	border:1.5px;
  }

  .contenedor {
	max-width: 1170px;
	margin: 0 auto 1rem;
	padding: 1.5rem;
	box-align: center;
  }

  img {
	box-shadow: 0 0 20px 0 rgba(455a64, .7);
	border-radius: 5px;
	width: 600px ;
	box-align: center;
	  display: grid;
	  grid-template-columns: 1fr 2fr;
	
  }


  .logo {
	text-align: center;
	margin-bottom: 1rem;
  }
*/
/*	body{
	width:600px;
	padding:16px;
	border-radius:10px;
	margin:auto;
	background-color:#97d197;
}*/