/*Esta primera parte es código de antes de usar el codigo de Matthew James Taylor*/
body {font-size: 12pt}
h1 {font-variant: small-caps;}
h2 {font-size: 14pt; font-style: italic; text-align: center; width:100%}

#cd {font-size: 160pt; clear: right; text-align: center}
#cd div { border: 1px solid gray; padding: 20px; margin: 10px;}
.credito {font-size: 9pt; color: #aaa}

/*  elegido es la id de la capa que contiene los numeros elegidos por el usuario */
div#elegidos {
	text-align: center;
	color: white;
	background: black;
	border: 10px solid #050;
	border-bottom: 14px solid #050;
	font-size: 20pt;
	min-height: 4em;
	padding: 5px;
	margin-top: 10px;
	border-radius: 15px 15px 2px 2px; /* propiedad CSS3*/
	-ms-border-radius: 15px 15px 2px 2px; /*/ para IE 8*/
	-moz-border-radius:15px 15px 2px 2px; /* Firefox*/
	-webkit-border-radius: 15px 15px 2px 2px; /* WebKit y Safari*/
	-khtml-border-radius: 15px ;}

div#elegidos div{
	float: left;
	margin: 10px;
	padding: 5px;
	border-radius: 5px; /* propiedad CSS3*/
	-ms-border-radius: 5px; /*/ para IE 8*/
	-moz-border-radius:5px; /* Firefox*/
	-webkit-border-radius: 5px; /* WebKit y Safari*/
	-khtml-border-radius: 5px;
	font-family: Comic Sans MS;
}

.unidad {
	color: white;
	/*border: 2px green solid;
	color: green;
	background: #bfb;*/
}

.decena {
	color: #77f/*
	border: 1px solid blue;
	color: blue;
	background: #bbf;*/
}
#elegidos p {
	clear: left; 
	font-size: 140pt; 
	color:#dff; 
	text-align: center; 
	width: 100%; 
	padding: 0; margin: 0;
}
		
 input {
	font-size: 30pt;
	width: 12ex;
}


#ayuda{
	position: absolute;
	top: 10px; left: 15%;
	z-index: 3;
	width: 70%; height: 350px;
	padding: 15px;
	background: #77c;
	border: 10px #eef solid;
	border-right: 0px white none;
	overflow:scroll;
	overflow-x:hidden;
}

#ayuda div {
	background: red;
	border-top: 3px solid #733;
	border-right: 3px solid #733;
	border-left: 3px solid #c66;
	border-bottom: 3px solid #c66;
	padding: 8px;
	color: white;
	width: 14px; height: 15px;
	text-align:center;
	border-radius: 3px; /* propiedad CSS3*/
	-ms-border-radius: 3px; /*/ para IE 8*/
	-moz-border-radius:3px; /* Firefox*/
	-webkit-border-radius: 3px; /* WebKit y Safari*/
	-khtml-border-radius: 3px;
}

#ayuda div a, #ayuda div  a:hover, #ayuda div a:active, #ayuda div a:visited {
	text-decoration: none;
	font-size: 16pt;
	background: transparent;
	color:white;
}