.etiq-tituloDestacado {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:24px; font-weight:bold; color: #96d8f5}
.etiq-tiendaHome {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:12px; font-weight:bold; color: #96d8f5}
.etiq-regtitulo {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:16px; font-weight:bold; color: #1464be}
.etiq-titulo {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:22px; font-weight:bold; color: #1464be}
.etiq-grande {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:18px; font-weight:bold; color: #1464be}
.etiq-regulardestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:16px; font-weight:bold; color: #1464be}
.etiq-regulardestacadaBlanca {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:16px; font-weight:bold; color: #FFFFFF}
.etiq-regular {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:14px; color: #1464be}
.etiq-peqdestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:12px; font-weight:bold; color: #1464be}
.etiq-regdestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:14px; font-weight:bold; color: #1464be}
.etiq-peqblanca {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px; color: #FFFFFF}
.etiq-peqblanca2 {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:10px; color: #FFFFFF}
.etiq-peqblancadestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-weight:bold;  font-size:11px; color: #FFFFFF}
.etiq-regblanca {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:14px; color: #FFFFFF}
.etiq-grandeblanca {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:16px; color: #FFFFFF}
.etiq-peqblancaSub {font-family: Arial,"Trebuchet MS", Verdana,  "Helavetica Condensed"; font-size:11px; color: #FFFFFF}
.etiq-medianaBlancaDestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:13px; color: #FFFFFF; font-weight: bold}
.etiq-grandeBlancaDestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:18px; color: #FFFFFF; font-weight: bold}
.etiq-encuestaTiempo {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:30px; color: #FFFFFF; font-weight: bold}
.etiq-tituloBlack {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:22px; font-weight:bold; color: #252525} 
.etiq-largeBlancaDestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:34px; color: #FFFFFF; font-weight: bold}

.etiq-mediana {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:13px}
.etiq-pequenaGris {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px; color:Gray  }
.etiq-pequena {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px}
.etiq-pequena-padding {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px; padding-left:3px; padding-right:2px}
.etiq-pequedestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px}
.etiq-pequedestacadafondoscuro {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px; color: #252525; font-weight:bold;}

.etiq-ayudaBlanca {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-weight:bold; font-size:11px; color: #FFFFFF;}
.etiq-ayuda {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-weight:bold; font-size:11px; }
.etiq-error {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed";   font-size:13px; color:#fa9e0d}

/* Encuestas */
.etiq-titulopregunta {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:22px; font-weight:bold; color:#000000; }
.contenido-regudestacadorespuesta {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
.link-regublancoMTR {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #FFFFFF}
.contenido-regularOPCMTR {font-family:Arial, Helvetica, sans-serif; font-size:11px}
.contenido-regudestacadoPGTMTR {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}

/*matriz traspuesta*/
.headerMTRTras {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #FFFFFF; font-weight:bold}
.OpcionMTRTras {font-family:Arial, Helvetica, sans-serif; font-size:11px}
.PreguntaMTRTras {font-family:Arial, Helvetica, sans-serif; font-size:11px}

/*titulo de los reportes*/
.reporteEstilo
{
    color:#1464be;
}

.imagenLogin a {
  display: block;
   float: left;
   width: 60px;
   height:60px;
   border:solid 0 #CCCCCC;
}

.imagenLogin a:hover {
   border:solid 1px #2188d0;
   filter:alpha(opacity=60);
   opacity: .60;
   filter:alpha(opacity=60);
    display:block;
    float:left;
}

/* Estilos para pagina de catalogo */


.TituloTienda
{
	font-family: Arial;
	font-size:  x-small;
	font-weight: bold;
}

.TituloTiendapeq
{
	font-family: Arial;
	font-size:  small;
	font-weight: bold;
}

.menuDesplegable {width: 140px; background-color:#F2F2F2;} /** width -> ancho fijo del menu, background-color -> fondo del menu **/
.link-menuDesplagable1 a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#0000FF;} /** estilo para el icono Data Maestra (menu nivel 1) **/
.link-menuDesplagable2 a, .link-menuDesplagable2 a:visited {font-family: Arial, Verdana, Helvetica, sans-serif; white-space:normal; font-size:12px; color:#0000FF; width:100%;}
.link-menuDesplagable2 a:hover {font-family: Arial, Verdana, Helvetica, sans-serif; white-space:normal; font-size:12px; color: #000000; font-weight:bold; background-color: #96d8f5; width:100%;}

a.link-extragrandeGrid {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:32px; font-weight:bold;}
a.link-extragrande {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:20px}
a.link-grande {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px}

a.link-grandestacado {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; color: #007cc2; font-weight:bold; }
a.link-grandestacado:visited {color: #007cc2}
a.link-regularPequeno {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; } /* cursor:hand; text-decoration: underline; es necesario para que se muestre como lnk sin tener que asignar href="#" */
a.link-regular {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; cursor:hand; text-decoration: underline; color:#0000FF;} /* cursor:hand; text-decoration: underline; es necesario para que se muestre como lnk sin tener que asignar href="#" */
a.link-regular2 {font-family: Arial, Verdana, Helvetica, sans-serif; white-space:normal; font-size:12px}
a.link-regudestacado {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-weight:bold}
a.link-regudestacado:visited {color: #007cc2}
a.link-grandeBlanco {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; color: #FFFFFF}
a.link-medianoblanco {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #FFFFFF}
a.link-extraGrandeblanco {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:16px; color: #FFFFFF}
a.link-medianodestacado {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:20px; font-weight:bold; color: #96d8f5}
a.link-regublanco {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #FFFFFF}
a.link-peqblanco {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; color: #FFFFFF}
a.link-pequeno {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px}
a.link-pequeno:visited {color: #007cc2}
a.fondooscuro {color: #252525;}
a.fondooscuro:visited { color: #252525;}

/* Estilo necesario para link sin Href ni PostBack */
a.link-pequeno2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; text-decoration: underline; cursor:hand; color:#0000ff;}
/*a.link-regular {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-decoration: underline; cursor:hand; color:#0000ff;}*/
/*a.link-regublanco {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-decoration: underline; cursor:hand; color: #FFFFFF}*/

.link-regublancos a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #FFFFFF}

.bold { font-weight :bold ; }
.italic { font-style:oblique; }
.nowrap{ white-space :nowrap }
.bordeDerechoSPeq
{
	border-right: solid 1px lightgray;
}


a.link-regColor {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #fa9e0d}


.contenido-extragrandedestacadotituloDestacado {font-family:Arial, Helvetica, sans-serif; font-size:24px; text-align:center; font-weight:bold;}
.contenido-extragrandedestacadotitulo {font-family:Arial, Helvetica, sans-serif; font-size:24px; text-align:center}

.contenido-extragrande {font-family:Arial, Helvetica, sans-serif; font-size:20px}
.contenido-extragrandeDestacado {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
.contenido-grande {font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.contenido-grandedestacado {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold}
.contenido-medio {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center}
.contenido-mediodestacado {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.contenido-regular {font-family:Arial, Helvetica, sans-serif; font-size:11px}
.contenido-regular2 {font-family:Arial, Helvetica, sans-serif; font-size:12px}
.contenido-regudestacado {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
.contenido-regudestacado2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
.contenido-pequeno {font-family:Arial, Helvetica, sans-serif; font-size:10px}
.contenido-pequenodestacado {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
.contenido-desabilitado {color:#808080;}
.contenido-mega { color: #037cc5;}

.alarma-regular {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #FF0000}
.alarma-pequena {margin-left:10px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px;color: #FF0000}

/* estilo usado para las filas de los Grids */
.fondo-blanco {background-color:#FFFFFF}
/**/
.fondo-grisClaro {background-color:#F2F2F2}
.fondo-grisOscuro {background-color:#D8D8D8}
.fondo-grisExtraOscuro {background-color:#000000}/*Si se cambia el color actualizar el estilo bordeGrisExtraOscuro*/
.fondo-footerPrincipal {background-color:#0080C0}

/*Estilo usado en las seldas que se ven como pestaña Pagina Empleado y Cliente*/
.bordeGrisExtraOscuro{border-right: solid 1px #000000;
                        white-space:nowrap}
/* estilo usado para aplicar el color destacado solo en el borde */
.bordedestacado{ border: solid 2px #96d8f5 }
/**/

.destacado {background-color: #96d8f5}
.medio, .fotogrande_150:hover, .fotogrande_o:hover {background-color: #daecfe}
.oscuro {background-color: #0080C0}

.carpetaDer{ background-image:url(../../imagesite/header_w.png);}
.headerPrincipal{   background-image:url(../../imagesite/fondo-heder.jpg);
    	            background-repeat:repeat-x;
	                background-position:top;
	                background-position:left;  
}
.headerPrincipalIzq{background-image:url(../../imagesite/hederfondo2_04.jpg);
    	            background-repeat:repeat-y;
	                background-position:top;
	                background-position:left;  
}
.headerLogoPrincipal{ background-image:url(../../imagesite/home-powl21.jpg);
    	            background-repeat:repeat-y;
	                background-position:top;
	                background-position:right;
}

/* ESTILOS PARA COLORES DE FILAS EN REPORTE*/
.destacadoReporte {background-color: #96d8f5}
.medioReporte {background-color: #daecfe}
.oscuroReporte {background-color: #0080C0}
/* estilo usado para las filas de los Grids */
.fondo-blancoReporte {background-color:#FFFFFF}
.fondo-grisClaroReporte {background-color:#F2F2F2}
.fondo-grisOscuroReporte {background-color:#D8D8D8}
.fondo-grisExtraOscuroReporte {background-color:#000000}



/* estilo para el header nuevo de web */
.header_toppag{ background-image: url(../../imagesite/heder-pagsazul.jpg);}
/* estilo para el header carrito */
.header_toppagCarrito{ background-image: url(../../imagesite/heder-pagcarrito.jpg);}
.sombraSite {background-color: #0080C0; }

/* Estilo para un nodo seleccionado del TreeView*/
.nodo-seleccionado {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; background-color:#FFFF80 ; font-weight:bold}


/* estilo usado para mostrar la barra degradada en la parte superior de las ventanas del POS*/
.fondoColumnaIzquierda 
{
	background-image: url(../../imagesite/fondoSuperior.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

.alineacionDerecha
{
	text-align: right;
}

.alineacionIzquierda
{
	text-align: left;
}
/**/

/* 2009.02.19 | JCOLOMA */
/* estilo usado para definir la columna de etiquetas del POS y Setup*/
.columnaEtiqueta
{
	width: 110px;
	text-align: right;
}

.columnaEtiquetaReporte
{
	width: 110px;
	text-align: right;
    padding:0 1px 4px 0;
}
.columnaFiltrosReporte {
    width: 280px; padding: 0 0 4px 1px;
}
.columnaFiltrosReporte2 {
    width: 282px;padding:0;margin:0
}

.columnaIzquierda
{
	width: 410px;
}



/* 2009.03.05 | OMURGUIA */
/* estilo usado para definir la columna de etiquetas del RRHH con porcentaje*/

.columnaEtiquetaPor
{
	width: 20%;
	text-align: right;
}
/**/

/* estilo usado para definir el ancho de la columna izquierda de las ventanas del POS*/
.anchoColumnaIzq
{
	width: 400px;
}
/**/

/* estilo usado para definir la separación entre iconos */
.separadorIcono
{
	padding: 0 5px 0 5px;
    text-align:center;
}
/**/

/* estilo usado para definir el ancho de la parte central del separador (seccion liquida). El valor (%) depende del anchoColumnaIzq*/
.anchoSeparador
{
	width: 60%;
}
/**/

/* estilo usado para el menu que se encuentra en la columna izquierda de la ventana Principal del POS */
.listaIcono li 
{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right:12px;
	float:none;
	text-align:center;
}
.listaIcono a 
{
	display: block;
	height: 32px;
	overflow: hidden;
}
.listaIcono a:hover 
{
background-image: none;
}



.compra 
{
	width:32px;
	background: transparent url(../../imagesite/registroDeCompra1_32.png) no-repeat 0 0;
}
.compra a 
{
	background: transparent url(../../imagesite/registroDeCompra2_32.png) no-repeat 0 0;
}

.corte 
{
	width:32px;
	background: transparent url(../../imagesite/corteDeCaja1_32.png) no-repeat 0 0;
}
.corte a 
{
	background: transparent url(../../imagesite/corteDeCaja2_32.png) no-repeat 0 0;
}

.cierre 
{
	width:32px;
	background: transparent url(../../imagesite/cierreDeTienda1_32.png) no-repeat 0 0;
}
.cierre a 
{
	background: transparent url(../../imagesite/cierreDeTienda2_32.png) no-repeat 0 0;
}

.reporte 
{
	width:32px;
	background: transparent url(../../imagesite/reporte1_32.png) no-repeat 0 0;
}
.reporte a 
{
	background: transparent url(../../imagesite/reporte2_32.png) no-repeat 0 0;
}
.bitacora 
{
	width:32px;
	background: transparent url(../../imagesite/bitacora1_32.png) no-repeat 0 0;
}
.bitacora a {
	background: transparent url(../../imagesite/bitacora2_32.png) no-repeat 0 0;
}
.inteligencia 
{
	width:32px;
	background: transparent url(../../imagesite/indicadores32_01.jpg) no-repeat 0 0;
}
.inteligencia a {
	background: transparent url(../../imagesite/indicadores over32_02.jpg) no-repeat 0 0;
}
.personal 
{
	width:32px;
	background: transparent url(../../imagesite/entradaYsalidaPersonal1_32.png) no-repeat 0 0;
}
.personal a 
{
	background: transparent url(../../imagesite/entradaYsalidaPersonal2_32.png) no-repeat 0 0;
}

.maestra 
{
	width:32px;
	background: transparent url(../../imagesite/dataMaestra1_32.png) no-repeat 0 0;
}
.maestra a 
{
	background: transparent url(../../imagesite/dataMaestra2_32.png) no-repeat 0 0;
}

/**/

/* estilo usado para el menu que se encuentra en la columna derecha de la ventana Principal del POS */
.listaImagen li 
{
	list-style: none;
	padding: 0;
	margin: 0;
	float:left;
}
.listaImagen a 
{
	display: block;
	height: 48px;
	overflow: hidden;
}
.listaImagen a:hover 
{
background-image: none;
}

.cerrarsesion
{
	width:48px;
	background: transparent url(../../imagesite/logout1_48.png) no-repeat 0 0;
}

.puntodeventa 
{
	width:48px;
	background: transparent url(../../imagesite/puntoDeVenta1_48.png) no-repeat 0 0;
}
.puntodeventa a 
{
	background: transparent url(../../imagesite/puntoDeVenta2_48.png) no-repeat 0 0;
}

.makeline 
{
	width:48px;
	background: transparent url(../../imagesite/makeline1_48.png) no-repeat 0 0;
}
.makeline a 
{
	background: transparent url(../../imagesite/makeline2_48.png) no-repeat 0 0;
}

.ruteo 
{
	width:48px;
	background: transparent url(../../imagesite/ruteo1_48.png) no-repeat 0 0;
}
.ruteo a 
{
	background: transparent url(../../imagesite/ruteo2_48.png) no-repeat 0 0;
}

.malasordenes 
{
	width:48px;
	background: transparent url(../../imagesite/MalaOrden1_48.png) no-repeat 0 0;
}
.malasordenes a 
{
	background: transparent url(../../imagesite/MalaOrden2_48.png) no-repeat 0 0;
}

.tracking 
{
	width:48px;
	background: transparent url(../../imagesite/MalaOrden1_48.png) no-repeat 0 0;
}
.tracking a 
{
	background: transparent url(../../imagesite/MalaOrden2_48.png) no-repeat 0 0;
}

.ordenDeCarga 
{
	width:48px;
	background: transparent url(../../imagesite/carga1_48.png) no-repeat 0 0;
}
.ordenDeCarga a 
{
	background: transparent url(../../imagesite/carga2_48.png) no-repeat 0 0;
}
/**/

/* estilo usado para ocultar un control manteniendo el espacio que ocupa usado en las ventanas del POS */
.ocultarControl
{
	/*visibility:hidden;*/
 display:none;
}
/**/

/* estilo usado para definir la altura de la fila superior en la ventana Principal del POS */
.LineaSuperior 
{
	height:10px;
}
/**/

/* estilo usado para definir la altura de la fila inferior en la ventana Principal del POS */
.LineaInferior 
{
	height:25px;
}
/**/

/* estilo usado para definir el ancho de la columna izquierda en la ventana Principal del POS */
.ColumnaDer {
	width: 65px;
	vertical-align:top;
	text-align:center;
	padding: 5px 5px 5px 5px;
	min-height: 100%;
	height: 100%;
}
/**/

/* estilo usado para definir el alto de la fila de la columna izquierda en la ventana Principal del POS */
.filaImagen {
	height: 65px;
	vertical-align:middle;
	text-align:center;
	padding: 0 0 0 8px;
}

/* estilo usado para definir el color del marco oscuro en la ventana Principal del POS */
.ColumnaDer, .LineaSuperior, .LineaInferior {
	background-color:#000000;
}
/**/

/* estilo usado para definir el ancho de la columna izquierda en la ventana Principal del POS */
.ColumnaIzq {
	width: 200px;
	vertical-align:top;
	padding: 0 5px 5px 5px;
}
/**/

/* estilo usado para definir el color de fondo en la columna izquierda de la ventana Principal del POS */
.fondoColumnaIzq {
	background-color: #f5f3f4; /*#f9f9f9*/
	text-align:left;
	padding-left:5px;
}
/**/

/* estilo usado para definir la alineacion del Footer de la ventana Principal del POS */
.CeldaFooter 
{
	vertical-align:bottom;
	padding: 5px 0 5px 0;
}
/**/

/* estilo usado para definir la alineacion de la columna central en la ventana Principal del POS */
.CeldaCnt {
	vertical-align:top;
	padding: 0 5px 0 5px;
}
/**/

/* estilo usado para definir el fondo de la seccion de busqueda en la ventana Principal del POS */
.fondoColumnaCnt 
{
	background-image: url(../../imagesite/linea.jpg);
	background-position:right;
	background-repeat:repeat-y;
}
/**/

/* estilo usado para cambiar la imagen del puntero del raton dependiendo de si esta habilitado o no, implementado en la ventana Customizacion de Orden del POS */
.Habilitar 
{
cursor:hand 
}


.Deshabilitar 
{
cursor:default  
}
/**/

/* estilo usado como separador, implementado en la ventana Empleado del POS*/
.filaSeparadora
{
	background-image:url(../../imagesite/separadorCnt.jpg); 
	background-repeat:repeat-x; 
	vertical-align:middle; 
	height:5px;
}
/**/

/*para las esquinas de los td*/
.listEsqSupIzq
{
	background-image:url(../../imagesite/esqui_sup_izq.png);
	background-repeat:no-repeat; 
	background-position:top left;
}
.listEsqSupDer
{
	background-image:url(../../imagesite/esqui_sup_der.png);
	background-repeat:no-repeat;
	background-position: top right;
}

BODY
{
    margin: 0;
}

/* cuadro */

.dashed-arr { border-top:dashed 4px #B0D428; }
.dashed-der { border-right:dashed 4px #B0D428;}
.dashed-aba { border-bottom:dashed 4px #B0D428;}
.dashed-izq { border-left:dashed 4px #B0D428; }
.solid-der { border-right:solid 1px #D8D8D8;}

.linea-gris{
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #D8D8D8;
}

/* estilo para el control de producto 150x150 */
.fotogrande_150:link, .fotogrande_150:visited, .fotogrande_150:active {	
	text-decoration: none;
}
.fotogrande_150 a:link, .fotogrande_150 a:visited, .fotogrande_150 a:active, .fotogrande_150 a:hover {	
	text-decoration: none;
}
.fotogrande_150 {	
	font-size: 9px;
	text-decoration: none;	
	width: 164px;	
	margin: 5px 4px 5px 4px;
	background-color:White;
}
.fotogrande_150:hover {
	/*background-color: #e5eda9*/
	text-decoration: none;
}
.fotogrande_150 #div-efecto
{
	width:150px;	
}
.fotogrande_150 #div-destacados

{
	height:125px;	
}
.fotogrande_150 #div-destacados div 
{		
	float:left;
	margin: 0;
	height:150px;
}
.fotogrande_150 #div-destacados a 
{
	height:20px;
	display: block;	
	overflow: hidden;
	padding: 130px 0 0 120px;
	background-position:bottom right;
	background-repeat: no-repeat;	
}

.fotogrande_150 #latabla {
	background-color:White;	 	
 	margin: 0;
	border: 0;		






}
/* fin de estilo para el control de producto */

/* Efecto borde redonde usado en los destacados */
.roundTrans2 .t, .roundTrans2 .b, .roundTrans2 .b b, .roundTrans2 .t b
{
height:8px;
}
.roundTrans2 .t, .roundTrans2 .b, .roundTrans2 .t b, .roundTrans2 .b b{
background:url(../../imagesite/bordesfine_3.gif);
display:block;
overflow:hidden;
}
.roundTrans2 .c{
 background-color:Transparent;
}
.roundTrans2 .t b, .roundTrans2 .b b{
float:right;
width:50%;
}
.roundTrans2 .t .r{
background-position:top right;
}
.roundTrans2 .b .r{
background-position:bottom right;
}
.roundTrans2 .b{
background-position:bottom left;
}
.roundTrans2 .br{
clear:both;
display:block;
overflow:hidden;
height:0;
}

/* estilo cuadro redondeado */
.roundFine{
margin: 0;
padding:0;
}

/* inner content padding */
.roundFine .c{
padding:0;
}

/* CSS below here probably shouldn't be messed with except for the image file name */
.roundFine .t, .roundFine .b, .roundFine .b b, .roundFine .t b{
height:8px;
}
.roundFine .t, .roundFine .b, .roundFine .t b, .roundFine .b b{
background:url(../../imagesite/bordesFine.gif);
display:block;
overflow:hidden;
}
.roundFine .c{
background:#ffffff;
border-left:1px #b0d428 solid;
border-right:1px #b0d428 solid;
}
.roundFine .t b, .roundFine .b b{
float:right;
width:50%;
}
.roundFine .t .r{
background-position:top right;
}
.roundFine .b .r{
background-position:bottom right;
}
.roundFine .b{
background-position:bottom left;
}
.roundFine .br{
clear:both;
display:block;
overflow:hidden;
height:0;
}

/* botones verdes estilo alcanco*/
.efecto-boton
{
	height:22px;	
}

.efecto-boton li 
{
	list-style: none;
	padding: 0;
	margin: 0;	
}

.efecto-boton a 
{
	display: block;
	height:18px;
	overflow: hidden;
	font-weight:bold;
	font-size: 11px;
	text-decoration: none;
	padding:4px 0 0 0;	
}

.efecto-boton a:link, .efecto-boton a:visited, .efecto-boton a:active
{
	text-decoration: none;
	color: #404040;
}

.efecto-boton a:hover 
{
	background-image: none;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.opaco {filter: alpha(opacity=50); opacity: .5} 

.efecto-corto 
{
	text-align:center;
	width:65px;
	background: transparent url(../../imagesite/botoncorto.gif) no-repeat 0 -22px;	
}

.efecto-corto a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botoncorto.gif) no-repeat 0 0;
}

.efecto-medio 
{
	text-align:center;
	width:75px;
	background: transparent url(../../imagesite/botonmedio.gif) no-repeat 0 -22px;
}

.efecto-medio a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botonmedio.gif) no-repeat 0 0;
}

.efecto-largo 
{
	text-align:center;
	width:85px;
	background: transparent url(../../imagesite/botonlargo.gif) no-repeat 0 -22px;
}

.efecto-largo a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botonlargo.gif) no-repeat 0 0;
}

.efecto-largoX 
{
	text-align:center;
	width:95px;
	background: transparent url(../../imagesite/botonlargoX.gif) no-repeat 0 -22px;
}

.efecto-largoX a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botonlargoX.gif) no-repeat 0 0;
}

.efecto-largoXX 
{
	text-align:center;
	width:105px;
	background: transparent url(../../imagesite/botonlargoXX.gif) no-repeat 0 -22px;
}

.efecto-largoXX a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botonlargoXX.gif) no-repeat 0 0;
}

.efecto-largoXXX
{
	text-align:center;
	width:115px;
	background: transparent url(../../imagesite/botonlargoXXX.gif) no-repeat 0 -22px;
}

.efecto-largoXXX a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botonlargoXXX.gif) no-repeat 0 0;
}

.efecto-mas-largo
{
	text-align:center;
	width:130px;
	background: transparent url(../../imagesite/botonMaslargo.gif) no-repeat 0 -22px;
}

.efecto-mas-largo a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botonMaslargo.gif) no-repeat 0 0;
}

.efecto-extra-largo
{
	text-align:center;
	width:150px;
	background: transparent url(../../imagesite/botonExtralargo.gif) no-repeat 0 -22px;
}

.efecto-extra-largo a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botonExtralargo.gif) no-repeat 0 0;
}

.efecto-tetra-largo
{
	text-align:center;
	width:172px;
	background: transparent url(../../imagesite/botonTetralargo.gif) no-repeat 0 -22px;
}

.efecto-tetra-largo a 
{
	color: #404040;
	font-weight:bold;
	background: transparent url(../../imagesite/botonTetralargo.gif) no-repeat 0 0;
}

/* estilos para poner borde redondo a las tablas */
.EsqSupIzq {
	  background-image: url(../../imagesite/esq_s_izq.gif);
	  background-repeat: no-repeat;
	  background-position: left top
}

.EsqSupDer {
	background-image: url(../../imagesite/esq_s_der.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.EsqInfIzq {
	background-image: url(../../imagesite/esq_i_izq.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.EsqInfDer {
	background-image: url(../../imagesite/esq_i_der.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


/* 14.04.2009 | AD */
.grisEsqSupIzq {
	background-image: url(../../imagesite/bordeGris/supIzq.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 13px;
	height: 13px;
}
.grisSup {
	background-image: url(../../imagesite/bordeGris/ARR.png);
	background-position: left bottom;
	height: 13px;
}
.grisEsqSupDer {
	background-image: url(../../imagesite/bordeGris/supDer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 13px;
	height: 13px;
}
.grisIzq {
	background-image: url(../../imagesite/bordeGris/IZQ.png);
	background-repeat: repeat-y;
	background-position: right top;
	width: 13px;
}
.grisDer {
	background-image: url(../../imagesite/bordeGris/DER.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 13px;
}
.grisEsqInfIzq {
	background-image: url(../../imagesite/bordeGris/infIzq.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 13px;
	height: 13px;
}
.grisInf {
	background-image: url(../../imagesite/bordeGris/ABA.png);
	background-position: left top;
	height: 13px;
}
.grisEsqInfDer {
	background-image: url(../../imagesite/bordeGris/infDer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 13px;
	height: 13px;
}

.separadorIzq {
	background-image: url(../../imagesite/separadorIzq.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 1px;
	background-color:#808080;
}

.separadorDer {
	background-image: url(../../imagesite/separadorDer.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 1px;
	background-color:#808080;
}

.separadorAba {
	background-image: url(../../imagesite/separadorAba.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 1px;
	background-color:#808080;
}

.separadorArr {
	background-image: url(../../imagesite/separadorArr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1px;
	background-color:#808080;
}

.separadorCntV {
	/*background-image: url(../../imagesite/separadorCntV.jpg);
	background-repeat: repeat-y;
	background-position: center top;*/
	background-color:#808080;
}

.separadorCntH {
	/*background-image: url(../../imagesite/separadorCnt.jpg);
	background-repeat: repeat-x;
	background-position: center top;*/
	background-color:#808080;
}

/* 2009.02.19 | JCOLOMA */
/* estilos para poner borde gris oscuro a los controles de usuario */
/* el borde superior puede ser delgado o grueso */
.bordeGrisEsqSupIzq_H {
	background-image: url(../../imagesite/bordeGris/ARRIZQ_H.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 13px;
	height: 31px;
}

.bordeGrisEsqSupDer_H {
	background-image: url(../../imagesite/bordeGris/ARRDERE_H.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 13px;
	height: 31px;
}

.bordeGrisEsqSupIzq {
	background-image: url(../../imagesite/bordeGris/ARRIZQ.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 13px;
	height: 13px;
}

.bordeGrisEsqSupDer {
	background-image: url(../../imagesite/bordeGris/ARRDER.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 13px;
	height: 13px;
}

.bordeGrisEsqInfIzq {
	background-image: url(../../imagesite/bordeGris/ABAIZQ.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 13px;
	height: 13px;
}

.bordeGrisEsqInfDer {
	background-image: url(../../imagesite/bordeGris/ABADER.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 13px;
	height: 13px;
}

.bordeGrisArr_H {
	background-image: url(../../imagesite/bordeGris/ARR_H.png);
	background-repeat: repeat;
	height: 31px;
}

.bordeGrisArr {
	background-image: url(../../imagesite/bordeGris/ARR.png);
	background-repeat: repeat;
	height: 13px;
}

.bordeGrisIzq {
	background-image: url(../../imagesite/bordeGris/IZQ.png);
	background-repeat: repeat;
	width: 13px;
}

.bordeGrisDer {
	background-image: url(../../imagesite/bordeGris/DER.png);
	background-repeat: repeat;
	background-position: right;
	width: 13px;
}

.bordeGrisAba {
	background-image: url(../../imagesite/bordeGris/ABA.png);
	background-repeat: repeat;
	height: 13px;
}


/* 2009.04.24 | LCHACON */
/* estilos para poner borde gris oscuro a los controles de usuario */
/* con fondo transparente*/
.bordeGrisEsqSupIzqTrans {
	background-image: url(../../imagesite/bordeGris/SUP IZ.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 13px;
	height: 13px;
}

.bordeGrisEsqSupDerTrans {
	background-image: url(../../imagesite/bordeGris/SUP DERE.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 13px;
	height: 13px;
}

.bordeGrisEsqInfIzqTrans {
	background-image: url(../../imagesite/bordeGris/INF IZ.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 13px;
	height: 13px;
}

.bordeGrisEsqInfDerTrans {
	background-image: url(../../imagesite/bordeGris/INF DERE.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 13px;
	height: 13px;
}

.EtiquetaContenidoFondoAmarillo 
{
	BACKGROUND-COLOR: #ffff88;
	font-family: Arial;
	font-size: .7em;
}

.FondoAmarillo 
{
	BACKGROUND-COLOR: #ffff88;
}

/*****************************************************************************/
/*************************Estilos pagina de Ruteo*****************************/
/*****************************************************************************/

.contenido-regudestacadoRuteo {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
.contenido-regularRuteo {font-family:Arial, Helvetica, sans-serif; font-size:11px}
.etiq-peqblancaRuteo {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px; color: #FFFFFF}
a.link-regublancoRuteo {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #FFFFFF}
.link-regublancoRuteo a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #FFFFFF}


/*
.contenido-regudestacadoRuteo {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold}
.contenido-regularRuteo {font-family:Arial, Helvetica, sans-serif; font-size:16px}
.etiq-peqblancaRuteo {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:12px; color: #FFFFFF}
a.link-regublancoRuteo {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #FFFFFF}
.link-regublancoRuteo a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #FFFFFF}
*/


.separadorImgLnk a
{
	width:70px;
	text-align:center;
}

.subrayado 
{
   text-decoration: underline;
}


/* Iconos de Pagina Principal */
.menuModulo {
width:300px;
height:100%;
display:block;
background-image: url(../../imageSite/separador.png);
background-position: bottom;
background-repeat:no-repeat;
}

.menuNoModulo {
width:300px;
height:100%;
display:block;
background-image: url(../../imageSite/separador.png);
border-bottom: 1px solid white;
}

.separadorMenuHorizontal
{
	margin:  0 5px 0 5px;
}
/* Iconos de Pagina Principal */

/* Carrito de Compras */
.imagenProducto
{
    width: 60px;
    height: 60px;
    background-repeat:no-repeat; 
    background-position:center center; 
}

.separadorCelda
{
    padding: 5px;
}

.headerCompra{   background-image:url(../../imagesite/fondo-hederCompra.jpg);
    	            background-repeat:repeat-x;
	                background-position:top;
	                background-position:left;  
}


.fondoBordeGrid  
{
background: red;
width:100px;
height:100px;
padding-top:5px;

}

.fondoBordePunteadoInf
{
    border-bottom: 1px dashed #fa9e0d;
}

.bordePunteado
{
    border: 1px dashed #fa9e0d;
}


.borde 
{
    border: 1px solid #0080C0; 
}



.alturaFilaBarra
{
    height: 30px;
}

.alturaFilaEncabezado
{
    height: 90px;
}

.alturaFilaPie
{
    height: 50px;
}


.anchoColumnaDerecha
{
    width: 200px;
}

.anchoResumenCompra
{
    width: 300px;
}

.fondoPunteado  
{
    background-image: url(../../imageSite/linea-punteada-seguimiento.png); 
    vertical-align:middle; 
    text-align:center;
    height:9px; 
    width: 215px; 
    background-repeat: no-repeat; 
    background-position:center;
}

.bordeGrisOscuroInf{
	border-bottom: 1px solid #000000;
}

.bordeGrisOscuroSup{
	border-top: 1px solid #000000;
}

.bordeGrisOscruro
{  
    border: 1px solid #000000;
}


/* boton */
.boton
{
	height:29px;	
}

.boton li 
{
	list-style: none;
	padding: 0;
	margin: 0;
	list-style:none;
    line-height: 29px;

}

.boton a 
{
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 13px; 
    font-weight: bold;
    cursor: hand; 
	display: block;
	height:29px;
	vertical-align: middle;
	text-decoration: none;
	background-repeat: no-repeat;
}

.boton a:link, .boton a:visited, .boton a:active
{
	color: #000000;
	width: 100%;
}

.boton a:hover 
{
	background-image: none;
	color: #000000;
}

.botonLargo 
{
	text-align: center;
	vertical-align: middle;
	width: 164px;
	height:29px;
	background: transparent url(../../imagesite/boton-confirmar.png) no-repeat 0 -29px;
}

.botonLargo a 
{
	background: transparent url(../../imagesite/boton-confirmar.png) no-repeat 0 0;
}

.marcoLogo
{
    height:77px; 
    width: 76px; 
    background-image: url(../../imageSite/fondo-logo.png);  
    vertical-align:middle; 
    text-align:center; 
    padding-top: 9px;
    background-repeat: no-repeat;
    
}

.tituloSeccion1
{
    width: 100%; 
    height: 25px; 
    padding-left: 5px; 
    padding-top:5px;
    clear: both;
}

.centrarControl
{
    width: 164px;
    margin: 0 auto; 
    margin-bottom: 5px;
}

.imagenTarjeta
{
    background-repeat: no-repeat; 
    background-position: center venter;
    width: 30px; 
    height: 20px; 
    float: left; 
    margin-left: 5px;
}

/* Carrito de Compras */

/*registro de usuario web*/
.bordeBlanco{
	padding-top: 3px;
}

.imagenTblFondo
{
	background-image: none;  
}

/*etiquetas y link pequenos*/
.etiq-peq {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px;} /*color: #FFFFFF*/
a.link-regular3 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; cursor:hand; text-decoration: underline; color:#0000FF;}

/*etiquetas y link grandes, de pestanas*/
.etiq-mediana2 {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:12px; color: #FFFFFF}
a.link-regular3Mediano {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; cursor:hand; text-decoration: underline; color:#FFFFFF;}

.backGroundTransparente
{
    background: transparent no-repeat 0 0;
    }
    
.anchoPestanas {
width: 25%; 
}
/*fin registro de usuario web*/
.colorletra 
{
    color: #FF3300;
}
a.colorletra 
{
    color: #FF3300;
}

.notiGeneral FONT {font-size: 13px}
/* Rating */
.ratingStar {
    font-size: 0;
    width: 13px;
    height: 12px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

#pnlNotRating a {
    font-size: 0;
    width: 12px;
    height: 12px;
    margin: 2px 0 0 0;
    padding: 0;
    cursor: pointer;
    display: block;
    text-decoration:none;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../imagesite/estrella-amarilla.png);
}

.emptyRatingStar {
    background-image: url(../../imagesite/estrella-gris.png);
}

.savedRatingStar {
    background-image: url(../../imagesite/estrella-amarilla.png);
}

.tamanoImgMaterial 
{
    width:250px; 
    height:250px; 
    background-repeat:no-repeat; 
    background-position:center center;
}
.colorVoto

{
   color: #fa9e0d;
    }
/* Rating */

.paddingLeft{
	 padding-left: 5px;
}
.paddingRight{
	 padding-left: 10px;
}



.bordeIzquierdo{
border-left:1px #000000 solid;
}
/*solo para el control header*/
.etiq-grandeHeader {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:18px; font-weight:bold; color: #1464be}


.formulario{
font-size:10px;
width:350px;
height:360px;
padding:20px 0 0 0;
line-height:30px;
text-align:right;
}





/*ESTILOS CATALOGO*/
.fondo-img-catalogo {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #000000;
width:100%;
height:100%;
border:#FFFFF 0 dashed; 
padding-top:0;
margin:0;
}


.etiq-pequena-catalogo{
color:#000000; 
font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; 
font-size:11px; 
}

.caja-img-catalogo
{
    background-color:#FFFFFF;
}

.border-top-catalogo{
background-color:#FFFFFF;
}


.border-bottom-catalogo{
background-color:#FFFFFF;
vertical-align :top;
padding :5px 0 5px 0;
}


.fondo-esquina1{
background-color:#FFFFFF;
}


.fondo-esquina2{
background-color:#FFFFFF;
}


.fondo-esquina3{
background-color:#FFFFFF;
}


.fondo-esquina4{
background-color:#FFFFFF;
}


.DescripcionMaterial {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:center;
margin-top:0;
padding-left:2px;
padding-right:2px;
}


.DescripcionMaterialDestacado {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
.cantidadesCatalogos {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold}
a.link-catalogo {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; cursor:hand; text-decoration: underline; 

color:#0000FF;} 
/* cursor:hand; text-decoration: underline; es necesario para que se muestre como lnk sin tener que asignar href="#" */

.tamanoProductoCatalogo
{
	vertical-align:top;
	height:300px; 
	width:160px;
}
.tablaCantidadAtributoPrecio{
width:100%;
margin-top:0;
background-color:#FFFFFF;}


.combos-img-catalogos{
width:150px;
margin-top:0;
text-align:center;
height :1px
}


.punteada {
border-top: dashed 1px #666666;
}


.precio-catalogo{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color: #0033FF;
    background: #FFFFFF;
    

text-align:center;
    margin:0 auto;
    white-space :nowrap;
    font-weight:bold;
}


.codigo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:center;	
}
.tblImagenCtl 
{
    width :100%;
    }

/*---- Hover imagen---*/
    .imagen01 
    {
        display: block;
        border: solid 1px #FFFFFF;
        background-position: center;
        background-repeat: no-repeat;
        background-color: White;
        width: 130px;
        height: 130px;
        text-align: center;
        padding-right: 5px;
        text-decoration: none;
        color: Black;
        font-weight: bold;
        margin-top: 8px;
        vertical-align :bottom ;
        margin :0 auto;
    }
    .imagen02
    {
        max-height: 130px;
        max-width: 130px;
        height: 130px;
        width: 130px;
        text-align: center;
        margin :0 auto;
        
    }
   
    .dvImagenhover 
    {
      
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-color: White;
        width: 130px;
        height: 130px;
        text-align: center;
        padding-right: 5px;
        text-decoration: none;
        color: Black;
        font-weight: bold;
        margin-top: 8px;        
        border:solid 1px blue;
        vertical-align :bottom ;
	 }	
 
   
   .NoWrapGridInventario
   {
       white-space:nowrap;

       }



/*ESTILOS DETALLE DEL PRODUCTO*/
.etiq-nombreProducto {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:20px; font-weight:bold; color: #000000}
.etiq-descripcionProducto {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:11px; color: #000000}
.botonBuscar
{
     Height:30px;
     background-color : #000000;
     font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; 
     font-size:14px; 
     color: #FFFFFF
    }
.etiq-precioProducto {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:20px; font-weight:bold; color: #000000}
a.link-regularProductoDetalle {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; cursor:hand; text-decoration: underline;}
a.link-Acc {color:#0000FF;font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; cursor:hand; text-decoration: none;}
a.link-Grupo { color :#FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; cursor:hand; text-decoration: underline;}
.etiq-Grupo {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:13px; color: #FFFFFF}
.columna1Producto
{
  width:60px;
  vertical-align :top;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
}
.columna2Producto
{
  padding-top:8px;
  padding-left:5px;
  padding-right:5px;
  vertical-align:top;
}
.columna3Producto
{
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  width:300px;
  vertical-align :top;
  text-align :left ;
}
.fondoProductoDetalle{    }
.headerProducto 
{
  vertical-align :top;
  text-align :center ; 
  height :1px;
  width :100%;
  padding:5px; 
}
.grupoProducto 
{
    vertical-align:middle;
    text-align :center ; 
    background-color:#0080C0;
    padding-top:2px;
    padding-bottom:2px;
    height :1px;
}
.cuerpoProducto 
{
    background-color:#FFFFFF;
    vertical-align :top;
    text-align :center 
}
.imagenTamano
{
    border: solid 1px gray;
    width :60px;
}
.imagenDocumento
{
    border: solid 1px gray;
    width :60px;
}
.comentarioProducto
{
    padding: 5px;
    background-color: #FFFFFF;
    /*border-top: 1px solid gray;*/
    display: block;
    float: left;
}
.footerProducto 
{
    background-color:#000000;
    height :30px;
    vertical-align :middle ;
    text-align :center ;
}
.imagenMaterial
{
    vertical-align :middle;
    text-align :center ;
    display: block; 
    float: left;
    width:100%;
}
.fondoInfProducto
{
    border-bottom: 1px solid #fa9e0d;
}

.separadorPrincipal
{
    border-right: 3px solid #96d8f5;  
    width:150px; 
    padding:0; 
    margin:0;
    border-collapse:collapse;  
    top:0;
    text-align:left;
}


/*ESTILOS PARA PESTAÑAS DE LOS MENU*/
.tab
{
    background-color: #0080C0;
    color:White;
    text-decoration:underline;
    display:block;
    float :left ;
    height:20px;
    text-align:center ;
    font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; 
    font-size:12px; 
}
.tabSelect {
    background-color: White;
    color:Black;
    text-decoration:none;
    display:block;
    float :left ;
    height:20px;    
    text-align:center ;
    font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; 
    font-size:12px;
}
.tabDisable {
    background-color: #F2F2F2;
    display:block;
    float :left ;
    height:20px;
    text-align:center ;
    font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; 
    font-size:12px; 
}
    
.bordeGrisOscuroDer {border-right : 1px solid #000000;}
.bordeBlancoDer {border-right : 1px solid #FFFFFF;}
.etiq-GrandeGris {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:38px; color:#D8D8D8 }
.etiq-MedianaGrisDestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:16px; color:gray; font-weight:bold }
.etiq-MedianaRojoDestacada {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:16px; color:red; font-weight:bold }
.etiq-ExtraGrandeBlanca {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:26px; color: #FFFFFF;}
a.link-grandeDestacado {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:16px; color: #007cc2; font-weight:bold; }

.buscadorMaterialPedido
{
 padding: 0; margin: auto; border-collapse: collapse;
}

.txtbuscadorMaterialPedido
{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:16px; 
    font-weight:bold;
    width :150px;
}

.tdbuscadorMaterialPedido
{
 width :300px;
 height :70px;
 background-image : url(../../imagesite/barCodeReaderYellow.JPG);
 background-position:top;
 background-position:center;
 background-repeat :no-repeat;
}
    
    
.esperarReporte {
    position:absolute; 
    background-color:#000000; 
    width:100%; 
    height:100%; 
    z-index:1; 
    opacity:0.9; 
    filter:alpha(opacity=90); 
    display: none;
    }

.divEsperarReporte
{
    position:absolute; 
    top:50%; 
    margin-top:-100px; 
    margin-left:-200px; 
    left:50%; 
    height:200px; 
    width:400px; 
    text-align:center;}


.divSeccionBuscador {
    display:block;
    height: 30px;
    border: 0;
    padding:0;
    margin:auto;
    
}
.divDdlBuscarPrincipal {
    border-top: 1px solid  #0080C0;
    border-left: 1px solid  #0080C0;
    border-bottom: 1px solid  #0080C0;
    border-right: 0 solid  #0080C0;
    float:left;
    height: 30px;
    padding: 2px 2px 0 2px;
    margin: auto 0 auto 0;
}
.divTxtBuscarPrincipal {
    border: 1px solid #0080C0;
    float:left;
    width:400px;
    height: 30px;
    padding: 2px 2px 0 2px;
    margin: auto 0 auto 0;
}
.divBotonBuscarPrincipal {
    padding: 4px 0 0 0;
    margin:auto;    
    width:50px;
    height: 30px;
    float:left;
    background-color:#0080C0;
    background-image : url('../../imagesite/P21Buscar.png');
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
}
.comboBuscarPrincipal {
    outline:0;
    border-color: white;
    border: 0;
    border-collapse:collapse ;
    margin:0;
    padding:0;
    width:200px;
    border-style:outset;
}
#TxtBxCriterioBusqueda {
    outline:none;
    border: none;
}
.botonBuscarPrincipal {
    border: 0;
    outline:none;
    padding:0;
    margin:auto;    
}
.highlight { background-color: yellow }