@charset "utf-8";
/* CSS Document */
/* **************************************************************************
   HTML5 display definitions
   ************************************************************************** */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary { display: block; }
audio,
canvas,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active,
a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
code,
kbd,
pre,
samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button,
input,
select,
textarea { font-family: inherit; font-size: 100%; }
button,
input { line-height: normal; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
menu { margin: 0; padding: 0; }
/* **************************************************************************
   FIN HTML5 display definitions
   <<<<<<<<<****************************************************************= */
   
/**************************** SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 --------------------------------- */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 0.68em; cursor: default; width: auto; }
ul#pathMenu.MenuBarHorizontal { font-size: 0.75em; font-weight: bold; }
ul#pathMenu.MenuBarActive li { background-image: url(../Images/pathMenuFondo.png); background-position: right; background-repeat: no-repeat; }
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive { z-index: 1000; }
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li { margin: 0 5px 0 0; padding: 0; list-style-type: none; font-size: 100%; /*position: relative;*/ text-align: left; cursor: pointer; /*width: 8em;*/ float: left; }
ul.MenuBarHorizontal li li { margin: 0; }
ul#pathMenu.MenuBarHorizontal li { background-image: url(../Images/pathMenuFondo.png); background-position: right 0; background-repeat: no-repeat; padding-right: 20px; margin-right: 0; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; min-height: 30px; height: auto!important; height: 30px; }
ul#pathMenu.MenuBarHorizontal li.Activo { background-position: right -1px; background-repeat: no-repeat; padding-right: 25px; }
ul#pathMenu.MenuBarHorizontal li.Activo:hover { background-image: url(../Images/pathMenuActivo.png); }
ul#pathMenu.MenuBarHorizontal li li { background-image: none; min-height: 0; margin: 0 0 0 6px; position: static; }
ul#pathMenu.MenuBarHorizontal li li li { float: none; }
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; /*width: 8.2em;*/ position: absolute; left: -1000em; }
ul.MenuBarHorizontal ul span.titulo { margin: 5px 0 10px 20px; color: #C00; font-size: 1.33em; display: block; }
ul#pathMenu.MenuBarHorizontal li.Activo li span.titulo a { background-image: url(../images/i_trianguloDer.gif); background-repeat: no-repeat; background-position: right; padding: 0 20px 0 0; color: #C00; background-color: transparent; font-weight: bold; display: inline; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible,
ul.MenuBarHorizontal ul.Abierto { left: auto; }
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li { /*width: 8.2em;*/ }
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }
/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul { background-image: url(../Images/submenuPieBG.png); background-position: left bottom; background-repeat: no-repeat; margin-top: 5px;/*border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.35);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.35);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,.35);
	box-shadow: 0 0 5px rgba(0,0,0,.35);
	background-color: #FFF;
	width: 150px;*/ padding: 0 0 10px 0; }
