.select {
	color: var(--color-text);
	background: transparent;
	border: 2px solid grey;
	padding: 6px 9px;
	width: 160px;
	height: 40px;
	border-radius: 6px;
	display: inline-block;
	outline: 0;
	font-size: 16px;
	/*margin: 6px 6px;*/
	cursor: pointer;
	text-decoration: none;
	font-family: 'Calibri', sans-serif;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;
}

.select:hover {
	color: var(--color-text);
	background-color: rgba(128,128,128,.4); 
}

.select.azul {
	color: #0408f0;
	border: 2px solid #0408f0;
}
.select.azul:hover {
	color: white;
	background-color: rgba(4,8,240,.4);
}

.select.rojo {
	color: #ff1717;
	border: 2px solid #ff1717;
}
.select.rojo:hover {
	color: white;
	background-color: rgba(255,23,23,.4);
}