table.center {
	margin-left:auto; 
    margin-right:auto;
}

body{
	font-family:Arial,Verdana,Helvetica,Futura,sans-serif;
	font-size:14px;
	}

.menu{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 45px;
	padding-top: 8px;
	background-color: #FBFBEF;
	}
	
.progs{
	position: absolute;
	top: 55px;
	left: 0px;
	width: 100%;
	}
	
a{text-decoration:none}
A:link { color: black; } /* enlace no visitado*/ 
A:visited { color: black; } /* enlace visitado */ 
A:active { color: red; } /* enlace activo (pulsado) */ 
A:hover {color: blue; } /* ratón en el enlace, sin pulsar. */

.bg1 { background:#99FF99; color:#000; }
.bg2 { background:#3B3B3B; color:#FFF; }
.bg3 { background:#33CCFF; color:#000; }

.incorporado { background:#00CC00; color:black; }
.recuperado { background:yellow; color:black; }
.inactivo { background:red; color:black; }
.fidelidad { background:#FAFAFA; color:black; }
.multaimpaga { background:white; color:red; font-weight: bold; }

.buttoncito{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;}
 
.buttoncito:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold;
//border-color: #FBFFAD;}

.button{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;}
 
.button:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold;
//border-color: #FBFFAD;}

.buttons{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 5px; 
padding-bottom: 5px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;}
 
.buttons:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold; 
//border-color: #FBFFAD;}

.botonverde{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 5px; 
padding-bottom: 5px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: #33FF00; //#D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #FFFFFF;}
 
.botonverde:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold; 
//border-color: #FBFFAD;}

.R {color:#000000;background-color:#D8D8D8;}
.L {color:#000000;background-color:#FFCC99;}
.C {color:#000000;background-color:#99FF99;}
.D {color:#000000;background-color:#99CCFF;}
.G {color:#000000;background-color:#FFFF99;}

.campo{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
background: #D8D8D8; // #A4A4A4; //#DCDCDC; //#4972B5; 
//background: linear-gradient(left, #4972B5, #618ACB); 
//background: -moz-linear-gradient(left, #4972B5, #618ACB); 
//background: -webkit-linear-gradient(left, #4972B5, #618ACB); 
//background: -o-linear-gradient(left, #4972B5, #618ACB); 
color: #000000;}
 
.campo:hover{ 
background: #FF0000;//#365D9D; 
//background: linear-gradient(left, #365D9D, #436CAD); 
//background: -moz-linear-gradient(left, #365D9D, #436CAD); 
//background: -webkit-linear-gradient(left, #365D9D, #436CAD); 
//background: -o-linear-gradient(left, #365D9D, #436CAD); 
color: #FFFFFF;
font-weight: bold;
//border-color: #FBFFAD;}

.gestion_fondo{
font-family: Arial, Verdana;
font-weight: bold;
text-align:center;
background: #FFFFFF;
color: #000000;
}
 
.gestion_fondo:hover{ 
background: #FFFFFF;
color: #000000;}
}

.gestion_fondo:active{ 
background: #FFFFFF;
color: #000000;
}

.gestion_fondo:focus{ 
background: #FFFFFF;
color: #000000;
}

.gestion_yellow{
font-family: Arial, Verdana;
font-weight: bold;
text-align:center;
background: #FFFF00;
color: #000000;
}
 
.gestion_yellow:hover{ 
background: #FFFF00;
color: #000000;}
}

.gestion_yellow:active{ 
background: #FFFFFF;
color: #000000;
}

.gestion_yellow:focus{ 
background: #FFFFFF;
color: #000000;
}

.gestion_green{
font-family: Arial, Verdana;
font-weight: bold;
text-align:center;
background: #00CC00;
color: #000000;
}
 
.gestion_green:hover{ 
background: #00CC00;
color: #000000;}
}

.gestion_green:active{ 
background: #FFFFFF;
color: #000000;
}

.gestion_green:focus{ 
background: #FFFFFF;
color: #000000;
}

.gestion_red{
font-family: Arial, Verdana;
font-weight: bold;
text-align:center;
background: #FF0000;
color: #000000;
}
 
.gestion_red:hover{ 
background: #FF0000;
color: #000000;}
}

.gestion_red:active{ 
background: #FFFFFF;
color: #000000;
}

.gestion_red:focus{ 
background: #FFFFFF;
color: #000000;
}

.sin_fondo{
	font-family: Arial, Verdana;
	text-align:center;
	background-color: transparent;
	border-width: 0px;
	font-size:16px;
	color: #000000;
}

.sin_fondo:hover{ 
	background: #FF0000;
	color: #000000;
	border-width: 0px;
	border-radius: 0px; 
}

.tickets{
font-family: Arial, Verdana;
font-weight: normal;
text-align:center;
background: #FFCC99;
color: #000000;
vertical-align: middle;
}

.buttoncito_verde{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: green;
color: #FFFFFF;
}

.buttoncito_verde:hover{ 
background: #FF0000;
color: #FFFFFF;
}

.buttoncito_amarillo{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: yellow; 
color: #FFFFFF;
}

.buttoncito_rojo{ 
border: 1px solid #FFFFFF;
font-size: 10px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 5px;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: red;
color: #FFFFFF;
}

.button_verde{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: green;
color: #FFFFFF;
}
 
.button_verde:hover{ 
background: #FFFFFF;
color: #000000;
font-weight: bold;
}

.button_amarillo{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: yellow;
color: #000000;
}
 
.button_amarillo:hover{ 
background: #FFFFFF;
color: #000000;
font-weight: bold;
}

.button_rojo{ 
border: 1px solid #FFFFFF;
font-size: 14px; 
font-family: Arial, Verdana;
font-weight: bold;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-o-border-radius: 4px; 
background: red;
color: #FFFFFF;
}
 
.button_rojo:hover{ 
background: #FFFFFF;
color: #000000;
font-weight: bold;
}

.animated {
 -webkit-animation-duration: 2s;
 animation-duration: 2s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
@-webkit-keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
 }
25%, 75% {
 opacity: 0;
 }
}
@keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
 }
25%, 75% {
 opacity: 0;
 }
}

.flash {
 -webkit-animation-name: flash;
 animation-name: flash;
}

.input_texto_sin_fondo{
   border: 0;
   font-family: Arial;
   font-size: 8pt;
}

.input_texto_subrayado{
   border: 0;
   font-family: Arial;
   font-size: 10pt;
   text-decoration-line: underline;
}

.input_texto{
   background-color: #FFFFFF;
   border: 0;
   font-family: Arial;
   font-size: 11pt;
}

.input_texto_error{
   background-color: #FFFFFF;
   border: 0;
   font-family: Arial;
   font-size: 11pt;
   border: solid 1px #ff3333;
}

.input_texto_mayuscula{
   background-color: #FFFFFF;
   border: 0;
   font-family: Arial;
   font-size: 11pt;
   text-transform:uppercase;
}

.input_texto_mayuscula_error{
   background-color: #FFFFFF;
   border: 0;
   font-family: Arial;
   font-size: 11pt;
   text-transform:uppercase;
   border: solid 1px #ff3333;
}