<style type="text/css">
/**********************************************************************************************************************/
html 
{
  margin: 0;
  padding: 0;

}
body 
{
  SCROLLBAR-FACE-COLOR: #A6CC37;
  SCROLLBAR-TRACK-COLOR: #dddddd;
  SCROLLBAR-ARROW-COLOR: #ffffff;
  SCROLLBAR-HIGHLIGHT-COLOR: #448A41;
  SCROLLBAR-3DLIGHT-COLOR: #448A41;
  SCROLLBAR-DARKSHADOW-COLOR: #448A41;
  margin: 0;
  padding: 0;
  overflow: auto;
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 13px;
  background-color: #A6CC37;
  color: #1F6817;

}
table 
{
  font-size: 1em;

}
a:link,a:visited,a:active 
{
  text-decoration: none;
  background-color: transparent;
  color: #AF6817;

}
a:hover 
{
  text-decoration: underline;
  background-color: transparent;
  color: #AF6817;

}
/**********************************************************************************************************************/
/* CABECERA ( LOGO , REGISTRO Y PRIVACIDAD )*/
/**********************************************************************************************************************/
#cabecera 
{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  background-color: #A6CC37;
  padding-top: 5px;
  text-align: right;
  font-size: 0.9em;
  z-index: 10000;

}
div#cabecera a:link,div#cabecera a:visited,div#cabecera a:active,div#cabecera a:hover 
{
  color: #FFFFFF;

}

html > body div#cabecera 
{
  height: 67px;

}
#cabecera-bottom 
{
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 26px;
  background-image: url('/imagenes/fondo_cabecera.gif');
  background-repeat: repeat-x;
  background-color: #CCCCCC;
  width: 100%;
  height: 46px;
  max-height: 46px;
  
}
#logo 
{
  position: absolute;
  top: 0;
  right: 0px;
  margin-top: 28px;
  background-image: url('/imagenes/logo.gif');
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  width: 462px;
  height: 42px;
  max-height: 42px;

}

