.prom{
      	font-family: Verdana, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		border: 1px #FFFF00 solid; 
		background-color: #FFFF00; 
		font-weight: bold;
		CURSOR:default
		}
.suma{
      	font-family: Verdana, sans-serif; 
		font-size: 12px;
		color: #FFFF00; 
		border: 1px #336699 solid; 
		background-color: #336699; 
		font-weight: bold;
		CURSOR:default}
	 
.uno{   font-family: Verdana, sans-serif; 
		font-size: 12px;
		border: 1px #FFFFCC solid; 
		background-color: #FFFFCC;
  	    color : #000000;
	    text-align : center;
}
.dos{   font-family: Verdana, sans-serif; 
		font-size: 12px;
		border: 1px #FFCC66 solid; 
		background-color: #FFCC66;
  	    color : #000000;
	    text-align : center;
}

.bnt {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	border-radius: 5px;
	background-color: #333399;
	font-weight: bold;
	CURSOR: pointer;
}
.botonobs { 
		font-family: Verdana, sans-serif; 
		font-size: 12px; 
		color: #FF0000; 
		border: 2px #ffffff solid; 
		font-weight: bold;
		CURSOR: pointer;}
.titulo { 
		font-family: Arial, Verdana, sans-serif; 
		font-size: 12px; 
		color: #FFFFFF; 
		border: 2px #ffff00 solid; 
		background-color: #003366; 
		font-weight: bold;
		}
body {
	scrollbar-face-color: #003399;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #6699FF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #00005B;
	scrollbar-arrow-color: #FFCC00
}

input,select{
 background-image: url('fondo_aluminio.gif');
 color: #006699; 
 font-weight: normal;
  font-size: 7pt; 
  }


a:link {
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: #66FFFF;
	text-decoration: none
}
a:visited {
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: #FFCC00;
	text-decoration: none
}
a:active {
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: #FF6600;
	text-decoration: none
}
a:hover {
	color: #FFFF33;
	font-size: 8pt;
	font-family: Verdana, Arial;
	text-decoration: none
}

/* Icono de Mensajes de ayuda en autentica */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	border:1px solid #000000;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}

#ayudaTitulo
{
	background-color:#000000; 
	color:#FFFFFF; 
	padding:1px;
}

#ayudaTexto
{
    background-color:#ffff00;
	color:#000000;
	vertical-align:middle;
	padding:2px;
}

.boton {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #333399);
  background-image: -moz-linear-gradient(top, #3498db, #333399);
  background-image: -ms-linear-gradient(top, #3498db, #333399);
  background-image: -o-linear-gradient(top, #3498db, #333399);
  background-image: linear-gradient(to bottom, #3498db, #333399);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  font-weight:bold;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 20px 5px 20px;
  border: solid #b9b5c7 5px;
  text-decoration: none;
}

.boton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  CURSOR: pointer;
}

.login {
  margin: 50px auto;
  padding: 18px 20px;
  width: 200px;
  background: #3f65b7;
  background-clip: padding-box;
  border: 1px solid #172b4e;
  border-bottom-color: #142647;
  border-radius: 5px;
  background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
  background-image: radial-gradient(cover, #437dd6, #3960a6);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}
.login > h1 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}

.login-input {
  display: block;
  width: 90%;
  font-size: 16px;
  font-weight: bold;
  height: 37px;
  margin-bottom: 20px;
  padding: 0 9px;
  color: white;
  text-shadow: 0 1px black;
  background: #2b3e5d;
  border: 1px solid #15243b;
  border-top-color: #0d1827;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}
.login-input:focus {
  outline: 0;
  background-color: #32486d;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
}
.lt-ie9 .login-input {
  line-height: 35px;
}

.login-submit {
  display: block;
  width: 100%;
  height: 37px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #294779;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #adcbfa;
  background-clip: padding-box;
  border: 1px solid #284473;
  border-bottom-color: #223b66;
  border-radius: 4px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.login-submit:active {
  background: #a4c2f3;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
}

.login-help {
  text-align: center;
}
.login-help > a {
  font-size: 11px;
  color: #d4deef;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.login-help > a:hover {
  text-decoration: underline;
}