/* --------- BASICS -----------*/
body {
  background: url("fondo2009.jpg") top left repeat-x #BEBEBF;
  padding:0; margin:0;
}
body, table {
  font-family:Arial,"sans serif";
  font-size:12px;
  color:#999;
}
a {text-decoration:none;  font: 12px Arial;}
p {font-size:12px;}
a img {border:none;}

form {margin:0; padding:0;}

.left {float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}
.clear {clear:both; height:1; overflow:hidden; display:block}
.nomargins {margin:0; padding:0;}
.center {text-align:center;}


/* ------------------- CABECERA --------------------------------------- */

div.cabecera { 
  width:966px; 
  height:90px; 
  overflow:hidden;
  margin:auto; 
} 

  div.cabecera div {float:left;}
  div.cabecera img.logo {float:left; margin-top:0px;}
  div.cabecera div.ofertaquincena {
      background: url("fondooferta.png") top left no-repeat;
      height:51px;
      width:482px;
      margin-left:22px;   margin-top:10px; 
    }
  div.cabecera div.ofertaquincena table { width:100%;   margin-top:10px;}
  div.cabecera div.ofertaquincena table .td1 
      {font-weight:bold; width:50px; color:#fff; font-size:15px; padding-left:30px;}
  div.cabecera div.ofertaquincena table .td2 { text-align:center; }
  div.cabecera div.ofertaquincena table .td2 a {font-weight:bold; font-size:15px; }

  div.cabecera div.ultimo-outlet { margin-left:22px; margin-top:6px; }
  div.cabecera a {color:#000}
  
div.menusup { 
  background: url("menusup.jpg") center top no-repeat;
  width:956px; height:18px; 
  text-align:center;
  margin:auto; padding-top:3px;
  color:#999;
  clear:none;
}
  div.menusup a {color:#fff; margin-left:5px; margin-right:5px; margin-top:5px;}
  div.menusup a:hover {color: #FFACF2;}
  
/* TITULOS */  
.titulo
  { display:block;font-size:18px; font-weight:bold; margin:5px; }
    
    
/* ------------------- MENUS LATERALES --------------------------------------- */

  div.menulat { width:140px; margin-bottom:10px;}
  div.menulat .titulo { color:#000; margin-right:0;}
  div.menulat .sup {
        background: url("menulat-sup.gif") top left no-repeat;
        height:8px;
        margin:0; padding:0;
        overflow:hidden;
  }
  div.menulat .inf {
        background: url("menulat-inf.gif") top left no-repeat;
        height:8px;
        overflow:hidden;
  }
  div.menulat .med {background:#FFECFE; margin:0; padding:0;}
  div.menulat a {
        color:#FF00F0;
        display:block; 
        border-bottom:1px solid #FFD3F8; 
        padding:3px;
        padding-left:12px; padding-right:12px;
/*         font: 12px Arial; */
  }
  div.menulat a:hover {background:#FFACF2; color:#FFF;}

  div.menulat input {float:left; margin:0; margin-left:10px;  margin-right:5px; width:90px; }
/* ------------------- WEB --------------------------------------- */

table.web {  width:956px;  margin:auto; margin-bottom:10px;}
table.web td.lateralizq {width:140px; padding-right:15px; vertical-align:top}
table.web td.lateralder {width:140px; padding-left:15px; vertical-align:top}
table.web td.cuerpo {width:646px; vertical-align:top; overflow:hidden;}

/* ------------------- CUERPO --------------------------------------- */

/*   div.cuerpo { width:646px;} */
  .cuerpo .titulo { color:#FFF; text-align:right;}
  .cuerpo .sup {
        background: url("cuerpo-sup.gif") top left no-repeat;
        height:8px;
        overflow:hidden;
  }
  .cuerpo .inf {
        background: url("cuerpo-inf.gif") top left no-repeat;
        height:8px;
  }
  .cuerpo .med {background:#FFF; padding:10px; margin:0; _height:20px;}
  .cuerpo .med p {padding-top:0; margin-top:0;}
  .cuerpo a,b { color:#FF00F0; }

  .cuerpo a:hover {text-decoration:underline} 


/* ------------------- PASTILLAS BOTON --------------------------------------- */

div.botonmedio {      
      background: url("botonmedio.gif") top left no-repeat;
      width:293px; height:77px;
      _width:303px; _height:87px; /* bug iexplorer */
      padding:5px;
      overflow:hidden;
      margin-top:10px;
/*       border:1px solid red; */
}
div.botonmedio img {margin:7px;}

div.botonlargo {      
      background: url("botonlargo.gif") top left no-repeat;
      width:606px; height:77px;
      _width:616px; _height:87px; /* bug iexplorer */
      padding:5px;
      overflow:hidden;
      margin-top:10px;
/*       border:1px solid red; */
}

/* ------------- listado de productos ------------- */
div.productomini {
      width:145px; height:215px;
      padding:2px; margin:3px;
      padding-top:4px;
      padding-bottom:10px;
/*       border:1px solid #ccc; */
      float:left;
      background:#fff;
      overflow:hidden;
      background: url("fondo-prodmini.png") top left no-repeat;
}

.productomini a.img {width:145px; height:145px; display:block;}

div.precio {font-size:12px; /*background:#FFFFCC; */ color:#FF00F0; text-align:center;}
div.precio span.precioanterior {color:#F00; text-decoration:line-through;}

div.productomini a {color:#999;  font-size:9px;}
div.productomini a b {color:#666;}


/* ----------- artículo GRANDE ------------ */

div.articuloG img {display:block; margin:auto;}
div.articuloG .precio {font-size:24px; background:#FFFFCC; padding:5px; color:#000; }
div.articuloG .precio span.precioanterior {color:#F00; text-decoration:line-through;}
div.articuloG a.botComprar {margin:5px; margin-left:20px; padding:5px; border:1px solid #CCC; font-size:18px; color:#FFF; background:#aaa;}
div.articuloG a.botComprar:hover {border:1px solid #aaa; background:#ccc; text-decoration:none;}
div.atributos {float:left; margin:20px; padding:20px;}

div.estearticuloofertaquincena { border-top:2px solid #FF00F0; border-bottom:2px solid #FF00F0;
margin:5px; padding:5px; font-size:18px; background:#FFECFE; color:#FF00F0; text-align:center;}

/* ---- pie --- */
table.pie {padding:0; margin:0; width:620px;}
table.pie td {padding:10px; vertical-align:top; width:50%;}