/* ************************* Estilos referentes a las barras de menus ****** */
/* Link de la barra de menu horizontal superior */
A.linkMenuHorSup:hover {
	text-decoration: none;
	color: #FFFF00 !important;
}

A.linkMenuHorSup:link {
	text-decoration: none;
	color: #FFFFFF;
}

A.linkMenuHorSup:active {
	text-decoration: none;
	color: #FFFFFF;
}

A.linkMenuHorSup:visited {
	text-decoration: none;
	color: #FFFFFF;
}

/* -----------------------------------------------*/
/* Link del menu vertical derecho */
A.linkMenuVertDer:hover {
	text-decoration: none;
	color: #0099FF !important;
}

A.linkMenuVertDer:link {
	text-decoration: none;
	color: #003399;
}

A.linkMenuVertDer:visited {
	text-decoration: none;
	color: #003399;
}

A.linkMenuVertDer:active {
	text-decoration: none;
	color: #003399;
}

/* -----------------------------------------------*/
/* Link del menu horizontal inferior */
A.linkMenuHorInf:hover {
	color: #0099FF !important;
}

A.linkMenuHorInf:link {
	color: #003399;
}

A.linkMenuHorInf:visited {
	color: #003399;
}

A.linkMenuHorInf:active {
	color: #003399;
}

/* -----------------------------------------------*/
/* Link del menu horizontal, inferior, cyan  */
A.menuHorInfCyan:hover {
	text-decoration: none;
	color: #FFFF00 !important;
}

A.menuHorInfCyan:link {
	text-decoration: none;
	color: #FFFFFF;
}

A.menuHorInfCyan:visited {
	text-decoration: none;
	color: #FFFFFF;
}

A.menuHorInfCyan:active {
	text-decoration: none;
	color: #FFFFFF;
}

/* -----------------------------------------------*/
/* Link del menu de deptos azul */
A.menudepto:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #0099FF !important;
	font-weight: bold;
}

A.menudepto:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
}

A.menudepto:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
}

A.menudepto:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
}

/* Link del menu de deptos blanco */
A.menudeptoblanco:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #0099FF !important;
	font-weight: bold;
}

A.menudeptoblanco:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	font-weight: bold;
}

A.menudeptoblanco:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	font-weight: bold;
}

A.menudeptoblanco:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	font-weight: bold;
}

/* -----------------------------------------------*/
/* Link del carrito de compras */
A.carrito:hover {
	color: #0099FF !important;
}

A.carrito:link {
	color: #003399;
}

A.carrito:visited {
	color: #003399;
}

A.carrito:active {
	color: #003399;
}

/* Link de la oportunidad en la barra de areas/categorias */
A.barraoportunidad:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399 !important;
	background-color: #FFFF00 !important;
	font-weight: bold;
	display: block;
}

A.barraoportunidad:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	background-color: #efefef;
}

A.barraoportunidad:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	background-color: #efefef;
}

A.barraoportunidad:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	background-color: #efefef;
}



UL {
	margin-left: 26px;
}

/* Barra amarilla del menu superior */
#barraAmarilla {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 4;
}

/* Barra del menu horizontal */
#barraMenuHor {
	position: absolute;
	left: 0px;
	top: 65px;
	z-index: 8;
}

/* Separador del menu apagado */
.MenuSepOff {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #003399;
}

/* Opciones de la barra superior de menu */
.MenuOpc {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* ************************* Fin de estilos referentes a las barras de menus ****** */
/* ************************* Estilos referentes a la pantalla de logon ****** */
/* Link de la opción mi cuenta en azul (off) */
A.micuentaAzul:hover {
	text-decoration: none;
	color: #FFFF00 !important;
	font-weight: bold;
}

A.micuentaAzul:link {
	text-decoration: none;
	color: #FFFFFF;
}

A.micuentaAzul:active {
	text-decoration: none;
	color: #003399;
}

A.micuentaAzul:visited {
	text-decoration: none;
	color: #FFFFFF;
}

/* -----------------------------------------------*/
/* Link de la caja de agragar articulos */
A.linkAgregar:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #003399 !important;
}

A.linkAgregar:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #0099FF;
}

A.linkAgregar:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #0099FF;
}

A.linkAgregar:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #0099FF;
}

/* -----------------------------------------------*/
/* Link de la opción mi cuenta en gris (on) */
A.micuentaGris:hover {
	text-decoration: none;
	color: #0099FF !important;
	font-weight: bold;
}

A.micuentaGris:link {
	text-decoration: none;
	color: #003399;
}