/**********************************************************************************************************************/
/* MENU GENERAL */
/**********************************************************************************************************************/
#menu 
{
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  background-color: #FFFFFF;
  width: 100%;
  height: 36px;
  max-height: 36px;
  font-weight: bold;
  font-size: 0.9em;
  text-align: center;

}
#menu img 
{
  border: 0;
  vertical-align: middle;

}
a.opcion:hover,a.opcion:link,a.opcion:visited,a.opcion:active 
{
  text-decoration: none;
  padding-left: 3em;
  background-color: transparent;
  color: transparent;

}
.opcion-ltext 
{
  color: #B5B1B1;

}
.opcion-rtext 
{
  color: #A5B375;

}
/**********************************************************************************************************************/
/* CENTRO DE LA PAGINA PRINCIPAL */
/**********************************************************************************************************************/
#centro-principal 
{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 327px;
  background-color: #FFFFFF;

}
html > body div#centro-principal 
{
  height: 327px;

}
#hoja-principal 
{
  position: relative;
  float: left;
  background-image: url('/imagenes/hoja_principal.gif');
  background-repeat: no-repeat;
  background-color: transparent;
  width: 332px;
  height: 328px;
  max-height: 328px;
  z-index: 69;

}
#contenido-principal 
{
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: 1em;
  margin-right: 1em;
  height: 190px;
  max-height: 190px;
  overflow: auto;
  background-color: #FFFFFF;

}
#barra-categorias
{
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 197px;
  background-image: url('/imagenes/fondo_categorias.gif');
  background-repeat: repeat-x;
  width: 100%;
  height: 86px;

}
#bajini-principal 
{
  position: relative;
  top: 93px;
  left: -3px;
  right: -3px;
  height: 45px;
  background-color: transparent;
  border-bottom: 1px solid #6F6F6F;

}
html > body div#bajini-principal 
{
  height: 44px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #6F6F6F;
  z-index: 68;

}
/**********************************************************************************************************************/
#centro 
{
  position: relative;
  top: 0;
  left: 0;
  min-height: 327px;
  border-bottom: 1px solid #6F6F6F;
  background-color: #FFFFFF;

}
#contenido 
{
  position: relative;
  top: 0;
  left: 0;
  padding: 1em;
  margin-top: 0;
  margin-left: 0;
  background-color: #FFFFFF;
  overflow: hidden;

}
#curva 
{
  position: relative;
  top: 1px;
  left: 0;
  clear: both;
  width: 100%;
  height: 74px;
  background-image: url('/imagenes/esquina_principal.gif');
  background-repeat: no-repeat;
  background-color: transparent;

}
/**********************************************************************************************************************/
#menu-lateral 
{
  position: relative;
  top: 0;
  float: left;
  padding: 187px 0 83px 0;
  width: 187px;
  background-image: url('/imagenes/menu_lateral_fondo.gif');
  background-repeat: repeat-y;
  text-align: center;
  z-index: 100;

}
#menu-lateral-top 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 187px;
  height: 187px;
  background-image: url('/imagenes/menu_lateral_hoja.gif');
   background-repeat: repeat-x;

}
#menu-lateral-bottom 
{
  position: absolute;
  bottom: 0px;
  left: 0;
  width:175px;
  height:83px;
  background-image: url('/imagenes/menu_lateral_bottom.gif');
  background-position: 0 0;
  background-color: #FFFFFF;
  background-repeat: repeat-x;

}
/**********************************************************************************************************************/
#centro-catalogo 
{
  position: relative;
  top: 0;
  left: 0;
  min-height: 327px;
  border-bottom: 1px solid #6F6F6F;
  background-color: #FFFFFF;

}
#contenido-catalogo 
{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  background-color: #FFFFFF;

}
#catalogo 
{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;

}
#catalogo-menu-top 
{
  position: relative;
  width: 260px;
  height: 190px;
  background-image: url('/imagenes/menu_catalogo/catalogo_top.gif');
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color: #d3ec88;

}
#catalogo-menu-top-hoja 
{
  position: absolute;
  right: -13px;
  top: 0;
  width: 205px;
  height: 190px;
  background-image: url('/imagenes/menu_catalogo/catalogo_hoja.gif');
  background-repeat: no-repeat;

}
#catalogo-menu 
{
  width: 260px;
  vertical-align: top;
  text-align: left;
  background-image: url('/imagenes/menu_catalogo/catalogo_vertical.gif');
  background-repeat: repeat-y;
  background-position: 100% 0;
  background-color: #d3ec88;

}
#catalogo-menu-bottom 
{
  position: relative;
  bottom: 0;
  width: 260px;
  height: 86px;
  background-image: url('/imagenes/menu_catalogo/catalogo_bottom.gif');
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-color: #d3ec88;

}
#catalogo-menu-bottom-curva 
{
  position: absolute;
  right: 0;
  top: 0;
  width: 86px;
  height: 86px;
  background-image: url('/imagenes/menu_catalogo/catalogo_curva.gif');
  background-repeat: no-repeat;

}
#catalogo-escaparate 
{
  padding: 0 1em 0 1em;
  vertical-align: top;

}
/**********************************************************************************************************************/
/* PIE GENERAL PARA EL CARRITO */
/**********************************************************************************************************************/
#prepie 
{
  position: relative;
  top: 0;
  left: 0;
  background-color: #E3FF91;
  background-image: url('/imagenes/fondo_pie.gif');
  width: 100%;
  height: 20px;

}
#pie 
{
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  background-color: #077F03;
  background-image: url('/imagenes/pie.gif');
  background-repeat: no-repeat;
  background-position: 100% 0;
  width: 100%;
  height: 25px;
  max-height: 25px;
  border-bottom: 1px solid #000000;
  clear: both;

}
/**********************************************************************************************************************/
/* ESTE ES EL PIE CON LAS TRES OFERTAS (MAS VENDIDOS, MAS NUEVOS, ULTIMAS OFERTAS) */
/**********************************************************************************************************************/
#pie-ofertas 
{
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  background-color: #E3FF91;
  background-image: url('/imagenes/fondo_pie.gif');
  width: 100%;
  height: 184px;
  max-height: 185px;
  clear: both;

}
#pie-copyright 
{
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #077F03;
  width: 100%;
  height: 29px;
  max-height: 29px;
  border-top: 4px solid #A6CC37;

}
html > body div#pie-copyright 
{
  bottom: -1px;
  height: 26px;
  max-height: 26px;

}
#pie-detalle 
{
  position: absolute;
  bottom: -1px;
  right: 0;
  background-color: #E3FF91;
  background-image: url('/imagenes/fondo_pie_right.jpg');
  width: 362;
  height: 184px;
  max-height: 185px;

}
#producto1 
{
  top:18px;
  left:50px;

}
#producto2 
{
  top:18px;
  left:295px;

}
#producto3 
{
  top:18px;
  left:540px;

}
.caja-productos 
{
  position: absolute;
  width: 210px;
  height:125px;
  border:2px solid #ABC557;
  background-color: #FFFFFF;

}
.caja-productos-esquina1 
{
  position: absolute;
  top: -16px;
   left: -15px;
  width:41px;
  height:40px;
  background-image: url('/imagenes/esquina1.gif');
  background-repeat: no-repeat;

}
.caja-productos-esquina2 
{
  position: absolute;
  bottom: -4px;
  right: -3px;
  width: 16px;
  height: 16px;
  background-image: url('/imagenes/esquina2.gif');
  background-repeat: no-repeat;

}
html > body div.caja-productos-esquina2 
{
  bottom: -3px;

}
.caja-productos-contenido 
{
  position: relative;
  top: 15px;
  left: 18px;
  width: 185px;
  height: 100px;

}
div.caja-productos-contenido img 
{
  border: 1px solid #000000;

}
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
.titulo-general 
{
  font-size: 1.3em;
  font-weight: bold;

}
/**********************************************************************************************************************/
#login-box 
{
  position: relative;
  width: 100%;
  margin-left: 40%;
  margin-top: 18px;

}
html > body div#login-box {
  width: 60%;
}
.login-tabla 
{
  padding: 0;
  margin: 0;
  width: 100%;
}
.login-etiqueta 
{
  text-align: right;
  font-weight: bold;
  color: #FFFFFF;

}
.login-error 
{
  color: #FF0000;
  background-color: #FFEEDD;

}
.inputtext 
{
  border: 1px solid #7cb955;
  background-color: #c9e085;
  color: #1b6f19;

}
td#catalogo-menu .inputtext
{
  border: 1px solid #7cb955;
  background-color: #FFFFFF;
  color: #1b6f19;

}
.select 
{
  border: 1px solid #7cb955;
  background-color: #c9e085;
  color: #1b6f19;

}
td#catalogo-menu .select 
{
  border: 1px solid #7cb955;
  background-color: #FFFFFF;
  color: #1b6f19;

}
.inputbutton 
{
  border: 1px solid #609c41;
  background-color: #adcd68;
  color: #FFFFFF;
  font-weight: bold;
}
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
.fila-par 
{
  background-color: #d8dfc1;

}
.fila-impar 
{
  background-color: #f0f5df;

}
#escaparate-sup 
{
  font-size: 2em;

}
.escaparate-lista 
{

}
#escaparate-info 
{
  position: relative;
  border: 2px dotted #888888;
  background-color: #EEEEEE;
  padding: 1em;
  margin: 1em;
  min-height: 200px;
}
html > body #escaparate-info {
}
.preview-cesta-top 
{
  background-color: #558855;
  color: #ffffff;
  font-weight: bold;

}
.preview-cesta-bottom 
{
  font-weight: bold;

}
.precio-producto 
{
  font-weight: bold;

}
.precio-producto-tachado 
{
  font-weight: bold;
  text-decoration: line-through;

}
.precio-dto 
{
  font-weight: bold;
  color: #FF0000;

}
.info-dto 
{
  font-size: 0.7em;

}
.nota-precio 
{
  font-size: 0.7em;

}
.info-estado-cesta 
{
  background-color: #EEEEEE;

}

/**********************************************************************************************************************/
/* ESTILO PARA LOS TEXTOS DE AVISO LEGAL Y POLITICA DE PRIVACIDAD */
/**********************************************************************************************************************/

.legal
{
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 12px;
  background-color: #FFFFFF;
  color: #1F6817;
  padding: 1em;
  margin: 1em;
  text-align: justify;
}
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
</style>
