#kbd {
	background-color: #fff;
	border: 5px solid #055d8f;
	border-radius: 3px;
	font-family: Arial;
	margin: 5px;
	width: 729px;
}

/***************************************************************************************************
	Cuadro de resultado
***************************************************************************************************/
#result {
	border: 8px solid #c30b0b;
	cursor: default;
	display: block;
	text-align: center;
	width: 390px;
}

.result-a {
	height: 13px;
	font-size: inherit;
	padding: 16px 0;
	vertical-align: 30px;
}

.result-b {
	background-color: #edffaf;
	color: #c30b0b;
	font-size: 35px;
	height: 45px;
	line-height: 45px;
	padding: 0;
}

::selection {
	background: #e59c9c; /* Safari */
}
::-moz-selection {
	background: #e59c9c; /* Firefox */
}

/***************************************************************************************************
	Teclado de caracteres
***************************************************************************************************/
#teclado {
	padding: 20px;
}

#teclado button {
	margin: 0;
}

#teclado .fila-1, #teclado .fila-2, #teclado .fila-3, #teclado .fila-4 {
	padding: 2px 5px;
	text-align: center;
}

/* Tamaños de botones de la primera fila */
#teclado .fila-1 button {
	height: 25px;
	width: 26px;
}

#teclado .fila-2 button {
	height: 35px;
	width: 56px;
}

#teclado .fila-3 button {
	height: 35px;
	width: 56px;
}

#teclado .fila-4 button {
	height: 35px;
	width: 42px;
}

/* Tipos de botones con colores */
#teclado .tipo1 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#teclado .tipo2 {
	color: #fe0000;
	font-size: 18px;
	font-weight: bold;
}

#teclado .tipo3 {
	color: #7d0000;
	font-size: 18px;
	font-weight: bold;
}

#teclado .tipo4 {
	color: #008202;
	font-size: 18px;
	font-weight: bold;
}