.show{
	display:block;
}
.hide{
	display:none;
}
#infoInterest{
	position:absolute;
	top:150px;
	left:100px;

}
#infoYears{
	position:absolute;
	top:300px;
	left:75px;

}
#rest{
	position:relative;
}


.info{
	position:absolute;
	background:#CCFFFF;
	border: 1px solid #555;
	width:70%;
	padding:2px;
	
}
.close{
	margin-left:auto;
	padding:3px;
	background:#66CCCc;
	border: 1px solid #555;
	width:20px;
}

.infoText{
	padding: 15px;
}




.ranges{
	width:300px;
}
.all{
	 margin:20px;
	 margin-left:0px;
	}
.todo{
	width:100%;
	 display:inline-grid;
	 margin: 40px;
	}

.text {
	 text-decoration: none;
     color:black;	 
	}	

.notext{
	 text-decoration: none;
     color: black;
      white-space: nowrap;
	 }
	.oldQuote{
	background-color:#e5e5e5;
	margin:10px 0px;
	padding:15px;
	width:300px;
	border-width:2px;
	} 
	.cuotas{
	text-align:center;
	font-weight:bold;
	font-size: 17px;
	}
	.cuotas2{
	text-align:center;
	font-weight:bold;
	font-size: 25px;
	}
button{
	padding:7px;
	color:white;
	background-color: #007480;
	disabled:true;
}
/*hover...intentando hacer que funcione lo del boton*/

button:enabled:hover{

	background-color: orange;
}

.title1{
	font-weight:600;
	font-size:medium;
}
.title2{
	 font-size:x-large;
	 padding-left:4%;
	 margin-top:30px;
	 font-weight:350;
}
.caja{
	display:flex;


}
.euro{
	padding: 1.3%;
	margin-left: -24px;
	background-color:#e5e5e5;
	border-width:1px;
}
.borde{
		border-width:thin;
}


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; 
}



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*/
input.red{
	border:2px solid #8b0000;
}