html { 
     font-size: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
      overflow-y: scroll;
   }

   html, body { 
      margin: 0; 
      padding: 0; 
      border: 0; 
      height: 100%; 
   }
      
   body {
      font: 14px Arial, Verdana, sans-serif;
      color: #333333;
      background-color: #ffffff;
      text-align: center;
   }
   
   body div {
      margin: 0;
      padding: 0;
      text-align: left;
      border: 0;
   }
   
   b {
      font-weight: bold;
   }

   img { 
      border:0; 
      vertical-align:middle; 
   }
   
   textarea { 
      resize: none; 
   }

   table {
      width: 100%;
      max-width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      background-color: transparent;
   }

   h3 {
      padding-bottom: 20px;
      font-size: 16px;
   }   
   
   .Oculto {
         display: none;
   }
   
   .Tachado {
      text-decoration: line-through;
   }
   
   .Justificado {
      text-align: justify;
   }
   
   ul li.Separador {
      display: list-item !important;
   }
   
   
  /**********************************************************************************************************
   *                                        CONTROLES                                                       *
   **********************************************************************************************************/

   #Aviso, #Fondo, #SinConexion, #Buscador, #Logout, .Dialogo {
      display: none;
   }
   
   #Fondo {
      left: 0px;
      top: 0px;
      z-index: 200;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: RGB(25, 25, 25);
   }
   
   #Fondo iframe {
      position: absolute;
      z-index: -1;
      filter: mask();
      border: 0;
      margin: 0;
      padding: 0;
      top: 0;
      left: 0;
      width:100%;
      height:100%
      overflow:hidden;
   }

   #Aviso {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      min-width: 600px;
      text-align: left;
      color: #000000;
      background-color: transparent;
      border-bottom: solid 1px #5a5a5a;
      overflow: hidden;
      height: auto;
      padding: 0 0 10px 0;
      margin: 0;
      border-spacing: 0;
   }
   #Aviso span { display: inline-block; vertical-align: top; }
   #Aviso span.Texto { width: 96%; }
   #Aviso span.Botones { width: 3%; text-align: right; }
   
   #Pausa { border-radius: 5px; }
   #Pausa span { display:inline-block; vertical-align: middle; }
   #Pausa span.Img   { padding: 12px 14px 12px 14px; }
   #Pausa span.Texto { padding: 20px 12px 20px 0; color: #4a4a4a; font-size: 14px; }

   #toolTip {
      display: none;
      padding: 2; 
      border: black solid 1px;
      position: absolute;
      background-color: #fffedb;
      color: #000000;
      border-color: #000000;
      z-index: 1000;
   }

   #Imagen span { display:block; vertical-align: middle; text-align: center;}

   div.Banner {
      width: 100%;
      border: 0 transparent;
      text-align: center;
      padding: 10px 0 20px 0;
   }
   
   div.Banner span.Titulo, div.Banner span.Contenido {
      display: block;
      width: 93%;
      margin: auto;
   }
   
   div.Banner span.Titulo { 
      border-left: solid 1px #050505; 
      border-right: solid 1px #050505; 
      border-top: solid 1px #050505; 
   }
   div.Banner span.Contenido { 
      border: solid 1px #050505; 
   }
      
   div.Banner span.Contenido img, div.Banner span.Contenido embed { 
      width: 100%;
   }
   
   
   
  /**********************************************************************************************************
   *                                 CONTROLES FICHA DE ARTICULO                                            *
   **********************************************************************************************************/
   
   .Paginacion { margin: 20px 0 0 4px; }
   
   .Paginacion ul    { list-style: none; }
   .Paginacion ul li { 
      float: left; 
      padding: 0 2px 0 2px;
      border: solid 1px transparent;
   }
   .Paginacion ul li.Actual { 
      border: dashed 1px #aaaaaa;
      background-color: #eaeaea;
   }
   .Paginacion ul li a, .Paginacion ul li a:hover, .Paginacion ul li a.visited {
      color: #000000;
      cursor: pointer;
      text-decoration: none;
   }
   
   .Paginacion .Anterior, .Paginacion .Siguiente {
      width: 8px;
      text-align: center;
   }
   
   .DatosArticulo .Imagen a.Disabled {
      cursor: default;
   }
   
  /**********************************************************************************************************
   *                                 CONTROLES FICHA DE CATEGORIAS                                          *
   **********************************************************************************************************/
   
   table.RelacionDeCategorias tr td {
      border: none;
   }
   
   table.RelacionDeCategorias tr td div {
      margin: 5px;
      border: solid 1px #afafaf;
      border-radius: 5px;
      text-align: center;
      padding: 5px;
   }

   table.RelacionDeCategorias tr td div a, table.RelacionDeCategorias tr td div a:visited { 
      height: 14px;
      font-weight: bold;
      text-decoration: none;  color: rgb(68, 68, 68); 
   }
   table.RelacionDeCategorias tr td div a:hover { text-decoration: underline; }
   
   table.RelacionDeCategorias img.ImgCategoria {
      height: 90px;
   }
      
  /**********************************************************************************************************
   *                                       CONTROLES DE LA CESTA                                            *
   **********************************************************************************************************/

   table.Pedido thead td.InfoCab ul li { 
      float: left;
   }

   table.Pedido thead td.InfoCab ul li.Tit {
      font-weight: bold;
      color: #5a5a7a;
   }

   table.Pedido thead td.InfoCab ul.InfoIzq, table.Pedido thead td.InfoCab ul.InfoDer {
      padding: 5px 5px 5px 25px;
      margin: 0 0 40px 0;
   }
   
   table.Pedido thead td.InfoCab ul.InfoDer { border-left: solid 1px rgb(221,221,221); }
   
   table.Pedido thead td.InfoCab ul.InfoIzq,
   table.Pedido thead td.InfoCab ul.InfoDer {
      height: 80px;
      width: 330px; 
   }
   
   table.Pedido thead td.InfoCab ul.InfoIzq li.Tit { width: 109px; text-align: right; padding: 0 18px 0 0; }
   table.Pedido thead td.InfoCab ul.InfoIzq li.Tab1 { margin: 0 0 30px 0; }
   
      
   table.Pedido thead td.InfoCab ul.InfoDer li.Tit { margin:  0 18px 0 0; }
   table.Pedido thead td.InfoCab ul.InfoDer li.Tab1 { padding: 0 0 0 72px; }
   
   table.Pedido thead td.InfoCab ul li.Separador { display: block; clear: both; }   
   
   table.Pedido thead td.InfoCab ul li.Margen1 { margin: 0 0 0 200px; }
   table.Pedido thead td.InfoCab ul li.Margen2 { margin: 0 0 0 30px; }
   table.Pedido thead td.InfoCab ul li.Margen3 { margin: 0 0 0 375px; }
   

   table.Pedido thead tr.CabTitPed { background: url(../images/FondoTitulos.png) repeat-x top left; color: #ffffff;}   
   table.Pedido thead th {
      background-color: transparent; /*#ececec;*/
      font-weight: bold;
   }
   
   table.Pedido thead .Producto { width: auto;  text-align: left; padding: 7px 0 7px 10px;}
   table.Pedido thead .Cantidad { width: 77px; }
   table.Pedido thead .Precio   { width: 90px; }
   table.Pedido thead .Importe  { width: 80px; border-right: none;}

   table.Pedido thead .Cantidad,
   table.Pedido thead .Precio,
   table.Pedido thead .Importe{ text-align: right; padding: 7px 10px 7px 0; }
   
   
   table.Pedido tbody td {
      padding: 10px 0 10px  10px;
      border-bottom: solid 1px #aaa;
   }
   table.Pedido tbody td.BordeLateral {
      border-right: solid 1px #ddd;      
   }


   table.Pedido tbody td a.Editar {
      float: right;
      margin: 15px 10px 0 0;
   }
   
   table.Pedido tbody td img.Imagen {
      margin: 0 12px 0 12px;
      width: 100px;
      float: left;
   }
   table.Pedido tbody .Observaciones {
      padding: 20px 0 0 0;
   }
   table.Pedido tbody .Cantidad, table.Pedido tbody .Precio, table.Pedido tbody .Importe {  
      text-align: right;
      padding: 0 10px 0 0; 
   }
   
   table.Pedido tbody .Descuento {
      text-align: right;
      padding: 5px 10px 0 0; 
   } 
   
   table.Pedido tbody .Codigo {
      font-size: 9px;
      text-align: right;
      padding: 0 10px 0 0;
      color: #5a5a7a;
      font-weight: bold;      
   }
   
   table.Pedido tbody .Descripcion { 
      font-size: 18px;
      font-weight: bold;
      color: #5a5a7a;      
   }
   
   table.Pedido tbody .DescripcionGasto,
   table.Pedido tbody .Cantidad, table.Pedido tbody .Precio, table.Pedido tbody .Descuento, table.Pedido tbody .Importe,
   table.Pedido tbody .Clasificacion, table.Pedido tbody .Observaciones, table.Pedido tfoot .PiePedido,
   table.Pedido tfoot td.ObsPiePed div.ObsPiePed {
      font-size: 12px;
      font-weight: bold;
      color: #444;
   }
   
   table.Pedido tbody .DescripcionGasto { position: relative; top: -15px; }
   
   table.Pedido tfoot td.ObsPiePed div.ObsForPago {
      padding: 15px 0 0 0;
      min-height: 105px;
      color: #444;
   }
   
   table.Pedido tfoot td.ObsPiePed {
      vertical-align: top;
   }
   div.ObsPiePed {
      margin: 0 0 10px 7px; 
   }
   #ObsPiePed {
      padding: 5px 5px 5px 5px;
      border: solid 1px #ccc;
      border-radius: 3px;
      width: 455px;
      margin: 0; 
      height: 20px;
   }
   
   
   table.Pedido tfoot .PiePedido {
      position: relative;
      top: 5px;
      width: 270px;
      float: right;
   }
   
   table.Pedido tfoot .PiePedido .Base,
   table.Pedido tfoot .PiePedido .Total { float: right; }
   
   table.Pedido tfoot .PiePedido .Titulo { float: left; }
   table.Pedido tfoot .PiePedido .Separador { display: block; clear: both; }
   
   table.Pedido tfoot .PiePedido .Base,
   table.Pedido tfoot .PiePedido .Total,
   table.Pedido tfoot .PiePedido .Titulo { padding: 10px 10px 10px 0; }

   table.Pedido tfoot table.Desglose {
      float: right;
      width: 260px;
   }
   table.Pedido tfoot table.Desglose th,
   table.Pedido tfoot table.Desglose td { 
      border: none !important;
      padding: 10px;
   }
   table.Pedido tfoot table.Desglose th { width: 180px; text-align: left; }
   table.Pedido tfoot table.Desglose td { width: 80px; text-align: right; }

   table.Pedido tfoot table.Desglose table th,
   table.Pedido tfoot table.Desglose table td { padding: 0; margin: 0;}
   
   table.Pedido tfoot .TotalAPagar {
      border-top: solid 1px #aaa;
      border-bottom: solid 1px #aaa;
      height: 45px;
      background-color: #fafafa;
      font-size: 18px;
      font-weight: bold;
      color: #5a5a7a;      
      padding: 0 0 0 10px;
   }
   
   .Pedido tfoot a.Continuar, .Pedido tfoot a.Atras { margin-top: 30px; }
   a.Continuar, a.Atras { width: 80px; }
   a.Continuar { float: right; }
   a.Atras     { float: right; }
   
   table.Pedido .ContNoLogado, table.Pedido .ContFormaDeEnvio, table.Pedido .ContFormaDePago, table.Pedido .ContFinPedido, table.Pedido .DatosFinales {
      display: none;
   }
   
   table.Pedido .ContFormaDePago li {
      float: left;
      padding: 0 2px 0 2px;
      display: none;
   }

  /**********************************************************************************************************
   *                                        HISTORICO DE PEDIDOS                                            *
   **********************************************************************************************************/   
   
   table.HistoPed tbody span.Contenedor {
      display: block;
      padding: 10px 0 0 20px;
   }
   
   table.HistoPed tbody span.Contenedor img.Ico { margin: 0 5px 0 0; }
   table.HistoPed tbody span.Contenedor .Tit { display: block; width: 125px; float: left;}
      
   
  /**********************************************************************************************************
   *                                        PERSONALIZACION                                                 *
   **********************************************************************************************************/   

   .CapaPagina { 
      position: relative;
      width: 980px; 
      margin-left: auto;
      margin-right: auto;
      padding: 0;      
      border: none;
      background-color: transparent;
   }
   
   .CapaPagina {
      min-height: 100%;
   }   

   .CapaPagina .CapaPanelIzquierdo, .CapaPagina .CapaPanelCentral {
      margin: 0;
      padding: 0;
      border: none;
      background: transparent;
   }
   
   .CapaPagina .CapaPanelIzquierdo { float: left;  width: 202px; margin: 7px 0; }
   .CapaPagina .CapaPanelCentral   { width: 980px; background-color: transparent; margin: 0 0 150px 0;}

  /**********************************************************************************************************
   *                                      PIE DE PAGINA                                                     *
   **********************************************************************************************************/
   
   html, body { height: 100%; }
   .CapaPagina { min-height: 100%; clear: both; }
   .CapaPie {
      height: 63px; 
   }
   
   .CapaPie { 
      border-top: solid 1px #ddd;
      padding: 3px 0;
      width: 980px; 
      margin-left: auto;
      margin-right: auto;
   }
   
   .CapaPie .Iconos {
      width: 960px;
      margin: 0 0 0 10px;
      background-color: #ccc;
   }
   
   .CapaPie .Aceptamos { margin: 0 0 0 10px; }
   .CapaPie .Envios { margin: 0 0 0 60px; }
   .CapaPie .RedesSoc { float: right; margin: 0 10px 0 0; width: 92px; }

   ul.MenuPie{ margin: 17px 0; }
   
   ul.MenuPie li { 
      float: left; 
      margin: 0 10px 0 0; 
   }   

   

   .TextoPie { border-top: solid 10px transparent; }
   .TextoPie ul li { float: left; }   
   .TextoPie ul li.Separador { padding: 0 15px 0 15px; }
   .TextoPie, .TextoPie a, .TextoPie a:hover, .TextoPie a:visited {
      font-size: 11px;
      padding: 10px 0;
      color: #444444;
      text-align: center;
      text-decoration: none;
      margin: 0;
      padding: 0;
   }
   .TextoPie a, .TextoPie a:visited {color: #aa4444;}
   .TextoPie a:hover { color: #000; }
   .TextoPie a.Fersoft, .TextoPie a.Fersoft:visited { color: #447744; margin: 0; padding: 0; }
   .TextoPie a.Fersoft:hover { color: #000; margin: 0; padding: 0; }
   
   .TextoPie div.Linea {
      background: url('../images/punto.png') repeat-x 0 8px;      
      width: 144px;
   }


  /**********************************************************************************************************
   **********************************************************************************************************
   **********************************************************************************************************/
      
  /**********************************************************************************************************
   *                                   MENU DE CABECERA                                                     *
   **********************************************************************************************************/
   .CapaCabecera {
      position: relative;
      border: none;
      background: url('../images/CabeceraSniler.png') no-repeat 0 0;
      height: 205px;
   }
   
   div.BarraMenuPrincipal {
      position: absolute;
      top: 128px;
      left: 0;
      width: 100%;
      height: 68px;
   }
   
   div.ContenedorMenu {
      width: 738px;
      height: 34px;
      float: left;
   }
   
   div.ContenedorBuscador {
      width: 233px;
      height: 68px;
      float: right;
   }
   
   ul.MenuCabecera {
      padding: 0;
      margin: 0;
      font-size: 12px;
      font-weight: bold;
      height: 34px;
   }
   
   ul.MenuCabecera li a, ul.MenuCabecera li a:hover, ul.MenuCabecera li a:visited { 
    float: left;
    padding: 10px 20px 10px 20px;
    background: url('../images/SeparadorMenuCabecera.png') no-repeat right top;
    color: #ffffff;     
    text-decoration: none;
   }   
   
   ul.MenuCabecera li a:hover, ul.MenuCabecera li a.MenuActivo { background: url('../images/hovermenucabecera.png') repeat-x 0 0; }

   #Buscador { 
      position: relative;
      top: 7px;
      background-color: transparent;
      width: 225px;
   }
   
   #Buscador select option { cursor: pointer; }
   
   .block {margin-bottom:20px}   
   .block h4 {
      margin: 0;
   	padding:6px 11px;
   	font-size:12px;
   	color:#fff;
   	text-shadow:0 1px 0 #000;
   	text-transform:uppercase;
   	background:#fe2222;
   	height: 29px;
   	background: url('../images/FondoTitulos.png') repeat-x 0 0; 
   }
   .block h4 a {color:#fff}
   .block li a {
   	display:block;
   	color:#333
   }
   .block h4.Oscuro {
   	background: url('../images/FondoTitulos2.png') repeat-x 0 0 !important; 
   }   

   .clearfix:before, .clearfix:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden;
   }
   .clearfix:after { clear: both; }
   .clearfix {zoom: 1; }


   
   #TxtBuscar, #SelBuscar {
      border: none;
      background-color: #474747;
      color: #fff;
      border-radius: 3px;
      opacity: 0.7;
   }
   
   #TxtBuscar { padding: 3px 2px 3px 5px; width: 215px; }
   #SelBuscar { padding: 3px 2px 3px 2px; width: 160px; margin: 6px 0 0 0; }
   
   
   div.PaginaError li.Botones a, div.PaginaError li.Botones a:hover, div.PaginaError li.Botones a:visited,
   a.Boton1, a.Boton1:hover, a.Boton1:visited,
   a.Boton2, a.Boton2:hover, a.Boton2:visited {
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      color: #fff;      
      border-radius: 3px;
      padding: 4px 7px 4px 6px;
      margin: 0 0 0 3px;
      text-decoration: none;
   }
   
   div.PaginaError li.Botones a, div.PaginaError li.Botones a:hover, div.PaginaError li.Botones a:visited,
   a.Boton1, a.Boton1:hover, a.Boton1:visited {
      background-color: #353535;
   }
   
   div.PaginaError li.Botones a:hover, a.Boton1:hover { background-color: #555555; }

   a.Boton2, a.Boton2:hover, a.Boton2:visited { background-color: #7a7a7a; }
   a.Boton2:hover { background-color: #5a5a5a; }
   
   #Buscador a {
      opacity: 0.7;
   }
   
   div.PaginaError li.Botones {
      float: right;
   }
   
   /**********************************************************************************************************/
   
   a.Lista {
      background: url('../images/Lista.png') no-repeat 0 5px;
      padding: 0 0 0 8px; 
   }
   
   #wrapper{ width: 100%; overflow: hidden; height: auto; min-height: 100%; margin: 0; }
   .content{
      margin: 0 0 100px 0; /* Alto de footer incl. border + margen de separacion con footer */
   }
   #footer{
       margin-top: -98px;   /* Alto del footer incl. border */
       width: 100%;         
       height: 98px;        /* Alto del footer sin incl. border */
       border: none;
   }


   /*********************** Clase Info ***************************************/   
   .Info {
      position: relative;      
      margin: 0;
      padding: 0;
      border: none;
      background-color: transparent;      
      font-size: 12px;
   }
   .Info .Titulo, .Info .LineaSeparacion, .Info .Contenido { 
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0;
   }   
   
   .Info .Titulo { 
      top: 0;
      border: solid 1px transparent;
      border-radius: 5px 5px 0 0;
   }
   .Info ul li.Desplegable .Titulo {    
      cursor: pointer;
   }
   .Info .LineaSeparacion {
      height: 3px;
      margin: 0 1px 0 0;
      overflow: hidden;
      display: none;
   }
   .Info .Contenido { 
      width: 99%;
      border-radius: 5px 0 5px 5px;      
      display: none;
   }   
   .Info .Titulo          { height: 31px; }
   .Info .LineaSeparacion { top:    31px; }
   .Info .Contenido       { top:    32px; }
   .Info .Titulo, .Info .Contenido { z-index: 210; }
   .Info .LineaSeparacion          { z-index: 211; }
   .Info .Contenido, .Info ul li.Desplegable:hover .Titulo, .Info ul li.Desplegado .Titulo { border: solid 1px #999; }
   .Info ul li.Desplegable:hover .LineaSeparacion, .Info ul li.Desplegado .LineaSeparacion, .Info ul li.Desplegable:hover .Contenido, .Info ul li.Desplegado .Contenido{ display: block; }
   .Info ul li.Desplegable:hover .Titulo, .Info ul li.Desplegado .Titulo, .Info ul li.Desplegable:hover .LineaSeparacion, .Info ul li.Desplegado .LineaSeparacion, .Info ul li.Desplegable:hover .Contenido, .Info ul li.Desplegado .Contenido{ background-color: #ececec; }
   .Info ul li.Desplegable:hover .Titulo, .Info ul li.Desplegado .Titulo, .Info .Contenido { box-shadow: 2px 3px 2px rgba(0,0,0,0.15); }
   /**************************************************************************/   

   /** Carrito */   
   #Carrito {
      top: 5px;
      left: 520px;
      width: 450px;
   }   
   #Carrito .Titulo, #Carrito .LineaSeparacion { width: 250px; }
   #Carrito .Titulo, #Carrito .Contenido { z-index: 212; }
   #Carrito .LineaSeparacion             { z-index: 213; }
   #Carrito .Titulo { text-align: right; }
   #Carrito .Titulo img { margin: 5px 0 0 10px; }
   #Carrito .Titulo span { position: relative; left: 7px; top: 4px; margin: 0 30px 0 0; }
   #Carrito .TotalUnidades b { color: #0062ad; }
   table.LineasCarrito {
      width: 395px;
      border: none;
      margin: 15px 0 0 25px;
   }
   table.LineasCarrito td.Cantidad { width: 60px; }
   table.LineasCarrito td.Precio { width: 60px; text-align: right; }
   table.LineasCarrito td.Cantidad, table.LineasCarrito td.Descripcion, table.LineasCarrito td.Precio { 
      border-top: solid 1px #fff;
      padding: 6px 0 6px 0;
   }
   table.LineasCarrito td.last { border-bottom: dashed 1px #888; }

   table.LineasCarrito td a, table.LineasCarrito td a:hover, table.LineasCarrito td a:visited {
      text-decoration: none;
      color: #333;
   }
   table.LineasCarrito td a:hover { text-decoration: underline; }   
      
   #Carrito .TotalCarrito {
      font-weight: bold;
      text-align: right;
      padding: 15px 15px 0 0;
   }

   #Carrito .Boton1 {
      float: right;
      margin: 10px 25px 15px 0;
   }

   /** Login */
   #Login {
      top: 100px;
      left: 630px;
      width: 340px;
   }   
   
   #Login .Titulo, #Login .LineaSeparacion { width: 150px; }
   #Login .Contenido { height: 180px; }
   #Acceso, #Acceso:hover, #Acceso:visited { 
      position: absolute; top: 2px; left: 2px;
      background: url('../images/Login.gif') no-repeat 6px 5px;
      padding: 5px 0 5px 25px;
      text-decoration: none; 
      color: #0062ad; 
   }
   ul.Login {
      margin: 20px 0 0 10px;
      width: 310px;
      float: left; 
   }
   ul.Login li.Sep { height: 15px; }   
   #Login ul.Login li { padding: 0 8px 0; }
   #Login span { 
      position: relative;
      top: 5px;
   }
   #Login #LogEmail, #Login #LogClave { 
      padding: 5px 5px 5px 5px;
      border: none;
      border-radius: 3px;
      width: 210px;
   }
   #Login #LogEmail, #Login #LogClave, a.BotCerrar, a.BotLogin { 
      float: right;
   }   
   ul.Registro {
      margin: 20px 0 0 0;
      padding: 0 0 0 20px;
      border-left: solid 1px #ffffff;
      width: 240px;
      float: left;
   }
   ul.Registro li.Sep { height: 10px; }   
   ul.Registro a { float: right; }
   ul.Login, ul.Registro { height: 140px; }
   #Login a.Lista, #Login a:hover.Lista, #Login a:visited.Lista {
      color: #444;
      text-decoration: none;
   }
   #Login a:hover.Lista { text-decoration: underline; }
   
   /** Logout */
   #Logout {
      position: relative;      
      top: 80px;
      left: 375px;
      height: 85px;
      width: 600px;      
      font-size: 12px;
   }
   
   #Logout p {
      float: right;
   }
   
   #Logout_Usuario { padding: 0 20px 0 0; }

   #DvLogOut {
      top: 20px;
      left: 300px;
      width: 300px;
   }   
   #DvLogOut .Titulo, #DvLogOut .LineaSeparacion { width: 70px; }
   #DvLogOut .Contenido { padding: 0 0 15px 0; }
   #Salir, #Salir:hover, #Salir:visited { 
      position: absolute; top: 2px; left: 2px;
      background: url('../images/Login.gif') no-repeat 6px 5px;
      padding: 5px 0 5px 25px;
      text-decoration: none; 
      color: #0062ad; 
   }
   ul.Logout {
      margin: 20px 0 0 10px;
      float: left; 
   }
   ul.Logout li.Sep { height: 15px; }   
   ul.Logout .BotLogout { margin: 0 0 0 170px; }
   ul.Logout .BotCerrar, ul.Logout .BotLogout{ float: left; }
   
   #DvMiCuenta {
      top: 20px;
      left: 230px;
      width: 300px;
   }   
   #DvMiCuenta .Titulo, #DvMiCuenta .LineaSeparacion { width: 100px; }
   #DvMiCuenta .Contenido { padding: 0 0 10px 0; }
   #MiCuenta, #MiCuenta:hover, #MiCuenta:visited { 
      position: absolute; top: 2px; left: 2px;
      background: url('../images/Login.gif') no-repeat 6px 5px;
      padding: 5px 0 5px 25px;
      text-decoration: none; 
      color: #0062ad; 
   }
   ul.MiCuenta {
      margin: 20px 0 0 10px;
      float: left; 
   }
   ul.MiCuenta li.Sep { height: 28px; }
   ul.MiCuenta .BotCerrar {
   }
   #Logout_Email, #Logout_Perfil, #Logout_Cliente {
      display: inline-block;
      padding: 5px 5px 5px 5px;
      border: none;
      border-radius: 3px;
      width: 220px;
      background-color: #ffffff;
   }
   #Logout_Email   { margin: 2px 0 2px 10px; }
   #Logout_Perfil  { margin: 2px 0 2px 14px; }
   #Logout_Cliente { margin: 2px 0 2px  3px; }
   ul.MiCuenta li.Sep { height: 15px; }      
   #DvMiCuenta a.Lista, #DvMiCuenta a:hover.Lista, #DvMiCuenta a:visited.Lista {
      color: #444;
      text-decoration: none;
   }
   #DvMiCuenta a:hover.Lista { text-decoration: underline; }

   
   table.RelacionDeArticulos { width: 100%; margin: 0; }
   
   table.RelacionDeArticulos tr td { vertical-align: top; padding: 0 6px 14px 8px; }
   
   ul.ArtInicio { margin: 20px 0 0 0; width: 736px; }
   
   ul.ArtInicio li { margin: 0; padding: 0; }
   ul.ArtInicio li h4 { font-weight: bold; }
   ul.ArtInicio li.Articulo {
      margin: 10px 5px 0 5px;
      display: inline-block;
   }
   .MarcoArticulo {
      position: relative;
      border: solid 1px #ccc;
      padding: 5px 12px 5px 12px;
      border-radius: 7px;
      font-size: 12px;
      z-index: 10;
      width: 206px;
      min-height: 200px;
   }
   .MarcoArticulo div.Imagen, .MarcoArticulo .Descripcion, .MarcoArticulo .Observaciones {
      width: 206px;
      overflow: hidden;
      z-index: 10;
   }
   .MarcoArticulo div.Imagen {
      text-align: center;
      height: 110px;
   }
   .MarcoArticulo img.Imagen { width: 100px; }
   .MarcoArticulo .Descripcion {
      text-align: center;
      padding: 3px 0 3px 0;
      font-weight: bold;
      color: #444444;
      height: 30px;
   }
   .MarcoArticulo .Observaciones {
      font-size: 11px;
      height: 23px;
      color: rgb(102,102,102);
      padding: 0 0 5px 0;
      text-align: center;
      margin: 0 0 5px 0;
   }
   
   .MarcoArticulo .Pvp, .MarcoArticulo .PvpSinDescuentos, .MarcoArticulo .Euro {
      font-size: 16px;
      color: #ff0000; 
      font-weight: bold; 
      text-align: left; 
      padding: 10px 0 0 0;
   }
   
   .MarcoArticulo .Euro { margin: 0 0 0 5px; }
   .MarcoArticulo a.Enlace, .MarcoArticulo a.Enlace:hover, .MarcoArticulo a.Enlace:visited {
      margin: 3px 0 0 0;
      color: #444444;
      font-weight: bold;
   }
   .MarcoArticulo a.Enlace, .MarcoArticulo a.Enlace:visited { text-decoration:none; }
   .MarcoArticulo a.Enlace:hover { text-decoration:underline; }

   .MarcoArticulo span.Lista {
      background: url('../images/Lista.png') no-repeat 0 7px;
      padding: 0 0 0 7px; 
      margin: 0 0 0 5px;
   }
   
   .MarcoArticulo .Tachado {
      font-size: 11px;
      color: #5a5a5a; 
   }
   
   .MarcoArticulo .ImgOferta {
      position: absolute;
      top: -3px;
      left: 133px;
      width: 100px;
      height: 100px;
      text-align: right;
      background: url('../images/oferta.png') no-repeat 0 0;
   }

   .MarcoArticulo .Imagen, .MarcoArticulo .Descripcion, .MarcoArticulo .Observaciones, 
   .MarcoArticulo .PvpSinDescuentos, .MarcoArticulo .Pvp { cursor: pointer; }
   
   div.TituloPagina  {
      font-weight: bold;
      height: 30px;
      margin: 7px 0 0 0;
   }
   
   .ArticuloDetallado .TituloPagina { margin: 7px 0; }
   
   .ArticuloDetallado div.VisorDeImagenes  {
      margin: 20px 0;
      width: 290px;
      text-align: center;
      float: left;
   }
   .ArticuloDetallado img.Imagen { width: 280px; height: auto; }
   .ArticuloDetallado .CajaCompra {
      position: relative;
      margin: 20px 0 0 0;
      padding: 15px 20px 30px 20px;
      width: 400px;
      float: right;
      border: solid 1px #afafaf;
      border-radius: 5px;
   }
   
   .CajaCompra .Nombre, .CajaCompra .Referencia {
      margin: 0; 
      color: #5a5a7a;      
      font-weight: bold;      
   }
   .CajaCompra .Nombre {
      font-size: 18px;
      float: left;
      width: 320px;
   }
   .CajaCompra .Referencia{
      font-size: 9px;
      float: right;
   }   
   .ArticuloDetallado .Obs {
      clear: both;
      margin: 20px 0;
      padding: 30px 0 30px 0;
      width: 100%;
      border-bottom: dashed 1px #afafaf;
   }

   .ArticuloDetallado .Obs ul { list-style-type: disc; }
   .ArticuloDetallado .Obs table { border: solid 1px #000000; }
   
   .ArticuloDetallado ul.Precios { 
      clear: both; 
      list-style: none; 
      margin: 50px 0 40px 0;
      border-bottom: dashed 1px #afafaf;
      height: 80px;
   }
   .ArticuloDetallado ul.Precios li { 
      float: left; 
      border: solid 1px transparent;
   }

   .ArticuloDetallado .PvpAnterior {
      position: relative;
      left: 15px;
      top: -20px;
      font-size: 16px;
      font-weight: bold;
      color: #5a5a5a; 
      text-decoration: line-through;
   }
   
   .ArticuloDetallado .Pvp,.ArticuloDetallado .Euro {
      font-size: 40px;
      font-weight: bold;
      color: #0062ad;
   }
   .ArticuloDetallado .Euro { margin: 0 0 0 7px; }
   
   .ArticuloDetallado .Pvp2 {
      font-size: 12px;
      color: #303030;
      font-weight: bold;
      padding-left: 10px;
   }
   
   .ArticuloDetallado p {
      display: inline-block;
      width: 210px;
      text-align: right;
      padding: 0 10px 0 0;
   }

   .ArticuloDetallado .Division_1, .ArticuloDetallado .Division_2 { width: 170px; }
      
   .CantidadBoton, 
   a.CantidadBoton:hover, 
   a.CantidadBoton:visited {
      font-size: 14px;
      text-decoration: none;
   }
   
   .ArticuloDetallado input.Observaciones,
   .CantidadBoton, 
   a.CantidadBoton:hover, 
   a.CantidadBoton:visited, .ArticuloDetallado .Division_1, .ArticuloDetallado .Division_2 {
      background-color: #efefef;
      color: #3a3a3a;
      padding: 3px;
      border: solid 1px #afafaf;
      border-radius: 5px;      
   }
   .ArticuloDetallado input.Observaciones { width: 162px; }
   
   #CantidadMenos, #CantidadMas { font-weight: bold; }
   #CantidadMenos { padding: 3px 5px 3px 4px; }
   
   a.CantidadBoton:hover { background-color: #dcdcdc; }
   
   .ArticuloDetallado .Cantidad {
      text-align: center;      
      width: 30px;      
      margin: 0 5px 0 5px;
   }
   
   a.Comprar, a.Comprar:hover, a.Comprar:visited {
      position: relative;
      padding: 4px 10px 4px 10px;
      left: 5px;
      top: -1px;
   }
   

   .PaginaError,
   .NoExistenArticulos {
      position: relative;
      margin: 20px 0 0 0;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 30px 20px 30px 20px;
      width: 580px;
      border: solid 1px #afafaf;
      border-radius: 5px;
      font-size: 12px;
      font-weight: bold;
      color: #444;
   }
   .NoExistenArticulos div { float: right; width: 420px; margin: 0px; padding: 0 0 0 10px; }
   .NoExistenArticulos a { position: absolute; top: 143px; right: 40px; }

   .PaginaError ul li { display: inline; vertical-align: top}
   .PaginaError ul li img { width: 130px; }
   .PaginaError ul li.Txt { width: 420px; text-align: left; padding: 0 0 0 20px; display: inline-block; }
      
   
      
   ul.Identificacion .Titulo2 {
      font-weight: bold;
      padding: 0 0 0 100px;
   }   
   
   ul.Identificacion #IdenEmail, ul.Identificacion #IdenClave { 
      padding: 5px 5px 5px 5px;
      border: solid 1px #ccc;
      border-radius: 3px;
      width: 210px;
   }
   ul.Identificacion #IdenEmail {margin: 30px 0 10px 64px; }
   ul.Identificacion #IdenClave {margin: 0 0 0 20px; }
   
   ul.Identificacion p { margin: 0 0 0 10px; width: 400px;}
   
   ul.Identificacion .BotLogin {
      position: relative;
      top: 3px;
      right: 215px;
      width: 76px;
   }
   
   ul.Identificacion li.Sep1, ul.LstPed li.Sep1 {
      padding: 30px 0 40px 100px;
      border-bottom: solid 1px #bbb;
   }
   ul.Identificacion li.Sep2 { padding: 20px 0 0 0; }
   
   ul.Identificacion a.Lista, a.Lista:hover, a.Lista:visited {
      font-size: 12px;
      color: rgb(68,68,68);
   }
   ul.Identificacion a.Lista, a.Lista:visited { text-decoration: none; }
   ul.Identificacion a.Lista:hover { text-decoration: underline; }
   
   ul.Identificacion .NuevoUsuario {
      position: relative;
      top: 10px;
      left: 451px;
   }
   
   ul.RealizarPago li.LstFrmEnv, ul.RealizarPago li.LstFrmPago {
      text-align: center;
   }
   
   ul.NavegacionPegido {
      margin-top: 20px;
      margin-bottom: 20px;
      background-color: #f5f5f5;
      padding: 5px 8px 6px 8px;
      border-radius: 5px;
      clear: both;
   }
   
   ul.NavegacionPegido li { 
      display: inline; 
      margin: 0;
      padding: 0;
      font-weight: bold;
      color: #bbbbbb;
   }
   ul.NavegacionPegido li a, ul.NavegacionPegido li.Activo, ul.NavegacionPegido li a:hover, ul.NavegacionPegido li a:visited { color: #4a4a4a; }
   ul.NavegacionPegido li.Actual  { color: #0062ad; }
   ul.NavegacionPegido li.Simb { font-size: 18px; padding: 0 5px 0 5px; }
   
   ul.RealizarPago li.LstFrmEnv, ul.RealizarPago li.LstFrmPago {
      text-align: center;
   }
   ul.NavegacionPegido li.Activo a, ul.NavegacionPegido li.Activo a:visited { text-decoration: none; }
   ul.NavegacionPegido li.Activo a:hover { text-decoration: underline; }
   
   ul.FormasDePago li { 
      display: inline;
      padding: 0 10px 0 0;
   }

   ul.RealizarPago {
      background-color: #eeeeee;
      border: solid 1px #eeeeee;
      width: 100%;
      border-radius: 5px;
      margin-bottom: 30px;
      padding: 0 0 0 0;
   }
   
   ul.RealizarPago li { padding: 8px 0 8px 10px; }
   ul.RealizarPago li.Titulo1 {
      border-bottom: solid 1px #c8c8c8;
      padding: 5px 0 10px 10px;
   }
   
   select.FormaDeEnvio, select.FormaDePago { color: #5a5a5a;}
      
   .Dialogo {
      left: 0;
      top: 0;
      z-index: 210;
      position: absolute;
      border: none;
      color: rgb(51,51,51);
      background-color: rgb(236,236,236);
      overflow: hidden;
      padding: 10px;
      padding: 0;      
      box-shadow: 2px 3px 2px rgba(0,0,0,0.15);
   }
   .Dialogo .Titulo {
      margin: 0;
   	padding:6px 11px;
   	font-size:12px;
   	font-weight: bold;
   	color:#fff;
   	text-shadow:0 1px 0 #000;
   	text-transform:uppercase;
   	background:#fe2222;
   	height: 17px;
   	background: url('../images/FondoTitulos.png') repeat-x 0 0; 
   }   
   
   .Dialogo .Contenido { 
      font-size: 12px;
      padding: 10px 10px 4px 10px; 
      border-left: solid 1px rgb(153,153,153);
      border-bottom: solid 1px rgb(153,153,153);
      border-right: solid 1px rgb(153,153,153);
      border-radius: 0 0 5px 5px;
   }
   .Dialogo .Contenido ul li { vertical-align: middle; display: inline-block; }
   .Dialogo .Contenido div.Texto  { 
      min-width: 130px; 
      max-width: 230px; 
   }
   .Dialogo .Botones {
      margin: 10px 0 0 0;
      text-align: right;
      padding: 10px 0 8px 0;
      border-top: solid 1px rgb(153,153,153);
   }
   
   .Dialogo a.Boton, .Dialogo a.Boton:Hover, .Dialogo a.Boton:Visited { 
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      background-color: #ff0000;
      color: #fff;      
      border-radius: 3px;
      margin: 0 0 0 3px;
      text-decoration: none;
      border-radius: 5px;
      text-decoration: none; 
      padding: 5px;
      color: #FFF;
   }
   .Dialogo a.Boton, .Dialogo a.Boton:Visited { background-color: #353535; }
   .Dialogo a.Boton:Hover { background-color: #555555; }
   
   .Dialogo .Contenido ul li.Tit {
      font-weight: bold;
      width: 100px;
   }
   
   .Dialogo .Contenido .IcoImg { padding: 10px; }

   li.Titulo1 {   
      font-weight: bold;
      padding: 0 0 20px 0;
   }
   li.Titulo2 {   
      font-weight: bold;
      padding: 0 0 5px 0;
   }   
   li.Titulo3 {
      font-weight: bold;
      padding-right: 10px;
   }

   li.Seccion {
      font-weight: bold;
      width: 100%;
      margin: 0 0 12px 0; 
      padding: 0 0 8px 0;
      border-bottom: solid 1px #bbb;
   }
   
   li.Texto {
      text-align: justify;
      line-height: 1.4;
      font-size: 14px;
      color: #000;
   }
   
   li.AvisoLegal { 
      padding: 10px 0; 
      border-top: solid 1px #bbb;
      text-align: justify;
      color: #777;
      font-size: 10px;
      line-height: 9px;
      font-weight: bold;
   }
   
      
   #FormRegistro ul li,
   #FormResetClave ul li,
   #FormCambiarClave ul li,
   #FormContacto ul li,
   #FormSelCli ul li { display: inline-block; }
   
   #FormRegistro input, #FormResetClave input, #FormCambiarClave input, #FormContacto input, #FormContacto textarea, ul.LstPed input, #FormSelCli input {
      padding: 5px 5px 5px 5px;
      border: solid 1px #ccc;
      border-radius: 3px;
      width: 180px;
   }
   #FormContacto select, #FormRegistro select, ul.RealizarPago select {    
      padding: 5px 5px 5px 5px;
      border: solid 1px #ccc;
      border-radius: 3px;
      width: 250px;
   }
   #FormContacto select {margin: 0 0 10px 0;}
   
   #FormRegistro #Conformidad, #FormRegistro #ExentoIVA { 
      width: 20px; 
      margin: 0 0 0 180px; 
   }
   
   #FormRegistro .Identificacion { margin: 20px 0 0 0; }
   #FormRegistro .Facturacion, #FormRegistro .Validacion  { margin: 30px 0 0 0; }
      
   #FormRegistro li.Col1, #FormRegistro li.Col3,
   #FormResetClave li.Col1,
   #FormCambiarClave li.Col1,
   #FormContacto ul li.Col1,
   #FormContacto ul li.Col3,
   #FormSelCli li.Col1 { color: #5a5a5a; font-weight: bold; text-align: right; padding: 0 5px 0 0; }
   #FormRegistro ul.Identificacion li.Col1 { width: 150px; }
   #FormRegistro ul.Facturacion li.Col1 { width: 150px; }
   #FormRegistro ul.Facturacion li.Col3 { width: 100px; }
   
   #FormRegistro ul.Validacion li.Col1 { width: 150px; }
   #FormRegistro ul.Validacion #imgCaptcha { padding: 0 0 0 105px; }
   #FormRegistro ul.Facturacion li.MarcaAvisoLegal,   #FormRegistro ul.Validacion li.MarcaAvisoLegal {
      color: #777;
      font-size: 10px;
      line-height: 9px;
      font-weight: bold;
      position: relative;
   }
   #FormRegistro ul.Facturacion li.MarcaExentoIVA {
      top: 18px;
      width: 380px;
      text-align: justify;
   }
   #FormRegistro ul.Validacion li.Col3 {  padding: 15px 0 0 236px; }
   #FormRegistro ul.Validacion li.Col4 {  padding: 30px 0 20px 70px; }
   
   #FormResetClave li.Texto { margin: 5px 0 30px 0; }
   #FormResetClave li.Col1 { width: 200px; }
   #FormResetClave li.Col3 { padding: 18px 0 0 20px; }
   #FormResetClave ul { border-bottom: solid 1px #bbb; padding: 0 0 50px 0; }
   
   #FormCambiarClave li.Col1 { width: 200px; padding: 0 0 15px 0; }
   #FormCambiarClave ul { padding: 10px 0 0 0; }
   #FormCambiarClave li.Col3 { padding: 0 0 0 20px; }

   #FormContacto ul li.Seccion { margin: 25px 0 15px 0; }
   #FormContacto ul.Direccion { padding: 0 0 0 50px; }
   #FormContacto ul.Direccion li { display: block; }
   #FormContacto ul li.Col1 { width: 120px; }
   #FormContacto ul li.Col2 { width: 192px; }
   #FormContacto ul li.Col3 { margin: 20px 0 0 130px; }
   #FormContacto ul li.Col4 { margin: 15px 0 40px 585px; }
   #FormContacto ul li input { margin: 0 0 10px 0; }
   #FormContacto ul li #ConObs { width: 505px; }
   #ConObs {margin: 5px 0 0 0; }
   
   #FormSelCli li.Col1 { margin: 30px 15px 0 90px; }
   #FormSelCli input { width: 400px !important; }
   #FormSelCli li.Col2 { margin: 20px 0 0 570px; }
   #FormSelCli li.Col3 { width: 100%; border-bottom: solid 1px #bbb; padding: 0 0 50px 0;}
   
   ul.DatosEmpresa { margin: 5px 0 20px 70px; }
   ul.DatosEmpresa li.Nombre { font-weight: bold; }
   
   div.Margen1 { margin: 0 0 0 70px; }
   

   ul.LstPed ul li {
      margin: 10px 0 10px 50px;
      color: #5a5a5a; font-weight: bold; 
   }
   ul.LstPed ul.DatConsulta { margin: 80px 0 0 100px; }
   ul.LstPed ul.DatConsulta li #FecLstIni { margin: 0 0 0 25px; width: 75px; text-align: center; }
   ul.LstPed ul.DatConsulta li #FecLstFin { margin: 0 0 0 30px; width: 75px; text-align: center; }

   ul.LstPed li a.Consultar, ul.LstPed li a.Ultimos { width: 110px; display: inline-block; margin: 0 0 0 200px; }
   
   table.LstPed, table.LstLinPed, table.LstUltVen, table.FrasPdtCobro, table.FrasACobrar {
      width: 95%;
      margin-top: 20px;      
      margin-left: auto;
      margin-right: auto;
   }
   
   table.LstPed thead tr th, table.LstLinPed caption, table.LstLinPed thead tr th, table.LstUltVen thead tr th,
   table.FrasPdtCobro tr th, table.FrasPdtCobro caption,
   table.FrasACobrar tr th, table.FrasACobrar caption {
      background-color: #ececec;
      padding: 5px 5px 5px 5px;
      font-weight: bold;
   }
   table.LstLinPed caption { border-bottom: solid 1px #bbb; }
   
   table.LstPed tbody tr td, table.LstLinPed tbody tr td, table.LstUltVen tbody tr td,
   table.FrasPdtCobro tr td,
   table.FrasACobrar tr td {
      padding: 2px 5px 2px 5px;
      border-bottom: solid 1px #ececec;
   }
   table.LstPed tbody tr td.Vacio, table.LstUltVen tbody tr td.Vacio,
   table.FrasPdtCobro tbody tr td.Vacio { border-bottom: solid 1px transparent; }
   table.LstPed tbody tr td.Activo { background-color: #ffffa0; }
   
   table.LstPed thead tr th, table.LstPed tbody tr td { text-align: left; } 
   table.LstLinPed thead tr th, table.LstLinPed tbody tr td { text-align: left; } 
   table.LstPed thead tr th.Importe, table.LstPed tbody tr td.Importe,
   table.LstLinPed thead tr th.Cantidad, table.LstLinPed tbody tr td.Cantidad,
   table.LstLinPed thead tr th.Precio, table.LstLinPed tbody tr td.Precio,
   table.LstLinPed thead tr th.Descuento, table.LstLinPed tbody tr td.Descuento { text-align: right; } 
      
   table.LstPed tfoot ul, 
   table.LstUltVen tfoot ul,
   table.FrasPdtCobro tfoot ul { list-style: none; float: right; margin: 15px 25px 0 0;}
   table.LstPed tfoot ul li,
   table.LstUltVen tfoot ul li,
   table.FrasPdtCobro tfoot ul li { 
      float: left; 
      margin: 0;
      padding: 0 2px 0 2px;
      border: solid 1px transparent;
      font-weight: normal;
   }
   table.LstPed tfoot ul li.Actual,
   table.LstUltVen tfoot ul li.Actual,
   table.FrasPdtCobro tfoot ul li.Actual { 
      border: dashed 1px #aaaaaa;
      background-color: #eaeaea;
   }
   table.LstPed tfoot ul li a, table.LstPed tfoot ul li a:hover, table.LstPed tfoot ul li a.visited,
   table.LstUltVen tfoot ul li a, table.LstUltVen tfoot ul li a:hover, table.LstUltVen tfoot ul li a.visited,
   table.FrasPdtCobro tfoot ul li a, table.FrasPdtCobro tfoot ul li a:hover, table.FrasPdtCobro tfoot ul li a.visited {
      color: #000000;
      cursor: pointer;
      text-decoration: none;
   }   

   #LstCli {
      width: 95%;
      margin-top: 20px;      
      margin-left: auto;
      margin-right: auto;
   }
   #LstCli thead tr th {
      background-color: #ececec;
      padding: 5px 5px 5px 5px;
      font-weight: bold;
   }
   #LstCli tbody tr td {
      padding: 2px 5px 2px 5px;
      border-bottom: solid 1px #ececec;
   }   
   #LstCli .Nombre { text-align: left; }
   #LstCli .NIF    { text-align: right;  width: 120px; }
   #LstCli .Icono  { text-align: center; width: 30px;  }
   
   div.ActivacionCuenta { width: 260px; }
   div.ActivacionCuenta ul input {
      margin: 5px 0 5px 0;
      padding: 5px 5px 5px 5px;
      border: solid 1px #ccc;
      border-radius: 3px;
      width: 180px;
   }
   div.ActivacionCuenta ul li.Titulo {
      display: inline-block;
      width: 40px;
      margin: 0 0 0 50px;
      margin: 11px;
   }
   div.ActivacionCuenta ul li.Botones { margin: 20px 0 0 0; }

   #BannerInferior, #_BannerInferior {
      z-index: 5000;
      width: 100%;
      border-top: solid 1px #000;
   }
   
   #_BannerInferior {
      height: 40px;
      background-color: transparent;
   }
      
   #BannerInferior {
      height: 35px;
      background-color: #efefef;
      padding: 10px 10px 0 10px; 
      position: fixed;
      bottom: 0;
      z-index: 5000;
   }
   
   table.LstUltVen .Fecha       { text-align: left; width: 70px;  border-right: solid 1px #eee; }
   table.LstUltVen .Codigo      { text-align: left; width: 115px; border-right: solid 1px #eee; }
   table.LstUltVen .Descripcion { text-align: left;  border-right: solid 1px #eee;}
   table.LstUltVen .Cantidad    { text-align: right; width: 50px;  border-right: solid 1px #eee;}
   table.LstUltVen .Precio      { text-align: right; width: 65px; border-right: solid 1px #eee;}
   table.LstUltVen th.Documento { text-align: center; }
   table.LstUltVen td.Documento { text-align: right; width: 53px; }
   table.LstUltVen td.Numero    { text-align: right; width: 65px; }

   table.FrasPdtCobro .Fecha     { text-align: left;  width: 120px; border-right: solid 1px #eee; }
   table.FrasPdtCobro .Factura   { text-align: left;  border-right: solid 1px #eee; }
   table.FrasPdtCobro .Total     { text-align: right; width: 100px; border-right: solid 1px #eee; }
   table.FrasPdtCobro .Cobrado   { text-align: right; width: 100px; border-right: solid 1px #eee; }
   table.FrasPdtCobro .Pendiente { text-align: right; width: 100px; }
   table.FrasPdtCobro .Icono     { text-align: center; width: 30px; }
   
   
   table.FrasACobrar { margin-top: 70px; }
   table.FrasACobrar .Fecha     { text-align: left;  width: 120px; border-right: solid 1px #eee; }
   table.FrasACobrar .Factura   { text-align: left;  border-right: solid 1px #eee; }
   table.FrasACobrar .Total     { text-align: right; width: 100px; border-right: solid 1px #eee; }
   table.FrasACobrar .Pendiente { text-align: right; width: 100px; border-right: solid 1px #eee; }
   table.FrasACobrar .Cobro     { text-align: right; width: 100px; }
   table.FrasACobrar .Icono    { text-align: center; width: 30px; }
   #ConfirmCobro { margin: 20px 0 0 520px; }
   
   #ImporteACobrarDlg ul li { font-weight: bold; }
   #ImporteACobrarDlg input.Importe { 
      margin: 0 0 0 10px;
      padding: 5px 5px 5px 5px;
      border: solid 1px #ccc;
      border-radius: 3px;
      width: 100px;
      text-align: center;
   }
   
   #slideshow #slides li { width: 734px; }

   .MarcoArticulo img.Imagen:hover, .MarcoArticulo div.Imagen:hover, .RelacionDeCategorias img.ImgCategoria:hover { opacity: 0.7; }
   
   
   li.Eslogan {
      font-family: Times;
      font-style: italic !important;
      font-weight: bold;
      font-size: 20px;
   }
   
   a.MandaFormulario, a.MandaFormulario:hover, a.MandaFormulario:visited { color: #0000aa; }
   a.MandaFormulario, a.MandaFormulario:visited { text-decoration: none; }
   a.MandaFormulario:hover { text-decoration: underline; }

   table.TabGastosDeEnvio { font-size: 12px;}
   
   table.TabGastosDeEnvio thead th{ text-align: center; }
   
   table.TabGastosDeEnvio thead th ,
   table.TabGastosDeEnvio tbody th { font-weight: bold; background-color: #efefef; }
   table.TabGastosDeEnvio thead th.Aclaracion { background-color: #fff; }
   table.TabGastosDeEnvio tbody td { text-align: center; }
   table.TabGastosDeEnvio tbody td.Empresa { text-align: center; }
   table.TabGastosDeEnvio tbody td.Aclaracion { font-size: 10px; text-align: left; padding-left: 5px; }

   table.TabGastosDeEnvio thead th,
   table.TabGastosDeEnvio tbody th,
   table.TabGastosDeEnvio tbody td {
      padding: 5px 2px 5px 2px;
   }
   
   table.TabGastosDeEnvio thead th {  border-right: solid 1px #efefef; }
   table.TabGastosDeEnvio tbody th,
   table.TabGastosDeEnvio tbody td {  border-right: solid 1px #acacac; }
   
   table.TabGastosDeEnvio thead th { border-bottom: solid 1px #acacac;  }
   table.TabGastosDeEnvio thead th.Aclaracion { border-bottom: solid 1px #fff;  border-right: solid 1px #fff; }
   table.TabGastosDeEnvio tbody td.Aclaracion { border-right: solid 1px #fff; }
   
   table.TabGastosDeEnvio tbody th.Ultimo,
   table.TabGastosDeEnvio tbody td.Ultimo { border-bottom: solid 1px #acacac;  }
   table.TabGastosDeEnvio tbody th { border-left: solid 1px #acacac;  }
   
   
   div.VisorDeImagenes div.ContenedorImagen {
      width: 300px;      
      height: 250px;
   }
   div.VisorDeImagenes div.ContenedorImagen:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      text-align: center;      
   }
   div.VisorDeImagenes div.ContenedorImagen img.Imagen {
      vertical-align: middle;
      max-height: 250px;
      max-width: 300px;
   }
   div.VisorDeImagenes div.LstImg div { 
      width: 60px; 
      float: left; 
      border: solid 1px transparent;
      padding: 4px;
   }
   div.VisorDeImagenes div.LstImg div.Activo { 
      border: solid 1px #7a7a7a !important;
      border-radius: 5px; 
   }
   div.VisorDeImagenes div.LstImg div img { width: 98% }
   
   
   div.Comentarios {
      font-size: 12px;
   }
   div.Comentarios ul.Comentarios li.Puntuacion,
   div.Comentarios ul.Comentarios li.Titulo {
      display: inline-block; 
   }
   div.Comentarios ul.Comentarios li.Puntuacion { 
      float: left; 
   }
   div.Comentarios ul.Comentarios li.Titulo { 
      color: #880000;
      font-weight: bold;
      margin-top: 3px;
      margin-left: 8px;
   }
   div.Comentarios ul.Comentarios li.Fecha,
   div.Comentarios ul.Comentarios li.Cliente { 
      color: #5a5a5a;
      font-size: 11px;
   }
   div.Comentarios ul.Comentarios li.Comentario {
      margin-top: 8px;
      margin-bottom: 20px;
      padding: 7px;
      border-bottom: dashed 1px #ececec;
   }

   div.Comentarios a.DejarComentario {
      float: right;
      margin-right: 50px;
   }
   

   div.Pagina div.Titulo {
      position:relative;
      top: 1px;
      font-weight: bold;
      text-decoration: dashed;
      border-left: solid 1px #999;
      border-right: solid 1px #999;
      border-top: solid 1px #999;
      border-bottom: 0px;
      display: inline-block; 

      padding: 5px 15px 5px 15px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
   }
   
   div.Pagina div.Contenido {
      border: solid 1px #999;
      padding: 25px 8px 25px 8px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      box-shadow: 2px 3px 2px rgba(0,0,0,0.15);
   }

   div.Pagina div.Titulo, div.Pagina div.Contenido {
      background-color: #ececec;
   }
   
   ul.TomaDatos li {
      display: inline-block;
   }
   ul.TomaDatos li.Separador {
      display: inline;
   }
   
   div.VefiFac ul.TomaDatos li,
   div.Obras ul.TomaDatos li  { padding: 3px; }
   div.VefiFac ul.TomaDatos li.Titulo,
   div.Obras ul.TomaDatos li.Titulo, ul.TomaDatos input { padding: 3px 5px 4px; }
   div.VefiFac ul.TomaDatos li.Titulo,
   div.Obras ul.TomaDatos li.Titulo { width: 160px; }
   div.VefiFac #JefeObra, div.VefiFac #JefeObraNombre  {
      background-color: #fafafa; 
      color: #000;
   }
   div.VefiFac #JefeObraNombre { 
      margin-left: 35px;
      width: 300px;
   }
   div.VefiFac li.LstLineas, div.VefiFac table.LstLineas,
   div.Obras li.LstObras, div.Obras table.LstObras {
      width: 100%;
      font-size: 12px;
      font-family: arial;
   }
   div.VefiFac table.LstLineas, div.Obras table.LstObras { border-left: solid 1px #bcbcbc; border-top: solid 1px #bcbcbc; }
   div.VefiFac table.LstLineas thead td, div.VefiFac table.LstLineas tbody td,
   div.Obras table.LstObras thead td, div.Obras table.LstObras tbody td { 
      padding: 3px 5px 3px 5px;
      border-right: solid 1px #bcbcbc;      
   }
   div.VefiFac table.LstLineas thead, div.Obras table.LstObras thead { border-bottom: solid 1px #bcbcbc; font-weight: bold;} 
   div.VefiFac table.LstLineas tbody, div.Obras table.LstObras tbody { border-bottom: solid 1px #bcbcbc; } 
   div.VefiFac table.LstLineas thead tr, div.Obras table.LstObras thead tr { background-color: #bcbcbc; }
   div.VefiFac table.LstLineas tbody tr:nth-child(odd),  div.Obras table.LstObras tbody tr:nth-child(odd)  { background-color: #ffffef; }
   div.VefiFac table.LstLineas tbody tr:nth-child(even), div.Obras table.LstObras tbody tr:nth-child(even) { background-color: #f0f0ff; }

   div.VefiFac table.LstLineas thead td.Factura,     div.VefiFac table.LstLineas tbody td.Factura { width:  60px; }
   div.VefiFac table.LstLineas thead td.Proveedor,   div.VefiFac table.LstLineas tbody td.Proveedor { width: 100px; }
   div.VefiFac table.LstLineas thead td.Articulo,    div.VefiFac table.LstLineas tbody td.Articulo { width: 100px; }
   div.VefiFac table.LstLineas thead td.Descripcion, div.VefiFac table.LstLineas tbody td.Descripcion { width: 100px; }
   div.VefiFac table.LstLineas thead td.Obra,        div.VefiFac table.LstLineas tbody td.Obra { width: 100px; }
   div.VefiFac table.LstLineas thead td.Contrato,    div.VefiFac table.LstLineas tbody td.Contrato { width:  60px; }
   div.VefiFac table.LstLineas thead td.Importe,     div.VefiFac table.LstLineas tbody td.Importe { width:  71px; }
   div.VefiFac table.LstLineas thead td.CDirectos,   div.VefiFac table.LstLineas tbody td.CDirectos { width:  71px; }
   div.VefiFac table.LstLineas thead td.CIndirectos, div.VefiFac table.LstLineas tbody td.CIndirectos { width:  71px; }
   div.VefiFac table.LstLineas thead td.VerDoc,      div.VefiFac table.LstLineas tbody td.VerDoc { width: 20px; }

   div.VefiFac table.LstLineas tbody td.Importe,
   div.VefiFac table.LstLineas tbody td.CDirectos,
   div.VefiFac table.LstLineas tbody td.CIndirectos { text-align:  right; }
   div.VefiFac table.LstLineas tbody td.VerDoc { text-align:  center; }
   
   div.VefiFac table.LstLineas tbody tr td a, 
   div.VefiFac table.LstLineas tbody tr td a:hover,
   div.VefiFac table.LstLineas tbody tr td a:visited,
   div.Obras table.LstObras tbody tr td a, 
   div.Obras table.LstObras tbody tr td a:hover,
   div.Obras table.LstObras tbody tr td a:visited { text-decoration: none;  color: #444; }
   div.VefiFac table.LstLineas tbody tr td a:hover,
   div.Obras table.LstObras tbody tr td a:hover { text-decoration: underline; color: #000;}
   
   div.VefiFac table.LstLineas tbody tr.Completo td a, 
   div.VefiFac table.LstLineas tbody tr.Completo td a:hover,
   div.VefiFac table.LstLineas tbody tr.Completo td a:visited {
      color: #005500;
   }
   
   div.VefiFac table.LstLineas tbody tr.Editando {
      background-color: #e0e0b0;
   }
   
   ul.TomaDatos input, ul.TomaDatos select {
      border: none; 
      border-radius: 5px;
      padding: 3px 5px 4px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7) inset;
   }
   
   ul.TomaDatos #JefeObra    { width: 90px;  }
   ul.TomaDatos #EstadoLinea { width: 120px; }
   ul.TomaDatos #FechaIni,       
   ul.TomaDatos #FechaFin,       
   ul.TomaDatos #Fecha       { width: 90px;  }
   
   img.IconBoton { margin-right: 5px; }
   
   a.LnkBuscar, a.LnkBuscar:hover, a.LnkBuscar:visited,
   a.LnkVerificar, a.LnkVerificar:hover, a.LnkVerificar:visited {
      border: solid 1px #000;
      padding: 3px;
      margin-left: 10px;
      border-radius: 5px;
      color: #222;
      text-decoration: none;
   }
      
   a.LnkBuscar, a.LnkVerificar {      
      background-color: #ececec;      
      border-top: solid 1px #7a7a7a;      
      border-left: solid 1px #7a7a7a;
      border-bottom: solid 1px #4a4a4a;      
      border-right: solid 1px #4a4a4a;
   }
   
   a.LnkBuscar:hover, a.LnkVerificar:hover {
      background-color: #e0e0e0;
      border-top: solid 1px #7a7a7a;
      border-left: solid 1px #7a7a7a;
      border-bottom: solid 1px #9a9a9a;
      border-right: solid 1px #9a9a9a;
   }   
   
   a.LnkVerificar img, a.LnkVerificar:hover img, a.LnkVerificar:visited img {
      margin-bottom: 2px;
   }
   
   a.LnkVerificar span, a.LnkVerificar:hover span, a.LnkVerificar:visited span {
      display: inline-block;
      margin: 0 3px 0 3px;
   }
   
   a.LnkVerificar, a.LnkVerificar:hover, a.LnkVerificar:visited { margin-left: 549px; }
   
   div.VefiFac a.BotDisabl,
   div.VefiFac a.BotDisabl:hover, div.VefiFac a.BotDisabl:visited  {
      background-color: #acacac;
      color: #5c5c5c;
      cursor: default;
      border-top: solid 1px #7a7a7a;      
      border-left: solid 1px #7a7a7a;
      border-bottom: solid 1px #4a4a4a;      
      border-right: solid 1px #4a4a4a;
   }
   
   div.Dialogo div.Contenido ul.TomaDatos li.Listado, div.Dialogo div.Contenido table { width: 100% }
   div.Dialogo div.Contenido table.Relacion { margin: 15px 0 0 0; }
   div.Dialogo div.Contenido table.Relacion thead th { text-align: left; background-color: #ececec; font-weight: bold; padding: 3px 0 3px 4px; }
   div.Dialogo div.Contenido table.Relacion tbody td { padding: 2px 4px 2px 4px; }
   div.Dialogo div.Contenido table.Relacion tbody tr:nth-child(odd)  { background-color: #ffffef; }
   div.Dialogo div.Contenido table.Relacion tbody tr:nth-child(even) { background-color: #f0f0ff; }
   div.Dialogo div.Contenido table.Relacion tfoot td { padding: 20px 0 0 0; }
   div.Dialogo div.Contenido table.Relacion tbody td a.Seleccionar img { position: relative; top: 1px; float: right;}

   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion { margin: 0 0 0 25px; }
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a, 
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a:hover, 
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a:visited, 
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li p { padding: 3px; margin: 0;}
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a, 
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a:hover, 
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a:visited { color: #000; border: solid 1px transparent; }
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a, 
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a:visited  { text-decoration: none; }
   div.Dialogo div.Contenido table.Relacion tfoot ul.Paginacion li a:hover { text-decoration: underline; }
   div.Dialogo div.Contenido table.Relacion li p { background-color: #a0c0ff; opacity: 0.5; filter:alpha(opacity=50); }   
   
   
   #SelJefeObra div.Contenido table.Relacion tbody td:nth-child(1) { width: 40px; }
   
   #CostosLinea div.Contenido ul.TomaDatos li { padding: 3px 0 3px 0; }
   #CostosLinea div.Contenido ul.TomaDatos li.Titulo3 { width: 100px; } 
   #CostosLinea div.Contenido ul.TomaDatos input.Total { color:#000; background-color: #fff;} 
   
   div.Obras ul.TomaDatos li.Titulo { width: 100px; }
   div.Obras ul.TomaDatos #DesdeObra, div.Obras ul.TomaDatos #HastaObra { width: 70px; }
   
   
   div.Obras table.LstObras thead td:nth-child(1), div.Obras table.LstObras tbody td:nth-child(1) { width:  60px; }
   div.Obras table.LstObras thead td:nth-child(2), div.Obras table.LstObras tbody td:nth-child(2) { width: 200px; }
   div.Obras table.LstObras thead td:nth-child(3), div.Obras table.LstObras tbody td:nth-child(3) { width: 200px; }
   div.Obras table.LstObras thead td:nth-child(4), div.Obras table.LstObras tbody td:nth-child(4) { width: 200px; }
   div.Obras table.LstObras thead td:nth-child(5), div.Obras table.LstObras tbody td:nth-child(5) { width: 100px; }
   div.Obras table.LstObras thead td:nth-child(6), div.Obras table.LstObras tbody td:nth-child(6) { width: 100px; }
   
   #DatosObra ul.TomaDatos li { padding: 2px 0 2px 0; }
   #DatosObra ul.TomaDatos li.Titulo3 { width: 115px; }
   #DatosObra ul.TomaDatos li input { width: 250px; background-color: #fafafa; color: #000; }