input[type=number]{
	border:1px solid gray;
}
#fillMessage{
	display:none;
	font-weight:bold;
	color:red;
}
.all{
	 margin:20px;
	 margin-left:0px;
	}
.todo{
	width:100%;
	 display:inline-grid;
	 margin: 40px;
	}
.text{
	padding-right:50px;
}
button{
	padding:7px;
	color:white;
	background-color: #007480;

}
/*hover...intentando hacer que funcione lo del boton*/

button:enabled:hover{

	background-color: orange;
}

.title1{
	font-weight:600;
	font-size:medium;
	margin-bottom:0px;
}
.title2{
	 font-size:x-large;
	 padding-left:4%;
	 margin-top:30px;
	 font-weight:bold;
}
div.red{
	color:#8b0000;
}

.red input{
	border:2px solid #8b0000;
}
.red input:focus{
		box-shadow:0px 0px 5px #8b0000;
}
/*no recuerdo para que sirve esto*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 

}


#showResult{
	background-color:#e5e5e5;
	margin:10px 0px;
	padding:15px;
	width:300px;
	border-width:2px;
	display:none;
	} 
#error{
	color:red;
	display:none;
}
div.green{
	color:green;
}

.green input{
	border:2px solid green;
}
.green input:focus{
		box-shadow:0px 0px 10px green;
}

.blue input{
			border:1px solid gray;
	}
.blue input:focus{
		box-shadow:0px 0px 5px blue;
}
/*intento de pintar inpuyt*/