ul.MenuBarHorizontal ul div { background-image: url(../Images/submenuPieBG.png); background-position: left top; background-repeat: no-repeat; position: absolute; top: -15px; margin: 0; height: 15px; }
ul.MenuBarHorizontal ul,
ul.MenuBarHorizontal ul div { width: 162px; }
ul#pathMenu.MenuBarHorizontal ul { background-image: url(../Images/popFlechaArribaMenu.png); background-position: left bottom; background-repeat: no-repeat; margin: 14px 0 0 -15px; padding: 0 0 10px 0; }
ul#pathMenu.MenuBarHorizontal ul div { background-image: url(../Images/popFlechaArribaMenu.png); background-position: left top; background-repeat: no-repeat; position: absolute; top: -18px; margin: 0; *margin-left: -6px;
height: 18px; }
ul#pathMenu.MenuBarHorizontal ul,
ul#pathMenu.MenuBarHorizontal ul div { width: 198px; }
ul#pathMenu.MenuBarHorizontal ul ul { background-image: url(../Images/popFlechaArribaSubmenu.png); margin: 0px 0 0 179px; width: 405px; padding-bottom: 10px; min-height: 352px; height: auto !important; height: 352px; top: 0; }
ul#pathMenu.MenuBarHorizontal ul ul div { background-image: url(../Images/popFlechaArribaSubmenu.png); position: absolute; top: -10px; width: 405px; height: 10px; padding: 0; *margin-left: -20px;
}
/* Menu de Promocion */
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu { display: block; background-image: none; position: relative; bottom: -10px; top: auto; right: -10px; width: 385px; font-size: 1.375em; font-weight: normal; border-top: solid 1px #CCC;}
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu div { background-image: none; position: relative; top: auto; width: auto; height: auto; padding: 0; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu div a { padding: 0; background-color: transparent; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .precios { float: right; text-align: center; margin: 0 10px; width: 155px; padding: 10px 0; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .precios .facilYRapido { width: 46px; height: 45px; position: absolute; background-image: url(../Images/ico_facilYRapido.png); left: -10px; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .precios .deferredPayment2 { width: 56px; height: 48px; position: absolute; background-image: url(../Images/msi/etiqueta-mesesSinIntereses-canastaAzul2.png); left: -10px; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .precios .deferredPayment18msi { width: 56px; height: 48px; position: absolute; background-image: url(../Images/msi/etiqueta-18mesesSinIntereses2.png); left: -10px; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .precios .deferredPayment3 { width: 80px; height: 48px; position: absolute; background-image: url(../Images/msi/etiqueta-12mesesCredimax.png); left: -10px; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .precios .deferredPayment1 { width: 130px; height: 48px; position: absolute; background-image: url(../Images/msi/etiqueta-18y12meses.png); left: -10px; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .titulo { padding: 0 0 20px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .titulo a { color: #000; font-weight: bold; font-size: .823em; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .precios .botonComprar { padding: 20px 0 0 0; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .foto { float: left; }
ul#pathMenu.MenuBarHorizontal ul ul span.promoMenu .foto img { float: left; width: 200px; }
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a { display: block; cursor: pointer; /*background-color: #EEE;*/ padding: 7px 15px 7px 12px; color: #999; text-decoration: none; }
ul#pathMenu.MenuBarHorizontal a { color: #069; }
ul#pathMenu.MenuBarHorizontal a:hover { color: #39C; }
ul#pathMenu.MenuBarHorizontal li.Activo a { color: #000; }
ul#pathMenu.MenuBarHorizontal li.Activo li a { color: #999; font-weight: normal; background-color: #FFF; margin: 0 0 0 5px; }
ul#pathMenu.MenuBarHorizontal li.Activo li .plazos .opciones span.seleccionado a,
ul#pathMenu.MenuBarHorizontal li.Activo li .plazos .opciones span a { font-weight: bold; margin: 0; }
ul#pathMenu.MenuBarHorizontal li.Activo li li a { /*color: #000;*/ padding: 0 0 4px 20px; background-image: url(../SpryAssets/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 10px 3px;}
ul#pathMenu.MenuBarHorizontal li.Activo li li .plazos .opciones span a { color: #999; padding: 0; }
ul.MenuBarHorizontal ul a { padding: 4px 10px; }
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover,
ul.MenuBarHorizontal a:focus { /*background-color: #33C;*/ color: #666; }
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible { color: #000; }
ul#pathMenu.MenuBarHorizontal li.Activo li a.MenuBarItemHover,
ul#pathMenu.MenuBarHorizontal li.Activo li a.MenuBarItemSubmenuHover,
ul#pathMenu.MenuBarHorizontal li.Activo li a.MenuBarSubmenuVisible,
ul#pathMenu.MenuBarHorizontal li a.seleccionado { color: #C00; }
ul#pathMenu.MenuBarHorizontal li a.seleccionado.sinLiga { cursor: default; }
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(../SpryAssets/SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 96% 50%; }
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu,
ul#pathMenu.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(../SpryAssets/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 96% 50%; width: 200px; }
ul#pathMenu.MenuBarHorizontal ul a.MenuBarItemSubmenu { width: 160px; }
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul#pathMenu.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(../SpryAssets/SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 96% 50%; }
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover,
ul#pathMenu.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(../SpryAssets/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 96% 50%; width: 200px; color: #C00; }
ul#pathMenu.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { width: 160px; }
/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; *display: block;
}
ul.MenuBarHorizontal li.MenuBarItemIE li { *float: none;
}
ul#pathMenu.MenuBarHorizontal li li.MenuBarItemIE ul { *top:0!important;
}
}
/* <----------------------------------- FIN SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 ****************************/


/* <----------------------------------- SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 ****************************/
/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel { margin: 0px; padding: 0px; border: solid 1px #CCC; }
#comparativo .CollapsiblePanel { margin: 0px; padding: 0px; border: none; }
/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab { background-color: #EEE; border-bottom: solid 1px #CCC; margin: 0px; padding: 2px 2px 2px 20px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; background-image: url(../SpryAssets/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 5px 50%; }
#comparativo .CollapsiblePanelTab { border: solid 1px #CCC; }
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent { margin: 0px; padding: 0px; }
/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a { color: black; text-decoration: none; }
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab { background-color: #EEE; background-image: url(../SpryAssets/SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 5px 50%; }
/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab { /* background-color: #EFEFEF */ }
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,
.CollapsiblePanelOpen .CollapsiblePanelTabHover { background-color: #DDD; }
/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab { }
/* <----------------------------------- FIN SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 ****************************/


/* ************************************************** TAGS ************************************************** */
/* ****************************************************************************************************** */

html,
body { width: 100%; padding: 0; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }
body { background-color: #FFFFFF; }
form { margin: 0; padding: 0; }
p { font-size: 0.75em; margin: 0 0 .834em 0; padding: 0; }
table { border-collapse: collapse; border: none; }
td,
th { padding: 0; }
img { border: none; margin: 0; }
a { color: #069; }
a:link { color: #069; }
a:visited { color: #748E98; }
a:hover { color: #39C; }
a:active { color: #FF3300; }
h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.5em; margin: 0 0 .625em 0; }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.25em; margin: 0 0 .625em 0; }
h3 { font-size: 1em; margin: 0 0 .625em 0; }
h4 { font-size: 0.875em; margin: 0 0 .625em 0; }
h5 { font-size: .8125em; margin: 0 0 .625em 0; }
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong { font-weight: normal; }
/*input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"] { border: solid 1px #CCC;/* Esq. redondeadas 5px *//* sombra interna */ }*/
hr { color: #CCC; background-color: #CCC; height: 1px; border: none; margin: 3px 0; }
/* ************************************************** EFECTOS ************************************************** */
/* ****************************************************************************************************** */
/* ****************************************************************************************************** */
/* ***************************************************************************************************** */
select,
input[type="password"],
textarea,
input[type="text"] {
    padding: 3px;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	border-left: 0px;
	border-top: 0px;
	border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	outline: 0;
}

/* Esq. superiores redondeadas 10px */
#contenedor { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
#dv_ContentHome { margin-left:auto; margin-right:auto; width: 1024px; background-color: #FFF; padding: 0px; margin-top: 10px; margin-bottom: 10px;/* Esq. superiores redondeadas 10px *//* sombra externa */ }
/* Esq. redondeadas 5px */
input[type="email"],
input[type="date"],
.cintilloBanners,
.videoHome video,
.videoHome img,
.portadasHome,
.pathMenu,
#HeadContent,
#asideIzquierda,
.carruselSuperior,
#listadoN2 #productos,
.menuFijo .preciosComprar,
.menuFijo .noVendible,
.menuFijo .formasEntrega,
.menuFijo .links,
.muestraProducto #opcion,
.muestraProducto #opcionComplemento,
.complementaCompra,
.basket,
.carrito .inserteCupon,
.productoChico,
#CheckOut #cabeza #cabezaContenido,
#CheckOut #columnaIzquierda #cajaDatos,
#CheckOut #columnaDerecha #resumen,
#CheckOut #resumenEnvio { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
/* sombra externa */
#contenedor,
.cintilloBanners,
.pathMenu,
#asideIzquierda,
.carruselSuperior,
#listadoN2 #productos,
.menuFijo .preciosComprar,
.menuFijo .noVendible,
.menuFijo .formasEntrega,
.menuFijo .links,
.muestraProducto #opcion,
.muestraProducto #opcionComplemento,
.complementaCompra,
.basket,
#HeadContent,
.carrito .inserteCupon,
.productoChico,
#CheckOut #cabeza #cabezaContenido,
#CheckOut #columnaIzquierda #cajaDatos,
#CheckOut #columnaDerecha #resumen,
#CheckOut #resumenEnvio { -moz-box-shadow: 0 0 5px RGBA(0,0,0,.35); -webkit-box-shadow: 0 0 5px RGBA(0,0,0,.35); -ms-box-shadow: 0 0 5px RGBA(0,0,0,.35); box-shadow: 0 0 5px RGBA(0,0,0,.35); border: solid 1px #CCC; }
/* sombra interna */
input[type="email"],
input[type="date"] { -moz-box-shadow: inset 0 2px 5px RGBA(0,0,0,.35); -webkit-box-shadow: inset 0 2px 5px RGBA(0,0,0,.35); -ms-box-shadow: inset 0 2px 5px RGBA(0,0,0,.35); box-shadow: inset 0 2px 5px RGBA(0,0,0,.35); }
/*-------------------------------- boton opcion (agregar la referencia al tag 'a' y 'a:hover') */
.suggestionItems,
.sugerencias .opciones span,
.plazos .opciones span,
.tableWeekly .plazos div,
.basket .productos .milenia .opciones .opcion { -moz-box-shadow: 0 0 5px RGBA(0,0,0,.35); -webkit-box-shadow: 0 0 5px RGBA(0,0,0,.35); -ms-box-shadow: 0 0 5px RGBA(0,0,0,.35); box-shadow: 0 0 5px RGBA(0,0,0,.35); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: solid 1px #CCC; padding: 5px; margin: 2px; display: inline-block; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
}
.sugerencias .opciones span a,
.plazos .opciones span a,
.basket .productos .milenia .opciones .opcion a { text-decoration: none; color: #999; }
.sugerencias .opciones span a:hover,
.plazos .opciones span a:hover,
.basket .productos .milenia .opciones .opcion a:hover { color: #666; }
/*-------------------------------- boton opcion seleccionado  (agregar la referencia al tag 'a') */
.selectItem,
.sugerencias .opciones span.seleccionado,
.plazos .opciones span.seleccionado,
.tableWeekly .plazos div.checket,
.basket .productos .milenia .opciones .opcion.seleccionado { -moz-box-shadow: 0 3px 5px RGBA(0,0,0,.5) inset; -webkit-box-shadow: 0 3px 5px RGBA(0,0,0,.5) inset; -ms-box-shadow: 0 3px 5px RGBA(0,0,0,.5) inset; box-shadow: 0 3px 5px RGBA(0,0,0,.5) inset; background: #d9d9d9; background: -moz-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); background: -o-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); background: -ms-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d9d9d9', GradientType=0 );
}
.sugerencias .opciones span.seleccionado a,
.sugerencias .opciones span.seleccionado a:hover,
.plazos .opciones span.seleccionado a,
.plazos .opciones span.seleccionado a:hover,
ul#pathMenu.MenuBarHorizontal li.Activo li .plazos .opciones span.seleccionado a,
ul#pathMenu.MenuBarHorizontal li.Activo li .plazos .opciones span.seleccionado a:hover,
.basket .productos .milenia .opciones .opcion.seleccionado a,
.basket .productos .milenia .opciones .opcion.seleccionado a:hover { text-decoration: none; color: #000; }
/* ************************************************** Layout ************************************************** */
/* ****************************************************************************************************** */

#cabeza,
#cabezaContenido,
#contenedor, #HeadContent { margin-right: auto; margin-left: auto; }
#cabeza {  margin-right: auto; width: 1024px; background-color: #FFFFFF; background-image: url(../Images/cabeza_fondo.jpg); background-position: left bottom; background-repeat: repeat-x; min-height: 44px; height: auto!important; height: 44px; }
#cabezaContenido, #HeadContent { width: 1024px; position: relative; padding: 0 20px 0 20px; z-index: 1232; }
#cabezaLogoElektra,
#cabezaCentro,
#cabezaChat,
#cabezaListaDeseos,
#cabezaCarrito { padding: 0 20px 0 0; }
#cabezaBotones { float: right; }
#cabezaChat,
#cabezaListaDeseos,
#cabezaCarrito { border-left: solid 1px #BFBFBF; }
#cabezaLogoElektra { float: left; padding-top: 10px; max-width: 130px;}
#cabezaBuscador { padding: 15px 0px 0px; float: left; width: 210px; position: relative; }
#cabezaBuscador input[type="text"] { position: relative; height: 23px; width: 165px; margin: 0; padding: 0px 30px 0px 5px; font-size: .75em;/* Esq. redondeadas 5px *//* sombra interna */ }
#cabezaBuscador input[type=image] { height: auto; width: auto; position: absolute; right: 20px; bottom: 4px; }
#cabezaPersonalizacion { display: table; height: 49px; width: 118px; float: left; *position: relative;
overflow: hidden; }
#cabezaPersonalizacion div {
 *position: absolute;
 *top: 50%; padding: 0 0px 0 0; display: table-cell; vertical-align: middle; overflow: hidden; width: 115px; *overflow: visible;
}
#cabezaPersonalizacion div div {
 *position: relative;
 *top: -50%; padding: 0; display: block; }
#cabezaPersonalizacion p { font-size: 0.625em; font-weight: bold; color: #999; margin: 0; }
#cabezaChat { float: left; padding: 0; height: 49px; width: 87px; *position: absolute;
 *right: 82px;
}
#cabezaChat:hover,
#cabezaListaDeseos:hover,
#cabezaCarrito:hover { background-image: url(../Images/cabeza_fondo_s2.jpg); background-repeat: repeat-x; transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -webkit-transition: all ease 1s; color: #000; }
#cabezaListaDeseos { float: left; font-size: 0.75em; text-align: center; padding: 10px 10px 0 10px; height: 39px; color: #666; font-weight: bold; display: none; }
#cabezaCarrito { padding: 0 0 0 5px; float: right; width: 56px; position: relative; overflow: visible; }
#cabezaCarritoFondo { position: relative; background-image: url(../Images/cabeza_carrito.png); background-position: center top; background-repeat: no-repeat; height: 49px; }
#cabezaCarritoFondo:hover { background-image: url(../Images/cabeza_carrito_s2.png); }
#cabezaCarritoCantidad { position: absolute; top: 5px; width: 56px; text-align: center; margin: 0 0 0 -3px; font-size: 0.875em; font-weight: bold; color: #C00; }
.cabezaCarritoResumen { position: absolute; z-index: 1232; right: -35px; width: 222px; padding-top: 20px; /*background-color: #FFF;
	width: 190px;
	padding: 10px;
	-moz-box-shadow: 0 0 5px RGBA(0,0,0,.35);
	-webkit-box-shadow: 0 0 5px RGBA(0,0,0,.35);
	-ms-box-shadow: 0 0 5px RGBA(0,0,0,.35);
	box-shadow: 0 0 5px RGBA(0,0,0,.35);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #CCC;
	margin-top: 5px;*/ font-size: .685em; transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -webkit-transition: all ease 1s; }
.cabezaCarritoResumenBGTop { padding: 20px 15px 0 15px; background-image: url(../Images/submenuCabezaCarrito.png); background-position: left top; background-repeat: no-repeat; position: relative; top: -25px; }
.cabezaCarritoResumenBG { padding: 10px 15px 20px 15px; background-image: url(../Images/submenuCabezaCarrito.png); background-position: left bottom; background-repeat: no-repeat; position: relative; top: -25px; }
.cabezaCarritoResumen img { float: left; width: 45px; margin-right: 5px; }
.cabezaCarritoResumen .cabezaCarritoProducto { margin: 0 0 5px 0; padding: 0 0 2px 0; border-bottom: dotted 1px #DADADA; clear: both; min-height: 47px; height: auto!important; height: 47px; }
#cabezaCarritoBoton { clear: both; text-align: center; padding: 10px 0 0 0; }
#contenedor { width: 980px; background-color: #FFF; padding: 20px; margin-top: 10px; margin-bottom: 10px;/* Esq. superiores redondeadas 10px *//* sombra externa */ }

.botonHome { position: fixed; margin-left: -53px; margin-top: -5px; z-index: 77; }
#pie { margin: 20px 0 0 0; color: #999; clear: both; }
.pieMenu { min-height: 1.75em; height: auto!important; margin: 0; padding: 0; }
#pieRedesSociales { border: 0; float: right; margin-top: -22px; width: 85px; }
#pieRedesSociales img { margin-right: 5px; border: 0; }
#pie #pieInferior { margin: 20px 0 0 0; font-size: 12px; text-align: center; }

#pie #pieInferior .amipci,
#pie #pieInferior .certificado,
#pie #pieInferior .TrustedCommerce,
/*#pie #pieInferior .verifiedByVisa,
#pie #pieInferior .MasterCardSecureCode { float: left; padding: 20px 0px 0 0px; }*/

#pie #pieInferior .amipci { width: 15%; }
#pie #pieInferior .certificado { width: 10%; }
#pie #pieInferior .TrustedCommerce { width: 15%;}
#pie #pieInferior .legales { width: 40%; padding-top: 10px;  float: left;}
/*#pie #pieInferior .verifiedByVisa { width: 100px; height:100px; padding: 0px 0px 0 0px;}
#pie #pieInferior .MasterCardSecureCode { width: 10%; padding: 0px 0px 0 0px;}*/

.contenidoPrincipal { clear: both; min-height: 360px; height: auto!important; height: 340px; }
#CheckOut #cabeza { background-color: transparent; background-image: none; border-bottom: none; min-height: auto; height: auto!important; height: auto; }
#CheckOut #cabezaLogoElektra { }
#HeadContent { background-color: #FFF; margin-top: 10px; min-height: 55px; height: auto!important; height: 5px; position: relative;/* Esq. redondeadas 5px */ /* sombra externa */ }
#HeadContentSteps { float: right; width: 550px; height: 55px; margin: 0 -15px 0 20px; background-repeat: no-repeat; background-position: right top; }
#HeadContentSteps.pasoRegistro { background-image: url(../Images/CheckoutPasos.png); background-position: right 0px; }
#HeadContentSteps.stepShipping { background-image: url(../Images/CheckoutPasos.png); background-position: right -100px; }
#HeadContentSteps.stepPayment { background-image: url(../Images/CheckoutPasos.png); background-position: right -200px; }
#CheckOut #pie #pieInferior { border-top: solid 1px #E9E9E9; }

/* ************************************************** estilos Home ************************************************** */
/* ****************************************************************************************************** */

.home { }
.videoHome { float: left; padding: 0 20px 0 0; }
.videoHome .tablaDiv { width: 360px; display: table; height: 360px; *position: relative;
overflow: hidden; }
.videoHome .tablaDiv div {
 *position: absolute;
 *top: 50%; display: table-cell; vertical-align: middle; overflow: hidden; width: 360px; *overflow: visible;
}
.videoHome .tablaDiv div div {
 *position: relative;
 *top: -50%; padding: 0; display: block; }
.videoHome video { background-color: #000; width: 360px; height: 220px; }
.portadasHome { position: relative; float: right; width: 550px; height: 360px;/* Esq. redondeadas 5px */ }
/* ************= estilos Portadas ************= */
.portadasHome .arrows { position: absolute; bottom: 50%; margin: 0 0 26px 0; width: 550px; z-index: 55; }
.portadasHome .arrows .larrow,
.portadasHome .arrows .rarrow { position: absolute; opacity: .2; transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -webkit-transition: all ease .5s; }
.portadasHome .arrows .larrow:hover,
.portadasHome .arrows .rarrow:hover { opacity: 1; margin-top: 1px; }
.portadasHome .arrows .larrow { }
.portadasHome .arrows .rarrow { right: 0; }
#featuredContent { display: block; height: 360px; font-family: Arial, Helvetica, sans-serif; }
#featuredContent .interior { height: 360px; width: 550px; overflow: hidden; }
/* interiores */

#featuredContent .noClick,
#featuredContent .fullClick,
#featuredContent .multiClick,
#featuredContent .doubleClick,
#featuredContent .tripleClick,
#featuredContent .singleClick { background-size: 100%; width: 550px; height: 360px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#featuredContent .noClick img,
#featuredContent .fullClick img,
#featuredContent .multiClick img { max-height: 360px;}
#featuredContent .fullClick,
#featuredContent .multiClick { cursor: pointer; background-repeat: no-repeat; background-size: 100%; }
#featuredContent .interior img { height: 160px; max-height: 160px; max-width: 160px; border: none; }
#featuredContent .doubleClick img { height: 150px; max-height: 150px; max-width: 150px; }
#featuredContent .singleClick img { height: 190px; max-height: 190px; max-width: 190px; }
#featuredContent .interior .homeMainTB { margin: auto; margin-top: 70px; }
#featuredContent .interior .homeMainTB td { vertical-align: top;/*text-align:center;*/ }
#featuredContent .interior .homeMainTB .articulos td { text-align: center; }
#featuredContent .interior .homeMainTB .articulos td { vertical-align: bottom; height: 170px; }
#featuredContent .interior .homeMainTB td .homeTitulo { width: 100%; display: block; text-align: center; }
#featuredContent .homeTitulo { font-weight: bold; font-size: 12px; margin-top: 10px; }
#featuredContent .singleClick .homeMainTB td { width: 240px; }
#featuredContent .doubleClick .homeMainTB td { width: 310px; }
#featuredContent .tripleClick .homeMainTB td { width: 250px; }
#featuredContent .doubleClick .homeMainTB { margin-left: 30px; }
#featuredContent .tripleClick .homeMainTB { margin-left: 45px; }
#featuredContent .homePrecio { position: absolute; font-size: 11px; margin-top: -70px; margin-left: -20px; text-align: left!important; background-image: url('../images/portadas/black50percent.png'); display: inline-block; padding: 4px 8px; border: solid 1px #555; color: #bfbfbf; }
#featuredContent .homePrecio .hTotal { color: #ffffff; font-size: 20px; text-shadow: 0 0 6px #000; font-weight: bold;/*-moz-text-shadow: 0 0 6px #000, -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	-webkit-text-shadow: 0 0 6px #000, -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; 
	text-shadow: 0 0 6px #000, -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;*/ }
#featuredContent .homePrecio .hOriginal { font-size: 14px; text-decoration: line-through; color: #dd0000; }
#featuredContent .homePrecio .hOriginal span { color: #dddddd!important; /*-moz-text-text-shadow: 0 0 4px #fff, -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; 
	-webkit-text-shadow: 0 0 4px #fff, -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; 
	text-shadow: 0 0 4px #fff, -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; */ font-family: Tahoma, Geneva, sans-serif!important; }
#featuredContent .homePrecio .hAhorra { color: #ddd; }
#featuredContent .homeLegales { width: 100%; font-size: 8px; color: #000000; font-weight: bold; }
#featuredContent .fullClick .homeLegales,
#featuredContent .multiClick .homeLegales,
#featuredContent .noClick .homeLegales { margin-top: 315px; }
#featuredContent .singleClick .homeLegales { margin-top: 0px; }
#featuredContent .doubleClick .homeLegales { margin-top: 11px; }
#featuredContent .tripleClick .homeLegales { margin-top: 0px; }
#featuredContent .homeLegales td { vertical-align: bottom; height: 40px; text-align: center; }
#featuredContent .homeLegales span { padding: 3px 25px; display: block; background-image: url('../images/portadas/white80percent.png'); margin: 0px 4px; }
.thumbnailsBox { z-index: 100; position: relative; margin-top: -24px; height: 24px; }
#thumbs { padding: 0; margin: 0; position: absolute; right: 0; }
#thumbs li { list-style-type: none; margin-right: 12px; display: inline-block; float: left; }
#thumbs li a { width: 14px; height: 14px; display: inline-block; -moz-border-radius: 14px; -webkit-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px; }
#thumbs li span { background-color: #CCC; display: block; width: 12px; height: 12px; border: solid 1px #FFF; -moz-border-radius: 14px; -webkit-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }
#thumbs li .activeSlide span,
#thumbs li .activeSlide span:hover { background-color: #B10000; border: solid 1px #FFF; }
#thumbs li span:hover { background-color: #FFF; border: solid 1px #CCC; }
/* ************= cintillo de banners ************= */

.cintilloBanners { clear: both; background-color: #FFF; min-height: 124px; height: auto!important; height: 124px; margin: 20px auto 0 auto; text-align: center;/* Esq. redondeadas 5px *//* sombra externa */ }
.cintilloBanners div { position: relative; padding: 10px 5px; display: inline-block; *float: left; *padding: 10px 8px; }
.cintilloBanners .contador { position: absolute; font-size: .687em; font-weight: bold; background-color: #C00; z-index: 1110; border: solid 1px #FFF; padding: 3px; -moz-box-shadow: 0 3px 5px RGBA(0,0,0,.35); -webkit-box-shadow: 0 3px 5px RGBA(0,0,0,.35); -ms-box-shadow: 0 3px 5px RGBA(0,0,0,.35); box-shadow: 0 3px 5px RGBA(0,0,0,.35); -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; top: 2px; right: 3px; }
.cintilloBanners .contador a { text-decoration: none; color: #FFF; }
.cintilloBanners .contador .popPromociones { position: absolute; z-index: 1232; right: -111px; width: 222px; padding-top: 20px; font-size: 1em; bottom: 0; color: #333; font-weight: normal; }
.cintilloBanners .contador .popPromociones .popBgflecha { padding: 20px 15px 0 15px; background-image: url(../Images/popFlechaAbajo.png); background-position: left bottom; background-repeat: no-repeat; position: relative; bottom: 0; width: 222px; }
.cintilloBanners .contador .popPromociones .popBg { padding: 10px 6px 0 6px; background-image: url(../Images/popFlechaAbajo.png); background-position: left top; background-repeat: no-repeat; position: relative; width: 210px; bottom: 0px; }
.cintilloBanners .contador .popPromociones .popBg a { display: block; color: #369; padding: 0 2px; }
.cintilloBanners .contador .popPromociones .popBg a:hover { color: #39C; }
.cintilloBanners .contador .popPromociones .popBg li a { color: #999; }
.cintilloBanners .contador .popPromociones .popBg li a:hover { color: #333; }
.popBg h3 { display: block; color: #333; font-size: 1.05em; border-bottom: solid 1px #DADADA; margin: 0; padding: 0 5px 5px 5px; }
.popBg ul { margin: 0; padding: 0 10px; }
.popBg li { list-style-type: none; margin: 3px 0; padding: 3px 0; text-align: left; border-bottom: solid 1px #DADADA; font-size: 1em; }
/* **************************************************  Landings ************************************************** */
/* ****************************************************************************************************** */

#landing { display: table; margin: auto; max-width: 930px; width: auto!important; width: 930px; overflow: hidden; }
/* **************************************************  PathMenu ************************************************** */
/* ****************************************************************************************************** */

.pathMenu { min-height: 30px; height: auto!important; height: 30px; margin: 0 0 20px 0;/* Esq. redondeadas 5px *//* sombra externa */ }
/* **************************************************  Listado Carrusel ************************************************** */
/* ****************************************************************************************************** */

.bottomwrap { clear: both; height: 108px; overflow: hidden; margin-left: 20px; }
#bottomContent { overflow: hidden; position: relative; z-index: 2; width: 670px!important; text-align: center; left: 10px; }
#bottomContent ul { margin: 0px auto; padding: 0px; list-style-type: none; position: relative; z-index: 1; display: inline-block; overflow: hidden; text-align: center; }
#bottomContent ul li { overflow: hidden; float: left; width: 134px; height: 110px; margin: 0; }
.bottomwrap .bottomarrows { position: absolute; margin-left: -27px; z-index: 4; font-size: 11px; width: 724px; margin-top: 30px; }
.bottomarrows .larrow { position: absolute; margin-top: 0; z-index: 3; cursor: pointer; }
.bottomarrows .rarrow { position: absolute; margin-top: 0; z-index: 3; right: 0; cursor: pointer; }
.bottomarrows .larrow,
.bottomarrows .rarrow { opacity: .3; transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -webkit-transition: all ease .5s; }
.bottomarrows .larrow:hover,
.bottomarrows .rarrow:hover { opacity: 1; margin-top: 1px; }
#bottomContent ul li { text-align: center; }
#bottomContent ul li a { text-decoration: none; outline: 0; }
#bottomContent ul li img { width: 55px; margin-top: 10px; }
#bottomContent ul li span { display: block; text-align: center; color: #000000; font-size: 12px; line-height: 13px; display: block; text-align: center; margin: auto; }
.carruselSuperior { width: 710px; overflow: hidden; }
#bottomContent ul li span { position: absolute; margin-top: 80px; width: 127px; text-align: center; margin-left: 3px; color: #333; color: #000; text-shadow: -1px 1px 1px #fff; }
#bottomContent ul li img { -moz-transition: width .1s linear, margin-top .1s linear; -webkit-transition: width .1s linear, margin-top .1s linear; -o-transition: width .1s linear, margin-top .1s linear; -ms-transition: width .1s linear, margin-top .1s linear; transition: width .1s linear, margin-top .1s linear; }
#bottomContent ul li img:hover { width: 80px; margin-top: -7px; -moz-transition: width .1s linear, margin-top .1s linear; -webkit-transition: width .1s linear, margin-top .1s linear; -o-transition: width .1s linear, margin-top .1s linear; -ms-transition: width .1s linear, margin-top .1s linear; transition: width .1s linear, margin-top .1s linear; }
/* Listado de productos */
.carruselSuperior { height: 108px; padding: 0 14px; overflow: hidden; /*background-image: url('../Images/carruselSuperiorBG.png'); background-repeat: no-repeat; background-position: bottom;*/ margin-bottom: 20px; }
/* **************************************************  Listado de productos ************************************************** */
/* ****************************************************************************************************** */

#asideIzquierda { float: left; width: 150px; padding: 10px; overflow: hidden; }
#asideIzquierda .filtros { font-size: .75em; }
.filtros ul { padding: 0; list-style-type: none; margin: 0 0 10px 0; }
.filtros ul br { display: none; }
.filtros li { font-weight: bold; margin: 0 0 5px 0; color: #000; font-size: 1em }
.filtros ul ul { margin: 5px 0 0 0; }
.filtros li li { font-size: .916em; font-weight: normal; padding: 0 0 5px 5px; margin: 0; color: #999; }
.filtros li li a { text-decoration: none; padding: 0 0 3px 0; }
.filtros li li.seleccionado a { color:#C00; }
#listadoN1 { clear: both; }
#listadoN1,
#listadoN2,
#columnaDerecha { margin: 0 0 0 190px; }
#columnaDerecha #sectionColContenido { float: left; width: 100%; }
#listadoN2 #productos { float: left; width: 718px; padding: 10px; }
.productosCabeza,
.productosPie { font-size: .687em; }
#productos.mosaico .renglon { clear: both; border-top: solid 1px #CCC; padding: 10px 0 0 0;}
.productosPie { border-top: solid 1px #CCC; clear: both;}
.productosCabeza .totalArticulos,
.productosCabeza .acomodo { float: left; padding: 3px 0 0 0; }
.productosCabeza .totalArticulos span { font-weight: bold; }
.productosCabeza .acomodo { margin: 0 20px;  width: 260px; text-align: center;}
.productosCabeza .ordenar,
.productosPie .ordenar { float: right; }
.productosCabeza .totalArticulos,
.productosCabeza .acomodo,
.productosCabeza .ordenar,
.productosPie .ordenar,
.productosPie .mostrar,
.productosPie .paginas { min-height: 20px; height: auto!important; height: 20px; }
.productosCabeza .acomodo .seleccionado { color: #C00; }
.productosCabeza .mostrar,
.productosPie .mostrar { float: left; padding: 8px 0; }
.productosPie .mostrar,
.productosPie .ordenar { padding: 12px 0 0 0; }
.productosCabeza .paginas,
.productosPie .paginas { float: left; margin: 0 20px; padding: 7px 0 11px 0; width: 260px; text-align: center; }
.productosPie .paginas { padding: 11px 0 0 0; }
.productosCabeza .paginas a,
.productosPie .paginas a { text-decoration: none; padding: 3px; font-weight: bold; }
.productosCabeza .paginas .paginaActiva,
.productosPie .paginas .paginaActiva { font-size: 1.54em; color: #000; }
.productosCabeza .comparar { float: right; padding: 5px 0; }
.productosCabeza .comparar span { float: left; padding: 7px 0 0 0; }
.productosCabeza .comparar div { width: 25px; height: 25px; float: left; margin: 0 0 0 5px; border: solid 1px #CCC; background: #d9d9d9; background: -moz-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); background: -o-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); background: -ms-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d9d9d9', GradientType=0 ); }
.productosCabeza .comparar div img { width: 25px; height: 25px; }
#productos h1 { font-size: 1.125em; }
#opcion,
#opcionComplemento { margin: 10px 0; padding: 10px; position: relative; }
#productos .producto,
#opcion .producto,
#opcionComplemento .producto { border-top: solid 1px #CCC; padding: 10px 0; margin: 0 0 9px 0; clear: both; }
#productos.mosaico .producto { clear: none; width: 33%; text-align: center; float: left; border-top: none; border-right: solid 1px #CCC;}
#productos.mosaico .renglon div:nth-of-type(3) .producto { border-right: none;}
#opcion .producto,
#opcionComplemento .producto { border-top: none; margin: 0; }
#productos .producto .foto,
#opcion .producto .foto,
#opcionComplemento .producto .foto { float: left; margin: 0 10px 0 0; text-align: center; font-size: .75em; }
#productos.mosaico .producto .foto { float: none; }
#productos .producto .foto .comparativo,
#opcion .producto .foto .comparativo,
#opcionComplemento .producto .foto .comparativo { margin: 5px; }
#productos .producto .detalles,
#opcion .producto .detalles,
#opcionComplemento .producto .detalles { margin: 0 20px 0 20px; width: 385px; float: left; }
#listadoN2 #productos .producto .detalles { width: 375px; }
#listadoN2 #productos.mosaico .producto .detalles { width: auto; float: none;}
#productos .producto .detalles .titulo,
#opcion .producto .detalles .titulo,
#opcionComplemento .producto .detalles .titulo { font-size: 0.75em; font-weight: bold; margin: 0 70px 5px 0; }
#productos.mosaico .producto .detalles .titulo { margin-right: 0;}
#productos .producto .detalles .codigo,
#opcion .producto .detalles .codigo,
#opcionComplemento .producto .detalles .codigo { margin: 0 0 10px 0; }
.descripcion { line-height: 1.35em; }
#productos .producto .detalles .descripcion,
#opcion .producto .detalles .descripcion,
#opcionComplemento .producto .detalles .descripcion { font-size: 0.75em; padding: 10px 0; margin: 10px 0 0 0; }
#productos.mosaico .producto .detalles .descripcion { display: none; }
.sugerencias h4,
.plazos h4 { color: #999; margin: 10px 0 2px 0; font-weight: normal; font-size: .666em; }
.plazos h4 { background-image: url('../Images/credimaxLogo.png'); background-repeat: no-repeat; padding-top: 28px; background-position: center top; margin-top: -5px;}
.sugerencias .opciones span,
.plazos .opciones span { font-size: .687em; font-weight: bold; /*max-width: 80px;
	width: auto!important;
	width: 80px;*/ cursor: pointer;/* efecto boton opcion */ }
.sugerencias .opciones span a,
.plazos .opciones span a { /* efecto boton opcion */ }
.sugerencias .opciones span a:hover,
.plazos .opciones span a:hover { /* efecto boton opcion */ }
.sugerencias .opciones span.seleccionado,
.plazos .opciones span.seleccionado { cursor: default;/* efecto boton opcion seleccionado */ }
.sugerencias .opciones span.seleccionado a,
.sugerencias .opciones span.seleccionado a:hover,
.plazos .opciones span.seleccionado a,
.plazos .opciones span.seleccionado a:hover { /* efecto boton opcion seleccionado */ }
.precios { position: relative; text-align: center; }
.precios.credito { color: #666; }
#productos .producto .precios,
#opcion .producto .precios,
#opcionComplemento .producto .precios { position: relative; margin: 0 0 0 540px; width: 190px; }
#listadoN2 #productos .producto .precios { margin: 0 0 0 550px; }
#listadoN2 #productos.mosaico .producto .precios { margin: 20px 0 0 0; }
.precios .facilYRapido { width: 46px; height: 45px; position: absolute; background-image: url(../Images/ico_facilYRapido.png); background-repeat: no-repeat; }
#productos .producto .precios .facilYRapido { left: -60px; top: -5px; }
#productos.mosaico .producto .precios .facilYRapido { left: 10px; top: 0; }
#opcion .producto .precios .facilYRapido,
#opcionComplemento .producto .precios .facilYRapido { left: -20px; top: -15px; position: absolute; }

.precios .deferredPayment2 { width: 56px; height: 48px; position: absolute; background-image: url(../Images/msi/etiqueta-mesesSinIntereses-canastaAzul2.png); background-repeat: no-repeat; }
.precios .deferredPayment18msi { width: 56px; height: 48px; position: absolute; background-image: url(../Images/msi/etiqueta-18mesesSinIntereses2.png); background-repeat: no-repeat; }
#productos .producto .precios .deferredPayment2 { left: -60px; top: -5px; }
#productos.mosaico .producto .precios .deferredPayment2 { left:auto; right:auto; position: static; margin-left: auto; margin-right: auto;  }
#opcion .producto .precios .deferredPayment2,
#opcionComplemento .producto .precios .deferredPayment2 { left: -20px; top: -15px; position: absolute; }

#productos .producto .precios .deferredPayment18msi { left: -60px; top: -5px; }
#productos.mosaico .producto .precios .deferredPayment18msi { left:auto; right:auto; position: static; margin-left: auto; margin-right: auto;  }
#opcion .producto .precios .deferredPayment18msi,
#opcionComplemento .producto .precios .deferredPayment18msi { left: -20px; top: -15px; position: absolute; }
.precios .deferredPayment3 { width: 80px; height: 48px; position: absolute; background-image: url(../Images/msi/etiqueta-12mesesCredimax.png); background-repeat: no-repeat; background-position: right top; }
#productos .producto .precios .deferredPayment3 { left: -84px; top: -5px; }
#productos.mosaico .producto .precios .deferredPayment3 { left:auto; right:auto; position: static; margin-left: auto; margin-right: auto;  }
#opcion .producto .precios .deferredPayment3,
#opcionComplemento .producto .precios .deferredPayment3 { left: -20px; top: -15px; position: absolute; }

.precios .deferredPayment1 { width: 130px; height: 48px; position: absolute; background-image: url(../Images/msi/etiqueta-18y12meses.png); background-repeat: no-repeat; background-position: right top;}
#productos .producto .precios .deferredPayment1 { left: -84px; top: -5px; }
#productos.mosaico .producto .precios .deferredPayment1 { left:auto; right:auto; position: static; margin-left: auto; margin-right: auto; }
#opcion .producto .precios .deferredPayment1,
#opcionComplemento .producto .precios .deferredPayment1 { left: -20px; top: -15px; position: absolute; }

.precioPuntual { font-size: .687em; color: #000; }
.precioPuntual .precio { font-size: 2.54em; color: #C00; display: block; font-weight: bold; }
.contado .precioChaz .precio { font-size: 2em; color: #C00; display: block; font-weight: bold; }
.precioPuntual .precio .moneda { font-size: 0.392em; position: relative; top: -1em; vertical-align: baseline; }
.precioNoPuntual { font-size: .687em; }
.precios .plazo { font-size: .687em; }
.precioChaz { font-size: 11px!important; color: #000; margin: 3px 0 0 0; font-weight: bold!important;}
.promoMenu .precioChaz { margin-top: 5px!important; }
.botonComprar { margin: 10px 0 5px 0; }
.precioDe { font-size: .687em; }
.precioDe .precio { font-size: 1.27em; text-decoration: line-through; }
.precioA { font-size: .75em; }
.precioA .precio { font-size: 1.666em; color: #C00; font-weight: bold; }
.precioAhorro { }
.precios.credito .precioChaz { color: #000; font-size: .610em; margin-top: 5px; }
.precios.credito .precioDe { font-size: 1em; }
.precios.credito .precioDe .precio { font-size: 1em; text-decoration: none;}
.precios.credito .precioA { font-size: 1.09em; color: #000; display: block;}
.precios.credito .precioA .precio { font-size: 1.63em; }
/* **************************************************  Filtros Graficos ************************************************** */
/* ****************************************************************************************************** */

table.RangoFiltro { width: 100%; }
.RangoFiltro .TituloRango h4 { font-size: 1.6em; }
.RangoFiltro .controlPaginacion { background-image: none; background-color: #F4F4F4; height: auto; border-top: dotted 1px #777; border-bottom: dotted 1px #777; margin: 12px 5px 12px 0px; width: 100%; }
.RangoFiltro .controlPaginacion td { padding: 2px 5px 2px 5px; font-size: .687em; }
.RangoFiltro .controlPaginacion td p { padding: 2px 5px; font-size: 1em; margin: 0; }
.RangoFiltro h4 { margin-top: 5px; font-weight: bold; color: #666666; }
.RangoFiltro table.productos { width: 100%; }
.RangoFiltro .productos { text-align: center; }
.RangoFiltro .productos td { width: 33%; padding: 0 10px; }
.RangoFiltro .productos .comparativo,
.RangoFiltro .productos .tituloProducto { font-size: .75em; }
.RangoFiltro .precios { margin: 10px 0; position: relative; }
.RangoFiltro .precios .facilYRapido { left: 15px; }
.RangoFiltro .precios .deferredPayment2 { left: 15px; }
.RangoFiltro .precios .deferredPayment18msi { left: 15px; }
.RangoFiltro .precios .deferredPayment3 { left: 15px; }
.RangoFiltro .precios .deferredPayment1 { left: 15px; }
/* **************************************************  Comparativo ************************************************** */
/* ****************************************************************************************************** */
#comparativo .abrirTodos,
#comparativo .cerrarTodos { padding: 0 0 0 15px; margin: 0 0 20px 0; font-size: .75em; font-weight: bold; background-repeat: no-repeat; background-position: 5px 50%; }
#comparativo .abrirTodos { background-image: url(../SpryAssets/SpryMenuBarRight.gif); }
#comparativo .cerrarTodos { background-image: url(../SpryAssets/SpryMenuBarDown.gif); }
#comparativo .tablaAtributos { width: 100%; font-size: 0.75em; border: solid 1px #CCC; }
#comparativo td { border-bottom: 1px solid #CCC; padding: 3px; }
#comparativo .principales td { padding: 5px; }
#comparativo .atributo { padding-left: 20px; }
#comparativo .principales .atributo { font-weight: bold; }
#comparativo .valorAtributo { text-align: center; }
#comparativo .valorAtributo img { max-width: 30px; width: auto!important; width: 30px; margin: 0; }
#comparativo .principales .valorAtributo img { max-width: none; width: auto; }
#comparativo .precios { font-size: 1.333em; }
#comparativo .precios .facilYRapido { position: relative; left: auto; margin: auto; }
#comparativo .precios .deferredPayment2 { position: relative; left: auto; margin: auto; }
#comparativo .precios .deferredPayment18msi { position: relative; left: auto; margin: auto; }
#comparativo .precios .deferredPayment3 { position: relative; left: auto; margin: auto; }
#comparativo .precios .deferredPayment1 { position: relative; left: auto; margin: auto; }
#comparativo .valorAtributo .h-msi-12 { background: url(/Images/msi/MSI_2.png) 0px 0px; width: 50px; height:50px; margin-bottom:10px; margin-left: auto; margin-right: auto; }
#comparativo .valorAtributo .h-msi-9 { background: url(/Images/msi/MSI_2.png) -50px 0px; width: 50px; height:50px; margin-bottom:10px; margin-left: auto; margin-right: auto; }
#comparativo .valorAtributo .h-msi-18 { background: url(/Images/msi/MSI_2.png) -100px 0px; width: 50px; height:50px; margin-bottom:10px; margin-left: auto; margin-right: auto; }
#comparativo .valorAtributo .h-msi-6 { background: url(/Images/msi/MSI_2.png) -200px 0px; width: 50px; height:50px; margin-bottom:10px; margin-left: auto; margin-right: auto; }
#comparativo .valorAtributo .h-msi-36 { background: url(/Images/msi/MSI_2.png) -250px 0px; width: 50px; height:50px; margin-bottom:10px; margin-left: auto; margin-right: auto; }
#comparativo .valorAtributo .h-priceOf { color:#808080; font-family:font-roboto-medium; font-size:16px; margin:0px; padding:0px; }
#comparativo .valorAtributo .h-priceTo {color:#cc1b0f; font-family:font-roboto-bold; font-size:27px;}
#comparativo .valorAtributo #credimax-default-term{ margin-right:5px}
#comparativo .valorAtributo #credimax-default-term p { margin: 0; }
#comparativo .valorAtributo #credimax-default-term #credit-term-lbl { font-family: font-roboto-medium; color: #E11215; font-size: 9px; text-align:left; }
#comparativo .valorAtributo #credimax-default-term #credit-term-price { display: inline-block; color: #E11215; font-size: 16px; position:relative; top: -1px}
#comparativo .valorAtributo #credimax-default-term #credit-term-weeks { display: inline-block; font-size: 8px; vertical-align: top; line-height:10px; text-align:left; }

/* **************************************************  Detalle de producto ************************************************** */
/* ****************************************************************************************************** */

.muestraProducto .moduloDetalle .promocionEtiqueta td,
.muestraProducto .moduloDetalle .promocion td { font-size: .687em; }
.muestraProducto form,
.muestraProducto h2,
.muestraProducto h3 { margin: 0; padding: 0; }
.detalleProducto h1,
.detalleProducto h2 { font-size: .91em; }
.muestraProducto h3 { font-size: .75em; font-weight: bold; padding: 0px 0px 5px 0px; color: #363636; }
.detalleProducto .codigoModelo { margin: 0 0 10px 0; }
.colMayor { float: left; width: 740px; }
.colMenor { float: left; width: 740px; }
/* Menu Derecha */
.menuFijo { position: fixed; right: 50%; margin-right: -465px; top: 250px; width: 170px; z-index: 2; text-align: center; }
.menuFijo .preciosComprar,
.menuFijo .noVendible,
.menuFijo .formasEntrega,
.menuFijo .links { padding: 5px; background-color: #FFF; margin: 0 0 20px 0; }
.muestraProducto .menuFijo .botonComprar { min-height: 40px; height: auto!important; height: 40px; padding-left: 3px; }
.muestraProducto .menuFijo .precios.credito .botonComprar { background-image: url('../Images/credimaxLogo.png'); background-repeat: no-repeat; padding-bottom: 23px; background-position: center bottom; }
.muestraProducto .menuFijo .botonComprar input,
.muestraProducto .menuFijo .botonComprar span { float: left; font-size: .687em; }
.muestraProducto .menuFijo .botonComprar span { text-align: center; display: block; width: 50px; padding-top: 3px; }
.muestraProducto .menuFijo .botonComprar .cantidad { display: block; width: 15px; float: none; text-align: center; margin: auto; margin-bottom: 4px; }
.muestraProducto .menuFijo .links { padding: 0; text-align: left; overflow: hidden; }
.muestraProducto .menuFijo .links a { border-top: solid 1px #dadada; display: block; padding: 4px; padding-left: 30px; background-image: url('../images/backgrounds/menuFijoBG.gif'); background-repeat: repeat-y; background-position: left; text-decoration: none; color: #000000; background-color: #ffffff; font-size: .687em; }
.muestraProducto .menuFijo .links a:first-of-type { border-top: none; }
.muestraProducto .menuFijo .links a:hover,
.muestraProducto .menuFijo .links a:active { background-color: #f5f5f5; }
.muestraProducto .menuFijo .plazos { clear: both; }
.muestraProducto .menuFijo .plazos h4 { padding: 0 0 2px 0; }
#muestraProducto .precios .facilYRapido { position: relative; margin: 10px auto; }
#muestraProducto .precios .deferredPayment2 { position: relative; margin: 5px auto; }
#muestraProducto .precios .deferredPayment18msi { position: relative; margin: 5px auto; }
#muestraProducto .precios .deferredPayment3 { position: relative; margin: 0 auto; }
#muestraProducto .precios .deferredPayment1 { position: relative; margin: 5px auto; }
.mensajeFondo { color: #C00; font-size: .75em; text-align: center; padding: 15px 10px 17px 10px; background-image: url(../Images/mensajeFondo-chico.jpg); background-repeat: no-repeat; background-position: left bottom; font-weight: bold; background-color: #FFF; border: solid 1px #C00; margin: 0px 0px 5px 0px; }
.mensaje { border: solid 1px #900; text-align: center; background-image: url(../Images/mensajeFondo.jpg); background-repeat: no-repeat; min-height: 28px; padding: 15px; background-position: left bottom; margin: 5px; color: #C33; font-size: .75em; max-width: 930px; font-family: Tahoma, Geneva, sans-serif; }
/* producto*/
.detalleProducto { margin-bottom: 10px; }
html > body .detalleProducto { overflow: hidden; }
.detalleProducto .izquierda,
.detalleProducto .derecha { float: left; }
.detalleProducto .izquierda { width: 360px; }
.detalleProducto .titulo { margin: 0 0 10px 0; }
.detalleProducto .derecha { width: 360px; margin-left: 20px; }
/*fotos y thumbnails*/
#mainFoto { margin-bottom: 10px; min-height: 360px; height: auto!important; height: 360px; }
#mainFoto img { width: 360px; }
.cajaVideo { display: block; min-height: 325px; background-color: #000000; padding-top: 75px; }
#thumbnails { text-align: center; }
#thumbnails span span,
#thumbnails span.video { display: inline-block; margin: 0 4px 5px 3px; }
#thumbnails img { width: 40px; border: solid 1px #dadada; cursor: pointer; }
#thumbnails .actual img { border: solid 1px #666666!important; cursor: default; }
/*#thumbnails .video img { border-top:solid 8px #000000!important; border-bottom:solid 8px #000000!important; border-color:#000000!important; }*/
#thumbnails canvas { border: solid 1px #ececec; border-top: none; border-bottom: none; }
#thumbnails .actual canvas,
#thumbnails span span:hover canvas,
#thumbnails span.video:hover canvas { border-color: #c5c5c5; }
#thumbnails span img:hover { border-color: #666666; }

#thumbnails2 { text-align: center; }
#thumbnails2 span span,
#thumbnails2 span.video { display: inline-block; margin: 0 4px 5px 3px; }
#thumbnails2 img { width: 40px; border: solid 1px #dadada; cursor: pointer; }
#thumbnails2 .actual img { border: solid 1px #666666!important; cursor: default; }
/*#thumbnails .video img { border-top:solid 8px #000000!important; border-bottom:solid 8px #000000!important; border-color:#000000!important; }*/
#thumbnails2 canvas { border: solid 1px #ececec; border-top: none; border-bottom: none; }
#thumbnails2 .actual canvas,
#thumbnails2 span span:hover canvas,
#thumbnails2 span.video:hover canvas { border-color: #c5c5c5; }
#thumbnails2 span img:hover { border-color: #666666; }
.formasEntrega { text-align: left; }
.formasEntrega p,
.formasEntrega h5,
.formasEntrega p { margin: 0px; font-weight: bold; }
.formasEntrega .costoEnvio { margin: 10px 0 0 0; }
.formasEntrega p.apagado,
.formasEntrega p.prendido { font-size: 15px; background-repeat: no-repeat; background-position: 0px 1px; padding: 0px 0px 0px 15px; }
.formasEntrega p.apagado { color: #999; font-weight: normal; background-image: url(../Images/i_tacheChGris.gif); }
.formasEntrega p.prendido { color: #060; background-image: url(../Images/i_palomaCh.gif); }
.formasEntrega p.apagado2,
.formasEntrega p.prendido2 { font-size: .685em; background-repeat: no-repeat; background-position: 0px 1px; padding: 0px 0px 0px 15px; }
.formasEntrega p.apagado2 { color: #999; font-weight: normal; background-image: url(../Images/i_tacheChGris.gif); }
.formasEntrega p.prendido2 { color: #060; background-image: url(../Images/i_palomaCh.gif); }
.formasEntrega h5 { color: #333; font-style: normal; margin: 0 0 10px 0; }
.formasEntrega h6 { text-align: left; font-size: .625em; font-weight: normal; padding: 0px 0px 0px 15px; color: #333; margin: 0 0 5px 0; }
.formasEntrega .costo { text-align: center; font-size: .815em; font-weight: bold; padding: 0; color: #000; margin: 10px; display: block; }
.ratingStar { float: left; }
.formasEntrega .tablaFormulario td { padding: 2px; }
.detalleProducto .milenia { border-bottom: solid 1px #dadada; position: relative; margin: 15px 0; }
.detalleProducto .milenia div { margin: 0 0 5px 0; }
.detalleProducto .milenia .abrir a,
.detalleProducto .milenia .cerrar a { padding: 0 10px 0 0; margin: 0; text-align: right; display: block; position: absolute; top: 20px; right: 5px; background-image: url(../SpryAssets/SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 100% 50%; }
.detalleProducto .milenia .cerrar a { background-image: url(../SpryAssets/SpryMenuBarDown.gif); }
.detalleProducto .milenia .abrir a { background-image: url(../SpryAssets/SpryMenuBarRight.gif); }
.detalleProducto .milenia .cerrar a:hover { background-image: url(../SpryAssets/SpryMenuBarDownHover.gif); }
.detalleProducto .milenia .abrir a:hover { background-image: url(../SpryAssets/SpryMenuBarRightHover.gif); }
.milenia { font-size: .75em; line-height: 17px; margin: 10px 0; }
.milenia table { margin: 10px 0; }
.milenia input[type=radio] { margin: 2px 5px; }
/* modulos detalle */
.muestraProducto .moduloDetalle { border-top: solid 2px #DA2032; padding: 10px; position: relative; }
.muestraProducto .moduloDetalle h2,
#opcion h2,
#opcionComplemento h2,
.complementaCompra h2 { color: #666; font-size: 1em; padding-bottom: 10px; font-weight: bold; }
.muestraProducto .moduloDetalle .verMas,
.complementaCompra .verMas,
#opcion .verMas,
#opcionComplemento .verMas { text-align: right; }
.muestraProducto .moduloDetalle .verMas a,
.complementaCompra .verMas a,
#opcion .verMas a,
#opcionComplemento .verMas a { display: inline-block; padding-left: 5px; background-image: url('../images/botones/verMasBullet.gif'); background-repeat: no-repeat; background-position: left; }
.muestraProducto .moduloDetalle .verMas,
.complementaCompra .verMas,
#opcion .verMas,
#opcionComplemento .verMas { position: absolute; margin-top: -5px; right: 10px; font-size: .687em; }
/*.complementaCompra .verMas { margin-top:-30px; }*/
.muestraProducto .moduloDetalle .pregunta { padding-bottom: 10px; margin-top: 10px; border-bottom: solid 1px #dadada; }
.muestraProducto .moduloDetalle .pregunta h3 { padding-bottom: 5px; }
/*.piezas { text-align: center; clear:both;}
.piezas .medidas { display: inline-block; float: none;}*/
.muestraProducto .medidas { float: none; }
table.medidasTB { border-collapse: separate; }
.medidas h3 { background-color: #dadada; padding: 3px; text-align: center; }
.medidasTB,
.direccionesTB { width: 600px; display: block; margin: auto; }
.medidasTB th { width: 300px; background-color: #dadada; padding: 3px; text-align: center; font-size: .75em; }
.direccionesTB th { width: 200px; text-align: left; }
.direccionesTB th,
.direccionesTB td { padding: 7px 10px; border-right: solid 1px #dadada; border-bottom: solid 1px #dadada; }
.direccionesTB { border-left: solid 1px #dadada; border-top: solid 1px #dadada; }
html > body .muestraProducto .moduloDetalle .fotografias { overflow: hidden; }
.muestraProducto .moduloDetalle .fotografias img { display: block; width: 340px; margin: 10px; float: left; }
.caracteristicasTB { border: solid 1px #dadada; border-bottom: none; width: 400px; margin: auto; margin-top: 14px; margin-bottom: 14px; }
.caracteristicasTB td,
.caracteristicasTB th { border-bottom: solid 1px #dadada; font-size: .687em; }
.caracteristicasTB td { padding: 3px 10px; }
.caracteristicasTB th { background-color: #dadada; padding: 4px 10px; text-align: left; }
.muestraProducto .moduloDetalle .pregunta h3 { font-size: 12px; }
.muestraProducto .moduloDetalle .desc { margin: 10px 0; }
.muestraProducto .moduloDetalle .promocion { padding: 10px; margin: 10px; display: inline-block; width: 300px; }
.muestraProducto .moduloDetalle .promocionEtiqueta { padding: 10px; margin-top: 30px; }
.muestraProducto .moduloDetalle .promocionEtiqueta .etiqueta { position: absolute; display: block; margin-left: 285px; margin-top: -35px; }
.muestraProducto .moduloDetalle .promocionEtiqueta table { width: 100%; }
.muestraProducto .moduloDetalle .promocionEtiqueta td { vertical-align: middle; text-align: center; width: 25%; padding: 0 5px; }
.muestraProducto .moduloDetalle .promocionEtiqueta a { display: block; margin: auto; }
.promedioEstrellas { margin: 0px 0px 5px 0px; height: 15px; }
.calificacionBarras { /*width:186px;*/ margin-bottom: 14px; }
.calificacionBarras th,
.calificacionBarras td { margin-bottom: 5px; }
.calificacionBarras th { width: 18px; text-align: center; font-weight: normal; font-size: 10px; height: 11px; }
.calificacionBarras td { width: 150px; border-top: solid 1px #cecece; border-right: solid 1px #cecece; border-bottom: solid 1px #999999; border-left: solid 1px #999999; height: 11px; background-image: url( '../images/misc/barraOFF.png'); }
.calificacionBarras img { height: 11px; border-left: solid 1px #da7817; border-right: solid 1px #ffcc08; }
.agregarComentario { width: 600px; margin: auto; margin-top: 14px; }
.agregarComentario th { text-align: right; font-weight: normal; padding: 0 5px 5px 0; width: 150px; vertical-align: middle; font-size: .75em; }
.agregarComentario td { text-align: left; width: 300px; vertical-align: middle; padding: 0 0 5px 0; }
.agregarComentario td span,
.agregarComentario th span { color: #da2032; }
.agregarComentario td img { display: block; margin-bottom: 5px; }
.agregarComentario td .entrada,
.agregarComentario td textarea { width: 150px; }
.agregarComentario .botonBGRojo { margin-top: 10px; margin-bottom: 14px; }
.promedioCalificacion { overflow: hidden; width: 250px; margin: auto; }
.promedioCalificacion .left,
.promedioCalificacion .right { width: 50%; vertical-align: top; }
.promedioCalificacion .titulo { float: left; padding-left: 20px; }
.promedioCalificacion table { clear: both; }
.comentarios .ind { border-bottom: solid 1px #bababa; margin-bottom: 10px; }
.comentarios .titulo { float: left; width: 380px; font-weight: bold; padding-bottom: 3px; font-size: 12px; color: #da2032; }
.comentarios .autor { clear: both; font-weight: bold; padding-bottom: 6px; font-size: 11px; }
.comentarios .autor span { display: inline-block; padding-left: 6px; font-weight: normal; font-size: 10px; }
.comentarios .comentario p { padding-bottom: 10px; }
.complementaCompra { padding: 10px; margin: 10px 0px; position: relative; }
.complementaCompra .interior { margin: auto; }
.complementaCompra h2 { padding: 7px 14px; margin: -7px -14px 14px -14px; }
.complementaCompra .interior .verMas { position: static; display: block; margin: -5px 0px 5px 0px; clear: both; }
.complementaCompra .interior .producto { display: inline-block; width: 150px; text-align: center; margin: 0px 11px 10px 11px; }
.complementaCompra .interior .producto .agregar { font-size: .75em; }
.complementaCompra .interior .producto .antes,
.complementaCompra .interior .producto .ahora { font-size: .75em; }
.complementaCompra .interior .producto .antes { text-decoration: line-through; }
.complementaCompra .interior .agregar { padding: 5px 0px 0px 0px; }
#opcionComplemento .producto .detalles { /*width: 540px;*/ }
.complementaCompra .resumen,
#opcionComplemento .resumen { clear: both; border-top: solid 1px #dadada; padding: 14px 0px 0px 0px; text-align: center; }
/*html > body .complementaCompra .interior { overflow: hidden; }
* html .complementaCompra .interior { height: 200px; }
.complementaCompra .resumen div,
#opcion .resumen div {
	display: inline-block;
}*/
.complementaCompra .resumen table,
#opcionComplemento .resumen table { margin: auto; }
.complementaCompra .resumen td td,
#opcionComplemento .resumen td td { vertical-align: middle; text-align: right; font-weight: bold; color: #999; padding: 0px 0px 0px 10px; }
#opcionComplemento .resumen td td { font-weight: normal; text-align: center; padding: 0px 10px; }
.complementaCompra .interior .producto .datosProducto { min-height: 190px; overflow: hidden; }
.complementaCompra .resumen .total,
#opcionComplemento .resumen .total { color: #000; font-size: 1em; }
.complementaCompra .resumen .totalPiezas,
#opcionComplemento .resumen .totalPiezas { color: #C00; }
#opcionComplemento .resumen .totalPiezas { font-size: .875em; }
#opcionComplemento .resumen .precios .facilYRapido { left: -25px; top: -15px; position: absolute; }
#opcionComplemento .resumen .precios .deferredPayment2 { left: -25px; top: -15px; position: absolute; }
#opcionComplemento .resumen .precios .deferredPayment18msi { left: -25px; top: -15px; position: absolute; }
#opcionComplemento .resumen .precios .deferredPayment3 { left: -25px; top: -15px; position: absolute; }
#opcionComplemento .resumen .precios .deferredPayment1 { left: -25px; top: -15px; position: absolute; }
#opcionComplemento .resumen .botonComprar { margin: 10px 0; }
#opcionComplemento .resumen .plazos { margin-top: 10px; }
.cabeceraSocio { margin: 15px 0px; max-width: 718px; border: none; }
/******************************** mosaico iconos **********************************/
.muestraProducto .moduloDetalle .caracteristicas { text-align: center; }
.muestraProducto .moduloDetalle .caracteristicas div { text-align: center; width: 400px; margin: 20px auto; }
.muestraProducto .moduloDetalle .caracteristicas div div { width: auto; margin: 0px; }
.muestraProducto .moduloDetalle .caracteristicas h4 { margin: 0px 0px 10px 0px; }
.muestraProducto .moduloDetalle .caracteristicas h4 img { vertical-align: bottom; padding: 0px 2px; }
.muestraProducto .caracteristicas .mosaico { overflow: auto; }
.muestraProducto .caracteristicas .mosaico ul { margin: 0; padding: 0; }
.muestraProducto .caracteristicas .mosaico ul li { display: block; float: left; margin: 0px 10px 10px 0px; }
.muestraProducto .caracteristicas .mosaico ul li strong,
.muestraProducto .caracteristicas .mosaico ul li span { display: none; font-size: 0px; }
.muestraProducto .moduloDetalle .caracteristicas .lista li { font-size: 1em; }
.muestraProducto .caracteristicas .lista,
.muestraProducto .moduloDetalle .caracteristicas .lista { font-size: .75em; }
.muestraProducto .caracteristicas .lista ul { margin: 0; padding: 0; text-align: left; }
.muestraProducto .caracteristicas .lista ul li { display: block; margin-right: 2px; margin: 0; padding: 3px; overflow: auto; border-bottom: #999 dotted 1px; }
.muestraProducto .caracteristicas .lista ul li img { margin: 0 10px 0 0; padding: 0; left: 0; float: left; }
.muestraProducto .caracteristicas .lista strong { display: block; float: left; padding-top: 5px; max-width: 38%; }
.muestraProducto .caracteristicas .lista strong[title] { font-style: italic; color: #0070B3; }
.muestraProducto .caracteristicas .lista span { text-align: right; display: block; float: right; padding-top: 5px; max-width: 44%; }
.detalleProducto .etiquetaGama { position: relative; }
.detalleProducto .etiquetaGama div { position: absolute; }
.muestraProducto .moduloDetalle .etiquetaGama { padding: 10px 0px; }
.tableWeekly { margin: 20px 0; text-align: center; }
.tableWeekly table { width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.tableWeekly table table { }
.tableWeekly th,
.tableWeekly td { text-align: center; padding: 5px 2px; }
.tableWeekly td td { padding: 3px; }
.tableWeekly th { background-color: #E8E8E8; width: 33%; font-size: .675em; }
.tableWeekly div { font-size: 1.125em; border-spacing: 5px; cursor: pointer; }
.tableWeekly div td { width: 33%; }
.tableWeekly .plazos div.checket,
.tableWeekly .plazos div.unchecket { margin: 0 0 5px 0; padding: 0; display: block; font-size: .75em; }
.tableWeekly .plazos div.checket { cursor: default; }
.tableWeekly .plazos div.checket td { padding: 5px 3px 1px 3px; }
.tableWeekly .plazos div.unchecket .semanas { color: #999; }
.tableWeekly .plazos div.checket .semanas { color: #000; }
.tableWeekly .plazos div.unchecket .puntual { color: #cb9499; }
.tableWeekly .plazos div.checket .puntual { color: #C00; }
.tableWeekly .plazos div.unchecket .noPuntual { color: #CCC; }
.tableWeekly .plazos div.checket .noPuntual { color: #999; }
/* **************************************************  Botones ************************************************** */
/* ****************************************************************************************************** */

.botonBGGris { background-image: url('../images/botonesBG.png')!important; background-position: left top!important; background-repeat: no-repeat!important; padding-left: 11px!important; display: inline-block!important; }
.botonBGGris input { overflow: visible; }
.botonBGGris input,
.botonBGGris a { background: none!important; border: none!important; font-size: .6875em!important; background-image: url('../images/botonesBG.png')!important; background-position: right top!important; background-repeat: no-repeat!important; color: #555555!important; padding: 0!important; margin: 0!important; padding-top: 0px!important; padding-right: 11px!important; padding-bottom: 5px!important; cursor: pointer!important; display: block!important; }
.botonBGGris,
.botonBGGris input,
.botonBGGris a { min-height: 23px!important; height: auto!important; height: 23px; }
.botonBGGris a { text-decoration: none; padding-top: 2px!important; min-height: 15px!important; height: auto!important; height: 15px; }
.botonBGGris:hover { background-position: left -30px!important; }
.botonBGGris:hover input,
.botonBGGris:hover a { background-position: right -30px!important; color: #777777!important; }

.botonBGRojo { background-image: url('../images/botonesBG.png')!important; background-position: left -80px!important; background-repeat: no-repeat!important; padding-left: 11px!important; display: inline-block!important; }
.botonBGRojo input { overflow: visible; }
.botonBGRojo input,
.botonBGRojo a { background: none!important; border: none!important; font-size: .6875em!important; background-image: url('../images/botonesBG.png')!important; background-position: right -80px!important; background-repeat: no-repeat!important; color: #FFF!important; padding: 0!important; margin: 0!important; padding-top: 0px!important; padding-right: 11px!important; padding-bottom: 5px!important; cursor: pointer!important; display: block!important; }
.botonBGRojo,
.botonBGRojo input,
.botonBGRojo a { min-height: 23px!important; height: auto!important; height: 23px; }
.botonBGRojo a { text-decoration: none; padding-top: 2px!important; min-height: 15px!important; height: auto!important; height: 15px; }
.botonBGRojo:hover { background-position: left -110px!important; }
.botonBGRojo:hover input,
.botonBGRojo:hover a { background-position: right -110px!important; color: #FFF!important; }

.botonBGAzul { background-image: url('../images/botonesBG.png')!important; background-position: left -160px!important; background-repeat: no-repeat!important; padding-left: 11px!important; display: inline-block!important; }
.botonBGAzul input { overflow: visible; }
.botonBGAzul input,
.botonBGAzul a { background: none!important; border: none!important; font-size: .6875em!important; background-image: url('../images/botonesBG.png')!important; background-position: right -160px!important; background-repeat: no-repeat!important; color: #FFF!important; padding: 0!important; margin: 0!important; padding-top: 0px!important; padding-right: 11px!important; padding-bottom: 5px!important; cursor: pointer!important; display: block!important; }
.botonBGAzul,
.botonBGAzul input,
.botonBGAzul a { min-height: 23px!important; height: auto!important; height: 23px; }
.botonBGAzul a { text-decoration: none; padding-top: 2px!important; min-height: 15px!important; height: auto!important; height: 15px; }
.botonBGAzul:hover { background-position: left -190px!important; }
.botonBGAzul:hover input,
.botonBGAzul:hover a { background-position: right -190px!important; color: #FFF!important; }

.botonBGNeutro { background-image: url('../images/botonesBG.png')!important; background-position: left -240px!important; background-repeat: no-repeat!important; padding-left: 20px!important; display: inline-block!important; }
.botonBGNeutro input,
.botonBGNeutro a { background: none!important; border: none!important; font-size: 12px!important; background-image: url('../images/botonesBG.png')!important; background-position: right -240px!important; background-repeat: no-repeat!important; color: #666!important; padding: 0!important; margin: 0!important; padding-top: 4px!important; *padding-top: 2px!important; padding-right: 20px!important; padding-bottom: 4px!important; cursor: pointer!important; display: block!important; overflow: visible; }
.botonBGNeutro,
.botonBGNeutro input,
.botonBGNeutro a { min-height: 14px!important; height: auto!important; height: 14px; }
.botonBGNeutro a { text-decoration: none; padding-top: 4px!important; min-height: 14px!important; height: auto!important; height: 14px; }
.botonBGNeutro:hover { background-position: left -270px!important; }
.botonBGNeutro:hover input,
.botonBGNeutro:hover a { background-position: right -270px!important; color: #666!important; }

.botonBGCheckout { background-image: url('../images/botonesBG.png')!important; background-position: left -320px!important; background-repeat: no-repeat!important; padding-left: 20px!important; display: inline-block!important; }
.botonBGCheckout input,
.botonBGCheckout a { background: none!important; border: none!important; font-size: 12px!important; background-image: url('../images/botonesBG.png')!important; background-position: right -320px!important; background-repeat: no-repeat!important; color: #FFF!important; padding: 0!important; margin: 0!important; padding-top: 4px!important; *padding-top: 2px!important; padding-right: 20px!important; padding-bottom: 4px!important; cursor: pointer!important; display: block!important; overflow: visible; }
.botonBGCheckout,
.botonBGCheckout input,
.botonBGCheckout a { min-height: 14px!important; height: auto!important; height: 14px; }
.botonBGCheckout a { text-decoration: none; padding-top: 4px!important; min-height: 14px!important; height: auto!important; height: 14px; }
.botonBGCheckout:hover { background-position: left -350px!important; }
.botonBGCheckout:hover input,
.botonBGCheckout:hover a { background-position: right -350px!important; color: #FFF!important; }

.botonBGCompra { background-image: url('../images/botonesBG.png')!important; background-position: left -400px!important; background-repeat: no-repeat!important; padding-left: 20px!important; display: inline-block!important; }
.botonBGCompra input,
.botonBGCompra a { background: none!important; border: none!important; font-size: 12px!important; background-image: url('../images/botonesBG.png')!important; background-position: right -400px!important; background-repeat: no-repeat!important; color: #663300!important; padding: 0!important; margin: 0!important; padding-top: 4px!important; *padding-top: 2px!important;  padding-right: 20px!important; padding-bottom: 4px!important; cursor: pointer!important; display: block!important; overflow: visible; }
.botonBGCompra,
.botonBGCompra input,
.botonBGCompra a { min-height: 14px!important; height: auto!important; height: 14px; }
.botonBGCompra a { text-decoration: none; padding-top: 4px!important; min-height: 14px!important; height: auto!important; height: 14px; }
.botonBGCompra:hover { background-position: left -430px!important; }
.botonBGCompra:hover input,
.botonBGCompra:hover a { background-position: right -430px!important; color: #663300!important; }

.botonBGCarrito { background-image: url('../images/botonesBG.png')!important; background-position: left -480px!important; background-repeat: no-repeat!important; padding-left: 32px!important; display: inline-block!important; }
.botonBGCarrito input,
.botonBGCarrito a { background: none!important; border: none!important; font-size: 12px!important; background-image: url('../images/botonesBG.png')!important; background-position: right -480px!important; background-repeat: no-repeat!important; color: #663300!important; padding: 0!important; margin: 0!important; padding-top: 4px!important; padding-right: 20px!important; padding-bottom: 8px!important; cursor: pointer!important; display: block!important; overflow: visible; }
.botonBGCarrito,
.botonBGCarrito input,
.botonBGCarrito a { min-height: 30px!important; height: auto!important; height: 30px; }
.botonBGCarrito a { text-decoration: none; padding-top: 6px!important; min-height: 16px!important; height: auto!important; height: 16px; }
.botonBGCarrito:hover { background-position: left -520px!important; }
.botonBGCarrito:hover input,
.botonBGCarrito:hover a { background-position: right -520px!important; color: #663300!important; }

.botonBGCompraBig { background-image: url('../images/botonesBG.png')!important; background-position: left -560px!important; background-repeat: no-repeat!important; padding-left: 20px!important; display: inline-block!important; }
.botonBGCompraBig input,
.botonBGCompraBig a { background: none!important; border: none!important; font-size: 14px!important; background-image: url('../images/botonesBG.png')!important; background-position: right -560px!important; background-repeat: no-repeat!important; color: #663300!important; padding: 0!important; margin: 0!important; padding-top: 9px!important; padding-right: 20px!important; padding-bottom: 15px!important; cursor: pointer!important; display: block!important; overflow: visible; }
.botonBGCompraBig,
.botonBGCompraBig input,
.botonBGCompraBig a { min-height: 44px!important; height: auto!important; height: 44px; }
.botonBGCompraBig a { text-decoration: none; padding-top: 11px!important; min-height: 16px!important; height: auto!important; height: 16px; }
.botonBGCompraBig:hover { background-position: left -605px!important; }
.botonBGCompraBig:hover input,
.botonBGCompraBig:hover a { background-position: right -605px!important; color: #663300!important; }

.botonBGSiguiente { background-image: url('../images/botonesBG.png') !important; background-position: left -680px !important; background-repeat: no-repeat !important; padding-left: 20px !important; display: inline-block !important; }
.botonBGSiguiente input,
.botonBGSiguiente a { background: none !important; border: none !important; font-size: 12px !important; background-image: url('../images/botonesBG.png') !important; background-position: right -680px !important; background-repeat: no-repeat !important; color: #FFF !important; padding: 0 !important; margin: 0!important; padding-top: 4px !important; padding-right: 32px !important; padding-bottom: 8px !important; cursor: pointer !important; display: block !important; overflow: visible; }
.botonBGSiguiente,
.botonBGSiguiente input,
.botonBGSiguiente a { min-height: 31px!important; height: auto!important; height: 31px; }
.botonBGSiguiente a { text-decoration: none; padding-top: 6px!important; min-height: 16px!important; height: auto!important; height: 16px; }
.botonBGSiguiente:hover { background-position: left -720px!important; }
.botonBGSiguiente:hover input,
.botonBGSiguiente:hover a { background-position: right -720px!important; color: #FFF !important; }

.botonBGSiguienteNeutro { background-image: url('../images/botonesBG.png') !important; background-position: left -760px !important; background-repeat: no-repeat !important; padding-left: 20px !important; display: inline-block !important; }
.botonBGSiguienteNeutro input,
.botonBGSiguienteNeutro a { background: none !important; border: none !important; font-size: 12px !important; background-image: url('../images/botonesBG.png') !important; background-position: right -760px !important; background-repeat: no-repeat !important; color: #555 !important; padding: 0 !important; margin: 0!important; padding-top: 4px !important; padding-right: 32px !important; padding-bottom: 8px !important; cursor: pointer !important; display: block !important; overflow: visible; }
.botonBGSiguienteNeutro,
.botonBGSiguienteNeutro input,
.botonBGSiguienteNeutro a { min-height: 31px!important; height: auto!important; height: 31px; }
.botonBGSiguienteNeutro a { text-decoration: none; padding-top: 6px!important; min-height: 16px!important; height: auto!important; height: 16px; }
.botonBGSiguienteNeutro:hover { background-position: left -800px!important; }
.botonBGSiguienteNeutro:hover input,
.botonBGSiguienteNeutro:hover a { background-position: right -800px!important; color: #777 !important; }
/* ************************************************** estilos modal ************************************************** */
/* ****************************************************************************************************** */

/*estilos para los modal en general*/
.BlackBackground,
#PIPE_pantallaNegra,
#pantallaNegra,
.modalBackground { background-color: #000000; width: 100%; height: 100%; position: fixed; z-index: 100000; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; display: none; }
#PIPE_popup,
#popup { height: 100%; position: fixed; z-index: 100010; top: 0; left: 50%; }
#PIPE_interiorPopup,
#interiorPopup,
.modalPopup { position: absolute; z-index: 100010; overflow: auto; top: 50%; left: 50%; border: solid 2px #b2adad; border-color: #d92d32; background-color: #ffffff; padding: 20px; }
#PIPE_cerrarPopup,
#cerrarPopup { position: fixed; z-index: 100010; top: 50%; left: 50%; cursor: pointer; width: 26px; height: 26px; background-image: url(../Images/btn_cerrar.png); background-repeat: no-repeat; }
#PIPE_cajaPopup2,
#cajaPopup2 { background-color: #ffffff; height: 100%; text-align: left; }
.Fancybox { position: fixed; z-index: 100001; left: 50%; top: 50%; display: none; overflow:auto; background-color:#FFF;}
.Fancybox:after { content:""; position: fixed; z-index: 100002; top: 1%; right: 1%; cursor: pointer; width: 26px; height: 26px; background-repeat: no-repeat;}
/*fin estilos para los modal en general*/

/*estilos para los modal de promociones con etiquetas*/
.promocionModal h3 { color: #C00; font-size: 1.333em; font-weight: bold; font-family: Verdana, Geneva, sans-serif; margin: 0px 0px 5px 0px; padding: 0px; }
.promocionModal .foto { display: inline-block; width: 57px; float: left; padding: 0px; min-height: 57px; margin: 0px 10px 0px 0px; }
.promocionModal .foto img { width: 57; }
.promocionModal .datos { display: inline-block; float: left; }
.promocionModal .codigo { }
.promocionModal .vigencia { clear: both; color: #999; padding: 5px 0px 0px 0px; text-align: center; }
.promocionModal .descripcion { font-weight: bold; }
.promocionModal .precioDescuento { font-weight: bold; text-decoration: line-through; }
.promocionModal .botonComprar { clear: both; color: #999; padding: 10px 0px 0px 57px; margin: 5px 0px; }
.promocionModal .promoRegalo .vigencia,
.promocionModal .promoPaquete .vigencia { text-align: left; padding-left: 61px; }
.promocionModal .precioDiferencia { font-weight: bold; color: #900; }
.promocionModal .info { text-align: center; }
.promocionModal .info .fecha { color: #C00; font-size: 14px; font-weight: bold; }
.promocionModal .promoRegalo,
.promocionModal .promoPaquete,
.promocionModal .promoEnvioGratis,
.promocionModal .promoExclusivo,
.promocionModal .promoLiquidacion,
.promocionModal .promoOferta,
.promocionModal .promoPreventa { background-repeat: no-repeat; background-position: right top; padding: 5px 70px 5px 5px; font-size: .75em; font-family: Arial, Helvetica, sans-serif; min-height: 65px; }
.promocionModal .promoRegalo { background-image: url(../Images/etiquetas/2011/incluyeRegalo.png); }
.promocionModal .promoPaquete { background-image: url(../Images/etiquetas/2011/compraPaquete.png); }
.promocionModal .promoEnvioGratis { background-image: url(../Images/etiquetas/2011/envioGratis.png); }
.promocionModal .promoExclusivo { background-image: url(../Images/etiquetas/2011/exclusivo.png); }
.promocionModal .promoLiquidacion { background-image: url(../Images/etiquetas/2011/liquidacion.png); }
.promocionModal .promoOferta { background-image: url(../Images/etiquetas/2011/oferta.png); }
.promocionModal .promoPreventa { background-image: url(../Images/etiquetas/2011/preventa.png); }
/*fin estilos para los modal de promociones con etiquetas*/

/* ************************************************** estilos formato ************************************************** */
/* ****************************************************************************************************** */

.clearRenglon { clear: both; display: block; }
.codigoModelo,
.codigo,
.modelo,
.codigoActivo,
.codigoActivoCB,
.codigoCatalogo,
.codigoCatalogoCB,
.codigoNuevo,
.codigoNuevoCB,
.codigoLX,
.codigoLXCB,
.codigoProxDescontinuar,
.codigoProxDescontinuarCB,
.codigoDiscontinuo,
.codigoDiscontinuoCB,
.codigoInactivoTemp,
.codigoInactivoTempCB,
.codigoOtros,
.codigoOtrosCB { font-size: .625em; }
.codigoModelo .codigo,
.codigoModelo .modelo,
.codigoModelo .codigoActivo,
.codigoModelo .codigoActivoCB,
.codigoModelo .codigoCatalogo,
.codigoModelo .codigoCatalogoCB,
.codigoModelo .codigoNuevo,
.codigoModelo .codigoNuevoCB,
.codigoModelo .codigoLX,
.codigoModelo .codigoLXCB,
.codigoModelo .codigoProxDescontinuar,
.codigoModelo .codigoProxDescontinuarCB,
.codigoModelo .codigoDiscontinuo,
.codigoModelo .codigoDiscontinuoCB,
.codigoModelo .codigoInactivoTemp,
.codigoModelo .codigoInactivoTempCB,
.codigoModelo .codigoOtros,
.codigoModelo .codigoOtrosCB { font-size: 1em; }
.codigo,
.modelo,
.codigoModelo { color: #999999; }
.codigoActivo,
.codigoActivoCB { color: #868686; }
.codigoCatalogo,
.codigoCatalogoCB { color: #0066CC; }
.codigoNuevo,
.codigoNuevoCB { color: #009900; }
.codigoLX,
.codigoLXCB { color: #D77100; }
.codigoProxDescontinuar,
.codigoProxDescontinuarCB { color: #C60000; }
.codigoInactivoTemp,
.codigoInactivoTempCB { color: #6600FF; }
.codigoDiscontinuo,
.codigoOtros,
.codigoDiscontinuoCB,
.codigoOtrosCB { color: #F0F; }
.codigoActivoCB,
.codigoCatalogoCB,
.codigoNuevoCB,
.codigoLXCB,
.codigoProxDescontinuarCB,
.codigoDiscontinuoCB,
.codigoInactivoTempCB,
.codigoOtrosCB { background-repeat: no-repeat; padding-left: 12px; text-align: left; width: 95px; background-position: left center; }
.codigoActivoCB { background-image: url(../Images/fnd_codigoActivoCB.gif); }
.codigoCatalogoCB { background-image: url(../Images/fnd_codigoCatalogoCB.gif); }
.codigoNuevoCB { background-image: url(../Images/fnd_codigoNuevoCB.gif); }
.codigoLXCB { background-image: url(../Images/fnd_codigoLxCB.gif); }
.codigoProxDescontinuarCB { background-image: url(../Images/fnd_codigoProxDescontinuarCB.gif); }
.codigoInactivoTempCB { background-image: url(../Images/fnd_codigoInactivoTempCB.gif); }
.codigoDiscontinuoCB,
.codigoOtrosCB { background-image: url(../Images/fnd_codigoDescontinuadoCB.gif); }
.validador { color: #C00; font-size: 10px; display: inline-block; }
.redesSociales { margin: 10px 0px !important; }
/* Rating */
.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: inline; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(../Images/i_estrella_over.gif); }
.emptyRatingStar { background-image: url(../Images/i_estrella.gif); }
.savedRatingStar { background-image: url(../Images/SavedStar.png); }
/**/
.nota { font-size: .687em; color: #999; padding: 2px; display: inline-block; }
.bordeGris { border: solid #CCC 1px; }
.resaltado,
.resaltadoClaro,
.resaltadoVerde { margin: 10px; padding: 5px; border: solid #ADADAD 1px; font-weight: bold; color: #333333; }
.resaltado { background-color: #F0F0F0; }
.resaltadoClaro { background-color: #F7F7EE; }
.resaltadoVerde { background-color: #F4FFF5; border-color: #090; color: #060; }
#pathNavegacion { display: none; }
.error,
.advertencia { color: #FF0000; text-align: center; border: solid #FF0000 2px; padding: 10px; display: block; font-weight: bold; margin: 10px; font-size: .75em; }
.error { background-color: #F7F4F4; }
.advertencia { background-color: #FFFDE4; }
.formulario .error,
.formulario .advertencia { border: solid #FF0000 1px; padding: 5px; font-weight: normal; font-size: .675em; display: inline; }
.error p,
.advertencia p,
.error li,
.advertencia li { font-size: 1em; }
.error ul,
.advertencia ul { display: inline-block; }
.fondoError { top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1001; opacity: .75; -moz-opacity: 0.75; filter: alpha(opacity=75); }
.errorGeneral { padding: 10px; border: solid 1px #999; width: 450px; background-color: #FFF; z-index: 1002; }
.errorGeneral table { width: 100%; }
.errorGeneral table table { width: auto; }
.errorGeneral2 { padding: 10px; border: solid 1px #999; width: 390px; background-color: #FFF; z-index: 1002; color: #333; }
.f_error11,
.f_error11 td,
.f_error11 td th { font-size: 12px; text-align: justify; }
#loading { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background-image: url('../images/wait.gif'); background-repeat: no-repeat; background-position: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
/* div centrado vertical-align */
.tablaDivVerticalAlign { display: table; *position: relative; overflow: hidden; }
.tablaDivVerticalAlign div { *position: absolute; *top: 50%; display: table-cell; vertical-align: middle; overflow: hidden; *overflow: visible; width: 100%; }
.tablaDivVerticalAlign div div { *position: relative; *top: -50%; padding: 0; display: block; }
.formulario label,
.formulario input,
.formulario select { font-size: .875em; }
.formulario label { margin: 0 5px; }

/*************COLORES*************/
.color_amarillo { color: #FFFF00; }
.color_azul { color: #0000FF; }
.color_azulEnvio { color: #006699; }
.color_azulEspecial { color: #0468B6; }
.color_azulClaro { color: #0066FF; }
.color_azulBancomer { color: #003173; }
.color_blanco { color: #FFFFFF; }
.color_dorado { color: #FFCC00; }
.color_gris { color: #999999; }
.color_naranja { color: #FF3300; }
.color_rojo { color: #FF0000; }
.color_verde { color: #006600; }
.color_verdeMilenia { color: #A5AE21; }
/* ****************************************************************************************************** */
/* ****************************************************************************************************** */
/* ****************************************************************************************************** */

/******************propiedades********************/
.contenidoJustificado { text-align: justify; padding: 0px 30px 0px 0px; }
.centradoMargin { margin: 0 auto; }
.f_floatDer { float: right !important; }
.f_floatIzq { float: left !important; }
.f_justificado,
td.f_justificado { text-align: justify !important; }
.f_bottom { vertical-align: bottom !important; margin-top: auto; margin-bottom: 0; }
.f_middle { vertical-align: middle !important; margin-top: auto; margin-bottom: auto; }
.f_top { vertical-align: top !important; margin-top: 0; margin-bottom: auto; }
.f_centrado img { vertical-align: middle !important; margin-top: auto; margin-bottom: auto; }
.f_centrado td { text-align: left !important; }
.f_centrado,
td.f_centrado { text-align: center !important; margin-left: auto; margin-right: auto; }
.f_derecha,
td.f_derecha { text-align: right !important; }
.f_izquierda,
td.f_izquierda { text-align: left !important; }
.f_subrayado { text-decoration: underline !important; }
.f_textoSinDecoracion { text-decoration: none !important; }
.f_tache { text-decoration: line-through !important; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
.f_bold { font-weight: bold !important; }
.f_rojo { font-weight: bold; color: #cc3333; }
.f_gris { font-weight: normal; color: #999; }
.f_normal { font-weight: normal !important; }
.f_italico { font-style: italic !important; }
.f_textoResaltado { font-size: 16px; font-weight: bold; }
.f_margenIzqCero { margin-left: none !important; }
.f_margenIzqCero table { margin-left: none !important; }
.f_alineadoDer { margin: 0px 0px 0px auto !important; }
.f_ancho200 { width: 200px; }
.f_margenInferior { margin-bottom: 10px !important; }
.margen20px { margin: 20px; }
.margen10px { margin: 10px; }
.margen5px { margin: 5px; }
.margen2px { margin: 2px; }
.padding3px { padding: 3px; }
.padding5px { padding: 5px; }
.padding10px { padding: 10px; }
.paddingder5px { padding-right: 5px; }
.paddingder10px { padding-right: 10px; }
.paddingder { padding-right: 15px; }
.paddingizq5px { padding-left: 5px; }
.paddingizq10px { padding-left: 10px; }
.paddingizq { padding-left: 15px; }
.paddingabajo3 { padding-bottom: 3px; }
.paddingabajo5 { padding-bottom: 5px; }
.paddingabajo10 { padding-bottom: 10px; }
.paddingarriba5 { padding-top: 5px; }

/* **************************************************  CheckOut ************************************************** */
/* ****************************************************************************************************** */

#CheckOut .botonHome { display: none; }
#CheckOut #contenidoCheckOut { margin: 20px 0; }
#CheckOut #columnaIzquierda { float: left; width: 740px;}
#CheckOut #columnaIzquierda #cajaDatos { float: left; width: 718px; padding: 10px 10px 0 10px; overflow: hidden;}
#CheckOut #columnaDerecha { float: left; width: 168px; margin: 0 0 0 20px; }
#CheckOut #columnaDerecha #resumen { margin: 0 0 20px 0; padding: 10px; }
#CheckOut #contenidoCheckOut h1,
#CheckOut #contenidoCheckOut h2 { font-size: .937em; }
#CheckOut #contenidoCheckOut .Accordion { margin: 0 -10px; }
#CheckOut .colIzq,
#CheckOut .colDer { float: left; width: 50%; padding: 10px 0; }
#CheckOut .colIzq .colContenido,
#CheckOut .colDer .colContenido { margin: 10px; }
#CheckOut #contenidoCheckOut .tabla_formulario { }
#CheckOut #contenidoCheckOut .tabla_formulario td { vertical-align: middle; font-size: .75em; }
#CheckOut #contenidoCheckOut .tabla_formulario td td { font-size: 1em; }
#CheckOut input,
#CheckOut select { margin: 7px 5px 0px 0px; }
#CheckOut h8,
#CheckOut .sustH8 { color: #000; font-weight: bold!important; padding-top: 10px!important; display: block; margin-bottom: 0; }
#CheckOut .pago .borderedTablePanel h8 { margin-bottom: 10px; }
#CheckOut .btnmis { padding: 0 8px 4px 0; }
#CheckOut .btnContinuar { text-align: center;}
#CheckOut .productos h3,
#CheckOut .descuentoEnvio { margin: 0 -10px 3px -10px; text-align: center; font-weight: normal; color: #666; background-color: #F3F3F3; padding: 5px; }
#CheckOut .productos h3,
#CheckOut .descuentoEnvio,
#CheckOut .productos table td { font-size: 0.687em; }
#CheckOut .productos h3 a { padding: 0 0 0 5px; }
#CheckOut .descuentoEnvio { margin: 0 -10px; text-align: left; }
#CheckOut #resumen table { width: 100%; margin: 0 0 5px 0; }
#CheckOut #resumen table.marcado { border: solid 1px #900; background-color: #FFE; }
#CheckOut #resumen table td { padding: 2px; }
#CheckOut #resumen table td.derecha { text-align: right; }
#CheckOut .productos table tr.producto { font-weight: bold; }
#CheckOut #resumen .descuentoEnvio table { margin: 0; }
#CheckOut #resumen.contado .total .precioChaz,
#CheckOut #resumen.contado .total .precioChaz .precio { font-size: .875em; color: #C00; }
#CheckOut #resumen.contado .total .precioChaz .precio { font-size: 1em; }
#CheckOut #resumen.contado .credito .precioPuntual,
#CheckOut #resumen.contado .credito .precioPuntual .precio { color: #666; }
#CheckOut .total { text-align: center; border-top: solid 1px #CCC; padding: 0 5px 5px 5px; margin: 0 -10px; background-color: #f3f3f3;}
#CheckOut .total .precioChaz { font-size: .75em; font-weight: bold; padding: 5px;}
#CheckOut .total .precioChaz .precio { display: inline; margin: 0; }
#CheckOut .credito { margin: 10px 0 0 0; text-align: center; }
#CheckOut .credito h5 { font-size: .75em; color: #999; margin: 0 0 5px 0; }
#CheckOut .credito .plazo,
#CheckOut .credito .precioNoPuntual { font-size: .812em; color: #999; line-height: 1.3em; }
#CheckOut .credito .precioPuntual { font-size: .875em; color: #000; font-weight: bold; }
#CheckOut .resultadosTienda { width: 100%; }
#CheckOut .resultadosTienda td { padding: 3px; }
#CheckOut .notas { text-align: justify; }
#CheckOut .advertencia { display: inline-block; background-color: #FFE; font-weight: normal; color: #666; border: solid 1px #900; font-size: .675em; margin: 5px 0 0 0; padding: 5px; }
#CheckOut #resumenEnvio { float: left; width: 718px; padding: 10px; overflow: hidden; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 ); margin: 0 0 10px 0; font-size: .75em; color: #666; /* Esq. redondeadas 5px *//* sombra externa */}
#CheckOut #resumenEnvio h2 { font-size: 1.25em; color: #000; }
#CheckOut #resumenEnvio table { width: 100%; }
#CheckOut #resumenEnvio .datos td { padding: 10px 20px 0 10px; width: 33%; }
#checkout .personasAutorizadas .noAutorizada { text-decoration: line-through; color: #999; display: block; }
#checkout .personasAutorizadas .autorizada {  display: block; }
#checkout .personasAutorizadas .destacada { font-weight: bold; background-color: #F7F7EE; padding: 2px; border: solid 1px #C00; margin: 2px 0; display: inline-block; }
#CheckOut .personasAutorizadas .popupMenu span { font-weight: normal!important; }
#CheckOut .borderedTablePanel p,
#CheckOut .borderedTablePanel li { font-size: 1em; }
#CheckOut .borderedTablePanelCredircard { font-size: 1em; width: auto; }
#CheckOut .borderedTablePanelCredircard .nota { font-size: .875em; margin-top: 10px; }
#CheckOut .half,
#CheckOut .halfCredircardLeft,
#CheckOut .halfCredircardRight { padding: 5px; width: auto;}
#CheckOut .colIzq .half,
#CheckOut .halfCredircardLeft { margin: 0 -5px 0 0;}
#CheckOut .colDer .half,
#CheckOut .halfCredircardRight { margin: 0 0 0 -5px;}
#CheckOut .halfCredircardRight .tabla_formulario { margin: 0 auto 0 5px;}
#CheckOut .borde_abajo { border-bottom: solid 1px #CCC; }
#CheckOut .tdTitulo,#CheckOut .tdTitulo td { background-color: #f3f3f3; }
.rebateTitle { border: 1px #CCC solid; -ms-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);  -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5); box-shadow: 0px 3px 5px rgba(0,0,0,0.5); background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); padding-top: 15px; }
.rebateItem {border: 1px #CCC solid; -ms-box-shadow: 0 0 3px rgba(0,0,0,0.5);  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5); }
#redesSociale {  float: left; max-width: 310px; padding: 0px; }
#redesSociale span { float: left; margin: 5px 11px 5px 0; max-width: 125px; padding: 10px 0 0; }
#YoutubeScript { margin: 2px 2px 0px 0px !important; }