.comprobanteFactura {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    background-position: center center;
    text-align: center;
    white-space: normal;
}

.comprobanteFacturaNomDetalle {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    background-color: #E1E3E3;
}

.subTituloTransaccion {
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #336699;
    text-decoration: none;
    text-transform: capitalize;
    border: none;
}

.encComprobante {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #336699;
	background-position: center;
	text-align: center;

}

.listaDetalle {
    text-decoration: none;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.tituloLista {
    background-color: #336699;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:   12px;
    font-weight: bold;
    vertical-align: middle;
    padding-top:    2pt;
    padding-bottom: 2pt;
    padding-left:  2pt;
    padding-right: 1pt;
    text-align:      center;
}

.tituloTransaccion {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #003366;
    text-decoration: none;
    text-transform: capitalize;
    border: none;
}

 Paralos Formularios   
.tituloFormulario {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    color: #003366;
        
}

.tituloBusqueda{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    color: #003366;
}

.alerta {
    margin: 0px 4px;
    width: 500px;
    font-family: Arial, Helvetica, sans-serif;;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #CC0000;
    text-decoration: blink;
}

.imageStepInActivate{	
	vertical-align: middle;
}


/* campoOpcional: Style para identificar aquellos campos de texto que son opcionales en la aplicaci�n,
   tiene un borde azul y fondo celeste claro.
   Elaborado por: Luis Cordero S. (31-03-2005) */
.campoOpcional {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #F3F3F9;
	border: 1px solid #336699;
	padding: 1px;
}

/* campoRequerido: Style para identificar aquellos campos de texto que no son requeridos en la aplicaci�n,
   tiene un borde griz y fondo blanco, con letra negrita.
   Elaborado por: Luis Cordero S. (31-03-2005) */
.campoRequerido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #336699;
	padding: 1px;
}

/* montoTotal: Style para identificar aquellos campos de texto que muestran totales o subtotales, 
   el borde y el fondo son blancos, el texto es azul oscuro con negrita y est� alineado a la derecha.
   Elaborado por: Luis Cordero S. (31-03-2005) */
.montoTotal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	background-color: #F3F3F9;
	border: none;
	text-align: right;
}

/* msg: Style para mostrar mensajes informativos en la aplicaci�n.
   Elaborado por: Luis Cordero S. (22-04-2005) */
.msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #F3F3F9;
	border: 2px solid #336699;
	padding: 1px;
}


/* etiqueta: Style para identificar aquellos campos de texto informativos,
   el borde y el fondo son blancos, el texto es  negro normal y est� alineado a la izquierda.
   Elaborado por: Luis Cordero S. (31-03-2005) */
.etiqueta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: none;
	text-align: left;
}


/* etiquetas: Style para identificar aquellos campos de texto informativos,
   el borde y el fondo son blancos, el texto es  azul negrita y est� centrado.
   Elaborado por: Luis Cordero S. (14-09-2011) */
.etiqueta2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000FF;
	background-color: #FFFFFF;
	border: none;
	text-align: center;
}


/* campoBloqueado: Style para identificar aquellos campos de texto para descripciones,
   el borde y el fondo son color griz el texto es negro con negrita y est� alineado a la izquierda.
   Elaborado por: Luis Cordero S. (31-03-2005) */
.campoBloqueado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #EFEFEF;
	text-align: left;
	padding: 0px;
	border: 1px solid #EFEFEF;
}

.tableFormat{
	color:       #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:      bolder;
	font-size:        12px;
	margin:           0px 4px;
	width:            775px;
	background-color: #FFFFFF;
}
.tableListaDetallesFormat{
	font-family: Arial, Helvetica, sans-serif;
	margin:           0px 4px;
	width:            775px;
}

.tableListaDetallesFormat2{
	font-family: Arial, Helvetica, sans-serif;
	margin:           0px 4px;
	width:            525px;
}


.informacion {
    margin: 0px 4px;
    font-family: Arial, Helvetica, sans-serif;;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #CC0000;
    text-decoration: blink;
}

.recuadro {background-color:#FAF0E6; 
        width:200px;height:50px; 
        border-right:2px solid black; 
        padding-left:20px;margin-left:20px; 
        border-top:2px solid black; 
        border-bottom:2px solid black;
        }
        
/* Estilos para el div de mensaje al guardar exitosamente */
#mensajeGuardardoExitosamente {
    background-color: #DFF2BF; /* Color de fondo */
    font-family: Arial, Helvetica, sans-serif;
    font-size:   16px;
    font-weight: bold;
    color: #270; /* Color de texto */
    text-align: center; /* Alineación centrada */
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
}