@charset "utf-8";
/* CSS Document */
A:active {
	COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 11px;
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 11px;
}
A:hover {
	COLOR: #3894E5; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 11px;
}
A:link {
	COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 11px;
}
.loginlink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #3366CC; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;
}
.loginlink:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #3366CC; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;
}
.loginlink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: orange; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: underline;
}
.articulolink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #3366CC; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;
}
.articulolink:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #3366CC; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;
}
.articulolink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: orange; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: underline;
}

.boton
{	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 12px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #CCCCCC;
	BORDER-WIDTH: 2px;
}

.azulboton
{
	BORDER: solid 0 #FFFFFF;
	BACKGROUND: URL(http://www.metaleszi.com.mx/sistema/images/botonazulbg.gif) no-repeat;
	HEIGHT: 21px;
	WIDTH: 85px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	MARGIN: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}

.naranjaboton
{
	BORDER: solid 0 #FFFFFF;
	BACKGROUND: URL(http://www.metaleszi.com.mx/sistema/images/naranjabotonbg.gif) no-repeat;
	HEIGHT: 21px;
	WIDTH: 85px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	MARGIN: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}

.amarilloboton
{
	BORDER: solid 0 #FFFFFF;
	BACKGROUND: URL(http://www.metaleszi.com.mx/sistema/images/amarillobotonbg.gif) no-repeat;
	HEIGHT: 21px;
	WIDTH: 64px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	MARGIN: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}

.amarillobotongrande
{
	BORDER: solid 0 #FFFFFF; BACKGROUND: URL(http://www.metaleszi.com.mx/sistema/images/amarillobotongrandebg.gif) no-repeat; HEIGHT: 21px; WIDTH: 100px; COLOR: #000000; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 11px; MARGIN: 0px; padding-top: 3px; padding-bottom: 15px; vertical-align:middle;
}

.comentariofila1
{
	BACKGROUND-COLOR: #FFFDF7; BORDER: 0px SOLID #FFE6B8; COLOR: #333333; WIDTH: 99%;PADDING: 2px; MARGIN: 2px; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 11px;
}

.comentariofila2
{
	BACKGROUND-COLOR: #FFFFFF; BORDER: 0px SOLID #FFFBF2; COLOR: #333333; WIDTH: 99%;PADDING: 2px; MARGIN: 2px; FONT-FAMILY: Verdana, Tahoma; FONT-SIZE: 11px;
}

.comentariohr
{
	BORDER: none;
	BACKGROUND-COLOR:#003298;
	COLOR:#FFFFFF;
	HEIGHT: 1px;
	MARGIN:auto;
	PADDING: 0;
}

.text
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	PADDING: 2px 2px 2px 2px;
}

.select
{	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
}

.textarea
{	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 100%;
	PADDING: 2px 2px 2px 2px;
}

.timer
{	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #FFFFFF;
	BORDER-WIDTH: 0px;
	WIDTH: 50px;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}

.navproducto
{
	BACKGROUND-COLOR: #FEFEFE;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-BOTTOM: 1px solid #F5F5F5;
	PADDING: 4px;
}

.navproductohover
{
	BACKGROUND-COLOR: #FFF8E9;
	COLOR: #476CA4;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-BOTTOM: 1px solid #F5F5F5;
	PADDING: 4px;
}

.postmessage
{	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 12px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 98%;
	HEIGHT: 40px;
	OVERFLOW: auto;
	PADDING: 2px 2px 2px 2px;
}

.enviarboton
{
	BACKGROUND: URL(http://www.metaleszi.com.mx/sistema/images/enviarbotonbg.gif);
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 12px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #3894E5;
	BORDER-WIDTH: 1px;
	WIDTH: 98%;
	HEIGHT: 40px;
	PADDING: 2px 2px 2px 2px;
}

.mediotext
{
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.articuloprever
{
	COLOR: #404040;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica;
}

.dlproductoprever
{
    FONT-SIZE: 11px;
    COLOR: #606060;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.chicotext
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.displayTitle
{
    FONT-SIZE: 18px;
    COLOR: #333333;
    FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica;
}

.formtitulo
{
    FONT-SIZE: 18px;
    COLOR: #333333;
    FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica;
}

.imprimibletext
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	LETTER-SPACING: 2px;
}

.usuarioescritura
{
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
}

.error
{
    FONT-SIZE: 10px;
    COLOR: #E55838;
    FONT-FAMILY: Verdana, Arial;
}

.titulo
{
	FONT-SIZE: 14px;
	COLOR: #277DC9;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial;
}

body
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial;
}

.buscartext
{	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 140px;
	PADDING: 2px 2px 2px 2px;
	MARGIN: 0px;
	vertical-align: middle;
}

.ingresotext
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 123px;
	PADDING: 3px 2px 2px 2px;
	MARGIN: 0px;
	BACKGROUND: URL(http://www.metaleszi.com.mx/sistema/images/icon_usuario.gif) no-repeat;
	BACKGROUND-POSITION: 1px 1px;
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-LEFT: 18px;
	VERTICAL-ALIGN: middle;
}
.ingresoclave
{	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 140px;
	PADDING: 3px 2px 2px 2px;
	MARGIN: 0px;
	VERTICAL-ALIGN: middle;
}
.buscarselect
{	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 100%;
}
.idiomaselect
{	BACKGROUND-COLOR: #EFEFEF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 120px;
}

form
{
	MARGIN: 0px;
	PADDING: 0px;
}

.borderfila
{
	BACKGROUND-COLOR: #6393DF;
}

.qbfila1
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.qbfila2
{
	BACKGROUND-COLOR: #FAFCFF;
	COLOR: #000000;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.secciontitulobg
{
	BACKGROUND: #FFFFFF url(http://www.metaleszi.com.mx/sistema/images/navtitulobg.gif) repeat-x top left;
	COLOR: #333333;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	PADDING: 0px;
}

.qbtitulo
{
	background: #EAEDF4 url(http://www.metaleszi.com.mx/sistema/images/qbtablebg.gif) repeat-x top left;
    COLOR: #333333;
	FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
	HEIGHT: 16px;
	PADDING: 2px 2px 2px 2px;
	MARGIN: 0px;
	BORDER-TOP: 1px SOLID #90A0B0;
	BORDER-BOTTOM: 1px SOLID #90A0B0;
}

.filailumina
{
	background-color: #FFF8E9;
	color: #000000;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.tabletitulo
{
	background: #EAEDF4 url(http://www.metaleszi.com.mx/sistema/images/titulotablebg.gif) repeat-x top left;
    COLOR: #333333;
	FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
	HEIGHT: 16px;
	PADDING: 2px 2px 2px 2px;
	MARGIN: 0px;
	BORDER-TOP: 1px SOLID #BBC0C0;
	BORDER-BOTTOM: 1px SOLID #BBC0C0;
}

.ingresoasunto
{
	COLOR: #333333;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-WEIGHT: bold;
}

.fila1
{
	BACKGROUND-COLOR: #EDF4FF;
	COLOR: #000000;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.fila2
{
	BACKGROUND-COLOR: #F7FAFF;
	COLOR: #000000;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.fila3
{
	BACKGROUND-COLOR: #FFF8E9;
	COLOR: #000000;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}

.tborder
{
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #6393DF;
}

.ingresoline
{
	BACKGROUND-COLOR: #96B9F0;
}

.ingresohr
{
	BACKGROUND-COLOR: #D1DCEB; COLOR: #D1DCEB; BORDER: 0; HEIGHT:1px; MARGIN-TOP: 0; MARGIN-BOTTOM: 8px; 
}

.tbordererror
{
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #E82A2A;
}

.errorbox
{
	background-color: #FFEAEA;
	color: #333333;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial;
}
.tcat
{
	background: #80A9EA url(http://www.metaleszi.com.mx/sistema/images/tablebg.gif) repeat-x top left;
    COLOR: #FFFFFF;
	FONT: 12px Verdana, Tahoma;
}

.tabletitulofila
{
	BACKGROUND: #80A9EA url(http://www.metaleszi.com.mx/sistema/images/tabledescbg.gif) REPEAT-X TOP LEFT;
    COLOR: #113265;
	FONT: 11px Verdana, Tahoma;
}

.contenidotableborder
{
	background: #D1DCEB;
	color: #FFFFFF;
}
.tborder
{
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #6393DF;
}
.rojotext
{
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial;
}
.rapidoselect
{
	BORDER: 1px SOLID #4C77B6;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER: 1px SOLID #666666;
	margin: 0px;
	padding: 1px;
	vertical-align: middle;
}

.navpagina
{
	background-color: #FFFFFF;
	color: #FFFFFF;
	font: 11px Tahoma, Verdana;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}

.navpaginaseleccionado
{
	background-color: #E5F3FE;
	color: #000000;
	font: 11px Tahoma, Verdana;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}
.iluminapagina
{
	background-color: #659ECB;
	color: #FFFFFF;
	font: bold 11px Tahoma, Verdana;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}
.iluminapagina a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.iluminapagina a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.iluminapagina a:hover, .iluminapagina a:active
{
	color: #FFFFFF;
	text-decoration: underline;
}
.noticiasfecha
{
	FONT-SIZE: 11px;
	COLOR: #999999;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	MARGIN: 0 0 2px 0;
}

.irsui
{
	BACKGROUND-COLOR: #FFFBF2; BORDER: 1px SOLID #FFE6B8; COLOR: #333333; WIDTH: 100%;-moz-border-radius: 6px 6px 6px 6px; PADDING: 0px; MARGIN: 0px;
}

.irshr
{
	BORDER: none;
	COLOR: #FFEECF;
	BACKGROUND-COLOR: #FFEECF;
	HEIGHT: 1px;
	MARGIN: 3px;
	PADDING: 0;
}

.campogrupo { margin-bottom: 6px; color: #267DDC; BORDER: 1px SOLID #CCCCCC; -moz-border-radius: 4px 4px 4px 4px; padding: 4px}
.campogrupo, .campogrupo td, .campogrupo p, .campogrupo li { FONT: 11px Verdana, Tahoma; }

.textologin {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; padding-top:10px; padding-left:15px;}

.campogrupo { margin-bottom: 6px; color: #267DDC; BORDER: 1px SOLID #CCCCCC; -moz-border-radius: 4px 4px 4px 4px; padding: 4px}
.campogrupo, .campogrupo td, .campogrupo p, .campogrupo li { FONT: 11px Verdana, Tahoma; }
/* Masthead Elements */

#baseDiv {
	position: relative;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	}
/*nav tabs*/

#gNavDiv { height: 28px; text-align: right; clear: right; margin-top: 5px; }

#gNavDiv .tab { float: right; width: 127px; text-decoration:none; }

#gNavDiv .tab_label  {
	margin: 0.5em  0em  0em  0em ;
	font-size: 1em;
	font-family:arial;
	color: #003399;
	text-decoration:none;
	}
	
#gNavDiv .tab_label:visited { text-decoration:none; }

#gNavDiv .tab b {
	display: block;
  	position:relative;
	border:solid #adbbe0;
	height: 28px;
	width:117px;
 	border-width:1px 0px 0px 0px;
	padding: 0;
  	background: url(http://www.metaleszi.com.mx/sistema/images/tab_nav.gif) repeat-x 0 0;
	text-decoration:none;
	float:left; 
	clear:none;
}

#gNavDiv .tab b b {
	background:none;
  	margin:0 -1px;
  	padding:0;
  	border-width:0 1px;
	text-decoration:none;
}

#gNavDiv .tab b b b {
	margin: 0;
	padding: 0em 0em 0em 0em;
  	border-width: 0;
  	cursor: pointer;
	text-align:center;
	text-decoration:none;
	}
	
#gNavDiv .tab_sel .tab_label { color: #333; text-decoration: none; }

#gNavDiv .tab_sel b {
	border-color: #CCC;
	background: url(http://www.metaleszi.com.mx/sistema/images/tab_nav_sel.gif) repeat-x 0 0;
	text-decoration: none;
}

#gNavDiv .tab a { text-decoration: none; }
#gNavDiv .tab_sel a { text-decoration: none; }
/*end nav tabs*/
#gNavBottom {
	height: 36px;
	background: url(http://www.metaleszi.com.mx/sistema/images/1024x36.png) top left no-repeat;
	margin-bottom: 12px;
	}

#gNavBottom #right { float: right; width: 341px; font-size: 10px; font-weight: bold; }

#gNavBottom #center { float: left; width: 341px; font-size: 10px; font-weight: bold; }

#gNavBottom #left { float: left; width: 341px; font-size: 10px; font-weight: bold; }

#searchDiv {
	padding: 8px 0;
	text-align: center;
	}

.LoginImage {width: 4; height: 4}

.Bienvenido {
	background-color:#106053;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	}

.tl {padding: 0; width: 4; text-align: left; vertical-align: top}
.tr {padding: 0; width: 4; text-align: right; vertical-align: top}
.bl {padding: 0; width: 4; text-align: left; vertical-align: bottom}
.br {padding: 0; width: 4; text-align: right; vertical-align: bottom}