/*************** BASICO *****************/
#gw, #gw table {
        font-size: 12px; 
        font-family: Arial, Helvetica, "Bitstream Vera Sans", "DejaVu Sans", sans-serif
        }
        
        
body#gw {
        padding:10px; margin:0;
        font-size: 12px; 
        font-family: Arial, Helvetica, "Bitstream Vera Sans", "DejaVu Sans", sans-serif
}
a img {border:none;}
#gw a {text-decoration:none;}
#gw h1,h2,h3 {border-bottom:1px solid #eee; margin:2px;padding:0;}
#gw .clear { clear:both;}
#gw .left  { float:left;}
#gw .right  { float:right;}

#gw h1,#gw h2,#gw h3 {text-transform: lowercase;}
#gw h1:first-letter,#gw h2:first-letter,#gw h3:first-letter {text-transform: uppercase;}
#gw h1 a:first-letter,#gw h2 a:first-letter,#gw h3 a:first-letter {text-transform: uppercase;}

#gw th {
border:1px solid #ccc;margin:1px;padding:2px; background:#dddddd; text-align:center;
}
#gw td {
border:1px solid #ccc;margin:1px;padding:2px; text-align:center;
}
#gw tr {
background:#fafafa; 
}
/* #gw input[type=text]{margin:0px;padding:0px; border:1px solid #ccc;} */


/*************** MENSAJES *****************/

#gw .gw_msg,.msg {margin:10px; padding:10px; color:#333; clear:both;}
#gw .gw_error,.error {border:1px solid red;    background:#FCC;}
#gw .gw_info,.info  {border:1px solid yellow; background:#FFC;}

/*************** MENU *****************/

/* #gw .menu {padding:5px;margin-right:5px;} */
@media screen {
#gw .menu a {display:block; color:#06c;  text-transform:lowercase; background:url(punto-r.png) no-repeat left; padding-left:10px; font-size:12px;}
#gw .menu a:hover {/*background:#D42373;*/ border:1px solid transparent; border-bottom:1px solid #D42373; color:#D42373;}
#gw .menu ul    {display:block; margin:0; padding:0;}
#gw .menu ul li {display:block; margin:0; padding:0;}
}

@media handheld {
#gw .menu {display:block; float:none; clear:both;}
#gw .menu a {color:#06c; text-transform:lowercase;}
#gw .menu a:hover {border:1px solid transparent; border-bottom:1px solid #D42373; color:#D42373;}
#gw .menu ul    {margin:0; padding:0;}
#gw .menu ul li {display:block; float:left;margin:1px; padding:1px;/* border-right:1px solid #ccc;*/border-bottom:1px solid #ccc; width:150px; }
}

/*************** LISTADOs GENERALES *****************/

#gw .listado h2 {font-size:15px; height:15px; overflow:hidden;}
#gw .listado h2 a {color:#555; font-size:11px;} 
#gw .listado a {display:block; color:#D42373; border-bottom:1px solid transparent; margin:0;padding:0;}
#gw .listado a:hover {background:#fafafa; border-bottom:1px solid #aaa;}

#gw .listado input[type=text] {width:25px; text-align:right}
#gw .listado td {/*padding-top:0;padding-bottom:0;*/color:#333;}
#gw .listado td              {text-transform: lowercase;}
#gw .listado td:first-letter {text-transform: uppercase;}
#gw .listado td.comp {text-transform: uppercase;}
@media handheld {#gw .listado .articulobase,#gw .listado .subf {
    margin-left:0; padding-left:0;
    margin-right:0; padding-right:0;
    }}


/** ARTICULOS BASE EN LISTADO DE FAMILIAS **/
#gw .subf .articulobase {width:175px; height:160px; margin:3px; text-align:center; border:1px solid #ccc; background:#fff; overflow:hidden;text-transform:lowercase; color:#666;}
#gw .subf .articulobase a {width:175px; height:130px; overflow:hidden; display:block; }
#gw .subf .articulobase img {display:block; width:180px;}
/* excepción para links de filtro tallas subfamilia */
#gw .subf .articulo a {width:175px; height:100px; overflow:hidden; display:inline; }

/* separador por subfamilia */
#gw .listado .subf {border:1px solid #ccc; margin:5px; padding:5px; float:left; background:#fafafa; } 








