/* GENERAL --------------------------------------------------------------------------------- */
html {margin:0;padding:0;border:0}
body {margin:0;padding:0;font-family:"Trebuchet MS", Tahoma, Arial; background-color:#f7f3d4; font-size:10px}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0}
p, a, form, label, fieldset, legend {margin:0;padding:0;text-decoration:none}
a {outline:none}
ul, ol, dl, dt, dd, li {margin:0;padding:0;list-style-type:none}
a img {border:0;}
img { border:0; margin:0; padding:0}
* html ul {height:0;}
/* ----------------------------------------------------------------------------------------- */
input.TXT {border:1px solid #CCC; height:16px} 

/* ESTRUCTURA PAGINA ----------------------------------------------------------------------- */
.TODO {margin:0 auto;width:932px;}
.CONTENIDO {clear:both;height:100%;overflow:hidden; background-color:#FFFFFF; padding:12px 42px 0 42px; width:848px;/*font-size:10px*/ font-size:11px;}
.CABECERA {position:relative;text-align:center;height:167px;background:url(../images/fnd-cabecera.gif) 0 0 no-repeat;background-color:#FFFFFF}
/**/
.COLUMNA_IZQ {margin-left:8px;width:172px;display:inline;float:left;}
.COLUMNA_CENTRAL {margin:0 21px 0 16px;width:453px;display:inline;float:left;}
.COLUMNA_DER {margin-right:13px;width:164px;display:inline;float:left;}
/* ----------------------------------------------------------------------------------------- */

/* BUSCADOR -------------------------------------------------------------------------------- */
.BUSCADOR {background:url(../images/fondo-buscador.gif) right 0 no-repeat;margin:0; padding:0; height:26px;text-align:right;width:875px;font-family:"Trebuchet MS", Tahoma, Arial;font-size:11px; position:absolute; top:141px; left:0}
.BUSCADOR input { width:123px;height:13px;margin:4px 5px 0 0;padding-left:3px;font-family:"Trebuchet MS", Tahoma, Arial;font-size:11px;}
#BTN_Buscador { width:19px; height:18px; margin:0; padding:0; position:relative;top:4px}
/* ----------------------------------------------------------------------------------------- */

/* MENU ------------------------------------------------------------------------------------ */
.MENU ul {background:url(../images/fondo-menu.gif) 0 0 no-repeat;}
.MENU a {background:url(../images/fondo-menu-lista.gif) 0 0 no-repeat;display:block;padding:2px 0 0 25px;font-size:12px;color:#000}
.MENU ul li {border-bottom:1px solid #fff;}
.MENU a:hover {background:url(../images/fondo-menu-lista-over.gif) 0 0 no-repeat;}
.MENU a#Activo {background:url(../images/fondo-menu-lista-over.gif) 0 0 no-repeat;}

.MENU a#ActivoContenido {background:url(../images/fondo-menu-lista-over.gif) 0 0 no-repeat;}
.MENU ul#SUBMENU {background:url(../images/fondo-submenu-lista.gif) 0 0 repeat-y;padding-bottom:10px;font-size:10px;line-height:12px;}
.MENU ul#SUBMENU li {height:100%;background:url(../images/bolo_nivel2.gif) 25px 5px no-repeat;padding:0 15px 0 33px;margin-bottom:5px !IMPORTANT;margin-bottom:2px;border:none;font-size:10px;line-height:12px;}
.MENU ul#SUBMENU a {padding:0;background:none;display:inline;color:#FFF;font-size:10px;line-height:12px;}
.MENU ul#SUBMENU a:hover {text-decoration:underline }

.MENU {background:url(../images/fondo-menu-top.gif) 0 0 no-repeat; padding:21px 0 0 0; margin:0 0 10px 0}
.MenuBottom { background:url(../images/fondo-menu-bottom.gif) 0 0 no-repeat; height:29px}
/* ----------------------------------------------------------------------------------------- */

/* CONTENIDO ------------------------------------------------------------------------------- */
/* H1 - H2 - H3 */
h1 {clear:both;margin-bottom:10px;font-size:15px; color:#FFF; padding:0 0 0 12px;}
h1.FondoVerde {height:20px;background:url(../images/h1-verde.gif) 0 0 no-repeat;}
h1.FondoMarron {height:20px;background:url(../images/h1-marron.gif) 0 0 no-repeat;}
/**/
h2 {font-size:11px;}
h2.ColorVerde {color:#929f70}
h2.ColorMarron {color:#957448}
/**/
a.LinkNaranja {color:#ff9200;font-weight:bold;font-size:10px}
a.LinkNaranja:hover {color:#ff9200;font-weight:bold;text-decoration:underline}
/**/
h3 {font-size:10px;}
h3.ColorNaranja {color:#ffa200; display:inline}
.Bloque_Novedad h3.ColorNaranja {color:#ffa200; display:inline; float:left}

h4 { font-size:11px; padding: 10px 0 5px 0}
/**/
/* ----------------------------------------------------------------------------------------- */

/* COLORES --------------------------------------------------------------------------------- */
.LineaVerde {margin:5px 0 15px 0;height:3px;font-size:0;line-height:0;clear:both;background:url(../images/puntos-verde.gif) 0 0 repeat-x}
.LineaMarron {margin:5px 0 15px 0;height:3px;font-size:0;line-height:0;clear:both;background:url(../images/puntos-marron.gif) 0 0 repeat-x}
.ColorBlanco { color:#FFFFFF;}
.ColorVerde { color:#929f70;}
.ColorNaranja {color:#ffa200;}
/* ----------------------------------------------------------------------------------------- */

/* MODULOS --------------------------------------------------------------------------------- */
/**/
.Modulo_Banner { text-align:center; margin:0 0 10px 0}
/**/
.Modulo_Verde {margin:0 0 15px 0;background:#e2e7a8 url(../images/fondo-verde-top.gif) 0 0 no-repeat;overflow:hidden;height:100%;}
.Modulo_VerdeTOP {background:url(../images/fondo-verde-top.gif) 0 0 no-repeat;overflow:hidden;height:100%;}
.Modulo_VerdeBOTTOM {background:url(../images/fondo-verde-down.gif) 0 bottom no-repeat;overflow:hidden;height:100%;padding:8px;}
.Modulo_Verde a {font-size:10px;color:#91946b;font-weight:bold}
.Modulo_Verde a:hover {text-decoration:underline}
/**/
.Modulo_Marron {margin:0 0 15px 0;background:url(../images/fondo-marron.gif) 0 0 repeat-y;overflow:hidden;height:100%}
.Modulo_MarronTOP {background:url(../images/fondo-marron-top.gif) 0 0 no-repeat;overflow:hidden;height:100%}
.Modulo_MarronBOTTOM {background:url(../images/fondo-marron-down.gif) 0 bottom no-repeat;overflow:hidden;height:100%;padding:8px;}
.Modulo_Marron a {font-size:10px;color:#957448;font-weight:bold}
.Modulo_Marron a:hover {text-decoration:underline}
/**/
.Modulo_Registrate { background:url(../images/fondo-modulo-registrate.gif) 0 0 no-repeat; padding:25px 0 0 0; text-align:center; height:112px; line-height:12px}
.Modulo_Registrate .LineaVerde { padding:0; margin: 5px 15px 5px 14px }
.Modulo_Registrate input { width:100px; height:12px; border: 1px solid #b8b8b8; font-size:9px; line-height:9px}
.Modulo_Registrate input.BTN_OK { width:32px; height:16px; border:none; outline:none; position:relative; top:3px}
/**/

/* MI COMPRA */
.Modulo_MiCompra { background:url(../images/fondo-div-tabla.gif) 0 0 repeat-y; margin:0 0 10px 0}
.Modulo_MiCompra table { width:148px; vertical-align:top}
.Modulo_MiCompra table tr.Gris { background-color:#e8e8e8}
.Modulo_MiCompra table th { text-align:left; padding:0 0 0 5px; background-color:#e8e8e8; color:#929f70}
.Modulo_MiCompra table td { padding:0 0 0 5px;}
.Modulo_MiCompra table .Producto {width:60%;}
.Modulo_MiCompra table .Precio {width:20%; text-align:center}
.Modulo_MiCompra table tfoot td { font-weight:bold}
.Modulo_MiCompra div.TBLPie { background:url(../images/fondo-tabla-pie.gif) 0 0 no-repeat; width:164px; height:32px; text-align:right}
.Modulo_MiCompra div.TBLPie a { margin:0 15px 0 0; color:#000000}
.Modulo_MiCompra div.TBLPie a:hover span{ text-decoration:underline}
.Modulo_MiCompra div.TBLPie a img { position:relative; top:2px; padding:0 0 0 5px}
/**/

/* BLOQUE NOVEDADES */
.Bloque_Novedad {background:url(../images/fondo-bloque-novedad-repeat.gif) 0 0 repeat-y; position:relative;margin:0 0 5px 0;}
.Bloque_Novedad_Top { background:url(../images/fondo-bloque-novedad-top.gif) 0 0 no-repeat;}
.Bloque_Novedad_Bottom { background:url(../images/fondo-bloque-novedad-bottom.gif) 0 bottom no-repeat; padding:8px 0 8px 0; height:100%;overflow:hidden; margin:0 0 0 0}
.Bloque_Novedad h2, .Bloque_Novedad h3 { padding: 0 0 0 25px;position:relative}
.PrecioProducto { text-align:right; display:block; font-size:12px; font-weight:bold}
.Bloque_Novedad p { padding: 0 25px 15px 25px}
.Bloque_Novedad span { padding: 0 25px 0 0}
.Bloque_Novedad .LineaVerde { margin:0 15px 0 15px; padding:0;}
div.NovedadEnlaces { padding:10px 25px 0 0}
.Bloque_Novedad ul { float:right;padding: 0 0 0 5px;}
.Bloque_Novedad ul li { display:inline;}
.FechaNovedad {color:#929f70; float:right;}
/* BLOQUE NOVEDADES */
.Bloque_Novedad {background:url(../images/fondo-bloque-novedad-repeat.gif) 0 0 repeat-y; position:relative;margin:0 0 5px 0; height:100%; overflow:hidden}
.Bloque_Novedad_Top { background:url(../images/fondo-bloque-novedad-top.gif) 0 0 no-repeat; height:100%; overflow:hidden}

.Bloque_Novedad_Bottom { background:url(../images/fondo-bloque-novedad-bottom.gif) 0 bottom no-repeat; padding:8px 0 8px 0; height:100%;overflow:hidden; margin:0; display:block; line-height:16px}
.Bloque_Novedad h2, .Bloque_Novedad h3 { padding: 0 0 0 25px;position:relative}
.PrecioProducto { text-align:right; display:block; font-size:12px; font-weight:bold}
.Bloque_Novedad p { padding: 0 25px 15px 25px}
.Bloque_Novedad span { padding: 0 25px 0 0}
.Bloque_Novedad .LineaVerde { margin:0 15px 0 15px; padding:0;}
div.NovedadEnlaces { padding:0 25px 0 0}
.Bloque_Novedad ul { float:right;padding: 0 0 0 5px;}
.Bloque_Novedad ul li { display:inline;}
.FechaNovedad {color:#929f70; float:right;}
/* PRODUCTOS */
div.Producto { position:relative; padding:5px 0 0 15px; display:block; width:438px; overflow:hidden; height:100%}
div.Producto img { padding:4px 0 0 0;}
div.Producto .Texto p {padding-bottom:0;/*font-size:10px*/ font-size:11px;}
div.ico_mas { position:absolute; /*bottom:44px !IMPORTANT;bottom:38px*/ top:10px; left:20px; width:13px; height:13px;}
.BloqueProducto { clear:both; margin:0 0 15px 0 !important; margin:0 0 10px 0; height:100%;}
.CarritoCompra a { margin:0 11px 0 0}
.Caracteristicas { display:inline; text-align:center;}
.Caracteristicas p {text-align:center}
/* BLOQUES PARA CARACTERISTICAS DE PRODUCTO ---------------------------------------------------------------------------------------------*/
.Mod_caracteristicas { display:block; float:left; padding:0 0 0 11px}
.Mod_caracteristicas div { text-align:center; color:#FFF; padding: 4px 0 0 0}
/**/
.Mod_caracteristicas div span { padding: 0 0 0 10px; display:block; height:22px}
.Mod_caracteristicas div strong { font-weight:normal; padding: 2px 10px 0 0; display:block; height:22px}
/**/
/* IMAGENES DE FONDO */
.BloqueRojo span {background:url(../images/bloque-rojo-span.gif) left 0 no-repeat;}
.BloqueRojo strong {background:url(../images/bloque-rojo-strong.gif) right 0 no-repeat; }
/**/
.BloqueNaranja span {background:url(../images/bloque-naranja-span.gif) left 0 no-repeat;}
.BloqueNaranja strong {background:url(../images/bloque-naranja-strong.gif) right 0 no-repeat; }
/**/
.BloqueVerde span {background:url(../images/bloque-verde-span.gif) left 0 no-repeat;}
.BloqueVerde strong {background:url(../images/bloque-verde-strong.gif) right 0 no-repeat;}
/**/
.BloqueAzul span {background:url(../images/bloque-azul-span.gif) left 0 no-repeat;}
.BloqueAzul strong {background:url(../images/bloque-azul-strong.gif) right 0 no-repeat;}
/**/
.BloqueMorado span {background:url(../images/bloque-morado-span.gif) left 0 no-repeat;}
.BloqueMorado strong {background:url(../images/bloque-morado-strong.gif) right 0 no-repeat;}
/**/
 /*COLUMNA DERECHA*/
.Modulo_DondeEstamos { margin: 0 0 10px 0}
.Modulo_DondeEstamos img { margin:0; padding:0}
.Modulo_DondeEstamos a {margin:0; padding:0}
/**/
.Modulo_Novedades { background:url(../images/fondo-novedades.gif) 0 0 no-repeat; padding:24px 0 0 0}
.Novedad { background:url(../images/fondo-modulo-novedad.gif) 0 0 repeat-y; padding:5px 0 0 0; line-height:11px}
.Novedad h3 { font-size:10px; font-weight:normal; padding: 0 30px 3px 15px; background:url(../images/ico-flecha.gif) 140px 1px no-repeat}
.Novedad p { padding: 0 5px 0 15px}
.Novedad a.LinkNaranja { font-size:9px; font-weight:normal}
.Novedad a:hover.LinkNaranja { font-size:9px; font-weight:normal}
.Novedad .LineaVerde {margin:5px 9px 0 9px;height:3px;font-size:0;line-height:0;clear:both;background:url(../images/puntos-verde.gif) 0 0 repeat-x}
.NovedadesBottom { background:url(../images/fondo-novedades-bottom.gif); height:27px}
/**/
/* ----------------------------------------------------------------------------------------- */
/*PROPIEDADES ------------------------------------------------------------------------------ */
.Clear { clear:both}
.Ali_Right {text-align:right}
.FL_Left {float:left;}
img.FL_Left {margin:0 10px 10px 0}
.FL_Right {float:right}
img.FL_Right {margin:0 0 10px 10px}
/* ----------------------------------------------------------------------------------------- */
/*FORMULARIO ------------------------------------------------------------------------------ */
.TBLForm { margin:0 0 10px 0}
.TBLForm tr td { padding: 10px 0 0 0}
.TBLForm tr.PaddingNo td { padding: 0 0 0 0}
.TBLForm label { padding: 0 10px 0 0; display:block; width:110px}
.TBLForm label.RadioButton { padding: 0 10px 0 0; display:inline}
.TBLForm span { padding:0}
.TBLForm td a { padding:0 0 0 8px}
.TBLForm select { margin:0 5px 0 0}
.TBLForm input.TXT {}
.TBLForm input.Radio { padding:0; margin:0}

.AlignRight { text-align:right}
.AlignLeft { text-align:left}

/* ANCHOS PARA INPUT */
.ANCHO40px { width:40px}
.ANCHO220px { width:220px}
.ANCHO190px { width:190px}
.ANCHO30px { width:30px}
.ANCHO60px { width:60px}
/* ----------------------------------------------------------------------------------------- */

/*SOPORTE ---------------------------------------------------------------------------------- */
.SOPORTE {position:absolute;top:5px;right:60px;text-align:right;}
.SOPORTE li {display:inline;color:#FFF}
.SOPORTE li a {margin:0 4px;color:#FFF}
/* ----------------------------------------------------------------------------------------- */

/*PIE ---------------------------------------------------------------------------------- */
.PIE { background:url(../images/fondo-pie.gif) 0 0 no-repeat; font-weight:bold; font-size:10px;color:#6f6f6f;padding:0 0 0 50px; display:block; height:18px; margin: 45px 0 45px 0 !important; margin: 70px 0 45px 0 }
.PIE p {float:left; display:block}
.PIE span {font-size:12px}
.PIE ul {float:right; padding:2px 60px 0 0}
.PIE ul li { display:inline; padding:2px 0 0 5px}
.PIE a {color:#6f6f6f}
.PIE a:hover {color:#ff9200}

/* ----------------------------------------------------------------------------------------- */
/* ESTILOS PARA TABLA DE CARRITO DE LA COMPRA -----------------------------------------------*/
.TBLCarrito { padding: 10px 15px 15px 15px}
.TBLCarrito table { margin:0 0 0 0}
.TBLCarrito table th { font-size:10px; color:#FFFFFF; background-color:#babe8a; border-right:1px solid #FFFFFF; text-align:left; padding:0 0 0 5px}
.TBLCarrito table td {font-size:10px; color:#666666; background-color:#FFFFFF; border-right:1px solid #babe8a; text-align:left; padding:0 0 0 5px}
.TBLCarrito table td.center, .TBLCarrito table th.center {text-align:center;}
.TBLCarrito table td.divider { height:1px; background:url(../images/borde-puntos-verde.gif) 0 0 repeat-x}
.TBLCarrito table td.divider02 { height:1px; background-color:#CCCCCC; border:none}
.TBLCarrito table .Ultimo { border:none; width:50px}
.TBLCarrito table .Precio { background:#f1f2e8; border:none; border-bottom:1px solid #FFFFFF; text-align:right; width:50px; color:#5d5f45; padding:0 5px 0 0}
.TBLCarrito table .Preciotxt { background:#f1f2e8; border:none; border-bottom:1px solid #FFFFFF; text-align:right; border-right:1px solid #babe8a; color:#5d5f45; padding:0 5px 0 0}
.TBLCarrito table .PrecioFinal { background:#f1f2e8; border:none; border-bottom:1px solid #FFFFFF; text-align:right; width:50px; color:#5d5f45; font-weight:bold; padding:0 5px 0 0}