/* Generales */
body{
	font-family:Verdana,Arial;
	padding-left:5px;
	padding-right:5px;
	width:100%;
	font-size:12px;
	text-align:center;
	overflow-x: auto;
	overflow-y: auto;
}
div {
	font-family:Verdana,Arial;
	font-size:12px;
	text-align:center;
}

fieldset
{
	/*width:50%;
	text-align:left;
	/*padding-top:20px;*/
}

select
{
	font-family:Verdana,Arial;
	background-color:#F8F8F8;
	color:#003399;
	border: 0px none;
	/*height:18px;*/
	/*padding:1 5 1 5;*/
	font-size:9px;
}

a {
	text-decoration:none;
	color:#003399;
	border:0px;
	z-index:-100;
	font-size:11px;
}
a:hover {
	/*text-decoration:underline;*/
	color:#f20000;
	background-color:#c4d8e5;
}
i {
	font-family:Verdana,Arial;
	font-size:12px;
	color:#006994;
}
.radio
{
	width:0.9em;
	height:0.9em;
}

.enlace_cerrar a {
	color:#003399;
	border:0px;
	font-size: 9px;
}
.enlace_cerrar a:hover {
	color:#f20000;
	background-color:#c4d8e5;
	font-size: 9px;
}

label, span.label {
	font-weight:bold;
	font-size:12px;
}
td.contenido {
	height:100%;
	text-align:center;
	vertical-align:top;
	z-index:-200;
	padding:5px;
	width:100%;
}

.almacen 
{
	color:#e1122d;
}
.OL 
{
	color:#e37c03;
}

.trace 
{
	color:#118839;
}
.seguridad
{
	color:#332239;
}

.cuadroMando
{
	color:#6170A9;
}
.almacen .accesoAlmacen, .OL .accesoOL, .trace .accesoTT,  .seguridad .accesoSeguridad, .cuadroMando .accesoCuadroMando
{
	display:none;
}

.boton {
	background-color:#4489C0;
	font-size:11px;
	color:#ffffff;
	padding:2px;
	/*border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;*/
	border-bottom:1px solid #003399;
	border-right:1px solid #003399;
}
.div_boton {
	text-align:left;
	margin-left:110px;
}
.boton_listar {
	background-color:#4489C0;
	font-size:11px;
	color:#ffffff;
	border-bottom:1px solid #003399;
	border-right:1px solid #003399;
	height:18px;
	vertical-align:middle;
}
.boton_tabla_rojo {
	background-color:#AA0099;
	font-size:11px;
	color:#ffffff;
	border-bottom:1px solid #003399;
	border-right:1px solid #003399;
	height:18px;
	vertical-align:middle;
}
.boton_tabla_verde {
	background-color:#00AA99;
	font-size:11px;
	color:#ffffff;
	border-bottom:1px solid #003399;
	border-right:1px solid #003399;
	height:18px;
	vertical-align:middle;
}
.boton_tabla_azul {
	background-color:#0099AA;
	font-size:11px;
	color:#ffffff;
	border-bottom:1px solid #003399;
	border-right:1px solid #003399;
	height:18px;
	vertical-align:middle;
	width: 65px;
}

/* Cabecera */
.nombreUsuario
{
	color:#ffffff;
	font-weight:normal;
}
td.bordeCabecera {
	height:4px;
	background-image:url(../imagenes/barra1.gif);
}
div.usuario {
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	vertical-align:bottom;
	text-align:right;
	border-top:3px solid #00017b;
	width:200px;
	padding-right:5px;
	padding-top:3px;
	/*padding:4 8 4 4;*/
}
td.usuario {
	background-color:#5284ce;
	vertical-align:top;
	height:26px;
}

/* Pie */
td.pie {
	font-weight:bold;
	font-size:11px;
	padding:3px;
	color:#ffffff;
	background-color:#5284ce;
	width:100%;
	height:10px;
	white-space:nowrap;
}

td.cabeceraTablaIndice {
	background-color:#5284ce;
	vertical-align:middle;
	height:20px;
	color: white;
	font-size: 13px;
	font-weight:bold;
	text-align:justify;
	padding:4px;
}

td.cabeceraTablaIndice2 {
	background-color:#85C799;
	vertical-align:middle;
	height:20px;
	color: white;
	font-size: 13px;
	font-weight:bold;
	text-align:justify;
	padding:4px;
}

td.cabeceraTablaIndice2centro {
	background-color:#85C799;
	vertical-align:middle;
	height:20px;
	color: white;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	padding:4px;
}

