/* CVS $Id: categorias.css,v 2.9 2006/08/30 13:39:49 jzarate Exp $ */
/*
****************************************************
*     ESTILOS PORTADA Y LISTAS CATEGORIAS          *
****************************************************
*/
/* POPUP INICIO */
div#popupInicio
{  
  position: absolute;
  width: 450px;
  z-Index:4;
  text-align: center;
}
div#popupInicio .promocion
{ 
  float:none;
}
div#popupInicioHelp
{ 
  position:absolute;
  z-Index:5;
  background-color:white;
}
/* un hack para explorer */
div#colecciones 
{
  *margin-top: 12px;
}
/* bloque de coleccion de la portada */
#cuerpo div#colecciones div.caja,
#cuerpo div#colecciones a.promocion
{
  width: 135px;
  height: 232px;
  position:relative;
  margin:0px 14px 14px 0px;
  float:left;
  border:1px solid #C0C0C0;
}
#cuerpo div#colecciones a.promocion
{
  border: none;
  width: auto ;
  height: 234px ;
}

/*filete gris del fondo de las cajas*/
#cuerpo div#colecciones div.caja div.filete 
{
  position:absolute;
  left:0px;
  bottom:0px;
  background-color:#f1f0ed;
  height:17px;
  border:none;
  text-align:center;
  padding-top:6px;
}
#cuerpo div#colecciones div.caja a.detalles 
{
  position:absolute;
  bottom:25px;
  right:3px;
}
#cuerpo .promocion
{
  position:relative;
  margin:0px 14px 14px 0px;
  float:left;
}

/*margen para el texto y el título de la coleccion*/
#cuerpo div#colecciones div.caja div.descripcion
{
  margin:2px 0px 0px 6px;
  border:none;
  line-height: 1.1em;
}
/*separa la descripcion del título*/
#cuerpo div#colecciones div.caja div.descripcion p
{
  margin-top:4px;
}
#cuerpo div#portada
{
  margin-top: -10px;
  *margin-top: 0px;
}
/* bloque de coleccion de la portada */
#cuerpo div#portada div.caja
{
  width:212px;
  height:259px;
  position:relative;
  margin:0px 16px 14px 0px;
  float:left;
  border:1px solid #C0C0C0;
}
#cuerpo div#portada object
{
  position:relative;
  margin:0px 16px 14px 0px;
  float:left;
}
/*filete gris del fondo de las cajas*/
#cuerpo div#portada div.caja div.filete 
{
  position:absolute;
  left:0px;
  bottom:0px;
  *bottom:-1px;
  background-color:#f1f0ed;
  height:17px;
  border:none;
  text-align:center;
  padding-top:6px;
}
/*posiciona el boton de mas detalles*/
#cuerpo div#portada div.caja a.detalles 
{
  position:absolute;
  bottom:25px;
  right:3px;
}

/*margen para el texto y el título de la coleccion*/
#cuerpo div#portada div.caja div.descripcion 
{
  margin:3px 0px 0px 7px;
  border:none;
}
/*separa la descripcion del título*/
#cuerpo div#portada div.caja div.descripcion p
{
  margin-top:3px;
}
/* ENLACE DE 'MAS NOVEDADES' */
div#portada a.rojo
{ 
  margin-right:20px;
}