/* 
    Document   : carrito
    Created on : 02-abr-2009, 18:19:36
    Author     : jll001es
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    height: 100%;
    width: 100%;
}

.numeroarticulos {
    
    font-size: 16px;
    color: #ffff00;
    font-weight: bold;
}

.menuinternocar {    
    font-family: 'Times New Roman',Times,serif;
    font-size: 14px;
    background-color: #660000;
    color: #ffffff;         
    padding: 2px;
    font-weight: bold;
    text-decoration: none;
}

.menuinternocar:hover {    
    background-color: #ff9900;
    color: #ffffff;        
}

.menucar {
    margin: 0px;
    padding: 0px;
}

ul.menucar {
    list-style-type: none;       
}

ul.menucar li {
    position: relative;
    z-index: 6;
    width: 300px;
    display: inline;    
    list-style-type: none;    
}

ul.menucar ul {
    position: absolute;    
    z-index: 6;    
    left: 60px;
    top: -1px;    
    list-style: none;    
}

ul.menucar li ul {
    position: absolute;
    left: 0px;
    top:17px;
    visibility: hidden;
    display: block;
    list-style-type:none;   
    background-color: #fae59d;
    color: #000000;
    z-index: 6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 360px;
    padding: 2px;    
    margin: 2px;
}

ul.menucar li:hover ul {
    /*visibility: visible;*/
}

ul.menucar li ul a:hover {        
    background-color: #ff9933;        
}

ul.menucar li ul a:link, ul.menucar li ul a:active, ul.menucar li ul a:visited { 
    text-decoration: none;
    color: #ffffff;    
}

table.tablaarticulo {
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    vertical-align: top;                
}

table.tablaarticulo td.esi {
    width: 2px;
    height: 2px;
    padding: 0;
    background: url(/huella/resources/carrito/esi.gif);
}

table.tablaarticulo td.esd {
    width: 2px;
    height: 2px;
    padding: 0;
    background: url(/huella/resources/carrito/esd.gif);
}

table.tablaarticulo td.eid {
    width: 2px;
    height: 2px;
    padding: 0;
    background: url(/huella/resources/carrito/eid.gif);
}

table.tablaarticulo td.eii {
    width: 2px;
    height: 2px;
    padding: 0;
    background: url(/huella/resources/carrito/eii.gif);
}

table.tablaarticulo td.arriba {
    width: 356px;
    height: 2px;
    padding: 0;
    background: url(/huella/resources/carrito/arriba.gif) repeat-x;
}

table.tablaarticulo td.abajo {
    width: 356px;
    height: 2px;
    padding: 0;
    background: url(/huella/resources/carrito/abajo.gif) repeat-x;
}

table.tablaarticulo td.derecha {
    width: 2px;
    height: 200px;
    padding: 0;    
    background: url(/huella/resources/carrito/derecha.gif) repeat-y;
}

table.tablaarticulo td.izquierda {
    width: 2px;
    height: 200px;
    padding: 0;
    background: url(/huella/resources/carrito/izquierda.gif) repeat-y;    
}

table.tablaarticulo td.medio {
    vertical-align: top;
    border-spacing: 0px;
    width: 356px;   
    height: 200px;
    
    /*background: url(/huella/resources/imagenes/fondolista.gif) repeat-x;*/
}

table.tablaarticulo tr.oculta {    
    height: 80px;
    background-color: #ffcc00;
}

table.tablaarticulo tr.oculta td.derecha {
    width: 2px;
    height: 80px;
    padding: 0;    
    background: url(/huella/resources/carrito/derecha.gif) repeat-y;
}

table.tablaarticulo tr.oculta td.izquierda {
    width: 2px;
    height: 80px;
    padding: 0;
    background: url(/huella/resources/carrito/izquierda.gif) repeat-y;    
}

table.articulodentro {
    position: absolute;
    z-index: 7;
    visibility: hidden;
    width: 356px;
    height: 30px; 
    empty-cells: show;
    /*table-layout: fixed;*/
}

table.articulodentro tr.articulos {
    text-align: center;
    font-size: 12px;
    font-family: 'Courier New',Courier,monospace;       
    width: 100%;
}

