#teclado {
	background:#fff;
	border:solid 1px #CCC;
	width:350px;
	height:270px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-135px;
	margin-left:-125px;
	padding:8px;
	display:none;
	z-index:99;
}
#keyboard {
	position:fixed;
	width:688px;
	left:50%;
	margin-left:-450px;
	bottom:0;
	background-color:#DDD;
	list-style: none;
	display:none;
	padding:10px;
}
.btnteclado {
  width:45px;
  height:28px;
  display:inline-block;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  text-align:center;
  padding:8px;
  margin:5px;
  text-decoration: none;
  cursor:pointer;
}
.btnnum {
  background: #289c40;
  background-image: -webkit-linear-gradient(top, #289c40, #196b3a);
  background-image: -moz-linear-gradient(top, #289c40, #196b3a);
  background-image: -ms-linear-gradient(top, #289c40, #196b3a);
  background-image: -o-linear-gradient(top, #289c40, #196b3a);
  background-image: linear-gradient(to bottom, #289c40, #196b3a);
}
.billete {
	width:auto !important;
}
.btnact {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
}
.btnok {
  width:130px !important;
  background: #34d94d;
  background-image: -webkit-linear-gradient(top, #34d94d, #2bb84c);
  background-image: -moz-linear-gradient(top, #34d94d, #2bb84c);
  background-image: -ms-linear-gradient(top, #34d94d, #2bb84c);
  background-image: -o-linear-gradient(top, #34d94d, #2bb84c);
  background-image: linear-gradient(to bottom, #34d94d, #2bb84c);
}
#write {
margin: 0 0 5px;
padding: 5px;
width: 671px;
height: 200px;
font: 1em/1.5 Verdana, Sans-Serif;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#keyboard li {
float: left;
margin: 0 5px 5px 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.capslock, .tab, .left-shift {
clear: left;
}
#keyboard .tab, #keyboard .delete {
width: 70px;
}
#keyboard .capslock {
width: 80px;
}
#keyboard .return {
width: 77px;
}
#keyboard .left-shift {
width: 95px;
}
#keyboard .right-shift {
width: 109px;
}
.lastitem {
margin-right: 0;
}
.uppercase {
text-transform: uppercase;
}
#keyboard .space {
clear: left;
width: 681px;
}
.on {
display: none;
}
#keyboard li:hover {
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
cursor: pointer;
}