A.micuentaGris:active {
	text-decoration: none;
	color: #003399;
}

A.micuentaGris:visited {
	text-decoration: none;
	color: #003399;
}

/* -----------------------------------------------*/
/* Efecto de transparencia en articulos sin existencia */
.TranspArticulo {
	filter: alpha(style=0, opacity=40);
}

/* Efecto de transparencia de la sombra en la pantalla logon */
.SombraLogon {
	FILTER: Alpha(style=0, opacity=62);
}

/* Efecto de transparencia de la pantalla logon */
.TranspLogon {
	filter: alpha(style=0, opacity=92);
}

/* Ventana de mi cuenta */
#logonWindow {
	position: absolute;
	z-index: 3;
	top: 95px;
	height: 170px;
	overflow: hidden;
	visibility: hidden;
}

/* Ventana de logon */
#logonWindow2 {
	position: absolute;
	z-index: 3;
	top: 95px;
	height: 96px;
	overflow: hidden;
	visibility: hidden;
}

/* Ventana de la bandera */
#banderaWindow {
	position: absolute;
	z-index: 2;
	top: 95px;
	height: 96px;
	overflow: hidden;
	visibility: hidden;
}

/* ************************* Fin estilos referentes a la pantalla de logon ****** */
/* ************************* Estilos referentes a la pantalla de mensajes ****** */
/* Contenido de la ventana de mensajes */
.clsMsgWindow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	background-color: #FFFFEC;
}

/* Ventana de mensajes */
#msgWindow {
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 66px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

/* ************************* Fin estilos referentes a la pantalla de mensajes ****** */
/* estilo del cuerpo de la pagina */
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow:hidden;
}

/* -----------------------------------------------*/
/* Boton normal */
.clsBt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099FF;
	border-color: #66CCFF #0066CC #0066CC #66CCFF;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	cursor: hand;
}

/* Boton pequeño */
.clsBt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099FF;
	border-color: #66CCFF #0066CC #0066CC #66CCFF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor: hand;
}

/* ************************* Estilos barra del carrito ****** */
/* Barra del carrito */
#barraCarrito {
	position: relative;
	left: 0px;
	top: 0px;
	height: 50px;
	z-index: 8;
}

/* Ventana de carrito */
#msgCarrito {
	position: absolute;
	z-index: 5;
	left: 0px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

/* Tabla de resumen del carrito en la ventana carrito */
TABLE.clsTabDatos {
	TEXT-ALIGN: center;
	background-color: #FFFFFF;
}

TABLE.clsTabdatos TD {
	COLOR: #003399;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
}

TABLE.clsTabDatos TH {
	BACKGROUND-COLOR: #0099FF;
	COLOR: white;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none
}

/* ---------------------------------------- */
/* Tabla de resumen del carrito en la ventana carrito */
TABLE.clsTabDatos2 {
	TEXT-ALIGN: center;
	background-color: #FFFFFF;
}

TABLE.clsTabdatos2 TD {
	COLOR: black;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
}

TABLE.clsTabDatos2 TH {
	BACKGROUND-COLOR: #0099FF;
	COLOR: white;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none
}

/* ---------------------------------------- */
/* Contenido de la ventana carrito */
.clsMsgCarrito {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	background-color: #FFFFFF;
}

/* ************************* Fin estilos barra del carrito ****** */
/* Barra de menu vertical derecha */
.BarraMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #003399;
	border-top: none;
	border-right: none;
	border-left:none;
	border-bottom:solid .5pt #ffffff;
	BACKGROUND-COLOR: #efefef;

	vertical-align: middle;
}

/* Barra de menu horizontal inferior */
.BarraMenuInf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #003399;
}

.BarraCopyRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

/* Campos de entrada de datos en gris */
.InputBuscar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0099ff;
	font-weight: normal;
	font-style: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* Campo de entrada de datos general */
.InputDatos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	font-weight: normal;
	font-style: normal;
	border-color: #999999 #999999 #999999 #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
}

/* Campo de entrada de datos general */
.InputDatos2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	font-weight: normal;
	font-style: normal;
	border-color: #003399 #003399 #003399 #003399;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
}

.Combos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	font-weight: normal;
	font-style: normal;
}


/* Texto azul 12px */
.TextoAzul3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
}

/* Texto azul 11px */
.TextoAzul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003399;
}

/* Texto azul 10px */
.TextoAzul2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
}

/* Texto cyan 11px */
.TextoCyan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0099FF;
}

/* Texto cyan 11px */
.TextoCyan2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0099FF;
}

/* Texto cyan 13px */
.TextoCyan3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0099FF;
}

