
      * {
         margin: 0;
         padding: 0;
      }

      body {
         background-image: url('../images/web/fondo.jpg');
         background-color: RGB(200,200,200);
         margin: 0px 0px 0px 0px;
         text-align: center;
         overflow: hidden;
         overflow-y: scroll;
         overflow: -moz-scrollbars-vertical;
      }

      li  { display: block; }
      img { border:0; vertical-align:middle; }
      
      table.TblFondo {
         width:  900px;
         height: 100%;
         border: 0px;
         margin: 0px auto;
      }
      
      table.TblFondo thead td {
         background: transparent;
         height: 50px;
         padding: 0px 0px 0px 0px;
         background-color: RGB(250,250,255);
      }

      table.TblFondo tbody tr {
         vertical-align: top;
      }
      
      table.TblFondo tbody td {
         height: auto;
         background-color: #f0f0f0;    /* Color de fondo del cuerpo de la pagina */
      }
      
      table.TblFondo tfoot td {
         background: transparent;
         height: 50px;
      }
      
      table.TblFondo tfoot td.PieDePagina { 
         height: 20px; min-height: 20px; 
         border-top: solid 1px #777777; 
         background-color: #cccccc;
      }
      
      table.TblFondoBody {
         width:  100%;
         height: 100%;
      }
      
      table.TblFondoBody tbody th {
         padding: 0px 5px 0px 5px;
         background: transparent;
         width: 22%;
      }
      
      table.TblFondoBody tbody td {
         padding: 0px 5px 0px 5px;
         width: auto;
      }      

      #DivCabBuscador { width: 880px; height: 82px; text-align: right; padding: 45px 0; background-color: transparent; }
      #ContenedorCabecera { height: 127px; }
      
      #ContenedorCabecera {
         background-image: url('../images/web/ImgCab.jpg');
      	background-position: top left;
      	background-repeat: no-repeat;
      	background-color: transparent;
      }
      
      #ContenedorCabecera li {
      	display: block;
      	float: right;
   	}
   	
      #ContenedorCabMenu {
         border: 0;
         background-color: #cccccc;
         border-top: 1px solid #000000;
         height: 37px;
         background-image: url('../images/web/deg1.jpg');
      	background-position: bottom;
      	background-repeat: repeat-x;         
      }      
      
      #CabMenu li { 
         float: left;
         text-align: center;
         background-color: transparent;
         width: auto;
         padding: 0;
         height: 20px;
      }
      
      a, a:visited { color: #2c1772; }
      a:hover { color: #73a7e1; }
      
      div.OpcMenuCab, div.OpcMenuCabSel, div.OpcMenuCabDesh {
         padding: 3px 15px 3px 15px;
         background-color: #cccccc;
      }      
      
      div.OpcMenuCab, div.OpcMenuCabSel {
         color: #333333;
         cursor: pointer;
      }
      
      div.OpcMenuCabDesh {
         color: #777777;
         cursor: normal;
      }      
      
      div.OpcMenuCab, div.OpcMenuCabDesh {
         background-image: url('../images/web/deg3.jpg');
      	background-position: bottom;
      	background-repeat: repeat-x;
      }

      div.OpcMenuCabSel {
         background-image: url('../images/web/deg2.jpg');
      	background-position: bottom;
      	background-repeat: repeat-x;
      }      
      
      #CabMenu li.SepMenu {
      	color: #cccccc;
      	padding: 0;
      	width: 2px;
         background-image: url('../images/web/Sep1.jpg');
      	background-position: right top;
      	background-repeat: repeat-y;
      }            

      #DivCopy, #DivMenuPie {
         border-top: solid 1px #ffffff;
         border-bottom: 0;
         background-color: #cccccc;
         height:45px;
         padding: 5px 0 0 0;
      }      
      #DivCopy { 
         float:left; 
         text-align: center;
         color: #555555;
         width: 470px;
         background-image: url('../images/web/Sep1.jpg');
      	background-position: right top;
      	background-repeat: repeat-y;
      }
      #DivMenuPie { 
         float:right; 
         width: 430px;
      }
            
      #PieMenu { float:right; background-color: transparent; border: 0; padding: 5px 130px 5px 0;}
      #PieMenu li { 
         float: right; 
         padding: 0 6px 0 6px; 
         text-align: center;
      }
      #PieMenu li.MenuPieOpc { color: #2c1772; cursor: pointer; }
      #PieMenu li.MenuPieOpcHover { color: #73a7e1; text-decoration: underline; cursor: pointer; }
      #PieMenu li.MenuPieOpcDesh { color: #7586af; }
      #PieMenu li.SepMenu {
         background-image: url('../images/web/Sep1.jpg');
      	background-position: right top;
      	background-repeat: repeat-y;         
      	background-color: transparent;
      	padding: 0 2px 0 0;
      }
         
      
      #TxtBuscar  { margin: 0 5px 0; }
      #LupaBuscar { width: 16px; margin: 0 0 3px 0; cursor: pointer; }

      table.TblColumna, table.TblContFinal, table.TblCompraFinal, table.TblDatosClienteCompra, table.DatosTblCompraFinal, table.PieTblCompraFinal,
      table.TblContFinal tbody td {
         width: 100%;
      }
      
      table.TblColumna tbody td.TblColumna {
         padding: 0px 0px 20px 0px;
      }

      table.TblElemento {
         width: 100%;
         padding: 0px 0px 0px 0px;
      }
      table.TblElemento thead td {
         text-align: center;
      }
      table.TblElemento tbody tr {
         vertical-align: top;
      }
      table.TblElemento tbody td {
         padding: 5px 7px 0px 7px;
         text-align: left; 
      }
      table.TblElemento tfoot td, table.TblElemento tfoot th {
         height: 30px;
      }
      table.TblElemento tfoot td {
         padding: 6px 5px 0px 0px;
         text-align: right;
      }
      table.TblElemento tfoot th {
         padding: 6px 0px 6px 0px;
         text-align: center;
      }      
        
      div.DivFondo {
         left: 0px;
         top: 0px;
         z-index: 200;
         position: absolute;
         width: 100%;
         height: 100%;
      }
      
      div.DivPausa, div.DivAtencion, div.DivVerImagen { 
         z-index: 210;
         position: absolute;
      }
      
      div.DivPausa {
         padding: 10px 20px 10px 20px;
      }

      div.DivAtencion {
         padding: 0px 0px 0px 0px;
      }      
      table.TblAtencion tr {
         vertical-align: middle;
      }
      table.TblAtencion tbody td {
         text-align: center;
      }      
      table.TblAtencion tfoot td {
         text-align: right;
      }
      table.TblAtencion td.ImagenAtencion {
         padding: 10px 10px 10px 10px;
      }
      table.TblAtencion td.TextoAtencion {
         padding: 10px 10px 10px 10px;
      }
      table.TblAtencion tfoot td {
         padding: 8px 10px 8px 5px;
      }
      
      span.SpanBoton, span.SpanBoton_Over, span.SpanBoton_Disabled {
         width: auto;
         border: solid 1px #aaa;
         padding: 2px 5px 2px 5px;
         text-align: center;
      }
      span.SpanBoton_Over {      
         cursor: pointer;
      }
      
      div.DivVerImagen {
         padding: 0px 0px 0px 0px;
      }
      table.TblVerImagen tr {
         vertical-align: middle;
      }
      table.TblVerImagen tbody td {
         padding: 10px 10px 10px 10px;
         text-align: center;
      }      
      table.TblVerImagen tfoot td {
         text-align: right;
      }
      table.TblVerImagen tfoot td {
         padding: 8px 10px 8px 5px;
      }
      
      span.toolTip {
         display: none;
         padding: 2; 
         border: black solid 1px;
         position: absolute;
         background-color: #fffedb;
         color: #000000;
         border-color: #000000;
         z-index: 1000;
      }
     
      table.TlbRelArt {
         width: 100%;
         padding: 0px 0px 0px 0px;
         border-left: transparent;
         border-right: transparent;
         border-bottom: transparent;
      }
      
      table.TblGenerica {
         width: 100%;
         padding: 10px 10px 10px 10px;
         border: transparent;
      }
      table.TblGenerica tbody tr {
         vertical-align: middle;
      }
      table.TblGenerica tbody td {
         text-align: center;
         padding: 10px 0px 10px 0px;
      }
      
      table.TblPieArt {
         width: 100%;
         border: 0px;
         padding: 0px 0px 15px 0px;
      }
      
      table.TblPieArt tbody tr {
         vertical-align: middle;
      }
      
      table.TblPieArt td.TdBloq1 {
         width: 80%;
      }
      
      table.TblClasf tbody td.TdClTit, table.TblClasf tbody td.TdClSel {
         height: 20px;
      }
      
      table.TlbPaginacion tbody td {
         padding: 12px 0px 0px 0px;
         text-align: center;
      }
      
      table.TblCesta {
         width: 100%;
         padding: 0 0 0 0;
      }
      table.TblCesta tbody td {
         padding: 0 0 0 0;
      }
      table.TblCesta tbody td.TblCesCan, table.TblCesta tbody td.TblCesCanSel {
         text-align: right;
      }
      table.TblCesta tbody td.TblCesDes, table.TblCesta tbody td.TblCesDesSel {
         padding: 0 0 0 3px;
      }
      table.TblCesta tbody td.TblCesCanSel, table.TblCesta tbody td.TblCesDesSel {
         cursor: pointer;
         text-decoration: underline;
      }
      table.TblCesta tfoot td {
         border: 0px transparent;
      }
      div.DivCestaCan { width:  25px; background-color: transparent; }
      div.DivCestaTit { width: 140px; background-color: transparent; }


      input, select, textarea, Checkbox { 
         border: solid; 
         border-width: 1px;
         padding: 1px 0 0 1px;
      }

      table.TblElemento tfoot td.ImgBanner, table.BannerSinTitulo tbody td.ImgBanner {
         text-align: center;
         background-color: transparent;
         width: 100px;
      }
      

      
      table.TblElemento tfoot td.TdOpcion, table.TblElemento tfoot td.TdOpcionSel {
         height: 17px;
         padding: 0px 10px;
         text-align: left;
      }

      td.TblArtPre {
         padding: 0 0 0 0;
         text-align: right;
      }
      
      input.InputCantidad  {
         text-align: center;
      }

      table.TblElemento tfoot td.TdOpcion, table.TblElemento tfoot td.TdOpcionSel {
         cursor: normal;
      }
      table.TblElemento tfoot td.TdOpcionSel {      
         text-decoration: underline;
         cursor: pointer;
      }
      
      table.TblCabecera {
         padding: 0px 0px 0px 0px;
         width: 100%;
         border: 0px transparent;
      }
      table.TblCabecera tbody tr {
         vertical-align: bottom;
      }
      table.TblCabecera tbody td.TdCab1 {
         background: url('../images/cabecera/izquierda.jpg');
         background-repeat: repeat-x;
         width: 522px;
         text-align: left;
         padding: 0px 0px 0px 0px;
      }
      table.TblCabecera tbody td.TdCab2 { width: auto;       }
      table.TblCabecera tbody td.TdCab3 { text-align: right; }
      
      table.TblElemento2, table.TblMenu, table.TblTitMenu, table.TblSubMenu {
         width: 100%;
      }

      table.TblElemento2 thead td {
         text-align: center;
      }
      table.TblElemento2 tbody td {
         padding: 0px 0px 0px 0px;
      }
      table.TblElemento2 tbody th, table.TblElemento2 tbody td {
         background: transparent;
      }

      
      table.TblElemento2 tbody tr { vertical-align: middle;}
      table.TblTitMenu thead th   { text-align: left; }
      table.TblTitMenu td.IcoOpc  { text-align: center; width:20px; }
      table.TblTitMenu td.TitOpc  { text-align: left; width:auto; }
      div.DivSubMenu { padding: 0px 0px 0px 8px; }
      div.DivTitMenu { width: 160px; background-color: transparent; }
      div.DivTitSubMenu { width: 150px; background-color: transparent; }
      
      table.TblMenu tbody td.TdOpcSel {
         cursor: pointer;
      }

      table.TblMenu, table.TblElemento tbody td.TdElemento, table.TblElemento tfoot td.TdOpcion, 
      table.TblElemento tfoot td.TdOpcionSel, table.TblElemento tfoot td.TdElemento, #Marco {
         border-left: transparent 0;
         border-right: transparent 0;
      }
      table.TblElemento tfoot td.TdOpcion, table.TblElemento tfoot td.TdOpcionSel {
         border-top: transparent 0;
      }
      table.TblMenu, table.TblElemento, #Marco {
         border-bottom: transparent 0;
      }
      
      #Marco.RelArt {
         border: 0px;
      }
      
      .Underline {
         text-decoration: underline;
      }
                     
      table.TblAviso {
         width: 100%;
      }
      table.TblAviso td {
         text-align: left;
      }
      
      p.TextoInfoLegal {
         text-align: justify;
         padding: 5px 5px 5px 5px;
      }

      #Marco tbody td.TextoLegalTitulo,
      #Marco tbody td.TextoLegalDatosEmp { text-align: left;}
      
      #Marco tbody td.TextoLegalTitulo { color:#73a7b0; }
      
      #Marco tbody td.TextoLegalContenido { text-align: justify;}
      
           
      #Marco tbody td.TextoLegalTitulo    { padding: 0px 5px 15px 25px; }
      #Marco tbody td.TextoLegalContenido { padding: 0px 5px 10px  5px;  text-indent: 20px; }
      #Marco tbody td.TextoLegalDatosEmp  { padding: 0px 5px 15px 55px; }

      table.Pedido {
         width: 100%
      }

      table.Pedido thead td.Codigo, table.Pedido tbody td.Codigo, table.Pedido tbody td.CodigoSub, table.Pedido tbody td.CodigoSup {
         text-align: left;
         width: 90px;
      }
      table.Pedido thead td.Descripcion, table.Pedido tbody td.Descripcion, table.Pedido tbody td.DescripcionSub, table.Pedido tbody td.DescripcionSup {
         text-align: left;
         width: auto;
      }
      table.Pedido thead td.Cantidad, table.Pedido tbody td.Cantidad, table.Pedido tbody td.CantidadSub, table.Pedido tbody td.CantidadSup {
         text-align: right;
         width: 8%;         
      }
      table.Pedido thead td.Pvp, table.Pedido tbody td.Pvp, table.Pedido tbody td.PvpSub, table.Pedido tbody td.PvpSup {
         text-align: right;
         width: 8%;         
      }
      table.Pedido thead td.Importe, table.Pedido tbody td.Importe, table.Pedido tbody td.ImporteSub, table.Pedido tbody td.ImporteSup, table.Pedido tfoot td.Importe {
         text-align: right;
         width: 8%;
      }
      table.Pedido tbody td.CodigoSub, table.Pedido tbody td.DescripcionSub, table.Pedido tbody td.CantidadSub, 
      table.Pedido tbody td.PvpSub,    table.Pedido tbody td.ImporteSub {
         border-bottom: solid 1px #ddd;
      }
      table.Pedido tbody td.CodigoSup, table.Pedido tbody td.DescripcionSup, table.Pedido tbody td.CantidadSup, 
      table.Pedido tbody td.PvpSup,    table.Pedido tbody td.ImporteSup {
         border-top: solid 1px #FFFFFF;
      }      
      table.Pedido tfoot td.Importe {
         background-color: #73a7e1;
         height: 20px;         
      }
      table.Pedido tfoot td.Titulo {
         background-color: #73a7e1;
         padding: 0px 0px 0px 100px;
         text-align: left;
         width: auto;
         height: 15px;
      }
      
      table.Pedido thead td.Icono, table.Pedido thead td.IconoSup, table.Pedido thead td.IconoSub,
      table.Pedido tbody td.Icono, table.Pedido tbody td.IconoSup, table.Pedido tbody td.IconoSub,
      table.Pedido tfoot td.Icono, table.Pedido tfoot td.IconoSup, table.Pedido tfoot td.IconoSub {
       height: 15px; 
       width: 15px;
     }
            
      table.Pedido thead td.IconoSup { border-top: solid 1px #fff; }
      table.Pedido tbody td.IconoSup { border-top: solid 1px #fff; }
      table.Pedido tfoot td.IconoSup { height: 15px; border-top: solid 1px #fff; }
      table.Pedido thead td.IconoSub { border-bottom: solid 1px #ddd; }
      table.Pedido tbody td.IconoSub { border-bottom: solid 1px #ddd; }
      table.Pedido tfoot td.IconoSub { height: 15px; border-bottom: solid 1px #ddd; }

              
      table.Pedido caption {
         text-align: center;
         padding: 1px 0px 1px 0px;
         border: transparent 0px;
      }
      
      table.Pedido, table.TblContFinal {
         border-left: 1px solid #73a7e1;
         border-right: 1px solid #73a7e1;
      }
      
      #TblArticuloCantidad {
         margin: 10px 0 10px 0;
      }
      
      table.TblArticuloCantidad, table.TblArticuloCantidad tbody th, table.TblArticuloCantidad tbody td {
         width: 100%
      }
      
      table.TblArticuloCantidad tbody th { 
         text-align: left;
         padding: 0px 0px 0px 0px;
         width: 60px;
      }
      table.TblArticuloCantidad tbody td {
         text-align: left;
         padding: 0px 0px 0px 10px;
         width: 160px;
      }
      
      table.Pedido tfoot tr {
         vertical-align: middle;
      }
      table.Pedido tfoot td.PiePedido {
         padding: 5px 5px 5px 5px;
         height: 40px;
         text-align: center;
      }

      table.AvisoPiePedido {
         background: transparent; 
         color: #000000 !important; 
      }
      table.AvisoPiePedido tbody tr { vertical-align: middle; }
      table.AvisoPiePedido tbody th { text-align: right; }
      table.AvisoPiePedido tbody td {
         text-align: justify;
         background: transparent;
      }
            
      #SpanBuscar, #SpanIdentifi, #BotonLogout, #SpanComprar { 
         width: 66px;
         min-height: 10px;
         _height: 10px;
         display: -moz-inline-stack;
         display: inline-block;
         *display: inline;
      }
      
      
      #Marco td.TitColReg {
         padding: 3px 0px 4px 50px;
         width: 150px;
      }

      table.TblContFinal tbody td {
         padding: 0px 0px 0px 0px;
      }
     
      table.TblCompraFinal caption  { padding: 1px 0 0 0; text-align: center; }
      table.TblCompraFinal thead td { padding: 0px 7px 5px 7px; }
      
      table.TblCompraFinal thead td, table.TblCompraFinal tbody td, table.TblCompraFinal tfoot td,
      table.TblDatosClienteCompra tbody td, table.TblDatosClienteCompra tfoot td,
      table.DatosTblCompraFinal tbody td, table.DatosTblCompraFinal tfoot td,
      table.PieTblCompraFinal tbody td, table.PieTblCompraFinal tfoot td {
         border: 0px transparent;
      }

      table.DatosTblCompraFinal tbody th, table.DatosTblCompraFinal tbody td { padding: 0px 0px 0px 0px; }
      table.DatosTblCompraFinal tbody th.Codigo, table.DatosTblCompraFinal tbody td.Codigo { width: 20%; text-align: left; }
      table.DatosTblCompraFinal tbody th.Descripcion, table.DatosTblCompraFinal tbody td.Descripcion { width: auto; text-align: left; }
      table.DatosTblCompraFinal tbody th.Cantidad, table.DatosTblCompraFinal tbody td.Cantidad { width: 15%; text-align: right; }
      table.DatosTblCompraFinal tbody th.Precio, table.DatosTblCompraFinal tbody td.Precio { width: 15%; text-align: right; }
      table.DatosTblCompraFinal tbody th.Importe, table.DatosTblCompraFinal tbody td.Importe { width: 15%; text-align: right; }
      
      table.PieTblCompraFinal tbody th, table.PieTblCompraFinal tbody td {
         height: 15px;
         padding: 0px 0px 0px 0px;
      }
      table.PieTblCompraFinal tbody th { width: auto; }
      table.PieTblCompraFinal tbody td { text-align: right; width: 15%; }

      table.TblCompraFinal tfoot td { padding: 20px 0px 0px 0px; }
      table.PieTblCompraFinal tbody td,  table.PieTblCompraFinal tfoot td { padding: 0px 0px 0px 0px; }
      
      table.TblContFinal tbody td.TdContFinal {
         padding: 5px 5px 5px 5px;
         text-align: right;
      }
     
      div.MedioDepago {
         float: left;
         border: 0;
         margin: 0 2px;
         padding: 5px 0 5px 0;
      }
      
      #SpanPie2 {
         text-align: left;
      }      

      #FormPago {
         position: relative;
         padding: 8px 0px;
      }
                        
      #FormPago ul {
         margin: 0 0 0 0;
      }
      
      #FormPago ul li {
         display: inline;
         margin: 0 5px 0 0;
      }
      
      #TextoModoDePago, #ObservacionesPedido {
         text-align: left !important;
         padding: 0 0 10px;
      }

      img.IconOpcion {
         border: 0;
         width: 20px;
         margin: 1px 5px 1px 0;
         background-color: transparent;
      }
      
      #Marco {
         width: 100%;
         vertical-align: top;
         background-color: RGB(255,255,255);
      }
      #Marco caption, #Marco td.InfoFac { text-align: center; }
       #Marco body  td { text-align: left; }
       #Marco tfoot td { text-align: right; }
       #Marco thead td { height: 15px; }
       #Marco tfoot td { padding: 15px 8px 15px 8px;}

      table.FichaArt {
         width: 470px;
      }
      
      div.FondoFichaArt {
         border: solid 1px #73a7e1;
         margin: 5px 0 5px 0;
         width: 100%;
      }

      div.FondoFichaArt li {
      	display: block;
      	float: left;
   	}
   	
   	#ImgLogo {
      	cursor: pointer;
   	}

      #TblSinConexion { width: 180px; }
      
      #Historico { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; }
      #Historico td.ColDat { width: 10px; cursor: pointer;}
      #Historico td.ColNum { width: 50px; text-align: center; }
      #Historico td.ColFec { width: 50px; text-align: center; }
      #Historico td.ColImp { width: 50px; text-align: right;  }
      #Historico td.ColBas { width: 50px; text-align: right;  }
      #Historico td.ColIVA { width: 50px; text-align: right;  }
      #Historico td.ColFPg { text-align: center; }

      table.TblLstLinPed {
         border-top: solid 1px #858585;
         border-bottom: solid 1px #858585;
         width: 430px;
         background-color: transparent;
      }
      
      table.TblLstLinPed thead td.ColReg, table.TblLstLinPed thead td.ColDes, table.TblLstLinPed thead td.ColCan, 
      table.TblLstLinPed thead td.ColPre {
         background-color:transparent !important;  
         color: #000000 !important;
         border-bottom: solid 1px #858585 !important;
         padding: 0 0 2px 0 !important;
      }

      #Historico tbody td.ColNum, #Historico tbody td.ColFec, #Historico tbody td.ColImp, 
      #Historico tbody td.ColBas, #Historico tbody td.ColIVA, #Historico tbody td.ColFPg,
      table.TblLstLinPed tbody td.ColReg, table.TblLstLinPed tbody td.ColDes, table.TblLstLinPed tbody td.ColCan, 
      table.TblLstLinPed tbody td.ColReg, table.TblLstLinPed tbody td.ColDes, table.TblLstLinPed tbody td.ColCan, 
      table.TblLstLinPed tbody td.ColPre { padding: 0 0 0 0 !important; }
      
      #Historico tbody td.ColDat { padding: 6px 0 0 0 !important; }

      table.TblLstLinPed td.ColReg { text-align: left;   width: 20%; !important; }
      table.TblLstLinPed td.ColDes { text-align: left;   width: 50%; !important; }
      table.TblLstLinPed td.ColCan { text-align: right;  width: 15%; !important; }
      table.TblLstLinPed td.ColPre { text-align: right;  width: 15%; !important; }

      #DivPausa, #DivAtencion, #DivPregunta, #DivArticuloCantidad, #DivArticuloBorrar, #DivVerImagen,
      #TblBuscador, #TblCategorias, #Tbl_Cesta, #TblLogin, #TblLogout, #TblSinConexion, #TblAvisoIdentificacion, #MenuProductos {         
         box-shadow: 4px 4px 4px #555;
         -webkit-box-shadow: 4px 4px 4px #555;
         -moz-box-shadow: 4px 4px 4px #555;
      }
      
     /*******************************************************************************************************
                                            C O L O R E S
      *******************************************************************************************************/
    
      table.TblFondo { background: RGB(255, 255, 255); }  /* Fondo del contenido de la pagina */      

      table.TblElemento tfoot td.TdOpcion, table.TblElemento tfoot td.TdOpcionSel,
      table.TblElemento2 tbody th, table.TblElemento2 tbody td { /* Texto Opcion */
         color: #000000 !important;
      }      
      
      table tbody td.OpcNoSel { background-color: transparent; }
      table tbody td.OpcSel  { text-decoration: underline; cursor: pointer; }
            
      div.DivFondo { background-color: #000000; } /* Fondo capa ocultacion */
      
      div.DivPausa, div.DivAtencion, div.DivVerImagen { /* Cuadro de dialogo */
         background-color: RGB(240, 240, 240);
         border: 0px transparent;
      }

      span.SpanBoton {
         background-color: #f0eef6; /* Color de fondo boton de texto */
      }
      span.SpanBoton_Over {
         background-color: #d7d5dc; /* Color de fondo boton boton de texto seleccionado */
      }
      span.SpanBoton_Disabled {
         background-color: #b9b7bd; /* Color de fondo boton boton de texto deshabilitado */
         color: RGB(220,220,220) !important;
      }
      span.SpanBoton, span.SpanBoton_Over, span.SpanBoton_Disabled { /* Letras de botones de texto */
         color: RGB(30,30,70);
      }
      
      table.TlbPaginacion tbody td { color: RGB(30,30,70); } /* Color numero de pagina en paginacion de articulos */
      span.PaginaActual {color: RGB(150,0, 0); } /* Color pagina actual en paginacion de articulos */

      table.TblElemento2 tbody td.TdOpcion,
      table.TblElemento, table.TblElemento tbody td, table.TblMenu { background-color: #f8f8ff; } /* Fondo de menu  */
      
      table.TblElemento tfoot td.TdOpcionSel, table.TblMenu tbody td.TdOpcSel,      /* fondo opcion seleccionada */
         background-color: #f8f8ff;
      }
      table.TblCesta tbody td.TblCesCanSel, table.TblCesta tbody td.TblCesDesSel {  /* Color al seleccionar linea de la cesta */
         background-color: #d7d5dc;
      }
      
      table.TblElemento thead td, table.TlbRelArt caption, table.TblElemento2 thead th,  /* Titulos en cuadros */
      #Marco caption, #Marco td.InfoFac {
         color: #2a166f;
         background-color: #73a7e1;
         height: 18px;
         padding: 2px 0 0 0;
      }

      td.TblArtPre,       /* Precio del articulo */
      td.TblArtNom,       /* Nombre del articulo */
      td.TblArtRef {      /* Referencia del articulo */
         color: #2a166f;
      }
      
      input, select, textarea {
         border-color: #aba9af;
         background: #f0eef6;
         color: #333333;
      }

      span.PieLnk {            /* Links de pie de página */
         color: RGB(0,0,0);
      } span.PieLnkHover {
         color: #9b0015;
      }

      
      table.TblAviso {   /* Texto de aviso en pagina web */
         border: 1px solid #73a7e1;
      }
      table.TblAviso td {
         color: RGB(0,0,0);
      }      
      
      p.TextoInfoLegal,
      #Marco tbody td.TextoLegalTitulo, 
      #Marco tbody td.TextoLegalContenido, 
      #Marco tbody td.TextoLegalDatosEmp { color:#0000; }
      #Marco td {background-color: RGB(255,255,255); }
      
      table.Pedido thead td, table.Pedido thead td.Icono, table.Pedido thead td.IconoSup, table.Pedido thead td.IconoSub,
      table.Pedido tfoot td.Icono, table.Pedido tfoot td.IconoSup, table.Pedido tfoot td.IconoSub { 
         background-color: #73a7e1; }
      table.Pedido tbody td, table.Pedido tbody td.Icono, table.Pedido tbody td.IconoSup, table.Pedido tbody td.IconoSub,
      table.TblDatosClienteCompra tbody th, table.TblDatosClienteCompra tbody td  {
          background-color: #f0eef6;
       }

      table.TblCompraFinal tfoot td {
         background-color: #f0eef6; 
      }  
       
      table.Pedido caption, table.TblCompraFinal caption, table.TblCompraFinal thead td, table.DatosTblCompraFinal tbody th,
      table.PieTblCompraFinal tbody th, table.PieTblCompraFinal tbody td  {
         background-color: #73a7e1;
      }  

      table.Pedido caption {      
         color: #2c166f;
         border: solid 1px #73a7e1;
      }
      
      table.TblCompraFinal caption  { color: #ffffff; }
      table.TblCompraFinal thead td { color: #000000; }
      
      table.DatosTblCompraFinal tbody td { background-color: #f0eef6; }
      
      table.Pedido tfoot td.PiePedido,  table.TblContFinal tbody td {
         border-bottom: 1px solid #73a7e1;
      }

      table.InfoResetClave tbody td {
         color: #0000;
      }
      
      table.TblAtencion, table.TblVerImagen, div.DivPausa {
         border: 1px solid #73a7e1;
      }
      table.TblVerImagen tbody {
         background: #FFFFFF;
      }
      table.TblAtencion, table.TblVerImagen tfoot, div.DivPausa {
         background: RGB(250,250,250);
      }
      table.TblAtencion tfoot td, table.TblVerImagen tfoot td {
         border-top: 1px solid #73a7e1;
      }

      table.Pausa {
         border: 0;
         background: transparent;
      }
      table.Pausa tbody th, table.Pausa tbody td {padding: 0 0 0 5px; }
      table.Pausa tbody td { color: #000000; }
      
     /*******************************************************************************************************
                                         T I P O G R A F I A
      *******************************************************************************************************/

      * {
         font-family: Arial, Verdana, sans-serif;
         font-size: 9pt;
      }

      #PieMenu li.MenuPieOpc, #PieMenu li.MenuPieOpcHover, #PieMenu li.MenuPieOpcDesh {
         font-family: "Lucida Sans Unicode";
         font-size: 7pt;
      }
      
      
      div.OpcMenuCab, div.OpcMenuCabSel, div.OpcMenuCabDesh, a, a:hover, a:visited {
         font-weight: bold;
      }
      
      span.SpanBoton, span.SpanBoton_Over, span.SpanBoton_Disabled {
         font-weight: normal;
      }
      
      td.TblArtPre, td.TblArtNom, td.TblArtRef { font-style: Italic; }
      td.TblArtPre { font-size: 3.8em; font-weight: bold; }
      td.TblArtNom { font-size: 1.2em; font-weight: bold; }
      td.TblArtRef { font-size: 1.1em; font-weight: normal;}

      table.TblElemento thead td, table.TlbRelArt caption {
         font-weight: bold;
      }

      td.TblArtPre {      
         font-style: Italic;
         font-weight: bold;
      }         
            
      table.TblElemento tbody td {
         font-weight: bold;
      }

      table.TblElemento2 thead th, table.TblElemento2 tbody th,
      table.TblElemento2 thead td, table.TblElemento2 tbody td {
          font-size: 8pt;
      }
                 
      table.TblElemento2 thead td { 
         font-weight: bold;
      }            

      table.TblElemento2 tbody th, table.TblElemento2 tbody td {      
         font-weight: normal;
      }
      
      div.DivTitMenu { font-size: 8pt; }
      div.DivTitSubMenu { font-size: 8pt; }
      
      #Marco tbody td.TextoLegalDatosEmp { font-size: 10pt;}
      #Marco tbody td.TextoLegalTitulo { font-weight: bold; }
      #Marco tbody td.TextoLegalContenido { font-weight: normal;}      

      table.InfoResetClave tbody td {
         font-weight: normal;
      }

      table.Pedido {
         font-size: 8pt;
      }
      
      table.Pedido thead td {
         font-weight: bold;
      }
            
      table.Pedido tfoot td.Titulo {
         font-weight: bold;         
      }         

      table.Pedido caption {      
         font-weight: bold;
      }

      table.TblArticuloCantidad, table.TblArticuloCantidad tbody th, table.TblArticuloCantidad tbody td {
         font-size: 8pt;
      }      

      #Marco td.TitColReg {
         font-weight: bold;
      }

      table.TblCompraFinal caption, table.TblCompraFinal thead td {
         font-weight: bold;
      }

      #Marco caption, #Marco td.InfoFac { font-weight: bold; }      
      
      table.TblLstLinPed tbody td.ColPre {font-weight:normal; }
     
      div.DivCestaCan, div.DivCestaTit { font-size: 8.0pt; }
     
     /********************************************************************************************************/
     
     select.SelectClasificacion {
        width: 100px;
        max-width: 100px;
     }