/************* ARTICULO BASE AMPLIADO ***************/
/* una imagen unica ampliada */
#gw .articulo .ampliado .img {float:left;margin:5px; padding:5px; border:1px solid #555; background:#fff; text-transform:uppercase; color:#555;}
#gw .articulo .ampliado .img img {border:1px solid #fff;}
#gw .articulo p {margin:0; margin-top:3px;border-bottom:1px solid #ccc; padding:2px; color:#999;}
#gw .articulo p b {color:#555; /*font-weight:normal;*/}
#gw .articulo p a {text-transform:lowercase; border:1px solid transparent;}
#gw .articulo p a:hover {border:1px solid #D42373;}
#gw a {color:#06c;}

#gw .articulo .principal .polaroid {width:100px; height:115px; overflow:hidden; float:left; display:block; margin:3px; background:#eee; border:1px solid #ccc; text-align:center;}
#gw .articulo .principal .img {width:100px; height:100px; overflow:hidden; display:block; border-bottom:1px solid #ccc;}
#gw .articulo .principal .img img {width:150px;}


/** LISTADO BARCODES **/
#gw .barcode a.img
{display:block; width:70px; height:35px; border:1px solid #ccc; background:#fff; overflow:hidden;}
#gw .barcode a.img img
{width:70px;}


@media handheld {
#gw .listado .barcode img, #gw .barcode .img 
{display:none;}
}
#gw .comprar {text-align:right;}
#gw .active, 
#gw .articulo p a.active 
{border:1px solid #D42373; color:#D42373;}
#gw tr.pillado td {background:#cec;}

/** CARRO DE PEDIDO **/
/* #gw #gw_carro {margin:10px; padding:10px; background:#ddf;} */
#gw #gw_carro table {}
#gw #gw_carro table td {text-align:right;}
#gw #gw_carro table td a {text-align:left; display:block; font-size:10px;}
#gw #gw_carro table td a:hover {color:#D42373;}
#gw #gw_carro table th.cant {}
#gw #gw_carro table th.desc {width:600px;}
#gw #gw_carro input[type=text] {text-align:right; width:25px;}
input:focus {background-color:#cec; border-color:#464}
textarea:focus {background-color:#cec; border-color:#464}
    /* link de condiciones */
#gw #gw_carro table td a#condiciones {text-align:right; display:inline; font-size:12px; color:#d42373; font-weight:bold;}



#gw #gw_carro table th.total {text-align:right;}

#gw .gw_messages {border:#bbd 1px solid; background:#ddf;}
#gw .gw_messages p {border-bottom:#bbd 1px solid;}

#gw form.agregar_directamente { border:1px solid #ccc; background:#eee; padding:5px; text-align:right;}
#gw form.agregar_directamente input { margin:5px;}
#gw form.agregar_directamente label { margin:5px;}

#gw a.cursar_pedido {display:block;  color:#D42373; background:#FDE; font-size:14px; font-weight:bold; text-align:right; padding:5px; border:1px solid #ccc;}
#gw a.cursar_pedido:hover {color:#fff; background:#D42373; border:1px solid #ccc;}

/* TABLA DE LISTA DE PEDIDOS */
#gw .pedidos table { font-size:9px;}
#gw .pedidos table td {text-align:right;}
#gw .pedidos table tr:hover {background:#cec;}


/* INFO CLIENTES */
#gw .infocliente {padding:5px; background:#eee; color:#666;}
#gw .infocliente b {color:#000;}
#gw .infocliente span {display:block; float:left; margin:5px;}

/* gw_printarray */
#gw_printarray,.gw_printarray {border:2px dashed red;font-size:9px; color:#666;clear:both; height:1px; width:1px; overflow:hidden;}
#gw_printarray:hover,.gw_printarray:hover {height:inherit; width:100%;}
#gw_printarray,.gw_printarray div {margin-left:10px; border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
#gw_printarray,.gw_printarray u {color:red;}
#gw_printarray,.gw_printarray i {color:blue; font-style:normal;}
#gw_printarray,.gw_printarray b {color:black; font-style:normal;font-size:11px;}


/* articulos filtrados por talla */
#artportalla td.img {height:100px;} 
#artportalla img {width:100px; border:1px solid #ccc;}
#artportalla img:hover {width:300px; position:absolute;} */