/* Texto blanco 11px */
.TextoBlanco2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

/* Texto blanco 10px */
.TextoBlanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

/* Texto gris 10px */
.TextoGris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}

/* ************************* Estilos referentes al bloque de precios ****** */
/* Descripción corta del artículo */
.DescOport {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	line-height: 11px;
}

.DescNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	line-height: 11px;
}

/* Oportunidad */
.Oportunidad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	font-weight: normal;
	line-height: 14px;
}

.PrecioEpa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0099FF;
	line-height: 9px;
}

/* Precio en oportunidad */
.PrecioOport {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003399;
	background-color: #FFFF00;
	line-height: 14px;
}

.PrecioNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003399;
	line-height: 12px;
}

/* Precio en oportunidad */
.PrecioOportBSF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	background-color: #FFFF00;
	line-height: 14px;
}

.PrecioNormalBSF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	line-height: 12px;
}


.PrecioIva {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0099FF;
	line-height: 9px;
}

/* ************************* Fin estilos bloque de precios ****** */
/* Titulo en habladores */
.tituloHablador1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
}

.tituloHablador2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
}

/* ***** Manejo de las opciones del glosario ****/
.opcGlosario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003399;
}


SPAN.opcGlosario a:link {
	COLOR: #003399;
	TEXT-DECORATION: none
}

SPAN.opcGlosario a:active {
	COLOR: #003399;
	TEXT-DECORATION: none
}

SPAN.opcGlosario a:visited {
	COLOR: #003399;
	TEXT-DECORATION: none
}

SPAN.opcGlosario a:hover {
	BACKGROUND-COLOR: #0099FF;
	COLOR: white;
	TEXT-DECORATION: none;
}

/***************************************************************/
/* Estilos para definir la tabla de displaytag de los atributos*/
table.atributos {
	border:solid .5pt #0099ff; 
	border-bottom:none
}

table.atributos thead th {
	BACKGROUND-COLOR: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	height: 16px;
	border:solid .5pt #ffffff;
	border-top:none;
	border-bottom:none;
	border-left:none;
}

table.atributos thead a:hover {
	color: #FFFF00 !important;
}

table.atributos thead a:link {
	color: #FFFFFF;
}

table.atributos thead a:visited {
	color: #FFFFFF;
}

table.atributos thead a:active {
	color: #FFFFFF;
}

table.atributos tbody td  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
	border:solid .5pt #0099ff;
	border-right:none;
	border-top:none;
	border-left:none;
	text-align: center
}

table.atributos tbody a:hover {
	color: #0099FF !important;
}

table.atributos tbody a:link {
	color: #003399;
}

table.atributos tbody a:visited {
	color: #003399;
}

table.atributos tbody a:active {
	color: #003399;
}

table.atributos thead th.sorted {
    background-color: #003399;
}

table.atributos thead th.sorted a, thead th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	background-repeat:no-repeat;
}

th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	background-repeat:no-repeat;
}


/**********************************************************/
/* Estilos para definir la tabla de displaytag general    */
table.general {
	border:solid .5pt #E5E5E5; 
}

table.general thead th {
	BACKGROUND-COLOR: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	height: 18px;
	border:solid .5pt #ffffff;
	border-top:none;
	border-bottom:none;
	border-left:none;
}

table.general thead a:hover {
	color: #FFFF00 !important;
}

table.general thead a:link {
	color: #FFFFFF;
}

table.general thead a:visited {
	color: #FFFFFF;
}

table.general thead a:active {
	color: #FFFFFF;
}

table.general tbody td  {
	background-color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
	border:solid .5pt #ffffff;
	border-top:none;
	/*border-bottom:none;*/
	border-left:none;
	height: 40px;
}

table.general tbody a:hover {
	color: #0099FF !important;
}

table.general tbody a:link {
	color: #003399;
}

table.general tbody a:visited {
	color: #003399;
}

table.general tbody a:active {
	color: #003399;
}

table.general thead th.sorted {
    background-color: #003399;
}

table.general thead th.sorted a, thead th.generalsortable a {
	background-position: right;
	display: block;
	width: 100%;
	background-repeat:no-repeat;
}

th.generalsortable a {
	background-position: right;
	display: block;
	width: 100%;
	background-repeat:no-repeat;
}

/*
th.sortable a {
	background-image: url('../images/tablesort/arrow_off.png');
}
th.order1 a {
	background-image: url('../images/tablesort/arrow_down.png');
}
th.order2 a {
	background-image: url('../images/tablesort/arrow_up.png');
}
*/