td.cabeceraTablaIndice3 {
	background-color:#BFC1BE;
	vertical-align:middle;
	height:20px;
	color: #000000;
	font-size: 13px;
	font-weight:bold;
	text-align:justify;
	padding:4px;
}

td.cabeceraTablaIndice4 {
	background-color:#0B0B61;
	vertical-align:middle;
	height:20px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight:bold;
	text-align:justify;
	padding:4px;
}

td.cabeceraTablaIndice5 {
	background-color:#E6E6FA;
	vertical-align:middle;
	height:20px;
	color: #000000;
	font-size: 13px;
	font-weight:bold;
	text-align:justify;
	padding:4px;
}

td.cabeceraTablaIndice6 {
	background-color:#fbba0a;
	vertical-align:middle;
	height:20px;
	color: #000000;
	font-size: 13px;
	font-weight:bold;
	text-align:justify;
	padding:4px;
}

td.cabeceraTablaIndice7 {
	background-color:#e59ea8;
	vertical-align:middle;
	height:20px;
	color: #000000;
	font-size: 13px;
	font-weight:bold;
	text-align:justify;
	padding:4px;
}

/* Formulario de acceso */
table.formLogin {
	background-image:url(../imagenes/usuario.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:250px;
	height:30px;
	padding:0px;
	margin:0px;
}
form.credencialesForm {
	background-image:url(../imagenes/usuario.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

/* Barra de acceso rápido */
.accesoRapido {
	text-align:left;
	margin-bottom:25px;
}
.accesoRapido table {
	font-weight:normal;
	border-bottom:1px solid #003399;
	color:#5284ce;
	font-size:11px;
}
.accesoRapido .table1 {
	border-bottom:0px;
}

.accesoRapido .table2 {
	padding:0px;
	border-bottom:1px solid #f20000;
}

.accesoRapido a {
	text-decoration:none;
	color:#003399;
	border:0px;
	z-index:-100;
	padding:5px;
}
.accesoRapido a:hover{
	color:#E1122D;
	background-color: #FFFFFF;
}

.accesoRapido .actual a{
	color:#E1122D;
}
.accesoRapido td.actual{
	color:#E1122D;
}
.accesoRapido .lineacomando{
	color:#003399;
	font-weight:bold;
}

div.contendorAccesoRapido {
	text-align:left;
	width:100%;
}

div.contendorAccesoRapido fieldset{
	width:70%;
}


/* Barra de submenus */
div.submenus {
	text-align:left;
	padding-top:25px;
}
div.submenus table {
	font-weight:normal;
	color:#E1122D;
	width:90%;
	text-align:left;
	white-space:nowrap;
}


div.submenus a {
	color:#003399;
	background-color:#FFFFFF;
	padding:3px;
	width:50%;
	text-decoration:underline;
	font-size:10px;
}
div.submenus a:hover{
	color:#E1122D;
	background-color:#ffffff;
}

/* Formularios */
.formulario {
	text-align:left;
	vertical-align:top;
}
.formulario td.etiqueta {
	background-image:url(../imagenes/titulo01.01.01.gif);
	white-space:nowrap;
	color:#ffffff;
	height:18px;
	/*width:110px;*/
	background-repeat:no-repeat;
	background-position:left;
	padding-left:5px;
	text-align:left;
}
.formulario td.etiqueta div {
	height:18px;
	padding-top:2px;
	vertical-align:middle;
	background-color:#C9DCEB;
	font-size:10px;
	color:#003399;
	text-align:left;
	width:110px;
}
.formulario span {
	padding-top:3px;
	vertical-align:middle;
	font-size:9px;
	color:#003399;
	padding:2px;
}
/*caja borde gris con fondo gris claro*/
.formulario.caja1 {
	font-family:Verdana,Arial;
	background-color:#FCFCFC;
	color:#003399;
	border:1px solid #DDDDDD;
	height:18px;
	/*padding:1 5 1 5;*/
	font-size:9px;
}

/*caja borde gris con fondo gris oscuro*/
.formulario.caja2 {
	height:18px;
	font-family:Verdana,Arial;
	color:#F0F0F0;
	border:1px solid #DDDDDD;
	/*padding:1 5 1 5;*/
	font-size:9px;
	background-color:#F3F3F3;
	width:300px;
}

/*caja borde gris con fondo blanco, para los textarea*/
.formulario.caja3 {
	vertical-align:middle; 
	border:1px solid #DDDDDD;
	text-align:center;
}

/*caja borde gris con fondo blanco*/
.formulario.caja4 {
	height:18px;
	font-family:Verdana,Arial;
	color:#AAAAAA;
	border:1px solid #DDDDDD;
	/*padding:1 5 1 5;*/
	font-size:9px;
}

/*caja borde gris con fondo gris claro, para los radiobuttons*/
.formulario.caja5 {
	height:18px;
	font-family:Verdana,Arial;
	background-color:#FCFCFC;
	color:#003399;
	border:1px solid #DDDDDD !important;
	font-size:9px;
	text-align:center;
}

/*caja borde gris con fondo gris claro y font color negra*/
.formulario.caja6 {
	font-family:Verdana,Arial;
	background-color:#FCFCFC;
	color:#214734;
	border:1px solid #DDDDDD;
	height:18px;
	/*padding:1 5 1 5;*/
	font-size:9px;
}

.formulario.espacio_fila
{
	height:5px;
	font-size:1px
}

.formulario.espacio_columna
{
	width:150px;
	font-size:10px;
}

.formulario_largo {
	/*text-align:left;
	vertical-align:top;
	padding-left: 30px;*/
	width:60%;
}


/* Mensajes para el usuario */
div.error
{
    background:#ffffff;
    border:1px solid #cc0033;
    margin:2px;
    padding:2px;
    text-align:center;
}
div.msjError
{
    background-color:#cc0033;
    border:1px solid #000000;
    color:#ffffff;
    padding:20px;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    font-size:0.9em;
    padding:5px;
}
div.info
{
    background-color:#ffffff;
    border:1px solid #5284ce;
    padding:2px;
    width:255px;
}
div.msjInfo
{
    font-weight: bold;
    font-size: 0.9em;
    text-align:center;
    vertical-align:middle;
    padding:5px;
    border-top:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-bottom:1px solid #5284ce;
    border-right:1px solid #5284ce;
    background-color:#ffffff;
    color:#000000;
}

/* Botones de la página principal */
.accesoProducto {
	display:none;
}
a.botonProducto, a.botonProducto:hover {
	background-color:transparent;
}
a.botonProducto div {
	background-repeat:none;
	text-decoration:none;
	height:42px;
	text-align:center;
}

a.botonAlmacen div {
	background-image:url(../imagenes/almacenOff3.gif);
	width:135px;
}
a.botonAlmacen:hover div {
	background-image:url(../imagenes/almacenOn3.gif);
	width:135px;
}
a.botonTT div {
	background:url(../imagenes/ttOff4.gif) no-repeat;
	width:120px;
}
a.botonTT:hover div {
	background:url(../imagenes/ttOn4.gif) no-repeat;
	width:120px;
}
a.botonOL div {
	background:url(../imagenes/olOff3.gif) no-repeat;
	width:128px;
}
a.botonOL:hover div {
	background:url(../imagenes/olOn3.gif) no-repeat;
	width:128px;
}
a.botonSeguridad div {
	background-image:url(../imagenes/seguridadOff4.gif);
	width:174px;
	height:49px;
}
a.botonSeguridad:hover div {
	background-image:url(../imagenes/seguridadOn4.gif);
	width:174px;
	height:49px;
}
a.botonCuadroMando div {
	background-image:url(../imagenes/cuadroMandoOff3.jpg);
	width:63px;
	height:64px;
}
a.botonCuadromando:hover div {
	background-image:url(../imagenes/cuadroMandoOn3.jpg);
	width:63px;
	height:64px;
}

a.imagenPortal {
	background-color:transparent;
}

#top-align
{
	vertical-align:top;
}
#middle-align
{
	vertical-align:middle;
}

.etiqueta_titulo {
	background-color:#EEEEFF;
	color:#4489C0;/*003399*/
	padding:3px;
	/*border-right:3px solid #ffffff;*/
	text-align:center;
	font-size:11px;
}



#progress_bar {  
     width:32px;  
     height:32px;  
     border:0px ;  
	 visibility:visible;
 
     background-image:url("../imagenes/progress_bar.gif");  
     background-repeat:no-repeat;  
} 
  
#progress_bar div { 
     background-color:#fff;  
 } 
 



.etiqueta_modulo{
	background-image:url(../imagenes/titulo01.01.01.gif);
	white-space:nowrap;
	color:#ffffff;
	height:18px;
	/*width:110px;*/
	background-repeat:no-repeat;
	background-position:left;
	padding-left:5px;
	text-align:left;
	height:18px;
	padding-top:2px;
	vertical-align:middle;
	background-color:#C9DCEB;
	font-size:10px;
	color:#003399;
	text-align:left;
	width:110px;
}


/* Otros */
@import url(menu.css);
@import url(accesos.css);
@import url(displaytag.css);