#keyboard { 
	

position: absolute; 
	
left: 550px; 
top: 250px;
display: none; 
	
border: 1px solid #eee; 

background-color: #fff;
height: 190px;	
width: 430px;
padding: 10px;
cursor: move; 
}



#spacebar input { 
	
width: 150px; 
	
margin-left: 125px; 

margin-top: .1em;
}

#spacebar:hover input { 
	
width: 150px; 
	
margin-left: 125px; 

margin-top: .1em;

border: 1px solid #828282;

}




#shift, 

#shifton { 
	
margin-left: 10px;
width: 70px; 
	
text-align: left; 


}



#row0_shift, 

#row1_shift, 
#row2_shift, 
#row3_shift {
	

display: none;
}

.tecla {
	
height: 2em; width: 2em; margin: .1em;

background-color: #eee;}

.tecla:hover {
	
height: 2em; width: 2em; margin: .1em;

background-color: #eee;

border: 1px solid #828282;
}

.keyaction {
	
height: 2em; width: 5em; margin: .1em;

background-color: #eee;}


.keyaction:hover {
	
height: 2em; width: 5em; margin: .1em;

background-color: #eee;

border: 1px solid #828282;
}



#row0,
#row0_shift {
	
padding-left: 30px; 

}



#row1, 
#row1_shift { 
	
padding-left: 60px;

}


#row2, #row2_shift { 
	
padding-left: 70px; 
}


#shifton { 
	
border-left: 3px solid #eee; 
	
border-top: 3px solid #eee; 
}