table.articulodentro tr.articulos td.referencias {
    width: 155px;
}

table.articulodentro tr.articulos td.referenciasno {
    width: 155px;
    text-decoration: line-through;
}

table.articulodentro tr.articulos td.precio {
    width: 60px;
}

table.articulodentro tr.articulos td.numero {
    width: 55px;    
}

table.articulodentro tr.articulos td.foto {
    width: 90px;
}

.listacompras {      
    position: absolute;
    width: 360px;
    height: 200px;
    clip:rect(0px 360px 200px 0px);    
    
    
    
}

table.lasflechas {
    width: 100%;
}

table.lasflechas td.flechaabajo {
    text-align: right;
}

table.lasflechas td.tdfinalizarcompra {
    text-align: center;
}

table.lasflechas td.primero {
    width: 25%;
}

.ayudaspan {
    position: absolute;
    z-index: 8;
    visibility: hidden;
    cursor: pointer;
    font-size: 14px;    
    color: #000066;
    font-family: 'Times New Roman',Times,serif;
    text-decoration: underline;
}

table.ayuda {
    position: absolute;
    z-index: 8;
    visibility: hidden;
    width: 336px;
    height: 80px;  
    table-layout: fixed;        
    empty-cells: show;         
}

table.ayuda td.interrogante {
    height: 20px;
    width: 20px;
}

table.ayuda td.resto {
    vertical-align: top;    
    font-size: 12px;
    font-family: 'Times New Roman',Times,serif;
    width: 336px;
    height: 80px;
    background: url(/huella/resources/imagenes/pixeltrans.gif) repeat;        
}

.finalizarcompra {    
    font-size: 20px;
    font-family: serif;
    color: #000099;
    cursor: pointer;    
}

.totalgeneral {
    
    font-size: 20px;
    color: #990000;
    font-family: 'Times New Roman',Times,serif;
    text-decoration: underline;
}

table.articulosescondidos {
    position: absolute;
    visibility: hidden;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    color: #999999;
    font-weight: bold;
    z-index: 8;
    top: 15px;
    left: 0px;
    table-layout: fixed;        
    empty-cells: show;        
}

.mensaje {
    position: absolute;
    float: right;
    top:0px;
    left:0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    visibility: hidden;
    margin: 0px;
    background: url(/huella/resources/imagenes/fondosemi.png);
}

.mensajepedir {
    position: absolute;
    float: right;
    top:0px;
    left:0px;
    z-index: 9;
    width: 100%;
    height: 100%;
    visibility: hidden;
    margin: 0px;
    background: url(/huella/resources/imagenes/fondosemi.png);
}

.tablamensaje {    
    position: absolute;
    z-index: 12;
    top: 250px;
    left: 0px;
    visibility: hidden;
    width: 100%;
}

.tablamensajepedir {    
    position: absolute;
    z-index: 10;
    top: 250px;
    left: 0px;
    visibility: hidden;
    width: 100%;
}

table.tablamensaje2 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 250px;
    left: 0px;

    width: 350px;
    /*height: 100%;*/
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;    
    background: #ffffff;
}

table.tablamensaje2 tr.arriba {
    background: #000066;
    color: #FFFFFF;
    font-weight: bold;
    height: 100%;
}

table.tablamensaje2 tr.medio {    
    font-size: 14px;
    font-family: 'Times New Roman',Times,serif;
    height: 100%;
}

table.tablamensaje2 tr.abajo {
    text-align: center;
    background-color: #e8e8fe;
    height: 100%;
}

table.tablamensaje3 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 5px;
    left: 0px;

    width: 100%;
    /*height: 100%;*/
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;    
    background: #ffffff;
}

table.tablamensaje3 tr.arriba {
    background: #000066;
    color: #FFFFFF;
    font-weight: bold;
    height: 100%;
}

table.tablamensaje3 tr.medio {    
    font-size: 12px;
    font-family: 'Times New Roman',Times,serif;
    height: 100%;
}

table.tablamensaje3 tr.abajo {
    text-align: center;
    background-color: #e8e8fe;
    height: 100%;
}

.ley {
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    color: #000066;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}