/****************************************************************
(C) 2008 Kishore Nallan for DesignShack
http://www.kishorelive.com
kishore.nc@gmail.com
Modificado para IUJO A.C. para mostrar botones mediante CSS en 2008/11/04
*****************************************************************/
body {font-size : 100%;
font-family : Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;padding-top : 50px;}
label { display: block; margin-top: 10px; }
#login { top: 100px; width: 300px; margin: 0 auto; border: 1px solid #eee; padding: 25px; background-color: #FFFFCC; }
a { color: #0066CC; text-decoration: none; }
#submit_butt { margin-top: 15px; }
h3 { margin-top: 0; }

a.ovalbutton{
	background : transparent url(../imagenes/oval-gray-left.gif) no-repeat top left;
	display : block;
	float : left;
	font : normal 13px Tahoma;
	/* Change 13px as desired */line-height : 16px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */height : 24px;
	/* Height of button background height */padding-left : 11px;
	/* Width of left menu image */text-decoration : none;
	width : 23px;
	cursor : pointer;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
	background : transparent url(../imagenes/oval-gray-right.gif) no-repeat top right;
	display : block;
	padding : 4px 11px 4px 0;
	/*Set 11px below to match value of padding-left value above*/text-align : center;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

#keyboard {
	position : absolute;
	display : none;
	border : 1px solid #ccc;
	width : 530px;
	left : 250px;
	padding : 10px;
	cursor : move;
}

#spacebar a { 
	width: 180px; 
	margin: 0 auto; 
	margin-left: 150px; 
}

#shift, #shifton { 
	width: 70px; 
}

#Backspace {	width: 50px;}
#row0_shift, #row1_shift, #row2_shift, #row3_shift {
	display: none;
}

#row0, #row0_shift {
	padding-left: 20px; 
}

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

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