/* Fuentes */
@font-face {
	font-family: "Gadugi";
	src: url("fonts/gadugi.ttf");
	}
	
input[type=text], select, textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
}

label {
	padding: 12px 12px 12px 0;
	display: inline-block;
}

input[type=submit] {
	background-color: #9369ab;
	margin-top: 5px;
	margin-right: -18px;
	color: white;
	padding: 9px 15px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
	transition: .3s ease;
}

input[type=submit]:hover {
	background-color: #c6b0d2;
	transition: .3s ease;
	}

.container {
	box-sizing: border-box;
	margin: auto;
	border-radius: 5px;
	background-color: none;
	padding: 20px;
	max-width: 620px;
	
	color: #423B31;
	font-family: "Gadugi", "Arial";
	font-size: 14px;
}

.col-15 {
	float: left;
	width: 15%;
	margin-top: 6px;
	text-align: right;
	}

.col-85 {
	float: left;
	width: 85%;
	margin-top: 6px;
	}

/* Limpiar float después de las comulnas */
	.row:after {
	content: "";
	display: table;
	clear: both;
	}
	
/* Layout responsivo - cuando el navegador es menor a 600px,
hace a las dos columnas ser sólo una 
@media screen and (max-width: 599px) {
  .col-15, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
	text-align: left;
  }
}
*/