/*libreria para eliminar las flechas de los textos numericos*/
input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

input[type=number] {

    -moz-appearance:textfield;

}

@media screen and (min-width: 981px) {
	/*estlos para la ventana*/
.ventanaEmergente{
	background:#046aae ;
	width: 50%;
	color: white;
	font-family: "helvetica";
	font-size: 18px;
	padding: 33px;
	min-height: 450px;
	position: absolute;
	border-radius: 22px;
	left: 34%;
	top: 20%;
	display: none;

}

#id_agencia{
	background: white;
	color: black;
	

}

#cerrar{
	position: absolute;
	right: 5px;
	top: 4px;
}
#btn_aceptar{
	cursor: pointer;
}
#condiciones{
	width:99%;
}

/*estilo para todo*/
#contenedor-general{
	margin-left:5%;
	max-width: 1000px;
	font-family: "helvetica";
	color:#2a599b;
	
}
header{
	text-align: center;
	margin-top: 20px;
	}
#titulo1{
	font-size: 2em;
	color:#046aae ;

}
#titulo2{
	font-size:-1;
	color:#046aae ;
	margin-top: 10px;
}
.subtitulo{
margin-top:70px; 
margin-left:3%;
font-size: 2em;
color:#046aae ;
}

#cotenedor-select{
	margin-top: 50px;
	display: flex;
	justify-content: space-around;

}
select,option{
	cursor: pointer;
	background:#046aae ;
	color: white;
}

table{
	width: 95%;
}
table,th, td{
	margin-left:3%;
	height: 50px;
	border:1px solid;
	border-collapse: collapse;
	border-color: silver;
}
#tabla_ingreso_datos,.th,.td{
	margin-top: 50px;
	text-align: left;
	border:1px solid silver;
}
.textos{
	width: 98%;
	height: 70%;
}
#contenedor-botones{
	margin-top: 20px;
	display: flex;
	justify-content: space-around;
}

.boton{
	width: 130px;
	height: 40px;
	color: white;
	background:#046aae;
	border-radius: 5px;
	cursor: pointer;
}
.boton:hover{
	background:	#2a599b;
	transition: 300ms;
}
#contenedor-tabla-resultado{
	margin-top: 20px;
}
#tabla_resultado th{
background:#046aae  ;
color: white;

}
#tabla_resultado td{
	text-align: center;
}
}

@media screen and (min-width: 418px) and (max-width: 980px){
	/*estlos para la ventana*/
.ventanaEmergente{
	background:#046aae ;
	width: 60%;
	color: white;
	font-family: "helvetica";
	font-size: 18px;
	padding: 33px;
	min-height: 450px;
	position: absolute;
	border-radius: 22px;
	left: 4%;
	top: 5%;
	display: none;

}
#id_agencia{
	background: white;
	color: black;
	

}
#cerrar{
	position: absolute;
	right: 5px;
	top: 4px;
}
#btn_aceptar{
	cursor: pointer;
}
#condiciones{
	width:99%;
}
/*estilo para todo*/
	body{
		margin: 0;
		padding: 0;
		font-family: "helvetica";
	}
	header{
		text-align: center;
		margin-top: 50px;
	}
	#titulo1{
		font-size: 2em;
	}
	#titulo2{
		font-size:-1;
		margin-top: 10px;
	}
	.subtitulo{
		margin-top:70px; 
		font-size: 2em;
		color:#6ab69d;
		margin-left: 1%;
	}
	#cotenedor-select{
		margin-top:20px;
		display: flex;
		justify-content: space-around;
	}
	select,option{
		background:#046aae;
		color: white;
	}

	
	table{
		width: 95%;
	}
	table,th, td{
		margin-left: 1%;
		height: 30px;
		border:1px solid;
		border-collapse: collapse;
		border-color: silver;
	}
	#tabla_ingreso_datos,.th,.td{
		margin-top: 50px;
		text-align: left;
	}
	.textos{
		width: 98%;
		height: 70%;
	}
	#contenedor-botones{
		margin-top: 20px;
		display: flex;
		justify-content: space-around;
	}
	.boton{
		width: 100px;
		height: 40px;
		color: white;
		background:#6ab69d;
		border-radius: 5px;
	}
	.boton:hover{
		background:	#046aae ;
	}
	#contenedor-tabla-resultado{
		margin-top: 20px;
	}
	#tabla_resultado th{
		background:#046aae ;
		color: white;
	}
	#tabla_resultado td{
		text-align: center;
	}
}

@media  screen and (max-width: 417px) {
	.ventanaEmergente{
	background:#046aae;
	width: 80%;
	color: white;
	font-family: "helvetica";
	font-size: x-small;
	padding: 30px;
	min-height: 100px;
	position: absolute;
	border-radius: 22px;
	left: 1%;
	top: 0;
	display: none;
}
#id_agencia{
	background: white;
	color: black;
	

}

#cerrar{
	position: absolute;
	right: 5px;
	top: 4px;
}

#condiciones{
	width:99%;
}
/*estilo para todo*/
	*{
		font-size: x-small;
		font-family: "helvetica";
	}
	header{
		text-align: center;
		margin-top: 20px;
	}
	#titulo2{
		display: none;
	}
	.subtitulo{
		margin-top:20px; 
		margin-left:1%;
		color:#6ab69d;
		font-size: 1em;
	}
	
	#tipo_cuota{
		margin-top:10px;
	}
	table{
		width: 99%;
	}
	table,th, td{
		margin-left: 1%;
		height: 25px;
		border:1px solid;
		border-collapse: collapse;
		border-color: silver;
	}
	.boton{
		font-size: x-small;
	}
	#tabla_ingreso_datos,.th,.td{
		margin-top: 15px;
		text-align: left;
	}
	.textos{
		width: 98%;
		height: 70%;
	}
	select,option{
		background:#046aae;
		color: white;
	}

	#contenedor-botones{
		margin-top: 15px;
		display: flex;
		justify-content: space-around;
	}
	.boton{
		width:85px;
		height: 30px;
		color: white;
		background:#046aae;
		border-radius: 5px;
	}
	.boton:hover{
		background:	#2a599b ;
	}
	#contenedor-tabla-resultado{
		margin-top: 20px;
	}
	#tabla_resultado th{
		background:#046aae ;
		color: white;

	}
	#tabla_resultado td{
		text-align: center;
	}


}