@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i");
@font-face { font-family: 'ApexNew-Light'; src: url("fonts/ApexNewWeb-Light.eot"); src: url("fonts/ApexNewWeb-Light.eot?#iefix") format("embedded-opentype"), url("fonts/ApexNewWeb-Light.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ApexNew-Book'; src: url("fonts/ApexNewWeb-Book.eot"); src: url("fonts/ApexNewWeb-Book.eot?#iefix") format("embedded-opentype"), url("fonts/ApexNewWeb-Book.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ApexNew-Medium'; src: url("fonts/ApexNewWeb-Medium.eot"); src: url("fonts/ApexNewWeb-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/ApexNewWeb-Medium.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ApexNew-Bold'; src: url("fonts/ApexNewWeb-Bold.eot"); src: url("fonts/ApexNewWeb-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ApexNewWeb-Bold.woff") format("woff"); font-weight: normal; font-style: normal; }

@-ms-viewport { width: device-width; }

html { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-overflow-style: scrollbar; scroll-behavior: smooth; }

*, *::before, *::after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

button, input, textarea, select, .ep-uiInput, .InputField.SearchForm { margin: 0; }

input.Text, input.MediumText, select.Text, textarea.LongText, input.LongText, select.LongText, .SelectVariation select.LongText, textarea.VeryLongText, input.VeryLongText, textarea.ExtremeLongText, input.ExtremeLongText { width: auto; line-height: inherit; }

.epCustomFormWrapper dl dt { float: none; width: auto; text-align: left; }

.epCustomFormWrapper dl dd { margin-left: 0; }

.Layout1 .ContentArea, #ContentAreaFix, .Div .ContentArea:before { background: transparent; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: none; font-weight: inherit; color: inherit; }

tr.SeparateRow td { border-top: none; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-animation: autofill 0s forwards; animation: autofill 0s forwards; }

.ContentArea button, .ContentArea .LoginButton, .ContentArea .ep-uiInput-button { color: unset; }

button, .LoginButton, .ep-uiInput-button { border: none; margin: 0; padding: 0; color: inherit; background: unset; }

button:hover, .LoginButton:hover, .ep-uiInput-button:hover { background-color: inherit; color: inherit; }

@keyframes autofill { 100% { background: transparent;
    color: inherit; } }

@-webkit-keyframes autofill { 100% { background: transparent;
    color: inherit; } }

.c-white { color: #fff !important; }

.c-black { color: #000 !important; }

.c-blue-dark { color: #273271 !important; }

.c-blue { color: #38B4E7 !important; }

.c-green { color: #39971a !important; }

.c-orange { color: #ea5c2c !important; }

.c-pink { color: #f89e9f; }

.bgr-blue-dark { background: #273271; }

.bgr-blue-light { background: #e3eefa; }

.bgr-orange { background: #ea5c2c; }

.bgr-blue { background: #38B4E7; }

.bgr-green { background: #39971a; }

.bgr-pink { background: #f89e9f; }

.bgr-yellow { background: #fbbf48; }

.c-blue1 { color: #3ebeef !important; }

.c-blue2 { color: #319cda !important; }

.c-blue3 { color: #001689 !important; }

.c-green-light { color: #76c4b6 !important; }

.c-yellow { color: #fbbf48 !important; }

.c-violet { color: #ba5299 !important; }

.bgr-blue1 { background: #3ebeef !important; }

.bgr-blue2 { background: #319cda !important; }

.bgr-blue3 { background: #001689 !important; }

.bgr-green-light { background: #76c4b6 !important; }

.bgr-violet { background: #ba5299 !important; }

html, body { font-size: 16px; }

.NavBarRoof div, .NavBarRoof span, .NavBarRoof table, .NavBarRoof td, .NavBarRoof p, .NavBarRoof ul li, .NavBarRoof ol li, .NavBarRoof blockquote, .NavBarRoof input, .NavBarRoof button, .NavBarRoof .ep-uiInput-button, .NavBarRoof .search-button, .NavBarRoof .ep-uiInput, .Roof.de_epages-remotesearchUiSuggest-box li { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.Header div, .Header table, .Header td, .Header p, .Header ul li, .Header ol li, .Header blockquote, .Header input, .Header button, .Header .ep-uiInput-button, .Header .search-button, .Header .ep-uiInput, .Header.de_epages-remotesearchUiSuggest-box li { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.Header a, .Header span { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

.NavBarTop div, .NavBarTop span, .NavBarTop table, .NavBarTop td, .NavBarTop p, .NavBarTop ul li, .NavBarTop ol li, .NavBarTop blockquote, .NavBarTop input .NavBarTop button, .NavBarTop .ep-uiInput-button, .NavBarTop .search-button, .NavBarTop .ep-uiInput, .Top.de_epages-remotesearchUiSuggest-box li { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

.Footer div, .Footer a, .Footer span, .Footer table, .Footer td, .Footer p, .Footer ul li, .Footer ol li, .Footer blockquote, .Footer input, .Footer button, .Footer .ep-uiInput-button, .Footer .search-button, .Footer .ep-uiInput, .Footer.de_epages-remotesearchUiSuggest-box li, .Footer .ContextBoxHead span, .Footer h1, .Footer h2, .Footer h3, .Footer h4, .Footer h5, .Footer h6, .Footer .ShopName a, .Footer .ShopName a:hover { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.Footer div, .Footer a, .Footer span, .Footer table, .Footer td, .Footer p, .Footer ul li, .Footer ol li, .Footer blockquote, .Footer input, .Footer button, .Footer .ep-uiInput-button, .Footer .search-button, .Footer .ep-uiInput, .Footer.de_epages-remotesearchUiSuggest-box li, .Footer .ContextBoxHead span, .Footer h1, .Footer h2, .Footer h3, .Footer h4, .Footer h5, .Footer h6, .Footer .ShopName a, .Footer .ShopName a:hover { font-size: 0.75rem; }

@media screen and (min-width: 200px) { .Footer div, .Footer a, .Footer span, .Footer table, .Footer td, .Footer p, .Footer ul li, .Footer ol li, .Footer blockquote, .Footer input, .Footer button, .Footer .ep-uiInput-button, .Footer .search-button, .Footer .ep-uiInput, .Footer.de_epages-remotesearchUiSuggest-box li, .Footer .ContextBoxHead span, .Footer h1, .Footer h2, .Footer h3, .Footer h4, .Footer h5, .Footer h6, .Footer .ShopName a, .Footer .ShopName a:hover { font-size: calc(0.75rem + 2 * ((100vw - 12.5rem) / 1240)); } }

@media screen and (min-width: 1440px) { .Footer div, .Footer a, .Footer span, .Footer table, .Footer td, .Footer p, .Footer ul li, .Footer ol li, .Footer blockquote, .Footer input, .Footer button, .Footer .ep-uiInput-button, .Footer .search-button, .Footer .ep-uiInput, .Footer.de_epages-remotesearchUiSuggest-box li, .Footer .ContextBoxHead span, .Footer h1, .Footer h2, .Footer h3, .Footer h4, .Footer h5, .Footer h6, .Footer .ShopName a, .Footer .ShopName a:hover { font-size: 0.875rem; } }

.NavBarBottom .ContextBoxHead span, .NavBarBottom h1, .NavBarBottom h2, .NavBarBottom h3, .NavBarBottom h4, .NavBarBottom h5, .NavBarBottom h6, .NavBarBottom .ShopName a, .NavBarBottom .ShopName a:hover, .NavBarBottom div, .NavBarBottom span, .NavBarBottom table, .NavBarBottom td, .NavBarBottom p, .NavBarBottom ul li, .NavBarBottom ol li, .NavBarBottom blockquote, .NavBarBottom input, .NavBarBottom button, .NavBarBottom .ep-uiInput-button, .NavBarBottom .search-button, .NavBarBottom .ep-uiInput, .Bottom.de_epages-remotesearchUiSuggest-box li { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.ContentArea, .ContentArea div, .ContentArea table, .ContentArea td, .ContentArea input, .ContentArea select, .ContentArea button, .ContentArea form, .ContentArea .ep-uiInput-button, .ContentArea .search-button, .ContentArea .ep-uiInput, .ExtractedContentAreaElement, .ContentArea .FacetName { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; font-size: 1em; }

.ContentArea a, .ContentArea .Link, .ExtractedContentAreaElement a, .ExtractedContentAreaElement .Link { font-size: 1em; }

.ContentArea a, .ContentArea a:hover, .ContentArea .Link, .ContentArea .Link:hover, .ExtractedContentAreaElement a, .ExtractedContentAreaElement a:hover, .ExtractedContentAreaElement .Link, .ExtractedContentAreaElement .Link:hover { font-weight: inherit; }

label.Bold span { font-weight: 400; }

input, select, textarea { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

input[type="button"], button, .ContentArea button.AddToBasketButton, .AddVariantesToBasketLink button[type="submit"] { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

.ep-uiTooltip, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.Emphasize { font-size: 1em !important; font-style: normal !important; }

p + p { margin-top: 10px; }

p:last-child { margin-bottom: 0; }

h1, h2, h3, .ContentArea h1, .ContentArea h2, .ContentArea h3, .ContentArea .DialogMessage h3, .ErrorMessage h3, .MessageError h3, .MessageWarning h3, .MessageInfo h3, .MessageConfirmAction h3, .MessagePositiveResult h3, table.UserAttributes tr td.AttributeLabel, .attribute table tr td.AttributeLabel, table.UserAttributes tr td:first-child, .attribute table tr td:first-child, .ElegirColorPersonalizado .CuadroColorSeleccionado .CodigoColor, .ElegirColorPersonalizado table.ColorPersonalizadoTable th, .ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li.ui-state-default a, .ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li.ui-tabs-active a, #ProductInfoTabs .ui-tabs-nav li.ui-state-default a, #ProductInfoTabs .ui-tabs-nav li.ui-tabs-active a, div.SubTotal, label.PrecioFormaEntrega, #BasketEnUnPaso > .DialogMessage.MessageWarningSmall { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: normal; }

.MoneyGap, html body .GeneralLayout strong, html body .GeneralLayout strong *, html body .GeneralLayout b, html body .GeneralLayout b *, .Middle h2 { font-family: "ApexNew-Bold", "Source Sans Pro", sans-serif; font-weight: normal; }

h4, h5, h6, .ContentArea h4, .ContentArea h5, .ContentArea h6, #BasketShippingMethods strong { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.GeneralLayout { max-width: 100%; width: 100%; }

h1, h2, h3, h4, h5, h6, .ContentArea h1, .ContentArea h2, .ContentArea h3, .ContentArea h4, .ContentArea h5, .ContentArea h6 { margin-bottom: 0; margin-top: 0; }

.ContentArea, .ContentArea div, .ContentArea table, .ContentArea td { color: inherit; }

.PageThis, .AlsoBrowseThisCat, hr.Separator, .InputBlock.Separador { display: none !important; }

.ep-uiValidate-message { font-size: 0.5625rem; font-family: inherit; }

.Icon.ProductOnStockIcon, .Icon.ProductWarnStockIcon, .Icon.ProductOutStockIcon, .Icon.ProductNoStockIcon { width: 14px; height: 14px; background-size: 100% !important; }

.ui-front { z-index: 15000; }

.ui-widget-overlay { height: 100%; width: 0%; position: fixed; z-index: 99999999; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.8); overflow-x: hidden; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; background-image: none !important; opacity: 0.95; filter: alpha(opacity=95); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }

.ui-widget-overlay.ui-front { z-index: 200; }

.ep-uiTooltip { z-index: 100; font-size: 11px; }

.ui-autocomplete { list-style: none; padding: 10px 10px; margin: 0; max-height: 200px; overflow-y: auto; }

.ui-autocomplete li { padding: 5px 8px; }

.ui-autocomplete li a { color: #000; }

.ui-autocomplete li a:hover { text-decoration: underline; }

.ui-dialog, .ui-dialog.epDialog { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -op-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

.ui-dialog.ui-corner-all, .ui-dialog.epDialog.ui-corner-all { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; }

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog.epDialog .ui-dialog-titlebar-close { z-index: 10; top: 0; right: -14px; width: 28px; height: 28px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: radius; }

.ui-dialog .ui-dialog-titlebar-close::before, .ui-dialog .ui-dialog-titlebar-close:hover::before, .ui-dialog.epDialog .ui-dialog-titlebar-close::before, .ui-dialog.epDialog .ui-dialog-titlebar-close:hover::before { background: transparent; color: #000; background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/sprite-icons.svg"); background-repeat: no-repeat; width: 28px; height: 28px; background-position: -192px -320px; }

.ui-dialog .ui-dialog-titlebar-close::before, .ui-dialog.epDialog .ui-dialog-titlebar-close::before { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; content: ""; display: inline-block; margin: auto; line-height: 100%; height: 28px; position: relative; font: 400 1.25rem "ApexNew-Book", "Source Sans Pro", sans-serif; }

.ui-dialog.epDialog { overflow: visible; border: 1px solid #e5e5e5; }

.ui-widget, .ui-widget.epDialog { font-size: 1rem; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.ui-widget .ui-widget-content, .ui-widget.epDialog .ui-widget-content { border: none; background: #fff; color: #000; }

.ui-widget .ui-widget-header, .ui-widget.epDialog .ui-widget-header { border: none; background: #fff; color: #363636; font-weight: 600; padding: 10px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; }

.ui-dialog-titlebar { border-bottom: 1px solid #e5e5e5 !important; }

.ui-dialog .ui-dialog-title, .ui-dialog.epDialog .ui-dialog-title { color: #000; font-size: 1rem; font-weight: 600; }

.ui-dialog .ui-dialog-title, .ui-dialog.epDialog .ui-dialog-title { font-size: 0.8125rem; }

@media screen and (min-width: 200px) { .ui-dialog .ui-dialog-title, .ui-dialog.epDialog .ui-dialog-title { font-size: calc(0.8125rem + 3 * ((100vw - 12.5rem) / 1000)); } }

@media screen and (min-width: 1200px) { .ui-dialog .ui-dialog-title, .ui-dialog.epDialog .ui-dialog-title { font-size: 1rem; } }

.ui-dialog .ui-dialog-content, .ui-dialog.epDialog .ui-dialog-content { padding: 1rem 1rem 2rem; }

#DialogError.ui-dialog-content { text-align: center; }

.ui-dialog .ui-dialog-content a, .ui-dialog.epDialog .ui-dialog-content a { color: #999899; }

.ui-dialog-buttonpane.ui-widget-content { border-color: #f5f5f5; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; text-align: center; }

.ui-dialog-buttonset.uiDialogButtonPane button, .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonset button { background: none; background: #273271; border-color: #273271; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; padding: 10px; font-size: 0.875rem !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; }

.ui-dialog-buttonset.uiDialogButtonPane button:hover, .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonset button:hover { background: #38B4E7; border-color: #38B4E7; color: #fff !important; }

.ui-dialog .ui-dialog-buttonset button.ui-state-default { background: #273271; color: #fff; padding: 10px; font-size: 0.875rem !important; }

html body .ep-uiSlides-ctrl a, html body .ep-uiSlides-ctrl:hover a:hover { background: #999899; color: #fff; border: none; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; font-weight: 400; width: 32px; height: 32px; margin-right: -16px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -op-box-shadow: none; -ms-box-shadow: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: radius; line-height: 32px !important; }

.ep-uiSlides-ctrlNext, .ep-uiSlides-ctrlNext a { right: 0; }

.ep-uiSlides-ctrlPrev, .ep-uiSlides-ctrlPrev a { left: 0; }

.ep-uiLightbox { border: none; z-index: 10000000; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; box-shadow: 0 0 5px 1px #ccc; -webkit-box-shadow: 0 0 5px 1px #ccc; -moz-box-shadow: 0 0 5px 1px #ccc; -op-box-shadow: 0 0 5px 1px #ccc; -ms-box-shadow: 0 0 5px 1px #ccc; }

.ep-uiLightbox-ctrlClose { z-index: 10; top: 0; right: -14px; width: 28px; height: 28px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -op-box-shadow: none; -ms-box-shadow: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: radius; background: #fff; border: none; top: -14px; }

.ep-uiLightbox-ctrlClose::before, .ep-uiLightbox-ctrlClose:hover::before { background: transparent; color: #000; background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/sprite-icons.svg"); background-repeat: no-repeat; width: 28px; height: 28px; background-position: -192px -320px; }

.ep-uiLightbox-ctrlClose::before { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; content: ""; display: inline-block; margin: auto; line-height: 100%; height: 28px; position: relative; font: 400 1.25rem "ApexNew-Book", "Source Sans Pro", sans-serif; }

.ep-uiLightbox-ctrlClose > span { display: none; }

.ui-widget.ui-slider-horizontal { height: 1px !important; background: #000 !important; border: none !important; }

.ui-widget-content .ui-slider-handle.ui-state-default { background-image: none !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: radius; width: 16px; height: 16px; background: #273271; }

.ui-widget-content .ui-slider-handle.ui-state-default.ui-state-active { background: #999899; }

.ui-slider-horizontal .ui-slider-handle { top: -8px; }

.ep-uiCustomizer-inputSelected input, .ep-uiCustomizer-inputSelected .ep-uiInput-button, .ep-uiCustomizer-inputSelected textarea, .ep-uiCustomizer-canvasHover, .ep-uiCustomizer-fontColor li.selectedColor, canvas.ep-uiCustomizer-canvasSelected, .ep-uiThumbbox ul li.active { border-color: inherit; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -op-box-shadow: none; -ms-box-shadow: none; }

.ui-datepicker .ui-datepicker-title select { font-size: 0.75rem !important; margin: 0; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.ui-datepicker table { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.ui-datepicker .ui-datepicker-title { line-height: 100% !important; }

.ui-datepicker .ui-datepicker-header { background: #fff; }

.ui-datepicker .ui-state-default { background: none; }

.ui-datepicker-current-day .ui-state-active { background: none !important; font-weight: 700 !important; }

.ui-datepicker .ui-state-hover, .buscadorDocumentos .filtrosBusqueda .ui-datepicker .ui-state-focus { background: #e5e5e5 !important; }

.ui-datepicker td span, .buscadorDocumentos .filtrosBusqueda .ui-datepicker td a { text-align: center !important; }

input:focus, textarea:focus, select:focus, button:focus, input:focus + .ep-uiInput, input:focus + .ep-uiInput-custom .ep-uiInput, input:active, textarea:active, select:active, button:active, input:active + .ep-uiInput, input:active + .ep-uiInput-custom .ep-uiInput { border-color: inherit; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -op-box-shadow: none; -ms-box-shadow: none; }

input:disabled, textarea:disabled, select:disabled, button:disabled, input:disabled + .ep-uiInput, input:disabled + .ep-uiInput-custom .ep-uiInput { background-color: #f4f4f4 !important; border-color: #f4f4f4 !important; color: #ccc !important; cursor: default; }

.ep-uiInput-select { height: auto; }

input, textarea { color: #363636; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; opacity: 1; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; opacity: 1; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; opacity: 1; }

input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #ccc; opacity: 1; }

input::placeholder, textarea::placeholder { color: #ccc; opacity: 1; }

.button-def, .button-def.ep-uiInput-button { padding-left: 10px; padding-right: 10px; font-size: 0.875rem; max-width: 280px; background: none; background: #38B4E7; border-color: #38B4E7; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.button-def:hover, .button-def.ep-uiInput-button:hover { background: #273271; border-color: #273271; color: #fff !important; }

button.button-def, input.button-def { height: 38px; text-transform: uppercase; }

a.button-def { display: block; margin-left: auto; margin-right: auto; padding-top: 12px; padding-bottom: 12px; color: #fff; text-decoration: none; }

a.button-def:hover { color: #fff; }

#divNoEncontrado .button-def { height: 60px; padding-top: 22px; padding-bottom: 22px; font-size: 0.875rem; }

.ui-autocomplete, .RemoteSearchFacet > ul, .ElegirColorPersonalizado #DesplegableColores, .tbShippingAddress tbody { scrollbar-width: thin; scrollbar-color: #273271 #e5e5e5; }

.ui-autocomplete, .RemoteSearchFacet > ul, .ElegirColorPersonalizado #DesplegableColores, .tbShippingAddress tbody { scrollbar-face-color: #999899; scrollbar-arrow-color: #000; scrollbar-track-color: #e5e5e5; scrollbar-shadow-color: #999899; scrollbar-highlight-color: #999899; scrollbar-3dlight-color: #808080; scrollbar-darkshadow-color: #202020; }

.ui-autocomplete::-webkit-scrollbar, .RemoteSearchFacet > ul::-webkit-scrollbar, .ElegirColorPersonalizado #DesplegableColores::-webkit-scrollbar, .tbShippingAddress tbody::-webkit-scrollbar { width: 8px; height: 8px; }

.ui-autocomplete::-webkit-scrollbar-track, .RemoteSearchFacet > ul::-webkit-scrollbar-track, .ElegirColorPersonalizado #DesplegableColores::-webkit-scrollbar-track, .tbShippingAddress tbody::-webkit-scrollbar-track { background: #e5e5e5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; }

.ui-autocomplete::-webkit-scrollbar-thumb, .RemoteSearchFacet > ul::-webkit-scrollbar-thumb, .ElegirColorPersonalizado #DesplegableColores::-webkit-scrollbar-thumb, .tbShippingAddress tbody::-webkit-scrollbar-thumb { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; background: #273271; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; }

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { position: relative; width: 100%; padding-right: 10px; padding-left: 10px; }

.col { -ms-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -webkit-box: 0 0 auto; -moz-box: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; max-width: 100%; }

.col-1 { -webkit-box: 0 0 8.3333333333%; -moz-box: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; -webkit-box-flex: 0; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { -webkit-box: 0 0 16.6666666667%; -moz-box: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; -webkit-box-flex: 0; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-3 { -webkit-box: 0 0 25%; -moz-box: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }

.col-4 { -webkit-box: 0 0 33.3333333333%; -moz-box: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; -webkit-box-flex: 0; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { -webkit-box: 0 0 41.6666666667%; -moz-box: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; -webkit-box-flex: 0; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-6 { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

.col-7 { -webkit-box: 0 0 58.3333333333%; -moz-box: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; -webkit-box-flex: 0; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { -webkit-box: 0 0 66.6666666667%; -moz-box: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; -webkit-box-flex: 0; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-9 { -webkit-box: 0 0 75%; -moz-box: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }

.col-10 { -webkit-box: 0 0 83.3333333333%; -moz-box: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; -webkit-box-flex: 0; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-11 { -webkit-box: 0 0 91.6666666667%; -moz-box: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; -webkit-box-flex: 0; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }

.order-first { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; }

.order-last { -webkit-box-ordinal-group: 13; -ms-flex-order: 13; order: 13; }

.order-0 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; order: 0; }

.order-1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }

.order-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; }

.order-3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; }

.order-4 { -webkit-box-ordinal-group: 4; -ms-flex-order: 4; order: 4; }

.order-5 { -webkit-box-ordinal-group: 5; -ms-flex-order: 5; order: 5; }

.order-6 { -webkit-box-ordinal-group: 6; -ms-flex-order: 6; order: 6; }

.order-7 { -webkit-box-ordinal-group: 7; -ms-flex-order: 7; order: 7; }

.order-8 { -webkit-box-ordinal-group: 8; -ms-flex-order: 8; order: 8; }

.order-9 { -webkit-box-ordinal-group: 9; -ms-flex-order: 9; order: 9; }

.order-10 { -webkit-box-ordinal-group: 10; -ms-flex-order: 10; order: 10; }

.order-11 { -webkit-box-ordinal-group: 11; -ms-flex-order: 11; order: 11; }

.order-12 { -webkit-box-ordinal-group: 12; -ms-flex-order: 12; order: 12; }

.offset-1 { margin-left: 8.3333333333%; }

.offset-2 { margin-left: 16.6666666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.3333333333%; }

.offset-5 { margin-left: 41.6666666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.3333333333%; }

.offset-8 { margin-left: 66.6666666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.3333333333%; }

.offset-11 { margin-left: 91.6666666667%; }

@media (min-width: 576px) { .col-sm { -ms-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -webkit-box: 0 0 auto; -moz-box: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; max-width: 100%; }
  .col-sm-1 { -webkit-box: 0 0 8.3333333333%; -moz-box: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; -webkit-box-flex: 0; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-sm-2 { -webkit-box: 0 0 16.6666666667%; -moz-box: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; -webkit-box-flex: 0; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-sm-3 { -webkit-box: 0 0 25%; -moz-box: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -webkit-box: 0 0 33.3333333333%; -moz-box: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; -webkit-box-flex: 0; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-sm-5 { -webkit-box: 0 0 41.6666666667%; -moz-box: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; -webkit-box-flex: 0; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-sm-6 { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -webkit-box: 0 0 58.3333333333%; -moz-box: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; -webkit-box-flex: 0; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-sm-8 { -webkit-box: 0 0 66.6666666667%; -moz-box: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; -webkit-box-flex: 0; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-sm-9 { -webkit-box: 0 0 75%; -moz-box: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -webkit-box: 0 0 83.3333333333%; -moz-box: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; -webkit-box-flex: 0; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-sm-11 { -webkit-box: 0 0 91.6666666667%; -moz-box: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; -webkit-box-flex: 0; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-sm-12 { -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; }
  .order-sm-last { -webkit-box-ordinal-group: 13; -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -webkit-box-ordinal-group: 4; -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -webkit-box-ordinal-group: 5; -ms-flex-order: 5; order: 5; }
  .order-sm-6 { -webkit-box-ordinal-group: 6; -ms-flex-order: 6; order: 6; }
  .order-sm-7 { -webkit-box-ordinal-group: 7; -ms-flex-order: 7; order: 7; }
  .order-sm-8 { -webkit-box-ordinal-group: 8; -ms-flex-order: 8; order: 8; }
  .order-sm-9 { -webkit-box-ordinal-group: 9; -ms-flex-order: 9; order: 9; }
  .order-sm-10 { -webkit-box-ordinal-group: 10; -ms-flex-order: 10; order: 10; }
  .order-sm-11 { -webkit-box-ordinal-group: 11; -ms-flex-order: 11; order: 11; }
  .order-sm-12 { -webkit-box-ordinal-group: 12; -ms-flex-order: 12; order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.3333333333%; }
  .offset-sm-2 { margin-left: 16.6666666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.3333333333%; }
  .offset-sm-5 { margin-left: 41.6666666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.3333333333%; }
  .offset-sm-8 { margin-left: 66.6666666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.3333333333%; }
  .offset-sm-11 { margin-left: 91.6666666667%; } }

@media (min-width: 768px) { .col-md { -ms-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -webkit-box: 0 0 auto; -moz-box: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; max-width: 100%; }
  .col-md-1 { -webkit-box: 0 0 8.3333333333%; -moz-box: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; -webkit-box-flex: 0; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-md-2 { -webkit-box: 0 0 16.6666666667%; -moz-box: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; -webkit-box-flex: 0; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-md-3 { -webkit-box: 0 0 25%; -moz-box: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -webkit-box: 0 0 33.3333333333%; -moz-box: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; -webkit-box-flex: 0; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-md-5 { -webkit-box: 0 0 41.6666666667%; -moz-box: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; -webkit-box-flex: 0; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-md-6 { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -webkit-box: 0 0 58.3333333333%; -moz-box: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; -webkit-box-flex: 0; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-md-8 { -webkit-box: 0 0 66.6666666667%; -moz-box: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; -webkit-box-flex: 0; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-md-9 { -webkit-box: 0 0 75%; -moz-box: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -webkit-box: 0 0 83.3333333333%; -moz-box: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; -webkit-box-flex: 0; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-md-11 { -webkit-box: 0 0 91.6666666667%; -moz-box: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; -webkit-box-flex: 0; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-md-12 { -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; }
  .order-md-last { -webkit-box-ordinal-group: 13; -ms-flex-order: 13; order: 13; }
  .order-md-0 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; order: 0; }
  .order-md-1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }
  .order-md-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; }
  .order-md-3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; }
  .order-md-4 { -webkit-box-ordinal-group: 4; -ms-flex-order: 4; order: 4; }
  .order-md-5 { -webkit-box-ordinal-group: 5; -ms-flex-order: 5; order: 5; }
  .order-md-6 { -webkit-box-ordinal-group: 6; -ms-flex-order: 6; order: 6; }
  .order-md-7 { -webkit-box-ordinal-group: 7; -ms-flex-order: 7; order: 7; }
  .order-md-8 { -webkit-box-ordinal-group: 8; -ms-flex-order: 8; order: 8; }
  .order-md-9 { -webkit-box-ordinal-group: 9; -ms-flex-order: 9; order: 9; }
  .order-md-10 { -webkit-box-ordinal-group: 10; -ms-flex-order: 10; order: 10; }
  .order-md-11 { -webkit-box-ordinal-group: 11; -ms-flex-order: 11; order: 11; }
  .order-md-12 { -webkit-box-ordinal-group: 12; -ms-flex-order: 12; order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.3333333333%; }
  .offset-md-2 { margin-left: 16.6666666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.3333333333%; }
  .offset-md-5 { margin-left: 41.6666666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.3333333333%; }
  .offset-md-8 { margin-left: 66.6666666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.3333333333%; }
  .offset-md-11 { margin-left: 91.6666666667%; } }

@media (min-width: 992px) { .col-lg { -ms-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -webkit-box: 0 0 auto; -moz-box: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; max-width: 100%; }
  .col-lg-1 { -webkit-box: 0 0 8.3333333333%; -moz-box: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; -webkit-box-flex: 0; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-lg-2 { -webkit-box: 0 0 16.6666666667%; -moz-box: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; -webkit-box-flex: 0; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-lg-3 { -webkit-box: 0 0 25%; -moz-box: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -webkit-box: 0 0 33.3333333333%; -moz-box: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; -webkit-box-flex: 0; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-lg-5 { -webkit-box: 0 0 41.6666666667%; -moz-box: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; -webkit-box-flex: 0; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-lg-6 { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -webkit-box: 0 0 58.3333333333%; -moz-box: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; -webkit-box-flex: 0; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-lg-8 { -webkit-box: 0 0 66.6666666667%; -moz-box: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; -webkit-box-flex: 0; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-lg-9 { -webkit-box: 0 0 75%; -moz-box: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -webkit-box: 0 0 83.3333333333%; -moz-box: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; -webkit-box-flex: 0; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-lg-11 { -webkit-box: 0 0 91.6666666667%; -moz-box: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; -webkit-box-flex: 0; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-lg-12 { -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; }
  .order-lg-last { -webkit-box-ordinal-group: 13; -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -webkit-box-ordinal-group: 4; -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -webkit-box-ordinal-group: 5; -ms-flex-order: 5; order: 5; }
  .order-lg-6 { -webkit-box-ordinal-group: 6; -ms-flex-order: 6; order: 6; }
  .order-lg-7 { -webkit-box-ordinal-group: 7; -ms-flex-order: 7; order: 7; }
  .order-lg-8 { -webkit-box-ordinal-group: 8; -ms-flex-order: 8; order: 8; }
  .order-lg-9 { -webkit-box-ordinal-group: 9; -ms-flex-order: 9; order: 9; }
  .order-lg-10 { -webkit-box-ordinal-group: 10; -ms-flex-order: 10; order: 10; }
  .order-lg-11 { -webkit-box-ordinal-group: 11; -ms-flex-order: 11; order: 11; }
  .order-lg-12 { -webkit-box-ordinal-group: 12; -ms-flex-order: 12; order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.3333333333%; }
  .offset-lg-2 { margin-left: 16.6666666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.3333333333%; }
  .offset-lg-5 { margin-left: 41.6666666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.3333333333%; }
  .offset-lg-8 { margin-left: 66.6666666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.3333333333%; }
  .offset-lg-11 { margin-left: 91.6666666667%; } }

@media (min-width: 1200px) { .col-xl { -ms-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -webkit-box: 0 0 auto; -moz-box: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; max-width: 100%; }
  .col-xl-1 { -webkit-box: 0 0 8.3333333333%; -moz-box: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; -webkit-box-flex: 0; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-xl-2 { -webkit-box: 0 0 16.6666666667%; -moz-box: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; -webkit-box-flex: 0; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-xl-3 { -webkit-box: 0 0 25%; -moz-box: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -webkit-box: 0 0 33.3333333333%; -moz-box: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; -webkit-box-flex: 0; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-xl-5 { -webkit-box: 0 0 41.6666666667%; -moz-box: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; -webkit-box-flex: 0; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-xl-6 { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -webkit-box: 0 0 58.3333333333%; -moz-box: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; -webkit-box-flex: 0; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-xl-8 { -webkit-box: 0 0 66.6666666667%; -moz-box: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; -webkit-box-flex: 0; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-xl-9 { -webkit-box: 0 0 75%; -moz-box: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -webkit-box: 0 0 83.3333333333%; -moz-box: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; -webkit-box-flex: 0; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-xl-11 { -webkit-box: 0 0 91.6666666667%; -moz-box: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; -webkit-box-flex: 0; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-xl-12 { -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; }
  .order-xl-last { -webkit-box-ordinal-group: 13; -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -webkit-box-ordinal-group: 4; -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -webkit-box-ordinal-group: 5; -ms-flex-order: 5; order: 5; }
  .order-xl-6 { -webkit-box-ordinal-group: 6; -ms-flex-order: 6; order: 6; }
  .order-xl-7 { -webkit-box-ordinal-group: 7; -ms-flex-order: 7; order: 7; }
  .order-xl-8 { -webkit-box-ordinal-group: 8; -ms-flex-order: 8; order: 8; }
  .order-xl-9 { -webkit-box-ordinal-group: 9; -ms-flex-order: 9; order: 9; }
  .order-xl-10 { -webkit-box-ordinal-group: 10; -ms-flex-order: 10; order: 10; }
  .order-xl-11 { -webkit-box-ordinal-group: 11; -ms-flex-order: 11; order: 11; }
  .order-xl-12 { -webkit-box-ordinal-group: 12; -ms-flex-order: 12; order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.3333333333%; }
  .offset-xl-2 { margin-left: 16.6666666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.3333333333%; }
  .offset-xl-5 { margin-left: 41.6666666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.3333333333%; }
  .offset-xl-8 { margin-left: 66.6666666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.3333333333%; }
  .offset-xl-11 { margin-left: 91.6666666667%; } }

.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }

.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.align-content-start { -ms-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.align-content-end { -ms-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.align-content-center { -ms-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-self-auto { -webkit-align-self: auto; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; }

.align-self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start !important; align-self: flex-start !important; }

.align-self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end !important; align-self: flex-end !important; }

.align-self-center { -webkit-align-self: center; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }

.align-self-baseline { -webkit-align-self: baseline; -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }

.form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }

.CustomLayout { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; overflow: hidden; position: relative; }

.CustomLayout-fluid { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; overflow: hidden; position: relative; }

.row .CustomLayout { padding-right: 0px; padding-left: 0px; }

.CustomLayout img { max-width: 100%; }

@media (min-width: 576px) { .CustomLayout { max-width: 540px; } }

@media (min-width: 768px) { .CustomLayout { max-width: 720px; } }

@media (min-width: 992px) { .CustomLayout { max-width: 960px; } }

@media (min-width: 1200px) { .CustomLayout { max-width: 1140px; } }

@media (min-width: 1440px) { .CustomLayout { max-width: 1290px; } }

@media (max-width: 767px) { .hide-sm { display: none; } }

@media (max-width: 1199px) { .hide-lg { display: none; } }

@media (max-width: 991px) { .hide-md { display: none; } }

@media (max-width: 767px) { .hide-sm { display: none; } }

.spicon { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/sprite-icons.svg"); background-repeat: no-repeat; }

.ico-search { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-search.svg") !important; }

.ico-return { background-position: -128px -320px; width: 24px; height: 24px; }

.ico-promo::before { content: ""; display: inline-block; background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_s_promo_ok.png") no-repeat 0 0 !important; width: 30px; height: 30px; background-size: cover; }

.TrashIcon { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_s_remove_item.svg") !important; width: 20px; height: 20px; }

.BasketIcon.Icon { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-s-basket.svg") !important; width: 20px; height: 20px; }

.RefreshIconSmall, .SaveIconSmall, .CancelIconSmall, .DeleteIconSmall, .NewIconSmall { display: none; }

.OrderTrackingIconMedium, .PedidosIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_pedidos.png") !important; }

.FacturasIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_facturas.png") !important; }

.AlbaranesIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_albaranes.png") !important; }

.PagosPendIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_pagos.png") !important; }

.StadisticsIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_stadistics.png") !important; }

.ClientDataIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_clientdata.png") !important; }

.UsersIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_users.png") !important; }

.OfertaIcon, .PresuIcon { width: 18px; height: 18px; background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-presupuesto.png") no-repeat center center; }

.ConfigPresIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_config-presupuestos.png") !important; }

.PresupuestosIconMedium { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_m_presupuestos.png") !important; }

.ActivarPresupuestoIcon, .DesactivarPresupuestoIcon, .VerPresupuestoIcon { width: 24px; height: 24px; background-size: 18px; background-position: center center; }

.ActivarPresupuestoIcon { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-activar-presupuesto.png"); }

.DesactivarPresupuestoIcon { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-desactivar-presupuesto.png"); }

.VerPresupuestoIcon { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-edit-presupuesto.png"); }

.NavBarRoof { background: #f4f4f4; left: 0px; position: fixed !important; width: 100%; top: 0px; padding: 0; /*@media (min-width:$min-md+px){ { line-height:getProperty($roof-container, md, height)+px;} img{ max-height:getProperty($roof-container,md, height)+px;} }*/ }

.NavBarRoof .PropertyContainer { margin: 0 auto; position: relative; }

@media (min-width: 200px) { .NavBarRoof .PropertyContainer { width: calc(100% - 20px); } }

@media (min-width: 1440px) { .NavBarRoof .PropertyContainer { max-width: 1290px; } }

.NavBarRoof .SizeContainer { position: relative; }

@media (min-width: 200px) { .NavBarRoof .PropertyContainer { height: 0px; padding-top: 0px; padding-bottom: 0px; }
  .NavBarRoof .SizeContainer { height: 0px !important; } }

@media (min-width: 576px) { .NavBarRoof .PropertyContainer { height: 40px; padding-top: 10px; padding-bottom: 10px; }
  .NavBarRoof .SizeContainer { height: 20px !important; } }

.NavBarRoof img { max-width: 100%; }

.NavBarRoof .custom-right .NavigationText span img { margin: 0 0 0 10px; vertical-align: middle; }

@media (max-width: 1199px) { .NavBarRoof .custom-right > div { padding: 0 .5rem; }
  .NavBarRoof .custom-right .label-text { display: none !important; } }

@media (max-width: 767px) { .NavBarRoof .custom-left { display: none; }
  .NavBarRoof .custom-right { width: 100%; text-align: center; }
  .NavBarRoof * { line-height: 0px; font-size: 12px; }
  .NavBarRoof img { max-height: 0px; } }

.NavBarRoof .formularioLlamada dl { margin: 0 5px 0 0; display: inline-block; }

.NavBarRoof .formularioLlamada dl input { padding: 0 5px 0 10px !important; background: #fff; border: 1px solid #f5f5f5; width: auto !important; max-width: 160px; }

.NavBarRoof .formularioLlamada button { font-size: 0.75rem; text-transform: uppercase; padding: 0 20px !important; background: #999899; border: 1px solid #999899; color: #fff; }

.NavBarRoof .formularioLlamada dl input, .NavBarRoof .formularioLlamada button { line-height: 30px !important; }

.Header { padding: 0; }

.Header.HorizontalNavBar { background: #fff; left: 0px; position: fixed !important; width: 100%; top: 0px; }

@media (min-width: 576px) { .Header.HorizontalNavBar { top: 40px; } }

.Header .PropertyContainer { margin: 0 auto; position: relative; }

@media (min-width: 200px) { .Header .PropertyContainer { width: calc(100% - 20px); } }

@media (min-width: 1440px) { .Header .PropertyContainer { width: calc(100% - 20px); max-width: 1290px; } }

.Header .SizeContainer { position: relative; }

@media (min-width: 200px) { .Header .PropertyContainer { height: 40px; padding-top: 5px; padding-bottom: 0px; }
  .Header .SizeContainer { height: 35px !important; } }

@media (min-width: 576px) { .Header .PropertyContainer { height: 70px; padding-top: 10px; padding-bottom: 10px; }
  .Header .SizeContainer { height: 50px !important; } }

.Header .NavigationText { float: none; }

.Header p, .Header td { margin: 0; padding: 0; }

.Header .SearchElementButton { display: none !important; }

@media (min-width: 200px) { body:not(.sticky) .Header .NavigationText, body:not(.sticky) .Header .NavigationText > p, body:not(.sticky) .Header .NavigationElement, body:not(.sticky) .Header .NavigationElement.SSLSwitch input, body:not(.sticky) .Header p.BasketLink, body:not(.sticky) .Header .NavigationElement > a, body:not(.sticky) .Header .NavigationElement > em > a, body:not(.sticky) .Header .FancyLoginHeader, body:not(.sticky) .Header .FancyLoginHeader.OnSession > a, body:not(.sticky) .Header #FancyBasketTrigger, body:not(.sticky) .Header #FancyAlmacenTrigger { height: 35px !important; line-height: 35px !important; } }

@media (min-width: 576px) { body:not(.sticky) .Header .NavigationText, body:not(.sticky) .Header .NavigationText > p, body:not(.sticky) .Header .NavigationElement, body:not(.sticky) .Header .NavigationElement.SSLSwitch input, body:not(.sticky) .Header p.BasketLink, body:not(.sticky) .Header .NavigationElement > a, body:not(.sticky) .Header .NavigationElement > em > a, body:not(.sticky) .Header .FancyLoginHeader, body:not(.sticky) .Header .FancyLoginHeader.OnSession > a, body:not(.sticky) .Header #FancyBasketTrigger, body:not(.sticky) .Header #FancyAlmacenTrigger { height: 50px !important; line-height: 50px !important; } }

@media (min-width: 200px) { body:not(.sticky) .Header #FancyBudgetTrigger, body:not(.sticky) .Header #PresupuestoActivoTrigger { height: 35px !important; line-height: 35px !important; } }

@media (min-width: 576px) { body:not(.sticky) .Header #FancyBudgetTrigger, body:not(.sticky) .Header #PresupuestoActivoTrigger { height: 50px !important; line-height: 50px !important; } }

@media (min-width: 200px) { body:not(.sticky) .Header .ShopLogo a { height: 35px !important; line-height: 35px !important; }
  body:not(.sticky) .Header .ShopLogo img { max-height: 35px; } }

@media (min-width: 576px) { body:not(.sticky) .Header .ShopLogo a { height: 50px !important; line-height: 50px !important; }
  body:not(.sticky) .Header .ShopLogo img { max-height: 50px; } }

@media (min-width: 768px) { body.sticky .Header .NavigationText, body.sticky .Header .NavigationText > p, body.sticky .Header .NavigationElement, body.sticky .Header .NavigationElement.SSLSwitch input, body.sticky .Header p.BasketLink, body.sticky .Header .NavigationElement > a, body.sticky .Header .NavigationElement > em > a, body.sticky .Header .FancyLoginHeader, body.sticky .Header .FancyLoginHeader.OnSession > a, body.sticky .Header #FancyBasketTrigger, body.sticky .Header #FancyAlmacenTrigger { height: 50px !important; line-height: 50px !important; } }

@media (min-width: 768px) { body.sticky .Header #FancyBudgetTrigger, body.sticky .Header #PresupuestoActivoTrigger { height: 50px !important; line-height: 50px !important; } }

@media (min-width: 768px) { body.sticky .Header .ShopLogo a { height: 50px !important; line-height: 50px !important; }
  body.sticky .Header .ShopLogo img { max-height: 50px; } }

.Header .NavBarElement0 { float: left !important; text-align: left; }

.Header .NavBarElement0 img { margin-right: 8px; }

.Header .ShopLogo { width: 106px !important; }

.Header .FancyBudget, .Header .FancyBasket, .Header .FancyLogin { margin-left: 10px; float: right !important; }

@media (max-width: 1199px) { .Header .ShopLogo { width: auto !important; } }

@media (min-width: 1200px) { .Header .SearchElement { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

@media (max-width: 1199px) { .Header .SizeContainer { text-align: left; }
  .Header .ShopLogo { margin-left: 24px; } }

@media (max-width: 1199px) { .Header .SearchElementButton { display: inline-block !important; } }

@media screen and (max-width: 991px) { .Header .ShopLogo img { max-height: 28px !important; }
  .Header .FancyBudget, .Header .FancyBasket, .Header .FancyLogin { margin-left: 16px; }
  .Header .FancyLogin span.label, .Header .FancyBasket span.label, .Header .FancyBudget span.label, .Header .FancyAlmacen span.label { display: none !important; }
  .Header .FancyLoginHeader .screen > span:first-child, .Header .FancyLoginHeader .mobile > span:first-child, .Header .FancyBasketHeader .iconBasket, .Header .FancyBudgetHeader .iconBasket, .Header .FancyAlmacenHeader .iconAlmacen { width: 24px; }
  .Header .FancyLoginHeader img, .Header .FancyBasketHeader img, .Header .FancyBudgetHeader img, .Header .FancyAlmacenHeader img { max-width: 24px; max-height: 24px; width: 24px; height: 24px; } }

@media screen and (max-width: 575px) { .Header { /* .FancyLogin,.FancyBasket, .FancyBudget, .FancyAlmacen{ span.label{ display:none !important;}             }     @if($enable-pediroferta==1){ #HeadPedirOferta span.label{display: none !important; } } @if($is-searchTrigger==1){ .SearchElementButton #SearchIconoTrigger span.label{display: none !important;} } .FancyLoginHeader .screen > span:first-child, .FancyLoginHeader .mobile > span:first-child, .FancyBasketHeader .iconBasket,  .FancyBudgetHeader .iconBasket, .FancyAlmacenHeader .iconAlmacen  { width: 18px; } .FancyLoginHeader img, .FancyBasketHeader img, .FancyBudgetHeader img, .FancyAlmacenHeader img{ max-width:18px; max-height: 18px; width:18px; height:18px; } */ } }

.NavBarTop { left: 0px; position: fixed !important; width: 100%; top: 40px; padding: 0; }

@media (min-width: 576px) { .NavBarTop { top: 110px; } }

.NavBarTop .PropertyContainer { margin: 0 auto; position: relative; }

@media (min-width: 200px) { .NavBarTop .PropertyContainer { width: calc(100% - 20px); } }

@media (min-width: 1440px) { .NavBarTop .PropertyContainer { width: calc(100% - 20px); max-width: 1290px; } }

.NavBarTop .SizeContainer { position: relative; }

@media (min-width: 200px) { .NavBarTop .PropertyContainer { height: 0px; padding-top: 0px; padding-bottom: 0px; }
  .NavBarTop .SizeContainer { height: 0px !important; } }

@media (min-width: 1200px) { .NavBarTop .PropertyContainer { height: 42px; padding-top: 0px; padding-bottom: 0px; }
  .NavBarTop .SizeContainer { height: 42px !important; } }

.NavBarTop .SizeContainer > *, .NavBarTop .NavigationElement { margin-top: 0; padding-top: 0; }

@media (min-width: 1200px) { .NavBarTop .NavigationElement, .NavBarTop p.BasketLink, .NavBarTop .NavigationElement > a, .NavBarTop .NavigationElement.SSLSwitch input { height: 42px !important; line-height: 42px !important; } }

.NavBarTop .NavigationElement > a:hover, .NavBarTop .NavigationElement > em > a:hover, .NavBarTop .NavigationElement.Active > a, .NavBarTop .NavigationElement.Active > em > a, .NavBarTop .NavigationElement:hover, .NavBarTop .NavigationElement.Active { background: transparent; }

@media (min-width: 1200px) { .NavBarTop .SizeContainer.custom-left { width: calc(100% - 350px); } }

@media (max-width: 1199px) { .NavBarTop { display: none; }
  .NavBarTop .SizeContainer.custom-left, .NavBarTop .ep-megamenu { display: none !important; }
  .NavBarTop .SizeContainer.custom-right { width: 100%; text-align: center; } }

@media (min-width: 200px) { .sticky .Header .PropertyContainer { width: calc(100% - 20px); } }

@media (min-width: 1440px) { .sticky .Header .PropertyContainer { width: calc(100% - 20px); max-width: 1290px; } }

@media (min-width: 768px) { .sticky .Header .PropertyContainer { height: 60px; padding-top: 5px; padding-bottom: 5px; }
  .sticky .Header .SizeContainer { height: 50px !important; } }

@media (min-width: 768px) { .sticky .NavBarTop .PropertyContainer { height: 42px; padding-top: 0px; padding-bottom: 0px; }
  .sticky .NavBarTop .SizeContainer { height: 42px !important; } }

@media (min-width: 768px) { .sticky .Header { top: 0px; } }

@media (min-width: 768px) { .sticky .NavBarTop { top: 60px; } }

.ep-megamenu .active-item .active-marker { position: absolute; left: 50% !important; margin-left: -4px; }

.ep-megamenu .active-item .active-marker::before, .ep-megamenu .active-item .active-marker::after { border-width: 0 8px 8px 8px; bottom: -42px; }

.ep-megamenu .masonry > li { margin: 0; }

.NavBarTop .NavigationElement > a:hover, .NavBarTop .NavigationElement > em > a:hover, .NavBarTop .NavigationElement.Active > a, .NavBarTop .NavigationElement.Active > em > a, .NavBarTop .NavigationElement:hover, .NavBarTop .NavigationElement.Active { background-color: transparent; }

.NavBarTop .ep-megamenu-container { z-index: 100; overflow: hidden; margin: 0; left: 0 !important; background: #ffffff; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); padding: 20px; max-width: 100%; }

.NavBarTop ul.ep-megamenu { text-align: left; }

.NavBarTop ul.ep-megamenu-second-level-group { max-width: 100%; margin: 0 !important; }

.NavBarTop .ep-megamenu-first-level-element.NavigationElement { padding: 0 10px 0 0; }

.NavBarTop .ep-megamenu-first-level-element.NavigationElement > a { font-size: 0.9375rem; padding: 0 10px; }

.NavBarTop .ep-megamenu-first-level-element.NavigationElement.Active > a, .NavBarTop .ep-megamenu-first-level-element.NavigationElement > a:hover { color: #3ebeef; }

.NavBarTop .ep-megamenu-first-level-element.NavigationElement:first-child > a { padding-left: 0; }

.NavBarTop .ep-megamenu-second-level-element { text-align: left !important; }

.NavBarTop .ep-megamenu-second-level-element > a { color: #273271; font-size: 0.75rem; white-space: normal; padding: 5px 0; }

.NavBarTop .ep-megamenu-second-level-element > a > span:not(.ep-megamenu-img) { font-size: 1em; line-height: 120%; display: inline-block; vertical-align: top; min-height: 32px; min-height: 0; }

.NavBarTop .ep-megamenu-second-level-element .ep-megamenu-img { width: 80px; height: 80px; margin: 0 auto 8px; display: block; }

.NavBarTop .ep-megamenu-second-level-element .ep-megamenu-img img { max-width: 100%; max-height: 100%; }

.NavBarTop .ep-megamenu-second-level-element.Active > a .ep-megamenu-img, .NavBarTop .ep-megamenu-second-level-element > a:hover .ep-megamenu-img { opacity: 0.6; filter: alpha(opacity=60); }

.NavBarTop .ep-megamenu-second-level-element.Active > a, .NavBarTop .ep-megamenu-second-level-element.Active > a > span, .NavBarTop .ep-megamenu-second-level-element > a:hover, .NavBarTop .ep-megamenu-second-level-element > a:hover > span { color: #3ebeef; }

.NavBarTop .ep-megamenu-third-level-element a { font-size: 12px; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.ep-megamenu-second-level-element > ul { display: none !important; }

.ep-megamenu-img-first { float: right; width: calc(100% - 380px); text-align: right; }

.ep-megamenu-img-first img { max-width: 100%; }

.NavBarTop .ep-megamenu-img-first + ul.ep-megamenu-second-level-group { width: 380px; margin: 0 calc(100% - 380px) 0 0 !important; }

.custom-megamenu .ep-megamenu-container { width: 1200px !important; }

.custom-megamenu .ep-megamenu-second-level-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.custom-megamenu .ep-megamenu-second-level-col { position: relative; -webkit-box-flex: 0; flex: 0 0 1; width: 100%; -ms-flex: 0 0 1; min-height: 1px; }

.custom-megamenu .ep-megamenu-second-level-col:last-child::after { background: transparent; }

.custom-megamenu .ep-megamenu-second-level-col ul { list-style: none; padding: 0 10px !important; margin: 0; }

.custom-megamenu .ep-megamenu-second-level-col ul li:not(:last-child) { margin: 0 0 10px 0; }

.ResponsiveMenu { display: none; list-style: none; position: absolute; z-index: 10000000; left: 0; height: 100%; margin: 0; top: 0; width: 24px; padding: 0; line-height: 100%; }

.ResponsiveMenu a.IconoMenu { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/sprite-icons.svg"); background-repeat: no-repeat; width: 24px; height: 16px; background-position: -64px -224px; }

.ResponsiveMenu a.IconoMenu img { display: none; }

.ResponsiveMenu li { display: inline-block; vertical-align: middle; }

.ResponsiveMenu a.IconoMenu { display: block; }

@media (min-width: 200px) { .ResponsiveMenu { line-height: 40px; } }

@media (min-width: 576px) { .ResponsiveMenu { line-height: 70px; } }

@media screen and (max-width: 1199px) { .ResponsiveMenu { display: inline-block; } }

.mm-page { -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; }

.mm-offcanvas.mm-menu { z-index: 300; }

.mm-menu { background: #273271 !important; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif !important; }

.mm-menu .mm-list { padding: 0 !important; }

.mm-menu .mm-list > li > a, .mm-menu .mm-list > li > span { padding: 10px; color: #fff !important; }

.mm-menu ul.mm-list .mm-panel { padding: 0 !important; }

.mm-menu ul.mm-list .mm-panel li a, .mm-menu ul.mm-list .mm-panel li span { padding-left: 15px; }

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: #666 !important; }

.mm-menu .mm-list a.mm-subopen:before { border-left-width: 0px !important; }

.mm-menu.mm-vertical .mm-list .mm-panel.divBusqueda, .mm-menu.mm-vertical .mm-list .mm-panel.CustomerServiceMenu { padding-left: 20px !important; }

.mm-menu .mm-list > li:after { border-color: white !important; }

.mm-menu .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { margin-left: 0; }

.mm-menu .mm-list li img.ViewNotAllowed { position: absolute; right: 24px; top: 10px; width: 18px; }

.mm-menu .mm-list .mm-panel.CustomerServiceMenu { display: block !important; padding-top: 20px !important; padding-bottom: 20px !important; }

.mm-menu .CustomerServiceMenu * { color: #fff; }

.mm-menu .CustomerServiceMenu p { line-height: 1.7em; }

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen { background: #fff !important; }

.mm-menu .mm-list > li.mm-opened > a, .mm-menu .mm-list > li.mm-opened > span { background: #fff !important; color: #273271 !important; }

.mm-menu .mm-list a.mm-subclose:before { margin-bottom: -2px !important; left: 12px !important; }

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: #fff !important; }

.mm-menu .mm-list > li.mm-opened > a.mm-subopen:after, .mm-menu .mm-list > li.mm-opened > a.mm-subclose:before { border-color: #273271 !important; }

.mm-menu .mm-list a.mm-subopen { z-index: 200; }

.mm-menu .mm-list ul.mm-panel > li:last-child:after { display: none !important; }

.mm-menu .mm-list > li.close::after { display: none !important; }

.mm-menu .mm-list > li.close { text-align: right; padding: 10px; }

.mm-menu .mm-list > li.close a, .mm-menu .mm-list > li.mm-selected > a.IconoClose, .mm-menu .mm-list > li.mm-selected > a.IconoClose:not(.mm-subopen) { display: block; background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/sprite-icons.svg"); background-repeat: no-repeat; width: 16px; height: 16px; background-position: -96px -352px; margin: 0 0 0 auto; background-color: transparent !important; }

.mm-menu ul ul a { font-size: 12px; }

html.mm-opened .mm-page { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -op-box-shadow: none !important; -ms-box-shadow: none !important; }

html.mm-opening .mm-slideout { position: fixed; top: 0; overflow: hidden; }

.mm-menu.mm-vertical .mm-list .mm-panel.divBusqueda { padding: 15px 10px !important; }

.mm-menu.mm-vertical .mm-list .mm-panel.divBusqueda div#formBusqueda, .mm-menu.mm-vertical .mm-list .mm-panel.divBusqueda input#RemoteSearchSuggestMobile, .mm-menu.mm-vertical .mm-list .mm-panel.divBusqueda input.SearchButton { height: 40px; }

.mm-menu.mm-vertical .mm-list .mm-panel.divBusqueda div#formBusqueda { background: #fff; position: relative; }

.mm-menu.mm-vertical .mm-list .mm-panel.divBusqueda input#RemoteSearchSuggestMobile { padding: 0 10px; border: none; font-size: 14px; display: inline-block; width: calc(100% - 40px); }

.mm-menu.mm-vertical .mm-list .mm-panel.divBusqueda input.SearchButton { position: absolute; right: 0; top: 0; width: 40px; border: none; background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-search.svg") no-repeat 12px 12px !important; background-size: 16px !important; }

li.banderas .LocaleFlags > a { text-transform: uppercase; color: #fff; padding: 0 10px 0 0; }

li.banderas .LocaleFlags > a.active { text-decoration: underline; color: #fff; }

li.banderas .LocaleFlags.NavBarElementMobile { padding: 15px 10px; text-align: left; }

li.banderas .LocaleFlags.NavBarElementMobile span { display: block; color: #fff; }

li.info { padding: 0 !important; }

li.info::after { padding: 0; }

li.info .contactdata span, li.info .contactdata a { color: #fff; }

li.info .contactdata.mm-panel { padding: 0 10px !important; margin: 10px 0; display: block; }

.InputField.SearchForm { padding-right: 0 !important; border: none; background: transparent; position: relative; }

.HorizontalNavBar .SearchElement { margin: 0; overflow: hidden; }

.HorizontalNavBar .SearchElement form { margin: 0; display: inline-block; vertical-align: middle; width: 100%; }

.SearchForm.horizontal-search .SearchIcon { margin-right: 0; background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-search.svg") !important; background-repeat: no-repeat !important; }

.InputField.SearchForm > .search-button { position: absolute; }

.SearchElement .Search, .SearchElement .Search:focus { border: none; width: auto; background: none; -webkit-box-shadow: none; box-shadow: none; }

.SearchForm.horizontal-search > button { margin-left: 0 !important; opacity: 1; vertical-align: top; padding: 0 !important; background: transparent; }

.SearchForm .SearchIcon { padding: 0 0 0 0 !important; margin: 0; background-repeat: no-repeat !important; background-position: right center !important; background-size: cover; }

@media (min-width: 200px) { .Header .SearchElement { height: 35px !important; line-height: 35px !important; } }

@media (min-width: 576px) { .Header .SearchElement { height: 50px !important; line-height: 50px !important; } }

.Header .SearchElement input.Search { color: #273271; }

.Header .SearchElement input.Search::-webkit-input-placeholder { color: #999899; opacity: 1; }

.Header .SearchElement input.Search::-moz-placeholder { color: #999899; opacity: 1; }

.Header .SearchElement input.Search:-ms-input-placeholder { color: #999899; opacity: 1; }

.Header .SearchElement input.Search::-ms-input-placeholder { color: #999899; opacity: 1; }

.Header .SearchElement input.Search::placeholder { color: #999899; opacity: 1; }

.Header .SearchElement input.Search { font-size: 0.875rem; }

@media screen and (min-width: 200px) { .Header .SearchElement input.Search { font-size: calc(0.875rem + 0 * ((100vw - 12.5rem) / 1240)); } }

@media screen and (min-width: 1440px) { .Header .SearchElement input.Search { font-size: 0.875rem; } }

.Header .InputField.SearchForm { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #999899; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: radius; }

@media (min-width: 200px) { .Header .InputField.SearchForm { width: 320px; height: 32px; }
  .Header .InputField.SearchForm.horizontal-search > button { width: 32px; height: 30px; right: 16px; }
  .Header .InputField.SearchForm.horizontal-search .SearchIcon { width: 16px; height: 16px; }
  .Header .InputField.SearchForm .Search { line-height: 32px !important; padding: 0px 0 0px 16px; width: 256px; } }

@media screen and (min-width: 576px) and (max-width: 767px) { .Header .InputField.SearchForm { width: 240px; }
  .Header .Search { width: 224px !important; } }

@media screen and (max-width: 575px) { .Header .PropertyContainer { height: 90px !important; }
  .Header .SizeContainer { height: 85px !important; }
  .Header .SearchElement { position: absolute; bottom: 8px; width: 100% !important; left: 0; }
  .Header .InputField.SearchForm { width: 100%; } }

.de_epages-remotesearchUiSuggest-box ul::after { content: ""; display: table; clear: both; }

.de_epages-remotesearchUiSuggest-box ul li, .de_epages-remotesearchUiSuggest-box ul span { font-size: 12px !important; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.de_epages-remotesearchUiSuggest-box ul li.Separator { clear: both; float: none; width: 98%; text-align: left; color: #273271; text-transform: uppercase; }

.de_epages-remotesearchUiSuggest-box ul li:hover, .de_epages-remotesearchUiSuggest-box ul li.ui-hover { background-color: transparent !important; }

.de_epages-remotesearchUiSuggest-box ul li:active, .de_epages-remotesearchUiSuggest-box ul li.ui-active { background-color: transparent !important; color: inherit; }

@media (max-width: 767px) { .de_epages-remotesearchUiSuggest-box ul li.products { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } }

.de_epages-remotesearchUiSuggest-box.Header { position: fixed !important; top: 36px !important; }

@media (min-width: 576px) { .de_epages-remotesearchUiSuggest-box.Header { top: 91px !important; } }

.de_epages-remotesearchUiSuggest-box.Header ul { width: 320px; max-width: 100%; }

.sticky .de_epages-remotesearchUiSuggest-box.Header { top: 46px !important; }

.NavBarBottom .PropertyContainer { margin: 0 auto; padding-top: 1.25rem; padding-bottom: 1rem; }

@media (min-width: 200px) { .NavBarBottom .PropertyContainer { width: calc(100% - 20px); } }

@media (min-width: 1440px) { .NavBarBottom .PropertyContainer { width: calc(100% - 20px); max-width: 1290px; } }

.NavBarBottom .PropertyContainer::after { content: ""; display: table; clear: both; }

.NavBarBottom .NavigationText { float: none; margin: 0; }

.NavBarBottom .SizeContainer > * { vertical-align: top; }

.NavBarBottom p, .NavBarBottom td { padding: 0; }

.NavBarBottom ul:not(.rssocial) { list-style: none; padding: 0; margin: 0; }

.NavBarBottom ul:not(.rssocial) a { color: #fff; display: block; }

.NavBarBottom ul:not(.rssocial) a:hover { color: #38B4E7; }

.NavBarBottom .rssocial { list-style: none; padding: 0; margin: 0; text-align: center; }

.NavBarBottom .rssocial li { display: inline-block; vertical-align: middle; margin: 0 3px 0 0; }

.NavBarBottom .rssocial li > a { width: 20px; height: 20px; }

.NavBarBottom .rssocial li:last-child { margin-right: 0; }

.NavBarBottom .rssocial img { max-width: 24px; }

.NavBarBottom .LocaleFlags { margin: 0; text-align: left !important; font-weight: normal; }

.NavBarBottom .LocaleFlags span, .NavBarBottom .LocaleFlags a { margin: 0 0.35rem 0 0; }

.NavBarBottom .LocaleFlags a { text-transform: uppercase; }

.NavBarBottom .LocaleFlags a:not(:last-child)::after { content: "|"; margin: 0 3px; display: inline-block; vertical-align: middle; }

.NavBarBottom .LocaleFlags a:not(.active) { opacity: 0.4; filter: alpha(opacity=40); }

.NavBarBottom.HorizontalNavBar .custom-left, .NavBarBottom.HorizontalNavBar .custom-right { width: 100%; float: none !important; text-align: center; }

@media (min-width: 768px) { .NavBarBottom .SizeContainer.custom-left > div.NavBarElement0 { text-align: left; float: left; }
  .NavBarBottom .SizeContainer.custom-left > div:last-child { text-align: right; float: right; }
  .NavBarBottom .SizeContainer.custom-left::after { content: ""; display: table; clear: both; }
  .NavBarBottom .SizeContainer.custom-right > div { width: 33.3334% !important; display: inline-block !important; }
  .NavBarBottom ul:not(.rssocial) li { display: inline-block; vertical-align: middle; margin: 0; }
  .NavBarBottom ul:not(.rssocial) li > a { padding: 0 5px; display: inline-block; vertical-align: middle; }
  .NavBarBottom ul:not(.rssocial) li:not(:last-child)::after { content: "|"; margin: 0 10px; display: inline-block; vertical-align: middle; }
  .NavBarBottom ul.rssocial { text-align: left; margin-top: 10px !important; }
  .NavBarBottom .SizeContainer.custom-container.custom-right > div { padding-top: 1rem; }
  .NavBarBottom .SizeContainer.custom-container.custom-right > div:first-child { text-align: left; }
  .NavBarBottom .SizeContainer.custom-container.custom-right > div:last-child { text-align: right; } }

@media (max-width: 767px) { .NavBarBottom .SizeContainer > * { width: 100% !important; display: block !important; margin-bottom: 0; }
  .NavBarBottom .custom-left > * { margin-bottom: 1rem; }
  .NavBarBottom ul:not(.rssocial) li { display: block; margin: 0.5rem 0; }
  .NavBarBottom .LocaleFlags { padding: 1rem 0; text-align: center !important; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } }

.Footer { width: 100%; padding-top: 5px; padding-bottom: 5px; }

.Footer .PropertyContainer { margin-left: auto; margin-right: auto; }

@media (min-width: 200px) { .Footer .PropertyContainer { width: calc(100% - 20px); } }

@media (min-width: 1440px) { .Footer .PropertyContainer { width: calc(100% - 20px); max-width: 1290px; } }

.Footer .PropertyContainer::after { content: ""; display: table; clear: both; }

.Footer .NavigationText { float: none; margin: 0; }

.Footer ul:not(.rssocial) { list-style: none; margin: 0; padding: 0; }

.Footer ul:not(.rssocial) li { display: inline-block; vertical-align: middle; margin: 0; }

.Footer ul:not(.rssocial) li > a { padding: 0 5px; }

.Footer ul:not(.rssocial) a { color: #fff; display: block; }

.Footer ul:not(.rssocial) a:hover { color: #E5E5E5; }

.Footer a.Action { background: none !important; text-decoration: underline; padding-left: 0; }

.Footer .CheckPrecios { margin-top: 2rem; }

@media (min-width: 768px) { .Footer ul:not(.rssocial) li:not(:last-child)::after { content: "|"; margin: 0 10px; display: inline-block; vertical-align: middle; }
  .Footer ul:not(.rssocial) a { display: inline-block; vertical-align: middle; } }

@media (max-width: 767px) { .Footer .SizeContainer:not(.custom-left):not(.custom-right) > div { display: block; width: 100% !important; margin-bottom: 1rem; }
  .Footer .custom-left, .Footer .custom-right { width: 100%; float: none; } }

.Middle { clear: both; position: relative; margin-left: auto; margin-right: auto; width: 100%; max-width: 100%; font-size: 1rem; color: #273271; padding-top: 40px; }

@media (min-width: 576px) { .Middle { padding-top: 110px; } }

@media (min-width: 1200px) { .Middle { padding-top: 152px; } }

@media (min-height: 768px) { .Middle { min-height: calc(100vh - 200px); } }

@media screen and (max-width: 575px) { .Middle { padding-top: 90px; } }

.Middle h2 { font-size: 1.125rem; }

@media screen and (min-width: 576px) { .Middle h2 { font-size: calc(1.125rem + 4 * ((100vw - 36rem) / 864)); } }

@media screen and (min-width: 1440px) { .Middle h2 { font-size: 1.375rem; } }

.Middle h1 { font-size: 1.125rem; }

@media screen and (min-width: 576px) { .Middle h1 { font-size: calc(1.125rem + 3 * ((100vw - 36rem) / 864)); } }

@media screen and (min-width: 1440px) { .Middle h1 { font-size: 1.3125rem; } }

.ContactResult h1, #divNoEncontrado h1, #page-404-page h1 { font-size: 1.75rem; }

@media screen and (min-width: 576px) { .ContactResult h1, #divNoEncontrado h1, #page-404-page h1 { font-size: calc(1.75rem + 20 * ((100vw - 36rem) / 864)); } }

@media screen and (min-width: 1440px) { .ContactResult h1, #divNoEncontrado h1, #page-404-page h1 { font-size: 3rem; } }

.Middle h2 { font-weight: 400; color: #273271; line-height: 110% !important; position: relative; }

.Middle h1 { font-weight: 400; color: #273271; line-height: 110%; position: relative; }

.Middle h3 { font-weight: 400; color: #273271; line-height: 100% !important; position: relative; }

.Middle h3 { font-size: 0.875rem; }

@media screen and (min-width: 200px) { .Middle h3 { font-size: calc(0.875rem + 4 * ((100vw - 12.5rem) / 1240)); } }

@media screen and (min-width: 1440px) { .Middle h3 { font-size: 1.125rem; } }

.Middle h4 { font-weight: 400; color: #999899; position: relative; }

.Middle h4 { font-size: 0.8125rem; }

@media screen and (min-width: 200px) { .Middle h4 { font-size: calc(0.8125rem + 3 * ((100vw - 12.5rem) / 1240)); } }

@media screen and (min-width: 1440px) { .Middle h4 { font-size: 1rem; } }

.Middle h1 a, .Middle h1 a:hover, .Middle h2 a, .Middle h2 a:hover, .Middle h3 a, .Middle h3 a:hover, .Middle h4 a, .Middle h4 a:hover { font-size: 1em; }

.Middle h1 + p { margin-top: 1rem; }

.Middle .ContentArea { margin-left: auto; margin-right: auto; }

* > p:last-child { margin-bottom: 0; }

@media (min-width: 200px) { body:not(.start-page) .Middle .ContentArea, .start-page .CategoryProducts, .CategoryHeader .PropertyContainer, .HeaderHero div.custombreadcrumb { width: calc(100% - 20px); } }

@media (min-width: 1440px) { body:not(.start-page) .Middle .ContentArea, .start-page .CategoryProducts, .CategoryHeader .PropertyContainer, .HeaderHero div.custombreadcrumb { width: calc(100% - 20px); max-width: 1290px; } }

body:not(.start-page) .Middle .ContentArea, .start-page .CategoryProducts, .CategoryHeader .PropertyContainer { margin-left: auto; margin-right: auto; }

html body .MessageError, html body .MessageWarning, html body .MessageWarningSmall, html body .MessagePositiveResult, html body .MessageInfo, html body .MessageConfirmAction { min-height: 0; padding-left: 0; background-color: #fff; background-repeat: no-repeat; background-position: center top; background-image: none !important; border: none; padding: 1rem !important; width: 90%; max-width: 480px; margin: 0 auto 2rem; text-align: center; }

html body div.MessageWarningSmall, html body div.MessageWarning { padding-left: 1rem !important; background-image: none !important; }

.ContentArea .DialogMessage h3, .ErrorMessage h3, .MessageError h3, .MessageWarning h3, .MessageInfo h3, .MessageConfirmAction h3, .MessagePositiveResult h3 { font-size: 1rem; color: #000; }

.ErrorMessage p, .DialogMessage p, .MessageError p, .MessageWarning p, .MessageInfo p, .MessageConfirmAction p, .MessagePositiveResult p { font-size: 0.875rem; }

h3.custombreadcrumb, div.custombreadcrumb { margin: 5px auto 0; width: 100%; line-height: 100% !important; font-size: 0.75rem !important; }

h3.custombreadcrumb > span, h3.custombreadcrumb a, div.custombreadcrumb > span, div.custombreadcrumb a { line-height: 100% !important; }

h3.custombreadcrumb > span:last-child a::after, div.custombreadcrumb > span:last-child a::after { display: none; }

.ContentArea .BreadcrumbItem, .HeaderHero .BreadcrumbItem, .CategoryHeader .BreadcrumbItem { color: #999899; }

.ContentArea .BreadcrumbLastItem, .HeaderHero .BreadcrumbLastItem, .CategoryHeader .BreadcrumbLastItem { color: #273271; }

.ContentArea .BreadcrumbItem, .HeaderHero .BreadcrumbItem, .CategoryHeader .BreadcrumbItem, .ContentArea .BreadcrumbItem:hover, .HeaderHero .BreadcrumbItem:hover, .CategoryHeader .BreadcrumbItem:hover, .ContentArea .BreadcrumbLastItem, .HeaderHero .BreadcrumbLastItem, .CategoryHeader .BreadcrumbLastItem { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; font-size: 0.75rem; background: none !important; padding: 0; margin: 0; text-decoration: none; text-transform: uppercase; }

.ContentArea .BreadcrumbItem:hover, .HeaderHero .BreadcrumbItem:hover, .CategoryHeader .BreadcrumbItem:hover { color: #273271; text-decoration: underline; }

.ContentArea .BreadcrumbItem::after, .HeaderHero .BreadcrumbItem::after, .CategoryHeader .BreadcrumbItem::after { content: "/"; display: inline-block; margin: 0 3px; }

.HeaderHero .Hero-breadcrumb { position: absolute; top: 0; left: 0; width: 100%; }

.CategoryHeader .catheader-breadcrumb { width: 100%; }

#RemoteSearchFacets + .custombreadcrumb { width: auto; }

.owl-carousel .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-carousel .owl-nav button { color: #000; font-size: 2rem; margin: 0; padding: 0; background: transparent; display: inline-block; cursor: pointer; border-radius: 3px; }

.owl-carousel .owl-nav button:hover { color: #000; text-decoration: none; }

.owl-carousel .owl-nav .disabled { opacity: .5; cursor: default; }

.owl-carousel .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-carousel .owl-dots .owl-dot span { width: 18px; height: 18px; margin: 5px 7px; background: #f5f5f5; display: block; -webkit-backface-visibility: visible; backface-visibility: visible; transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: radius; }

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background: #273271; }

.owl-carousel .owl-item img { width: auto !important; max-width: 100%; margin: auto; }

.CategoryItem img { max-width: 100%; }

.CategoryItem .wrapper-strech { max-width: 1200px; margin: auto; }

.PageContent, .content-page, .CustomFormContact { margin-top: 2rem; }

.PageContent { max-width: 960px; margin-left: auto; margin-right: auto; }

.PageContent img { max-width: 100%; }

.PageContent h1 + h2, .PageContent h1 + h3, .PageContent h1 + h4 { margin-bottom: 10px; }

@media (min-width: 992px) { .PageContent { min-height: 500px; padding-bottom: 2rem; } }

.content-page .CategoryItem { margin-top: 3.375rem; margin-bottom: 3.375rem; }

@media (min-width: 576px) and (max-width: 991px) { .content-page .CategoryItem { margin-top: 2.2275rem; margin-bottom: 2.2275rem; } }

@media (max-width: 575px) { .content-page .CategoryItem { margin-top: 1.51875rem; margin-bottom: 1.51875rem; } }

.content-page .CategoryItem + .CategoryItem { margin-top: 0; }

.PageHelp { max-width: 1380px; margin: 2rem auto 2rem; }

.PageHelp h1 { margin-bottom: 2rem; font-weight: 600; color: #000; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.PageHelp h1 { font-size: 1rem; }

@media screen and (min-width: 200px) { .PageHelp h1 { font-size: calc(1rem + 2 * ((100vw - 12.5rem) / 1000)); } }

@media screen and (min-width: 1200px) { .PageHelp h1 { font-size: 1.125rem; } }

.PageHelp .menuHelp a { display: block; font-size: 0.9375rem; }

.PageHelp .menuHelp ul { list-style: none; margin: 0; padding: 0; }

.PageHelp .menuHelp ul li { display: block; }

.PageHelp .menuHelp ul li a { padding: 6px; }

.PageHelp .menuHelp ul li a:hover { color: #38B4E7; }

@media (min-width: 992px) { .PageHelp { margin-top: 4rem; }
  .PageHelp .CustomLayout > h3 { margin-bottom: 3rem; }
  .PageHelp .menuHelp ul li.activo { border-left: 2px solid #38B4E7; }
  .PageHelp .menuHelp ul li.activo a { color: #38B4E7; }
  .PageHelp .menuHelp ul li:not(:first-child) { margin-top: 2rem; } }

@media (max-width: 991px) { .PageHelp .menuHelp { margin-bottom: 2rem; }
  .PageHelp .menuHelp ul { display: none; border-bottom: 2px solid #000; }
  .PageHelp .menuHelp ul li { padding: 10px; }
  .PageHelp .menuHelp ul li.activo { display: none; }
  .PageHelp .menuHelp > a { display: block; border-bottom: 2px solid #273271; padding: 10px 20px 10px 10px; background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/arrow-down.svg") right 16px no-repeat; background-size: 16px; } }

.HeaderHero { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; background-color: #dcd6cc; min-height: 400px; z-index: 10; }

.Hero-overlay { position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); }

.HeroTitle { height: 100%; }

.HeroTitle > .row { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.HeroTitle .col-wrapper .text, .HeroTitle .col-wrapper p { margin-top: 0; font-size: 0.875rem; }

.HeroTitle .col-wrapper *.antetitle, .HeroTitle .col-wrapper h4 { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; margin-bottom: 1rem; font-size: 0.875rem; }

.HeroTitle .col-wrapper *.title, .HeroTitle .col-wrapper h1 { font-family: "ApexNew-Bold", "Source Sans Pro", sans-serif; }

.HeroTitle .col-wrapper *.title, .HeroTitle .col-wrapper h1 { font-size: 1.125rem; }

@media screen and (min-width: 200px) { .HeroTitle .col-wrapper *.title, .HeroTitle .col-wrapper h1 { font-size: calc(1.125rem + 6 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { .HeroTitle .col-wrapper *.title, .HeroTitle .col-wrapper h1 { font-size: 1.5rem; } }

.HeroTitle .col-wrapper a { display: inline-block; max-width: none; position: relative; padding-top: 20px; text-decoration: underline; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-size: 1.125rem; }

.HeroTitle > .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.HeroTitle .col-wrapper { text-align: left; -webkit-box: 0 0 95%; -moz-box: 0 0 95%; -ms-flex: 0 0 95%; -webkit-box-flex: 0; flex: 0 0 95%; max-width: 95%; padding: 1rem 1rem; }

@media (min-width: 768px) { .HeroTitle .col-wrapper { -webkit-box: 0 0 75%; -moz-box: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } }

@media (min-width: 1200px) { .HeroTitle .col-wrapper { -webkit-box: 0 0 33%; -moz-box: 0 0 33%; -ms-flex: 0 0 33%; -webkit-box-flex: 0; flex: 0 0 33%; max-width: 33%; padding: 2rem; } }

.HeroTitle .col-wrapper *.antetitle, .HeroTitle .col-wrapper h4 { color: #fff; }

.HeroTitle .col-wrapper *.title, .HeroTitle .col-wrapper h1 { color: #fff; }

.HeroTitle .col-wrapper .text, .HeroTitle .col-wrapper p { color: #fff; }

.HeroTitle .col-wrapper a, .HeroTitle .col-wrapper a:hover { color: #fff; }

.HeroTitle .col-wrapper p:not(:first-child) { margin-top: 20px; }

.HeroTitle .col-wrapper a::before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 21px; height: 1px; background: #fff; }

@media (min-width: 768px) { .HeroTitle > .row { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.start-page .CategoryItem { margin-top: 3.375rem; margin-bottom: 3.375rem; }

@media (min-width: 576px) and (max-width: 991px) { .start-page .CategoryItem { margin-top: 2.2275rem; margin-bottom: 2.2275rem; } }

@media (max-width: 575px) { .start-page .CategoryItem { margin-top: 1.51875rem; margin-bottom: 1.51875rem; } }

.start-page .CategoryItem + .CategoryItem { margin-top: 0; }

.start-page .ContentArea { padding: 0 !important; }

.start-page h1 { font-weight: 700; }

.start-page .Middle { margin-bottom: 0; }

.start-page #Presentacion { max-width: 780px; margin-left: auto; margin-right: auto; }

@media (max-width: 1199px) { #CategoryProductsHome .CustomLayout { max-width: 100% !important; padding-left: 0; padding-right: 0; } }

@media (max-width: 991px) { .start-page .CategoryItem { max-width: 720px; margin-left: auto; margin-right: auto; } }

@media (min-width: 992px) { .CategoryItem .CustomLayout { padding-left: 0; padding-right: 0; } }

#Destacados .item, #DestacadosImagen .item { width: 100%; margin: 0 auto 0; max-width: 720px; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

#Destacados .ImageArea, #Destacados .InfoArea, #DestacadosImagen .ImageArea, #DestacadosImagen .InfoArea { height: 100%; overflow: hidden; }

@media (max-width: 991px) { #Destacados .row > div:not(:last-child), #DestacadosImagen .row > div:not(:last-child) { margin-bottom: 16px; } }

@media (max-width: 767px) { #Destacados .item, #DestacadosImagen .item { max-width: 576px; } }

#Destacados .item { background-color: #273271; min-height: 152px; background-size: cover; background-repeat: no-repeat; background-position: top center; }

#Destacados .item .ImageArea img { position: absolute; left: 0; top: 0; height: 100%; max-width: none; }

#Destacados .item .InfoArea { background-repeat: no-repeat; background-position: bottom right; background-size: cover; }

#Destacados .item .col-wrapper { padding: 20px 15px; min-height: 210px; }

#Destacados .item *.title, #Destacados .item p, #Destacados .item a { color: #fff; }

#Destacados .item *.title { margin-bottom: 1rem; font-size: 0.9375rem; }

#Destacados .item p { font-size: 0.875rem; margin-bottom: 0; }

#Destacados .item ul { list-style: none; margin: 0; padding: 0; }

#Destacados .item ul li { display: block; }

#Destacados .item ul li a { display: inline-block; margin-top: 1rem; /* border: 1px solid #999899; */ padding: 3px 5px; font-size: 13px; background: #273271; color: #fff; min-width: 60px; text-align: center; border-radius: 3px; }

#Destacados .ImageArea { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; position: relative; }

#Destacados .InfoArea { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

@media (max-width: 575px) { #Destacados .item .col-wrapper { padding: 20px 10px 20px 1rem; }
  #Destacados .item p { font-size: 0.6875rem; line-height: 120%; }
  #Destacados .item a { font-size: 0.5625rem; } }

#Presentacion .InfoArea { max-width: 100%; margin-left: auto; padding: 26px; text-align: center; min-height: 240px; }

#Presentacion .InfoArea h4 { margin-bottom: 1.5rem; }

#Presentacion .InfoArea h2 { margin-bottom: 1.5rem; }

@media (min-width: 992px) { #Presentacion .ImageArea { max-width: 524px; }
  #Presentacion .InfoArea { max-width: 280px; } }

.CIHeader { text-align: center; margin-bottom: 2rem; white-space: nowrap; overflow: hidden; }

.CIHeader h2 { width: 100%; display: inline-block; font-size: 1rem !important; }

.CIHeader h2::before, .CIHeader h2::after { content: ""; display: inline-block; vertical-align: middle; width: 15%; height: 1px; background: #999899; }

.CIHeader h2::before { margin-right: 30px; }

.CIHeader h2::after { margin-left: 30px; }

#SliderHome { margin-top: 0; }

#SliderHome .homeslider { margin: 0; width: 100%; max-width: 100%; }

#SliderHome .homeslider .owl-nav button { position: absolute; bottom: 20px; width: 24px; height: 24px; background-size: 100%; background-color: #273271; }

#SliderHome .homeslider .owl-nav button span { display: none; }

#SliderHome .homeslider .owl-nav .owl-prev { background-image: url("/WebRoot/Store/Shops/Isaval/MediaGallery/Icons/slider-prev-home.svg") !important; right: 54px; }

#SliderHome .homeslider .owl-nav .owl-next { background-image: url("/WebRoot/Store/Shops/Isaval/MediaGallery/Icons/slider-next-home.svg") !important; right: 20px; }

#SliderHome .homeslider .owl-nav .disabled { opacity: 0.5; }

@media (min-width: 576px) { #SliderHome .homeslider .owl-nav button { width: 54px; height: 54px; }
  #SliderHome .homeslider .owl-nav .owl-prev { right: 84px; }
  #SliderHome .homeslider .owl-nav .owl-next { right: 20px; } }

@media (min-width: 1440px) { .start-page .productsslider, .start-page .productssliderview { max-width: 100%; } }

.promoslider .CategoryItem, .sliderImagesFull-Nav .CategoryItem { margin: 0 !important; }

.promoslider .owl-nav button, .sliderImagesFull-Nav .owl-nav button { position: absolute; background-color: transparent !important; top: 50%; margin-top: -12px; width: 24px; height: 24px; background-size: 100%; margin: 0 5px; }

.promoslider .owl-nav button span, .sliderImagesFull-Nav .owl-nav button span { display: none; font-size: 32px; color: #fff; line-height: 24px; }

.promoslider .owl-nav .owl-prev, .sliderImagesFull-Nav .owl-nav .owl-prev { background-image: url("/WebRoot/Store/Shops/Isaval/MediaGallery/Icons/slider-prev-def.svg") !important; left: 0; }

.promoslider .owl-nav .owl-next, .sliderImagesFull-Nav .owl-nav .owl-next { background-image: url("/WebRoot/Store/Shops/Isaval/MediaGallery/Icons/slider-next-def.svg") !important; right: 0; }

.promoslider .owl-nav .disabled, .sliderImagesFull-Nav .owl-nav .disabled { opacity: 0.5; }

@media (min-width: 576px) { .promoslider .owl-nav button, .sliderImagesFull-Nav .owl-nav button { margin-top: -20px; width: 40px; height: 40px; }
  .promoslider .owl-nav button span, .sliderImagesFull-Nav .owl-nav button span { line-height: 40px; } }

#PageOrderCustom, #PageSizeCustom { margin-left: 0; }

#PageOrderCustom .InputLabelling, #PageOrderCustom .InputField, #PageSizeCustom .InputLabelling, #PageSizeCustom .InputField { display: inline-block; vertical-align: middle; }

#PageOrderCustom .InputLabelling, #PageSizeCustom .InputLabelling { line-height: 30px; }

#PageOrderCustom .InputLabelling, #PageOrderCustom .InputField, #PageSizeCustom .InputLabelling, #PageSizeCustom .InputField, #PageOrderCustom select, #PageSizeCustom select { margin: 0; font-size: 0.75rem; font-weight: 400; color: #363636; }

#PageOrderCustom .InputField, #PageSizeCustom .InputField { margin-left: 5px; }

#PageOrderCustom select, #PageSizeCustom select { border-color: #979797 !important; padding: 0 10px; height: 30px; line-height: 100%; }

.PaginationCustom { position: relative; padding: 0 0 10px 0; }

@media (max-width: 767px) { #PageOrderCustom .InputLabelling, #PageOrderCustom .InputField, #PageSizeCustom .InputLabelling, #PageSizeCustom .InputField { margin: 0; }
  #PageOrderCustom .InputLabelling { display: none; }
  #PageOrderCustom .InputField { width: 100%; }
  #PageOrderCustom { text-align: right; }
  #PageSizeCustom { display: none; } }

.viewFilter { display: block; max-width: calc(50% - 5px); margin: 0; }

.viewFilter a { display: inline-block; text-align: center; background: #273271; color: #fff; border: 1px solid #273271; padding: 0px 20px; font-size: 0.75rem; font-weight: 400; height: 30px; line-height: 30px !important; }

.viewFilter a:hover { border: 1px solid #38B4E7; background: #38B4E7; color: #fff; }

.viewFilter a.opened::after { content: "x"; display: inline-block; margin-left: 5px; font-weight: bold; font-size: 12px; }

#RemoteSearchResults { margin-top: 12px; }

.no-sidebars #RemoteSearchFacets { -webkit-box-shadow: none; box-shadow: none; }

.no-sidebars .RemoteSearchFacet a { font-size: 1em; }

.ContentArea .RemoteSearchFacets .ContextBoxBody { border: none; padding: 0; }

.ContentArea .FacetName { text-align: left; display: block; font-size: 0.875rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: 400; color: #fff; margin-bottom: 1rem; background: #273271; padding: 2px 10px; }

.RemoteSearchFacet { padding: 15px 0 30px 0; }

.RemoteSearchFacet li { font-size: 0.75rem; }

.no-sidebars .RemoteSearchFacet a, .RemoteSearchFacet a { font-size: 1em; font-weight: 400; line-height: 110%; color: #606060; }

.no-sidebars .RemoteSearchFacet a:hover, .RemoteSearchFacet a:hover { color: #273271; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif !important; }

.RemoteSearchFacet input[type="checkbox"] { vertical-align: middle !important; }

.RemoteSearchFacet ul, .RemoteSearchFacet ul > li:not(:first-child) { margin-top: 5px; }

#RemoteSearchFacets input[type="checkbox"], #RemoteSearchFacets input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; margin: 0; background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/input-checking.png") -20px -1px no-repeat; width: 20px; height: 20px; }

#RemoteSearchFacets input[type="checkbox"]:checked, #RemoteSearchFacets input[type="radio"]:checked { background-position: -1px -1px; }

#RemoteSearchFacets input[type="radio"]:checked + span.RemoteSearchFacetFilterName { font-weight: 400; }

#RemoteSearchFacets input[type="radio"], #RemoteSearchFacets input[type="radio"] + span { vertical-align: middle; }

#RemoteSearchFacets label.Bold, #RemoteSearchFacets label.Bold span { font-weight: 400; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif !important; display: inline-block; line-height: 110%; color: #273271; }

#RemoteSearchFacets label.Bold { width: 100%; }

.RemoteSearchFacetsInitial { text-align: center; padding: 0; margin-bottom: 10px; }

.RemoteSearchFacetsInitial a.RemoteSearchFacetsReset { font-size: 0.75rem; font-weight: 400; background: #fff; border: 1px solid #273271; color: #273271; padding: 0 10px; margin: 0 !important; height: 30px; line-height: 30px !important; display: block; text-align: left; }

.RemoteSearchFacetsInitial a.RemoteSearchFacetsReset:hover { background: #273271; color: #fff; }

.RemoteSearchFacet:first-child, li.RemoteSearchFacetsInitial + li { padding-top: 0; }

.RemoteSearchFacetFilterName img { max-width: 16px; }

.RemoteSearchFacetCategory input[type="radio"] { display: none; opacity: 0; filter: alpha(opacity=0); }

.RemoteSearchFacetCategory .LeftPaddingWide { padding-left: 12px !important; }

.RemoteSearchFacetFilterMatches { font-size: 0.85em; }

.RemoteSearchFacet.RemoteSearchFacetCategory > ul > li > ul ul li > a { color: #048cc3; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

.RemoteSearchFacet > ul { padding-left: 10px !important; }

.RemoteSearchFacetFilterCategory { display: inline-block; max-width: calc(100% - 36px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 0 !important; }

.RemoteSearchFacetSelect .RemoteSearchFacetFilterName, .RemoteSearchFacetBoolean .RemoteSearchFacetFilterName { font-weight: 400; margin-left: 5px; vertical-align: middle; }

.RemoteSearchFacet.RemoteSearchFacetPrice li { margin: 0 !important; }

.RemoteSearchFacet.RemoteSearchFacetPrice button[type="submit"] { padding: 0 !important; margin: 0; width: 24px; height: 26px; border: 1px solid #273271; font-size: 0.75rem; color: #000; background: #fff; }

.RemoteSearchFacet.RemoteSearchFacetPrice input.FacetRangeMin, .RemoteSearchFacet.RemoteSearchFacetPrice input.FacetRangeMax { margin: 0; text-align: center; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 0.75rem !important; padding: 0 3px; line-height: 26px !important; height: 26px; width: 55px; }

.no-sidebars .RemoteSearchFacets + div, .no-sidebars .RemoteSearchFacets ~ .CategoryList, .no-sidebars .RemoteSearchFacets ~ h1 { overflow: hidden; }

.no-sidebars .RemoteSearchFacets ~ .CategoryList > .CategoryProducts > .HotDealList { margin-top: 0; margin-bottom: 1rem; }

.RemoteSearchFacetCategory > ul, .RemoteSearchFacet > ul { overflow-x: hidden; }

.no-sidebars .RemoteSearchFacets ~ .custombreadcrumb { width: auto !important; }

.RemoteSearchFacet > ul { overflow-y: auto; }

@media (min-width: 992px) { .viewFilter { display: none; }
  .Middle .ContentAreaWrapper > .RemoteSearchFacets, .Middle .ContentAreaWrapper .CategoryList > .RemoteSearchFacets { margin-right: 20px; width: 270px; }
  #RemoteSearchFacets { margin-top: 12px; }
  .no-sidebars .RemoteSearchFacets ~ .CategoryList, .RemoteSearchFacets ~ #CategoryProducts { margin-top: 12px; }
  #CategoriesFilter { display: block !important; }
  .RemoteSearchFacetCategory > ul, .RemoteSearchFacet > ul { max-height: 350px; overflow-y: auto; } }

@media (min-width: 1200px) { .Middle .ContentAreaWrapper > .RemoteSearchFacets, .Middle .ContentAreaWrapper .CategoryList > .RemoteSearchFacets { margin-right: 20px; margin-bottom: 3rem; } }

@media (max-width: 991px) { .Middle .ContentAreaWrapper > .RemoteSearchFacets, .Middle .ContentAreaWrapper .CategoryList > .RemoteSearchFacets { float: none; margin-right: 0; width: 100%; }
  #CategoriesFilter { display: none; background: #fff; margin-bottom: 0; padding: 0.5rem; z-index: 200; position: absolute; width: 100%; border: 1px solid #273271; border-bottom-width: 4px; }
  .RemoteSearchFacet { padding: 0 0 16px 0; }
  .ContentArea .FacetName { margin-bottom: 0; font-size: 1rem; }
  .RemoteSearchFacet > ul { max-height: 215px; overflow: auto !important; }
  .RemoteSearchFacetsInitial { max-width: calc(50% - 5px); margin-bottom: 16px; } }

@media (max-width: 991px) { .RemoteSearchFacets ~ .CategoryList { margin-top: -30px; }
  .PaginationCustom { float: right; }
  #PageSizeCustom { margin-right: 20px; } }

@media (max-width: 575px) { .viewFilter a { width: 100%; }
  .PaginationCustom { width: calc(50% - 5px); }
  #PageOrderCustom, .PaginationCustom select { width: 100%; } }

#CategoryProducts { overflow-x: hidden; }

.CategoryHeader { position: relative; background-color: #fff; margin-bottom: 0; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 100; padding-bottom: 24px; }

.CategoryHeader .PropertyContainer { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.CategoryHeader .CategoryText { width: 100%; text-align: center; padding: 12px 0 0; }

.CategoryHeader h1 { font-weight: 600; color: #273271; margin-top: 0; font-size: 1.3125rem; }

.CategoryHeader .CategoryDesc { font-weight: 400; color: #999899; font-size: 0.875rem; }

.ContentArea a.ProductName, .ContentArea a.ProductName:hover { display: block; color: #273271; font-size: 0.875rem; font-weight: 400; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.HotDealList, .SearchResultList { width: 100%; margin-top: 0; }

.HoverProduct { background: rgba(56, 180, 231, 0.4); height: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 100; border: none; margin-left: 0; margin-top: 0; display: none; }

.HotDeal { height: auto; width: auto; float: left; line-height: 100%; overflow: visible; padding: 0; position: relative; }

.HotDeal h3 { margin-bottom: 0; }

.HotDeal .ProductNo { opacity: 1; filter: alpha(opacity=100); clear: left; margin-bottom: 0; color: #999899; font-size: 0.75rem; font-weight: 400; margin-top: 0 !important; }

.HotDeal .HotDealTop { margin: 0; overflow: hidden; float: none; display: block; width: 100%; position: relative; }

.HotDeal .HotDealTop .HotDealTopFloatin { position: relative; margin-bottom: 0; float: none; display: block; width: 100%; }

.HotDeal .HotDealTop .HotDealTopFloatin > a { display: block; }

.HotDeal .HotDealFoot { padding: 0; float: none; display: block; width: 100%; }

.HotDeal .HotDealFoot .HotDealFootFloatin { float: none; display: block; height: auto; position: relative; margin-bottom: 0; width: 100%; text-align: center; padding: 0; }

.HotDeal .HotDealFoot .InfoArea { white-space: normal; width: 100%; margin: 10px 0; text-align: center; line-height: 120%; min-height: 30px; }

.HotDeal .HotDealFoot .PriceArea .Price { text-align: center; }

.HotDeal .HotDealFoot .PriceArea .Price .Desde { color: #999899; font-size: 0.75rem; display: block; margin-top: 6px; }

.HotDeal .HotDealFoot .PriceArea .Price .price-value { color: #999899; font-size: 0.875rem; font-weight: 400; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

.HotDeal .HotDealFoot .PriceArea .Price .LineThrough { color: #999899; font-size: 0.75rem; font-weight: 400; }

.HotDeal .HotDealFoot .PriceArea .Price .PricePVPR { color: #999899; font-size: 0.75rem; font-weight: 400; }

.HotDeal .ImageArea { width: 100%; height: 100%; overflow: hidden; float: none; margin: 0; line-height: 100%; }

.HotDeal .ImageArea img { max-width: 100% !important; max-height: 100% !important; height: auto !important; vertical-align: middle; }

.HotDeal .showProductLabels { height: 20px; margin-top: 10px; text-align: center; }

.HotDeal .IconStock { background: none !important; color: #999899; font-size: 0.75rem; font-weight: 400; }

.HoverProduct .showProductText { position: absolute; width: 100%; text-align: center; left: 0; top: 50%; margin-top: -12px; }

.HoverProduct .showProductText span.label { display: inline-block; padding: 0 10px; color: #fff; font-size: 0.875rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; height: 24px; line-height: 24px; }

#ProductListCustom .HotDeal, .SearchResultList .HotDeal { float: left; }

@media (max-width: 575px) { #ProductListCustom .HotDeal, .SearchResultList .HotDeal { width: calc(calc(100% - 15px) / 2); margin: 0 0 30px 15px; }
  #ProductListCustom .HotDeal:nth-child(2n+1), .SearchResultList .HotDeal:nth-child(2n+1) { clear: left; margin-left: 0; } }

@media (min-width: 576px) and (max-width: 1439px) { #ProductListCustom .HotDeal, .SearchResultList .HotDeal { width: calc(calc(100% - 30px) / 3); margin: 0 0 30px 15px; }
  #ProductListCustom .HotDeal:nth-child(3n+1), .SearchResultList .HotDeal:nth-child(3n+1) { clear: left; margin-left: 0; } }

@media (min-width: 1440px) { #ProductListCustom .HotDeal, .SearchResultList .HotDeal { width: calc(calc(100% - 45px) / 4); margin: 0 0 30px 15px; }
  #ProductListCustom .HotDeal:nth-child(4n+1), .SearchResultList .HotDeal:nth-child(4n+1) { clear: left; margin-left: 0; } }

.HotDealRoof { display: block; text-align: left; position: absolute; top: 0; left: 0; z-index: 99; }

.HotDeal .LabelProduct { font-weight: 600; font-family: "Source Sans Pro", sans-serif; height: 24px; padding: 0 10px; margin: 0 2px 0 0; line-height: 24px !important; min-width: 110px; text-transform: uppercase; text-align: center; }

.HotDeal .LabelProduct { font-size: 0.5rem; }

@media screen and (min-width: 200px) { .HotDeal .LabelProduct { font-size: calc(0.5rem + 5 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { .HotDeal .LabelProduct { font-size: 0.8125rem; } }

@media (max-width: 767px) { .HotDeal .LabelProduct { height: 16px; line-height: 16px !important; min-width: 0 !important; } }

.LabelProduct, .ProductDetails .NewProduct { float: none; display: inline-block; vertical-align: top; min-height: 0; position: relative; }

.LabelProduct.NewProduct { color: #fff; background: #273271; }

.LabelProduct.PromoProduct { color: #fff; background: #999899; }

.tooltipStock { padding: 5px; }

.tooltipStock p { margin-bottom: 0; font-size: 12px; }

.ProductNoStockIcon { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_s_product_nostock.png") !important; }

table#DistribucionParrilla { border-bottom: 1px solid #999899; width: 100%; }

table#DistribucionParrilla thead > tr { border-bottom: 1px solid #999899; }

table#DistribucionParrilla th { font-family: "Source Sans Pro", sans-serif; font-weight: 700 !important; padding: 15px 3px; color: #999899; font-size: 0.8125rem; text-transform: uppercase; line-height: 100%; }

table#DistribucionParrilla td { padding: 24px 3px; color: #000; font-size: 0.8125rem; border-bottom: none; vertical-align: middle; }

table#DistribucionParrilla tbody > tr { border-bottom: 1px solid #f5f5f5; }

table#DistribucionParrilla td:last-child { text-align: right; }

table#DistribucionParrilla td:not(:last-child) > a { font-size: 0.8125rem; font-weight: 600; text-decoration: underline; }

table#DistribucionParrilla thead > tr { border-bottom: 1px solid #999899; }

table#DistribucionParrilla .efectoCargando { text-align: right; clear: both; }

table#DistribucionParrilla .efectoCargando img { max-width: 20px !important; }

table#DistribucionParrilla td.PriceColumn { text-align: right; }

table#DistribucionParrilla td.PriceColumn, table#DistribucionParrilla td.ColumnaRefFabricante, table#DistribucionParrilla td.ColumnaDescuento { white-space: nowrap; }

table#DistribucionParrilla .ColumnaImagen, table#DistribucionParrilla .ColumnaEcotasa { padding: 0; width: 24px; }

table#DistribucionParrilla input.numeric { max-width: 100px; margin: 0; }

table#DistribucionParrilla input.numeric, table#DistribucionParrilla input[type="text"] { margin: 0; text-align: center; font-size: 0.875rem; min-width: 80px; }

table#DistribucionParrilla .ep-uiInput-button.ep-uiSpinner-stepper { display: none; padding: 0; border-radius: 0; width: 20px; height: 30px; background: transparent; }

table#DistribucionParrilla .ep-uiInput-button.ep-uiSpinner-stepper a.ep-uiSpinner-stepUp, table#DistribucionParrilla .ep-uiInput-button.ep-uiSpinner-stepper a.ep-uiSpinner-stepDown { height: 15px; line-height: 15px !important; color: #000; }

table#DistribucionParrilla .ep-uiInput-button.ep-uiSpinner-stepper a.ep-uiSpinner-stepUp:hover, table#DistribucionParrilla .ep-uiInput-button.ep-uiSpinner-stepper a.ep-uiSpinner-stepDown:hover { color: #273271; }

table#DistribucionParrilla input.numeric, table#DistribucionParrilla input[type="text"], table#DistribucionParrilla .ButtonBasket { border: 1px solid #999899; height: 32px; }

table#DistribucionParrilla .ButtonBasket { width: 40px; background: #999899; margin-left: -8px; text-align: center; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: radius; }

table#DistribucionParrilla .ButtonBasket .BasketIcon { display: inline-block; background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-basket-plus.png") center center no-repeat transparent !important; border: none; margin: 0; padding: 0; width: 25px; height: 25px; }

table#DistribucionParrilla .IconStock, table#DistribucionParrilla .helpStock { display: inline-block !important; vertical-align: middle; }

table#DistribucionParrilla .IconStock { width: calc(100% - 30px); }

table#DistribucionParrilla .IconStock .Icon, table#DistribucionParrilla .IconStock span { display: inline-block; vertical-align: middle; }

table#DistribucionParrilla .IconStock .Icon { width: 10px; height: 10px; background-size: 100% !important; }

table#DistribucionParrilla .IconStock span { font-size: 0.75rem; line-height: 100%; width: calc(100% - 20px); }

@media (min-width: 1200px) { table#DistribucionParrilla .IconStock > span { max-width: 90%; }
  table#DistribucionParrilla .IconStock > * { display: inline-block; vertical-align: middle; }
  table#DistribucionParrilla .ColumnaImagen, table#DistribucionParrilla .ColumnaEcotasa { width: 5%; }
  table#DistribucionParrilla .ColumnaStock { width: 15%; }
  table#DistribucionParrilla .ColumnaNombre { width: 20%; }
  table#DistribucionParrilla .ColumnaRefFabricante, table#DistribucionParrilla .ColumnaFabricante { width: 8%; }
  table#DistribucionParrilla .ColumnaUM { width: 10%; }
  table#DistribucionParrilla .ColumnaPVP, table#DistribucionParrilla .Pricecolumn { width: 10%; }
  table#DistribucionParrilla .ColumnaDescuento { width: 8%; }
  table#DistribucionParrilla td.ColumnaUM, table#DistribucionParrilla .PriceColumn { white-space: nowrap; }
  table#DistribucionParrilla .ColumnaComprar { min-width: 140px; width: 10%; } }

@media (max-width: 1199px) { table#DistribucionParrilla { width: 100%; margin: 12px auto 0; }
  table#DistribucionParrilla td, table#DistribucionParrilla input.numeric, table#DistribucionParrilla input[type="text"] { font-size: 0.75rem; }
  table#DistribucionParrilla thead { display: none; }
  table#DistribucionParrilla tbody, table#DistribucionParrilla tbody tr, table#DistribucionParrilla tfoot, table#DistribucionParrilla tfoot tr { display: block; width: 100%; border-bottom: none !important; text-align: left !important; padding-left: 0; padding-right: 0; }
  table#DistribucionParrilla tbody tr { border-top: 1px solid #e5e5e5; position: relative; padding: 5px 0; }
  table#DistribucionParrilla tbody td, table#DistribucionParrilla tfoot td { position: relative; display: inline-block; width: 100%; vertical-align: top; }
  table#DistribucionParrilla tbody td::before, table#DistribucionParrilla tfoot td::before { content: attr(data-title); display: block; font-size: 0.6875rem; opacity: 0.7; filter: alpha(opacity=70); }
  table#DistribucionParrilla td { padding: 5px; }
  table#DistribucionParrilla tbody td.noviewmobile, table#DistribucionParrilla tfoot td.noviewmobile { display: none; }
  table#DistribucionParrilla .ep-uiInput-button.ep-uiSpinner-stepper { display: none; }
  table#DistribucionParrilla .ColumnaImagen, table#DistribucionParrilla .ColumnaEcotasa { position: absolute; top: 5px; }
  table#DistribucionParrilla .ColumnaImagen { right: 0; }
  table#DistribucionParrilla .ColumnaEcotasa { right: 24px; }
  table#DistribucionParrilla .ColumnaNombre { width: 30%; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  table#DistribucionParrilla .ColumnaRefFabricante, table#DistribucionParrilla .ColumnaFabricante, table#DistribucionParrilla .ColumnaUM { width: 20%; }
  table#DistribucionParrilla .ColumnaRefFabricante { text-align: left !important; }
  table#DistribucionParrilla .PriceColumn, table#DistribucionParrilla .ColumnaDescuento { width: 15%; }
  table#DistribucionParrilla .ColumnaStock { width: 45%; }
  table#DistribucionParrilla input.numeric, table#DistribucionParrilla input[type="text"] { padding: 0; }
  table#DistribucionParrilla .ColumnaComprar { width: 140px; position: absolute; right: 0; bottom: 5px; }
  table#DistribucionParrilla .PriceColumn { font-size: 13px !important; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }
  table#DistribucionParrilla input.numeric, table#DistribucionParrilla input[type="text"], table#DistribucionParrilla .ButtonBasket { height: 28px; } }

@media screen and (max-width: 575px) { table#DistribucionParrilla .ColumnaNombre { width: calc(100% - 60px); }
  table#DistribucionParrilla .ColumnaRefFabricante, table#DistribucionParrilla .ColumnaFabricante, table#DistribucionParrilla .ColumnaUM { width: 31%; }
  table#DistribucionParrilla .ColumnaStock { width: calc(100% - 140px); display: block; }
  table#DistribucionParrilla .PriceColumn, table#DistribucionParrilla .ColumnaDescuento { text-align: right !important; width: auto; } }

.ProductDetails { clear: both; position: relative; margin-top: 30px; }

.ProductDetails.ImgLeft .InfoArea, .ProductDetails.ImgRight .InfoArea, .ProductDetails.ImgLeft .ProductImage, .ProductDetails.ImgRight .ProductImage { margin: 0; position: relative; }

.ProductDetails.ImgLeft .ProductImage, .ProductDetails.ImgRight .ProductImage { float: none; margin: 0 auto; width: 100%; margin-bottom: 1rem; }

.ProductDetails.ImgLeft .InfoArea, .ProductDetails.ImgRight .InfoArea { width: 100%; float: none; min-height: 0; margin-bottom: 1rem; }

@media (max-width: 767px) { .ProductDetails.ImgLeft .InfoArea, .ProductDetails.ImgRight .InfoArea { clear: both; } }

@media (min-width: 1200px) { .ProductDetails.ImgRight .ProductImage, .ProductDetails.ImgLeft .InfoArea { float: right; }
  .ProductDetails.ImgLeft .ProductImage, .ProductDetails.ImgRight .InfoArea { float: left; }
  .ProductDetails.ImgLeft .InfoArea, .ProductDetails.ImgRight .InfoArea { width: calc(100% - 300px); margin-bottom: 2rem; }
  .ProductDetails.ImgLeft .ProductImage, .ProductDetails.ImgRight .ProductImage { width: 270px; margin-bottom: 2rem; } }

.ProductDetails h1 { font-size: 1.125rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; color: #273271; text-align: left; padding: 0; margin-bottom: 0.5rem; line-height: 1.2; }

.ProductDetails .ProductNo { font-weight: 400; font-size: 0.875rem; color: #273271; opacity: 1; filter: alpha(opacity=100); }

.ProductDetails .ProductImage > img { max-width: 100%; }

.ProductDetails #LabelsProduct { display: block; text-align: left; position: absolute; left: 0; top: 0; z-index: 100; }

.ProductDetails .LabelProduct { font-weight: 600; font-family: "Source Sans Pro", sans-serif; height: 24px; padding: 0 10px; margin: 0 2px 0 0; line-height: 24px !important; min-width: 110px; text-transform: uppercase; text-align: center; }

.ProductDetails .LabelProduct { font-size: 0.75rem; }

@media screen and (min-width: 200px) { .ProductDetails .LabelProduct { font-size: calc(0.75rem + 2 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { .ProductDetails .LabelProduct { font-size: 0.875rem; } }

@media (max-width: 767px) { .ProductDetails .LabelProduct { height: 16px; line-height: 16px !important; } }

.ProductDetails .NewProduct { color: #fff; background: #273271; }

.ProductDetails .PriceContainer { background: none; padding: 0; margin: 0; }

.ProductDetails .PriceContainer .Price, .ProductDetails .PriceContainer .PriceOld { display: inline-block; }

.ProductDetails .PriceContainer .price-value:not(.PricePVPR) { font-size: 1.25rem; font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #000; }

.ProductDetails .PriceContainer .PriceOld { font-size: 0.875rem; font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #000; margin-left: 13px; }

.ProductDetails .PriceContainer .PricePVPR { font-size: 1rem; font-weight: 400; color: #000; margin-left: 13px; }

.ProductDetails .PriceContainer .PriceDesde { font-size: 0.875rem; color: #000; margin-right: 5px; }

.ProductDetails .ProductStock { margin-top: 0.5em; }

.ProductDetails .ProductStock p { font-size: 0.8125rem; margin: 0 !important; padding: 0; }

.ProductDetails .ProductStock .Icon.ProductOnStockIcon, .ProductDetails .ProductStock .Icon.ProductOutStockIcon, .ProductDetails .ProductStock .Icon.ProductWarnStockIcon { color: #999899; font-size: 0.75rem; font-weight: 400; }

.ProductDetails form.AddToBasketForm { display: inline-block !important; vertical-align: top; margin-top: 1.5rem; }

.ProductDetails .ProductDoc { text-align: left; width: auto; margin-left: auto; margin-right: 0; display: inline-block; }

@media (max-width: 767px) { .ProductDetails .ProductDoc { margin: 1em 0 0; display: block; }
  .ProductDetails .ProductDoc a { display: inline-block; margin: 0 8px 0 0; } }

.ProductDetails .DescripcionCorta { margin-top: .5rem; margin-bottom: 1.5rem; }

.ProductDetails .DescripcionCorta, .ProductDetails .DescripcionCorta p { font-size: 0.875rem; }

.ProductDetails .AdditionalLinks.New { margin: 1rem 0; }

.ProductDetails .AdditionalLinks.New li { text-align: left; float: none; width: 100%; padding-right: 0; margin-bottom: 1rem; }

.ProductDetails .BotonOferta { display: block !important; margin-top: 2rem; }

.ProductDetails .BotonOferta a { text-align: center; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; font-size: 1rem; font-weight: 700; padding: 12px 1rem; min-width: 200px; text-transform: uppercase; height: 45px; background: none; background: #38B4E7; border-color: #38B4E7; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; display: inline-block !important; white-space: normal !important; }

.ProductDetails .BotonOferta a:hover { background: #000; border-color: #000; color: #fff !important; }

.ProductDetails .BotonOferta a .OfertaIcon { display: inline-block; margin: -2px 4px 0 -4px; }

.ProductDetails .InfoArea .description { color: #363636; }

.ProductDetails .AdditionalLinks.New li.LinkShoppingList { display: none; }

.ProductDetails .AdditionalLinks.New li.LinkPromocion, .ProductDetails .AdditionalLinks.New li.LinkUnidades { display: block; width: 100%; }

.ProductDetails .AdditionalLinks.New li.LinkPromocion a, .ProductDetails .AdditionalLinks.New li.LinkUnidades a { white-space: normal; display: block; text-align: center; }

.ProductDetails .AdditionalLinks.New li.LinkUnidades { margin-bottom: 1rem; }

.ProductDetails .AdditionalLinks.New li.LinkUnidades a { background: none; background: #38B4E7; border-color: #38B4E7; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; padding: 12px 10px; height: 38px; line-height: 38px; font-size: 0.875rem; text-decoration: none; font-weight: 700; min-width: 280px; }

.ProductDetails .AdditionalLinks.New li.LinkUnidades a:hover { background: #273271; border-color: #273271; color: #fff !important; }

.ProductDetails .AdditionalLinks.New li.LinkUnidades a span { display: block; line-height: 100%; }

.ProductDetails .StockBlock > * { display: inline-block; }

.ProductDetails .MessageCustom { margin-top: 2rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

.ProductDetails .MessageCustom img { vertical-align: middle; display: inline-block; margin-right: 10px; }

.ProductDetails .PriceContainer .ClearBoth { display: block !important; }

.ProductDetails .IconosCertificados { margin-top: 1rem; }

.ProductDetails .IconosCertificados .iconos-ficha-tecnica { font-size: 0; }

.ProductDetails .IconosCertificados img { width: 42px; margin: 2px 6px; border: 1px solid transparent; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: radius; }

.ProductDetails a.enlaceCertificados .IconosCertificados img:hover, .ProductDetails a .IconosCertificados img:hover { border-color: #3ebeef; }

.ProductDetails .TiendaHabitual { font-size: 11px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: radius; border: 1px solid #e5e5e5; padding: 5px; margin-bottom: 10px; }

.ProductDetails .TiendaHabitual span { display: inline-block; vertical-align: middle; width: calc(100% - 40px); line-height: 110%; }

.ProductDetails .TiendaHabitual::before { content: ""; background: url("/WebRoot/Store/Shops/Isaval/MediaGallery/Icons/ico-shop.png") no-repeat 0 0; width: 24px; height: 24px; margin-right: 5px; display: inline-block; vertical-align: middle; }

@media (min-width: 576px) { .ProductDetails .TiendaHabitual { float: right; width: 200px; padding: 10px; background: #f2f3f3; }
  .ProductDetails .TiendaHabitual + .ProductTitle { margin-right: 300px; }
  .ProductDetails .TiendaHabitual + .ProductTitle + * { clear: right; } }

@media (min-width: 1200px) { .ProductDetails .AdditionalLinks.New { margin-bottom: 2rem; }
  .ProductDetails .AdditionalLinks.New li.LinkPromocion, .ProductDetails .AdditionalLinks.New li.LinkUnidades { display: inline-block; width: auto; margin-bottom: 0; vertical-align: middle; }
  .ProductDetails .AdditionalLinks.New li.LinkUnidades { margin-right: 1rem; }
  .ProductDetails .PriceContainer .price-value:not(.PricePVPR) { font-size: 1.5rem; } }

.ProductDetails .VariantesButtons { display: block; margin: 20px 0; text-align: center; }

.ProductDetails .VariantesButtons .ButtonChoice a { display: inline-block; font-size: 1rem; font-weight: 700; background: none; background: #273271; border-color: #273271; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.ProductDetails .VariantesButtons .ButtonChoice a:hover { background: #999899; border-color: #999899; color: #fff !important; }

@media (max-width: 767px) { .ProductDetails .VariantesButtons { display: block; text-align: center; } }

.ProductDetails .ProductDocuments { margin: 20px 0 0; }

.VariantesButtons ~ .ProductDetails .ProductDocuments { margin-top: 0; }

.ProductDetails .ProductDocuments ul { list-style: none; margin: 0; padding: 0; font-size: 0; }

.ProductDetails .ProductDocuments ul li { display: inline-block; margin-right: 10px; }

.ProductDetails .ProductDocuments ul li a, .ProductDetails .ProductDocuments ul li button { display: block; font-size: 1rem; font-weight: 700; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

.ProductDetails .ProductDocuments ul li a::before, .ProductDetails .ProductDocuments ul li button::before { content: ""; display: inline-block; margin-right: 5px; width: 32px; height: 32px; vertical-align: middle; background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_s_download.png") no-repeat center center; }

.ProductDetails .ProductDocuments ul li a:hover, .ProductDetails .ProductDocuments ul li button:hover { color: #38B4E7; }

.ContentArea a.LinkProductInquiry { padding: 0px 0 0 24px; background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico_s_productinquiry.svg") no-repeat !important; line-height: 20px !important; font-size: 12px; font-weight: 500; display: block; height: 20px; }

.ProductDetails input.Quantity.ep-uiSpinner { margin: 0; padding: 0; line-height: 100%; width: 80px; height: 45px; font-size: 0.9375rem; text-align: center; padding: 12px 0 !important; }

.ep-uiSpinner-stepper { background: none; margin: 0; display: none; }

.ContentArea a.ep-uiSpinner-stepUp, .ContentArea a.ep-uiSpinner-stepDown { font-size: 1rem; color: #000; line-height: 20px !important; height: 20px !important; }

.ContentArea a.ep-uiSpinner-stepUp:hover, .ContentArea a.ep-uiSpinner-stepDown:hover { color: #000; background: transparent; }

.ep-uiSpinner-stepper, .ep-uiSpinner-stepper:hover, .ep-uiSpinner-stepper:focus { background: none; border: none; }

.AddVariantesToBasketLink { margin-top: 1rem; }

.ContentArea .AddToBasketButton[type="submit"], .Customizable button.AddToBasketButton, .ProductDetails .BotonIrAPagar a, .AddVariantesToBasketLink button[type="submit"] { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; font-size: 1rem; font-weight: 700; padding: 12px 20px; min-width: 200px; text-transform: uppercase; height: 45px; text-decoration: none; border: none; margin: 0; }

.ContentArea .AddToBasketButton[type="submit"], .Customizable button, .AddVariantesToBasketLink button[type="submit"] { background: none; background: #999899; border-color: #999899; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.ContentArea .AddToBasketButton[type="submit"]:hover, .Customizable button:hover, .AddVariantesToBasketLink button[type="submit"]:hover { background: #000; border-color: #000; color: #fff !important; }

.ContentArea .AddToBasketButton[name="AddToPresupuesto"] { background: none; background: #008c75; border-color: #008c75; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.ContentArea .AddToBasketButton[name="AddToPresupuesto"]:hover { background: #000; border-color: #000; color: #fff !important; }

.ContentArea .AddToBasketButton[type="submit"].BotonCompraDeshabilitado, .ContentArea .AddToBasketButton[type="submit"].BotonCompraDeshabilitado:hover { background: #ccc; color: #000; }

@media (max-width: 575px) { .ProductDetails form.AddToBasketForm { margin-top: 1rem; width: 100%; }
  form#presupFormProduct { margin-top: .5rem; }
  .ContentArea .AddToBasketButton { width: 100%; }
  .AddToBasketButton[type="submit"], .Customizable button.AddToBasketButton, .ProductDetails .BotonIrAPagar a, .AddVariantesToBasketLink button[type="submit"] { font-size: 0.8125rem; }
  .ProductDetails input.Quantity.ep-uiSpinner { width: 100px; }
  .ContentArea .AddToBasketButton[name="AddToBasket"] { max-width: calc(100% - 105px); } }

table.OrderStatus tr td, table.UserAttributes tr td { background: transparent; border-top: none; padding: 0; }

table.UserAttributes, .attribute table { width: 100%; border: 1px solid #999899; margin: 0; }

table.UserAttributes tr, .attribute table tr { border-bottom: 1px solid #999899; }

table.UserAttributes tr td, .attribute table tr td { font-size: 0.875rem; color: #363636; text-align: left; vertical-align: top; padding: 12px 16px; border: none; }

table.UserAttributes tr td.AttributeLabel, .attribute table tr td.AttributeLabel, table.UserAttributes tr td:first-child, .attribute table tr td:first-child { width: 30%; }

table.UserAttributes iframe, .attribute table iframe { max-width: 100%; }

@media (max-width: 767px) { table.UserAttributes tr td.AttributeContent, .attribute table tr td.AttributeContent, table.UserAttributes tr td:last-child, .attribute table tr td:last-child { text-align: left; }
  table.UserAttributes tr td.AttributeLabel, .attribute table tr td.AttributeLabel, table.UserAttributes tr td:first-child, .attribute table tr td:first-child { width: 50%; } }

@media (max-width: 575px) { table.UserAttributes, .attribute table { border: none; }
  table.UserAttributes tbody, .attribute table tbody, table.UserAttributes tr, .attribute table tr, table.UserAttributes td, .attribute table td { display: block; width: 100%; }
  table.UserAttributes tr td, .attribute table tr td { padding: 12px 0; font-size: 0.75rem; }
  table.UserAttributes tr td.AttributeLabel, .attribute table tr td.AttributeLabel, table.UserAttributes tr td:first-child, .attribute table tr td:first-child { font-size: 0.75rem; padding-bottom: 0; }
  table.UserAttributes tr:last-child, .attribute table tr:last-child { border-bottom: none; } }

#ProductInfoTabs .listadoDocumentos tr td { font-size: 0.875rem; color: #363636; text-align: left; vertical-align: top; padding: 12px 16px; border: none; vertical-align: middle; }

#ProductInfoTabs .listadoDocumentos tr td.NameCol { padding-left: 0; }

@media (max-width: 575px) { #ProductInfoTabs .listadoDocumentos tr td { font-size: 0.75rem; } }

.listCertificados .descargaCertificado span { display: none; }

.listCertificados .descargaCertificado::before { content: ""; display: inline-block; width: 32px; height: 36px; vertical-align: middle; background: url("/WebRoot/Store/Shops/Isaval/MediaGallery/Icons/ico-download.png") no-repeat center center; }

table.ContentTable tr th, table.SpecialPricesTable tr th, table.VariationsTable tr th { padding: 0; background: transparent; color: inherit; font-weight: inherit; font-style: inherit; }

table.SelectVariation tr th, table.SelectVariation tr td, table.ContentTable tr td, table.SpecialPricesTable tr td, table.VariationsTable tr td { background: transparent; border-top: none; padding: 0; }

img.ImagenEfectoCargandoParrilla { max-width: 20px !important; }

table.VariationsTable { width: 100%; margin-top: 0; /*width:auto; min-width:50%; max-width:100%; margin:0 auto;*/ }

table.VariationsTable > thead > tr { background: #fff; border-top: 1px solid #000; }

table.VariationsTable > thead > tr > th { font-size: 0.875rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; text-align: center; color: #363636; padding: 5px 6px; }

table.VariationsTable > thead > tr > th.colPriceMain { background: #999899; color: #fff; }

table.VariationsTable > tbody > tr { border-bottom: 1px solid #f5f5f5; background: #fff; }

table.VariationsTable > tbody > tr:nth-child(odd) { background: #f5f5f5; }

table.VariationsTable > tbody > tr > td { font-size: 0.8125rem; color: #363636; text-align: center; vertical-align: middle; padding: 5px 6px; text-transform: uppercase; }

table.VariationsTable > tbody > tr > td a.ElegirColorLink { font-size: 0.8125rem; text-decoration: underline !important; }

table.VariationsTable .IconStock { background: none !important; }

table.VariationsTable .IconStock p { font-size: 0.75rem; font-weight: 400; color: #363636; margin: 0; }

table.VariationsTable .InfoStock * { line-height: 100%; font-size: 0.75rem; cursor: pointer; display: inline-block; }

table.VariationsTable .InfoStock span { display: inline-block; }

table.VariationsTable .Price { text-align: center; display: inline-block; }

table.VariationsTable .Price .price-value { width: auto; font-size: 0.875rem; font-weight: 400; color: #363636; }

table.VariationsTable .Price .PricePVPR { font-size: 0.6875rem; font-weight: 400; color: #363636; margin-left: 12px; }

table.VariationsTable .StockColumn { text-align: center; }

table.VariationsTable .RefColumn { white-space: nowrap; }

table.VariationsTable .ImgColumn { padding: 5px 0; }

table.VariationsTable .ImgColumn span { width: 50px; display: block; padding: 5px 6px; }

table.VariationsTable .ImgColumn img { max-width: 50px !important; }

table.VariationsTable .ImgColumn span.img-bgr { background: no-repeat center center; height: 25px; padding: 0; margin: 0 6px; }

table.VariationsTable .ImgColumn span.img-bgr img { display: none; }

table.VariationsTable > tbody > tr > td.QuantityColumn { max-width: 60px; }

table.VariationsTable input.Quantity { font-size: 0.6875rem; font-weight: 600; width: 60px; height: 25px; padding: 0 3px; border: 1px solid #273271; color: #363636; text-align: center; }

table.VariationsTable > thead > tr > th.StockColumn, table.VariationsTable > tbody > tr > td.StockColumn { text-align: left; }

table.VariationsTable .IconoColor { max-height: 20px; }

table.VariationsTable .IconColumn { width: 50px; position: relative; }

table.VariationsTable .IconColumn .efectoCargando { position: absolute; right: 0; z-index: 10; background: #fff; width: 100%; height: calc(100% - 5px); }

table.VariationsTable .ButtonBasket, table.VariationsTable .ButtonBasketEnabled { width: 38px; height: 25px; text-align: center; margin: 0; padding: 0; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; }

table.VariationsTable .ButtonBasket span.ep-sprite, table.VariationsTable .ButtonBasketEnabled span.ep-sprite { display: inline-block; border: none; margin: 0; padding: 0; width: 25px; height: 25px; }

table.VariationsTable button[name="AddToBasket"] { background: none; background: #273271; border-color: #273271; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

table.VariationsTable button[name="AddToBasket"]:hover { background: #38B4E7; border-color: #38B4E7; color: #000 !important; }

table.VariationsTable button[name="AddToBasket"]:disabled { background-color: #d0d0d0 !important; }

table.VariationsTable button[name="AddToBasket"] .BasketIcon { background: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-addprod-basket.svg") center center no-repeat transparent !important; }

table.VariationsTable button[name="AddToPresupuesto"] { background: transparent; }

table.VariationsTable button[name="AddToPresupuesto"] .PresuIcon { background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/ico-presupuesto-add.svg") !important; }

table.VariationsTable button[name="AddToPresupuesto"]:disabled { background-color: transparent !important; opacity: 0.3; }

table.VariationsTable > tbody > tr > td:last-child { padding-left: 0; padding-right: 0; }

.AddVariantesToBasketLink { text-align: right; }

/*.TablaVariantes{ max-height:410px; overflow:hidden; overflow-y:auto; @extend %customScrollbar; }*/
@media (max-width: 575px) { #FormularioVariantes { margin-top: 2rem; }
  table.VariationsTable > thead { display: none; }
  table.VariationsTable > tbody, table.VariationsTable > tbody > tr { display: block; width: 100%; text-align: left; position: relative; }
  table.VariationsTable > tbody > tr > td { display: block; padding-bottom: 0; text-align: left !important; width: 100%; }
  table.VariationsTable > tbody > tr > td > * { display: inline-block; }
  table.VariationsTable > tbody > tr > td::before { content: attr(data-title); display: inline-block; width: 25%; font-size: 0.6875rem; opacity: 0.7; filter: alpha(opacity=70); }
  table.VariationsTable > tbody > tr > td.QuantityColumn { max-width: calc(100% - 120px); }
  table.VariationsTable > tbody > tr { padding-bottom: 8px; border-bottom-color: #e5e5e5; }
  table.VariationsTable > tbody > tr > td.IconColumn { bottom: 8px; position: absolute; }
  table.VariationsTable > tbody > tr > td.ImgColumn { display: inline-block; padding-right: 0; max-width: 50px; }
  table.VariationsTable > tbody > tr > td.ImgColumn::before { display: none; }
  table.VariationsTable > tbody > tr > td.ImgColumn + .RefColumn { display: inline-block !important; max-width: calc(100% - 60px); }
  table.VariationsTable > tbody > tr > td.ImgColumn + .RefColumn::before { display: block; width: 100%; }
  table.VariationsTable .IconColumn.AddBudgetColumn { right: 0px; }
  table.VariationsTable .IconColumn.AddBasketColumn { right: 50px; }
  table.VariationsTable .IconColumn .efectoCargando { position: relative; height: auto; }
  .AddVariantesToBasketLink button { width: 100%; } }

.ui-dialog.infoStockDialog, .ui-dialog.infoStockLastDialog { min-width: 300px; }

.ui-dialog.infoStockDialog .ui-dialog-content, .ui-dialog.infoStockLastDialog .ui-dialog-content { font-size: 0.875rem; }

.ui-dialog.infoStockDialog ul, .ui-dialog.infoStockLastDialog ul { list-style: inside; margin: 0; padding: 0; }

@media (max-width: 575px) { .ui-dialog.infoStockDialog, .ui-dialog.infoStockLastDialog { width: calc(100% - 28px) !important; } }

table.tbInfoStock { width: 100%; }

table.tbInfoStock tr { border-bottom: 1px solid #e5e5e5; }

table.tbInfoStock th { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

table.tbInfoStock td:last-child { text-align: right; }

table.tbInfoStock th, table.tbInfoStock td { font-size: 12px; padding: 5px 0; }

.Price + .PromocionLabel { display: inline-block; vertical-align: middle; margin-left: 5px; }

a:hover .ico-promo { opacity: 0.8; filter: alpha(opacity=80); }

.ico-promo, .ico-promo + .label { display: inline-block; vertical-align: middle; }

.ico-promo + .label { font-size: 10px; display: none; }

.infoPromoDialog .tbpromos { min-width: 300px; width: 100%; font-size: 14px; }

.infoPromoDialog .tbpromos tr { border-bottom: 1px solid #000; }

.infoPromoDialog .tbpromos th { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-size: 12px; }

.infoPromoDialog .tbpromos th, .infoPromoDialog .tbpromos td { text-align: left; padding: 7px 10px; }

@media (min-width: 576px) { .infoPromoDialog { min-width: 480px; } }

.productssliderview, .productsslider { margin-right: auto; margin-left: auto; max-width: calc(100% - 48px); }

.productssliderview .owl-nav button, .productsslider .owl-nav button { position: absolute; top: 40%; margin-top: -12px; width: 24px; height: 24px; background-size: 100%; }

.productssliderview .owl-nav button span, .productsslider .owl-nav button span { display: none; font-size: 32px; color: #fff; line-height: 24px; }

.productssliderview .owl-nav .owl-prev, .productsslider .owl-nav .owl-prev { background-image: url("/WebRoot/Store/Shops/Isaval/MediaGallery/Icons/slider-prev-def.svg") !important; left: -24px; }

.productssliderview .owl-nav .owl-next, .productsslider .owl-nav .owl-next { background-image: url("/WebRoot/Store/Shops/Isaval/MediaGallery/Icons/slider-next-def.svg") !important; right: -24px; }

.productssliderview .owl-nav .disabled, .productsslider .owl-nav .disabled { opacity: 0.5; }

@media (min-width: 576px) { .productssliderview, .productsslider { max-width: calc(100% - 80px); }
  .productssliderview .owl-nav button, .productsslider .owl-nav button { margin-top: -20px; width: 40px; height: 40px; }
  .productssliderview .owl-nav button span, .productsslider .owl-nav button span { line-height: 40px; }
  .productssliderview .owl-nav .owl-prev, .productsslider .owl-nav .owl-prev { left: -40px; }
  .productssliderview .owl-nav .owl-next, .productsslider .owl-nav .owl-next { right: -40px; } }

.productssliderview { margin: 1rem auto 2rem; }

.productsslider .HotDeal { margin: auto; float: none; width: 100%; }

.productssliderview .HotDeal { margin: 0 auto 0 0; float: none; width: calc(100% - 25px); }

.productsslider .HotDeal .ImageArea img, .productssliderview .HotDeal .ImageArea img { margin: auto; display: inline-block; }

.owl-carousel .owl-item .HotDeal .IconoVariantes img { width: auto; }

#ProductLastViewed, .CrossellingProducts { clear: both; }

#ProductLastViewed h2, .CrossellingProducts h2 { font-weight: 400; text-align: center; color: #273271; margin-bottom: 32px; text-transform: uppercase; font-size: 1rem; width: 100%; display: inline-block; }

#ProductLastViewed h2::before, .CrossellingProducts h2::before, #ProductLastViewed h2::after, .CrossellingProducts h2::after { content: ""; display: inline-block; vertical-align: middle; width: 15%; height: 1px; background: #999899; }

#ProductLastViewed h2::before, .CrossellingProducts h2::before { margin-right: 30px; }

#ProductLastViewed h2::after, .CrossellingProducts h2::after { margin-left: 30px; }

#ProductLastViewed, .CrossellingProducts { margin-top: 2rem; }

@media screen and (min-width: 576px) { #ProductLastViewed, .CrossellingProducts { margin-top: calc(2rem + 34 * ((100vw - 36rem) / 864)); } }

@media screen and (min-width: 1440px) { #ProductLastViewed, .CrossellingProducts { margin-top: 4.125rem; } }

#ProductSlideshow { margin: 0 auto; max-width: 100%; }

.ProductDetails #ProductThumbsContainer { margin-top: 1rem; clear: both; left: 0; width: 100%; text-align: center; }

.ProductDetails .ProductThumbsNew, .ProductDetails .ProductThumbs { display: inline-block; width: auto !important; }

.ProductDetails .ep-uiThumbbox.ep-uiThumbbox-list { margin-top: 5px; }

.ProductDetails .ep-uiThumbbox.ep-uiThumbbox-list li { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; float: none; padding-bottom: 0; display: inline-block; vertical-align: middle; position: relative; border: 1px solid #e5e5e5 !important; margin: 2px 2px 0 0; background: #fff; line-height: 50px !important; width: 52px !important; height: 52px !important; }

.ProductDetails .ep-uiThumbbox.ep-uiThumbbox-list li.active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -op-box-shadow: none; -ms-box-shadow: none; border-color: #273271 !important; }

.ProductDetails .ep-uiThumbbox.ep-uiThumbbox-list li img { max-width: 100%; max-height: 100% !important; margin-top: -3px; }

@media (min-width: 768px) { .ProductDetails #ProductThumbs img { max-width: 100%; } }

/*configurador popup de colores*/
.ui-dialog.popupElegirColorPersonalizado .ui-dialog-titlebar { padding: 0; border-bottom: none; }

@media (min-width: 768px) { .ui-dialog.popupElegirColorPersonalizado { width: 720px !important; left: 50% !important; margin-left: -360px !important; } }

#popupElegirColor { padding: 20px; width: 100%; height: auto !important; overflow: visible; }

@media (min-width: 992px) { #popupElegirColor { padding: 40px 40px 62px; } }

.ElegirColorPersonalizado { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; }

.ElegirColorPersonalizado > div { -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; padding-left: 10px; padding-right: 10px; }

.ElegirColorPersonalizado > div * { font-size: 0.75rem; }

.ElegirColorPersonalizado .ButtonBar { text-align: center; }

.ElegirColorPersonalizado #BotonElegir { width: 100%; max-width: 100%; background: none; background: #273271; border-color: #273271; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; height: 30px; font-size: 0.875rem; }

.ElegirColorPersonalizado #BotonElegir:hover { background: #999899; border-color: #999899; color: #fff !important; }

@media (min-width: 360px) and (max-width: 575px) { .ElegirColorPersonalizado > div.colCartas, .ElegirColorPersonalizado > div.colDesplegable { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } }

@media (min-width: 576px) { .ElegirColorPersonalizado > div.colCartas { -webkit-box: 0 0 160px; -moz-box: 0 0 160px; -ms-flex: 0 0 160px; -webkit-box-flex: 0; flex: 0 0 160px; max-width: 160px; }
  .ElegirColorPersonalizado > div.colDesplegable { -webkit-box: 0 0 200px; -moz-box: 0 0 200px; -ms-flex: 0 0 200px; -webkit-box-flex: 0; flex: 0 0 200px; max-width: 200px; }
  .ElegirColorPersonalizado > div.colSeleccion { -webkit-box: 0 0 calc(100% - 360px); -moz-box: 0 0 calc(100% - 360px); -ms-flex: 0 0 calc(100% - 360px); -webkit-box-flex: 0; flex: 0 0 calc(100% - 360px); max-width: calc(100 - 360px); }
  .ElegirColorPersonalizado .ButtonBar { text-align: right; }
  .ElegirColorPersonalizado #BotonElegir { max-width: calc(100% - 160px); } }

.ElegirColorPersonalizado h2 { font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; color: #273271; font-size: 18px; margin-bottom: 1.5rem; }

.ElegirColorPersonalizado div.colDesplegable, .ElegirColorPersonalizado div.colSeleccion { padding-top: 1.5rem; }

.ElegirColorPersonalizado .CartasColor { border: 1px solid #273271; }

.ElegirColorPersonalizado .CartaColor { padding: 8px 5px; text-align: center; line-height: 100%; min-height: 30px; }

.ElegirColorPersonalizado .CartaColor:nth-child(even) { background: #fff; }

.ElegirColorPersonalizado .CartaColor:nth-child(odd) { background: #f2f2f2; }

.ElegirColorPersonalizado .CartaColor.CartaColorSeleccionada { background: #273271; color: #fff; position: relative; }

.ElegirColorPersonalizado .CartaColor.CartaColorSeleccionada::after { content: ""; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #273271; position: absolute; right: -10px; top: 50%; margin-top: -6px; }

.ElegirColorPersonalizado .CuadroColor { padding: 4px 0; display: block; min-height: 23px; }

.ElegirColorPersonalizado .CuadroColor > div { display: inline-block; vertical-align: top; line-height: 100%; }

.ElegirColorPersonalizado .CuadroColor .Color { width: 40px !important; height: 13px !important; margin-right: 13px; border: 1px solid transparent; }

.ElegirColorPersonalizado .CuadroColor .CodigoColor { max-width: calc(100% - 60px); }

.ElegirColorPersonalizado .CuadroColorSeleccionado .Color { border-color: #273271; }

.ElegirColorPersonalizado .CuadroColorSeleccionado .CodigoColor { color: #273271; }

.ElegirColorPersonalizado .SearchForm { width: 170px; margin-bottom: 1.5rem; }

.ElegirColorPersonalizado .SearchForm .Search { padding: 5px 0 5px 10px; width: calc(100% - 35px); background: transparent; font-size: 0.875rem; }

.ElegirColorPersonalizado .SearchForm .search-button { width: 30px; right: 0; height: 30px; }

.ElegirColorPersonalizado .SearchForm .SearchIcon { background-size: 14px !important; }

.ElegirColorPersonalizado .SearchForm, .ElegirColorPersonalizado #SelectOptionCapacidad { height: 30px; border: 1px solid #273271; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: radius; }

.ElegirColorPersonalizado #ColorSeleccionadoCuadro { width: 60px !important; height: 60px !important; }

.ElegirColorPersonalizado #ColorSeleccionadoCodigo { margin-top: 5px; }

.ElegirColorPersonalizado table.ColorPersonalizadoTable { margin: 1rem 0; width: 100%; border-top: 1px solid #273271; }

.ElegirColorPersonalizado table.ColorPersonalizadoTable th, .ElegirColorPersonalizado table.ColorPersonalizadoTable td { padding: 5px 3px; }

.ElegirColorPersonalizado table.ColorPersonalizadoTable th:first-child, .ElegirColorPersonalizado table.ColorPersonalizadoTable td:first-child { text-align: left !important; }

.ElegirColorPersonalizado #DesplegableColores { max-height: 160px; overflow: hidden; overflow-y: auto; }

.ElegirColorPersonalizado #BuscarCodigoColor .ui-autocomplete { border: 1px solid #273271; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; margin-top: -3px; }

.ui-tabs:not(#ProductInfoTabs) { background: none; overflow: hidden; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav { background: transparent; margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li { background: transparent; float: none; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li a { float: none; display: block; text-align: center; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li.ui-state-hover { background-color: transparent; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li.ui-state-default a { color: #273271; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li.ui-tabs-active { background: transparent; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li.ui-tabs-active a { color: #000; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-nav li.ui-tabs-active a::after { display: none !important; }

.ui-tabs:not(#ProductInfoTabs) .ui-tabs-panel { padding: 1em 0; background: #fff; }

#ProductInfoTabs { background: #fff; padding: 0; }

#ProductInfoTabs .ui-tabs-panel { width: 100%; max-width: 100%; margin: auto; padding: 40px 50px; border: 1px solid #999899; }

#ProductInfoTabs .ui-tabs-nav { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#ProductInfoTabs .ui-tabs-nav li { float: none; background: transparent; border: 1px solid #999899; text-transform: none; border-bottom: none; }

#ProductInfoTabs .ui-tabs-nav li:not(:last-child) { margin-right: 3px; }

#ProductInfoTabs .ui-tabs-nav li a { float: none; display: block; text-align: center; }

#ProductInfoTabs .ui-tabs-nav li.ui-state-hover { background-color: transparent; }

#ProductInfoTabs .ui-tabs-nav li.ui-state-default a { text-align: center; color: #273271; font-size: 0.8125rem; line-height: 100% !important; padding: 15px 16px; border-top: 5px solid transparent; margin-top: -1px; }

#ProductInfoTabs .ui-tabs-nav li.ui-tabs-active { background: transparent; border-color: #999899; border-bottom-color: #fff; border-top-color: #273271; }

#ProductInfoTabs .ui-tabs-nav li.ui-tabs-active a { color: #273271; border-top-color: #273271; }

#ProductInfoTabs .description + h2 { font-size: 1rem; margin-top: 2rem; }

@media (max-width: 575px) { #ProductInfoTabs .ui-tabs-nav li.ui-state-default a { font-size: 0.75rem; padding: 5px 5px; }
  #ProductInfoTabs .ui-tabs-panel { padding: 10px; } }

.CustomFormHeader { text-align: center; margin: 2rem auto; }

.CustomFormHeader .CustomTitle { margin-left: auto; margin-right: auto; }

@media (min-width: 200px) { .CustomFormHeader .CustomTitle { width: calc(100% - 20px); max-width: 575px; } }

.CustomFormHeader p { color: #273271; }

.CustomFormHeader p { font-size: 0.875rem; }

@media screen and (min-width: 200px) { .CustomFormHeader p { font-size: calc(0.875rem + 2 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { .CustomFormHeader p { font-size: 1rem; } }

.CustomFormHeader img { max-width: 100%; }

.CustomFormHeader h1 + .CustomFormText, .CustomFormHeader h1 + p { margin-top: 1rem; }

.epCustomFormWrapper dl dd button.Button { float: none; line-height: 100%; text-align: center !important; width: 100%; max-width: 100%; text-transform: uppercase; margin: 0; }

#epCustomFormWrapperId .AlignRight { text-align: left !important; }

.CustomForm .epCustomFormWrapper .AdditionalInfo { opacity: 1; margin-top: 5px; font-size: 0.6875rem; }

.CustomForm dd.SessionUserMail { font-size: 0.875rem; padding: 8px 12px; border: 1px dashed rgba(153, 152, 153, 0.3); color: #273271; }

.CustomFormText table td { padding: 1rem 0; vertical-align: middle; color: #363636; }

.CustomFormText table td:first-child { width: 70px; text-align: center; padding-right: 1rem; }

.CustomFormText table img { max-width: 50px; }

.ContactResult { width: 100%; margin: auto; font-size: 0.875rem; }

@media (min-width: 768px) { .ContactResult { width: 50%; min-height: 650px; padding-top: 100px; } }

.ErrorCampo { color: #273271; }

.form-group { margin: 0; position: relative; }

.form-group + .form-group { margin-top: 12px; }

.form-group #PolicePrivacy { margin: 2rem 0; }

.form-group label .MandatoryStar { position: relative; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; line-height: 100%; }

.form-group .form-control input[type="text"], .form-group .form-control input[type="number"], .form-group .form-control input[type="email"], .form-group .form-control textarea, .form-group .form-control input[type="password"], .form-group .form-control input[type="tel"] { position: relative; width: 100%; outline: 0; line-height: 100%; background: #fff; border: 1px solid rgba(153, 152, 153, 0.5); margin: 0; padding: 8px 12px; color: #363636; font-size: 0.875rem; }

.form-group .form-control select { width: 100%; outline: 0; line-height: 100%; background: #fff; border: 1px solid rgba(153, 152, 153, 0.5); margin: 0; padding: 8px 12px; color: #363636; font-size: 0.875rem; }

.form-group .form-label { display: none; }

.form-group.form-group-field .form-label { display: block; }

.form-group.form-group-field .ep-uiInput-button { width: 100%; height: 34px; padding: 0 12px; font-size: 0.875rem; font-weight: 400; text-transform: none; background: none; background: #999899; border-color: #999899; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; line-height: 34px !important; width: 150px; }

.form-group.form-group-field .ep-uiInput-button:hover { background: #273271; border-color: #273271; color: #fff !important; }

.form-group.form-group-field input[type="file"] + .ep-uiInput-custom .ep-uiInput-text, .form-group.form-group-field .ep-uiInput-file + .ep-uiInput-custom .ep-uiInput-text { height: 34px !important; width: 150px; }

.form-group.form-group-field .ep-uiInput-button:hover, .form-group.form-group-field input[type="file"] + .ep-uiInput-custom:hover .ep-uiInput-button, .form-group.form-group-field .ep-uiInput-file + .ep-uiInput-custom:hover .ep-uiInput-button { background-color: #273271; }

.CustomForm.CustomLayout { padding-left: 0; padding-right: 0; }

@media (min-width: 992px) { .CustomForm.CustomLayout { width: 960px; } }

@media all and (min-width: 992px) { .CustomForm .epCustomFormWrapper dl dd { margin: 0; width: 100%; max-width: 100%; }
  .CustomForm textarea { height: 100px; }
  .CustomFormContact { max-width: 100%; margin-left: auto; margin-right: auto; }
  .CustomForm form, .CustomForm .CustomFormHeader { max-width: 100%; margin-left: auto; margin-right: auto; }
  .CustomForm ul.contactData { max-width: 100%; margin: 0 0 0 auto; }
  .CustomFormHeader .CustomTitle { margin-left: 0; margin-right: auto; } }

@media all and (max-width: 991px) { .epCustomFormWrapper dl dd button.Button { display: block; }
  .epCustomFormWrapper dl dd { margin-top: 10px; margin-left: 0; }
  .CustomForm textarea { height: 60px; }
  .CustomForm .row > div { margin-bottom: 1rem; } }

@media all and (max-width: 767px) { .CustomFormText { margin-bottom: 0; } }

@media all and (max-width: 575px) { .CustomForm textarea { height: 100px; } }

.input-radiobox { display: block; position: relative; cursor: pointer; line-height: 18px !important; padding: 0 0 0 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.input-radiobox + .input-radiobox { margin-top: .5rem; }

.input-radiobox .checkmark { position: absolute; position: absolute; height: 18px; width: 18px; top: 0; left: 0; background-color: #fff; border: 1px solid #999899; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: radius; }

.input-radiobox .checkmark::after { content: ""; position: absolute; display: none; }

.input-radiobox label { display: inline-block; vertical-align: middle; line-height: 100%; color: #999899; font-size: 0.875rem; }

.input-radiobox label span { font-weight: 400; }

.input-radiobox label a, .input-radiobox label a:hover { line-height: 100%; font-size: 0.875rem; font-weight: 400; text-decoration: underline; }

.input-radiobox label img { max-width: 64px; display: inline-block; vertical-align: middle; margin-right: 10px; }

@media (max-width: 575px) { .input-radiobox label img { display: block; margin-bottom: 8px; } }

.input-radiobox input { cursor: pointer; z-index: 10; line-height: 100%; opacity: 0; filter: alpha(opacity=0); position: absolute; height: 18px; min-width: 24px; width: 100%; top: 0; left: 0; margin: 0; background: transparent; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.input-radiobox input:focus { outline: none; }

.input-radiobox input:hover { border: none; outline: none; }

.input-radiobox input:hover ~ .checkmark { border-color: #273271; }

.input-radiobox input:hover + label { color: #273271; }

.input-radiobox input:checked { border: none; outline: none; }

.input-radiobox input:checked ~ .checkmark { border-color: #273271; background-image: url("/WebRoot/StoreTypes/7.10.0/Store/SF/Icon/UpangoIcons/sprite-icons.svg"); background-repeat: no-repeat; width: 18px; height: 18px; background-position: -192px -256px; }

.input-radiobox input:checked ~ .checkmark::after { display: block; }

.input-radiobox input:checked + label { color: #273271; font-weight: 400; }

.input-radiobox.square .checkmark { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: radius; }

.input-radiobox.square input:checked ~ .checkmark { background-position-x: -128px; }

.input-radiobox input#AceptarPoliticaPrivacidad, .input-radiobox input#AcceptTAC { width: auto; }

div#BasketNoProducts { margin-top: 4rem; text-align: center; font-size: 20px; }

table.Basket tr th.SeparateColumn { border-right: none !important; }

table.Basket tr.SeparateRow td { border-top: none; }

table.Basket .SlimColumn { width: auto; }

#BasketForm h1 { text-align: center; margin-bottom: 1rem; }

#BasketForm h1 { font-size: 1rem; }

@media screen and (min-width: 200px) { #BasketForm h1 { font-size: calc(1rem + 4 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { #BasketForm h1 { font-size: 1.25rem; } }

#BasketForm h2 { font-size: 1rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: normal; padding-bottom: 18px; border-bottom: none; display: block; color: #273271; }

table.Basket { width: 100%; margin-top: 0; }

table.Basket > tbody { background: #fff; }

table.Basket > thead > tr { background: #fff; border-top: 1px solid #363636; border-bottom: 1px solid #363636; }

table.Basket > thead > tr > th { font-size: 0.8125rem; text-align: center; color: #363636; padding: 8px; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: normal; }

table.Basket > thead > tr > th.colPriceMain { background: inherit; color: inherit; }

table.Basket > tbody > tr:not(:last-child) { border-bottom: 1px solid #e5e5e5; }

table.Basket > tbody > tr > td { font-size: 0.8125rem; color: #363636; text-align: center; vertical-align: middle; padding: 8px; border-color: transparent !important; background-color: transparent !important; }

table.Basket > tfoot > tr > td { color: #363636; vertical-align: middle; padding: 8px; }

table.Basket .productBasketImage { width: 100%; text-align: left; }

table.Basket .productBasketImage td { background: transparent !important; }

table.Basket .productBasketImage .ImageArea, table.Basket .productBasketImage .InfoArea { display: inline-block; vertical-align: middle; }

table.Basket .productBasketImage .ImageArea { margin-right: 10px; width: 50px; height: 50px; overflow: hidden; }

table.Basket .productBasketImage .InfoArea { border: none !important; text-align: left; width: calc(100% - 70px); font-size: 0.8125rem; }

table.Basket .productBasketImage .InfoArea .ProductAttributes, table.Basket .productBasketImage .InfoArea .SmallText, table.Basket .productBasketImage .InfoArea .FontSmaller { font-size: 0.625rem; }

table.Basket .productBasketImage .InfoArea > * { display: block; }

table.Basket .productBasketImage .InfoArea br { display: none; }

table.Basket .productBasketImage .ImageArea + .InfoArea { width: calc(100% - 70px); }

table.Basket .productBasketImage img { max-width: 100%; max-height: 100px; margin: 0 !important; }

table.Basket .productBasketImage a { font-size: 0.8125rem; color: #363636; }

@media (max-width: 991px) { table.Basket .productBasketImage, table.Basket .productBasketImage tbody, table.Basket .productBasketImage tr { display: block; width: 100%; }
  table.Basket .productBasketImage .ImageArea { max-width: 50px; }
  table.Basket .productBasketImage .InfoArea { width: calc(100% - 80px); } }

@media (max-width: 767px) { table.Basket .productBasketImage .ImageArea + .InfoArea { width: calc(100% - 80px); }
  table.Basket .productBasketImage > tr > td { display: inline-block !important; width: 45% !important; }
  table.Basket .productBasketImage .InfoArea > * { color: #273271; }
  table.Basket .productBasketImage .InfoArea > a { text-decoration: underline; }
  table.Basket .productBasketImage .InfoArea { font-size: 0.6875rem; } }

.WarningIconCircle { width: 18px; height: 18px; text-align: center; border: 1px solid #cf0b67; border-radius: 16px; display: inline-block; text-align: center; font-size: 12px; font-weight: bold; background: #cf0b67; color: #fff; }

table.Basket .labelPuntos { padding: 8px 0; display: block; }

table.Basket .btnPuntos { border-bottom: 1px solid #273271; display: block; padding: .3rem 0; font-family: "ApexNew-Bold", "Source Sans Pro", sans-serif; color: #273271; }

table.Basket .btnPuntos:hover { color: #999899; }

table.Basket .needPuntos { display: block; color: #cf0b67; }

table.Basket .ProductNo { color: #999899; font-size: 0.75rem; font-weight: 400; margin-top: 0 !important; }

table.Basket th.PriceColumn { text-align: center !important; }

table.Basket td.Money { text-align: center !important; font-weight: 600; }

table.Basket td.Money.AlignCenter { text-align: center; }

table.Basket td.RefColumn > a { text-decoration: underline; }

table.Basket td.PriceColumn { white-space: nowrap; text-align: center; font-size: 0.875rem; font-weight: normal; color: #363636; }

table.Basket > tbody > tr > td:not(:last-child) > a { font-size: 0.8125rem; color: #363636; }

table.Basket .QuantityColumn { text-align: center; }

table.Basket .QuantityColumn span { font-size: 0.625rem; }

table.Basket .QuantityColumn input { font-size: 0.6875rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: normal; width: 60px; height: 30px; padding: 0 5px; border: 1px solid #273271; color: #363636; text-align: center; }

table.Basket .TotalColumn { font-size: 1.125rem; }

table.Basket .TotalColumn .Money { font-weight: 700; }

table.Basket td.SubtotalColumn.Money { text-align: right !important; }

table.Basket .InfoStock > * { line-height: 100%; cursor: pointer; display: inline-block; }

table.Basket td.PriceColumn > .Price { display: inline-block; vertical-align: middle; font-weight: normal !important; }

table.Basket > tbody > tr > td.columnaBorrar, table.Basket > tbody > tr > th.columnaBorrar { max-width: 30px !important; }

table.Basket > tbody > tr > td:last-child button.botonBorrarLinea { background: none; }

table.Basket > tbody > tr > td:last-child button[type="submit"], table.Basket > tbody > tr > td:last-child button[type="submit"]:hover { border: none; margin: 0; padding: 0; color: inherit; background: unset; }

@media (max-width: 991px) { table.Basket .QuantityColumn span { display: block; } }

@media (max-width: 767px) { table.Basket .btnPuntos { min-height: 34px; padding: 8px 14px; font-size: 0.875rem !important; font-weight: 400; background: none; background: #38B4E7; border-color: #38B4E7; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
  table.Basket .btnPuntos:hover { background: #273271; border-color: #273271; color: #fff !important; }
  table.Basket > thead { display: none; }
  table.Basket > tbody > tr { position: relative; padding-bottom: 10px; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  table.Basket > tbody { display: block; text-align: left; }
  table.Basket > tfoot, table.Basket > tfoot > tr { display: block; text-align: left; }
  table.Basket > tfoot > tr { position: relative; }
  table.Basket > tbody > tr > td { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top !important; padding: 1rem 0 0; width: 100%; -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; text-align: left !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  table.Basket > tbody > tr > td.columnaBorrar, table.Basket > tbody > tr > td.colActions { position: absolute; right: 3px; top: 8px; display: block; }
  table.Basket > tbody > tr > td.NameColumn, table.Basket > thead > tr > th.NameColumn { width: calc(98% - 30px); padding: 5px 0 0; }
  table.Basket > tbody > tr > td:not(.NameColumn):not(.columnaBorrar):not(.colActions)::before { content: attr(data-title); display: block; width: 30%; font-size: 0.75rem; font-weight: 400; line-height: 100%; color: #273271; }
  table.Basket > tbody > tr > td > div { display: inline-block; vertical-align: middle; }
  table.Basket .QuantityColumn span { display: inline-block; }
  table.Basket td.Money, table.Basket td.Money.AlignCenter, table.Basket .Price { text-align: left !important; }
  table.Basket td.Money::before { text-align: left !important; }
  table.Basket td.QuantityColumn, table.Basket td.RefColumn { text-align: left !important; }
  table.Basket td.PriceColumn > .Price * { line-height: 100%; }
  table.Basket td.PriceColumn > .Price > span { display: block; } }

.CustomerOrder { margin-bottom: 2rem; }

.CustomerOrder > h1 { text-align: center; }

.CustomerOrder #OrderStatusCustom, .CustomerOrderDetail #OrderStatusCustom { margin: 2rem 0; }

.CustomerOrder table#BasketTable, .CustomerOrderDetail table#BasketTable { border-bottom: 1px solid #000; }

.CustomerOrder table.Basket, .CustomerOrderDetail table.Basket { margin-top: 0; background: transparent; }

.CustomerOrder table.Basket td.PriceTotalColumn, .CustomerOrderDetail table.Basket td.PriceTotalColumn { text-align: right !important; }

.CustomerOrder table.Basket > tfoot > tr > td.Money, .CustomerOrderDetail table.Basket > tfoot > tr > td.Money { text-align: right !important; }

.CustomerOrder table.Basket > tfoot > tr.Total td.Total.Money, .CustomerOrderDetail table.Basket > tfoot > tr.Total td.Total.Money { font-weight: bold; }

@media (max-width: 767px) { .CustomerOrder table.Basket, .CustomerOrderDetail table.Basket { border-bottom: none; }
  .CustomerOrder table.Basket > tbody > tr > td.QuantityColumn, .CustomerOrderDetail table.Basket > tbody > tr > td.QuantityColumn { text-align: center !important; }
  .CustomerOrder table.Basket > tbody > tr > td.PriceTotalColumn, .CustomerOrderDetail table.Basket > tbody > tr > td.PriceTotalColumn { position: absolute; right: 0; top: 0; font-weight: 700; }
  .CustomerOrder table.Basket > tbody > tr > td.PriceTotalColumn::before, .CustomerOrderDetail table.Basket > tbody > tr > td.PriceTotalColumn::before { display: none !important; }
  .CustomerOrder table.Basket > tfoot > tr, .CustomerOrderDetail table.Basket > tfoot > tr { border-top: 1px solid #f5f5f5; padding: 8px 100px 8px 8px; }
  .CustomerOrder table.Basket > tfoot > tr > td, .CustomerOrderDetail table.Basket > tfoot > tr > td { padding: 0; }
  .CustomerOrder table.Basket > tfoot > tr > td:not(.noviewmobile), .CustomerOrderDetail table.Basket > tfoot > tr > td:not(.noviewmobile) { border-top: none; display: block; }
  .CustomerOrder table.Basket > tfoot > tr > td.Money, .CustomerOrderDetail table.Basket > tfoot > tr > td.Money { position: absolute; top: 8px; right: 0; } }

@media (max-width: 767px) { table.Basket .noviewmobile { display: none !important; } }

table.Basket .etiquetaRegalo { background: #f89e9f; color: #fff; padding: 3px 5px; font-size: 12px; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: radius; }

.precioPromo + .LineThrough { color: #d00; font-size: 0.8em; }

.filaAddProducto, #FormularioAddProducto { font-size: 0; padding: 10px 0; border-top: 1px solid #000; border-bottom: 2px solid #000; }

.filaAddProducto > *, #FormularioAddProducto > * { display: inline-block; vertical-align: top; }

.filaAddProducto .QuantityAdd, #FormularioAddProducto .QuantityAdd { font-size: 0.75rem !important; width: 125px; margin-left: 5px; }

.filaAddProducto input, #FormularioAddProducto input { color: #273271; }

.filaAddProducto input::-webkit-input-placeholder, #FormularioAddProducto input::-webkit-input-placeholder { color: #273271; opacity: 1; }

.filaAddProducto input::-moz-placeholder, #FormularioAddProducto input::-moz-placeholder { color: #273271; opacity: 1; }

.filaAddProducto input:-ms-input-placeholder, #FormularioAddProducto input:-ms-input-placeholder { color: #273271; opacity: 1; }

.filaAddProducto input::-ms-input-placeholder, #FormularioAddProducto input::-ms-input-placeholder { color: #273271; opacity: 1; }

.filaAddProducto input::placeholder, #FormularioAddProducto input::placeholder { color: #273271; opacity: 1; }

.filaAddProducto input, .filaAddProducto button, #FormularioAddProducto input, #FormularioAddProducto button { font-size: 0.8125rem !important; font-weight: 400; padding: 0 8px; text-align: center; border: 1px solid #363636; color: #363636; height: 38px; margin: 0; }

.filaAddProducto button, .filaAddProducto button.ep-uiInput-button, #FormularioAddProducto button, #FormularioAddProducto button.ep-uiInput-button { background: none; background: #999899; border-color: #999899; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; min-width: 150px; }

.filaAddProducto button:hover, .filaAddProducto button.ep-uiInput-button:hover, #FormularioAddProducto button:hover, #FormularioAddProducto button.ep-uiInput-button:hover { background: #273271; border-color: #273271; color: #fff !important; }

@media (max-width: 575px) { .filaAddProducto #ProductAliasAddToBasket, #FormularioAddProducto #ProductAliasAddToBasket { width: calc(100% - 145px); }
  .filaAddProducto button[type="submit"], #FormularioAddProducto button[type="submit"] { display: block; width: 100%; }
  .filaAddProducto .celdaBotonAddProduct, #FormularioAddProducto .celdaBotonAddProduct { display: block; margin-top: 8px; } }

#AccionesBasketTop { margin: 1rem 0 1rem; }

#AccionesBasketTop .borrarBasketButton, #AccionesBasketTop .BotonActualizarBasket, #AccionesBasketBottom .borrarBasketButton, #AccionesBasketBottom .BotonActualizarBasket, #AccionesBasketBottom #BotonComprar { float: right; }

#AccionComprarOtroArticulo, #GuardarBasketEnLista { text-align: center; display: inline-block; vertical-align: top; margin-right: 10px; width: auto; white-space: nowrap; }

#AccionComprarOtroArticulo a, #GuardarBasketEnLista .AccionGuardarBasketEnLista { font-size: 0.85rem !important; white-space: nowrap; padding: 0 10px; border: 1px solid transparent; display: block; margin: 0; height: 38px; line-height: 38px !important; background: none; border: 1px solid #273271; color: #273271; }

#AccionComprarOtroArticulo a:hover, #GuardarBasketEnLista .AccionGuardarBasketEnLista:hover { background: transparent; border-color: #999899; color: #999899; }

#CheckOut button[type="submit"], #CheckOutTop button[type="submit"], .DoOrder button[type="submit"], .Refresh button[type="submit"], .BotonActualizarBasket button { font-size: 0.85rem !important; white-space: nowrap; padding: 0 10px; border: 1px solid transparent; display: block; margin: 0; height: 38px; line-height: 38px !important; background: none; background: #38B4E7; border-color: #38B4E7; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

#CheckOut button[type="submit"]:hover, #CheckOutTop button[type="submit"]:hover, .DoOrder button[type="submit"]:hover, .Refresh button[type="submit"]:hover, .BotonActualizarBasket button:hover { background: #273271; border-color: #273271; color: #fff !important; }

#AccionesBasketBottom { margin-bottom: 2rem; }

#AccionesBasketBottom div#AccionComprarOtroArticulo, #AccionesBasketBottom #AceptarCondiciones { float: left; }

#AccionesBasketBottom #AceptarCondiciones { width: 55%; }

#AccionesBasketBottom #AceptarCondiciones > div { margin-left: 20px; text-align: right; }

#BotonComprar button { background: none; background: #38B4E7; border-color: #38B4E7; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; text-transform: uppercase; height: 38px; display: block; font-size: 0.875rem !important; }

#BotonComprar button:hover { background: #273271; border-color: #273271; color: #fff !important; }

@media (max-width: 767px) { #AccionComprarOtroArticulo, #GuardarBasketEnLista { margin-right: 0; margin-bottom: 5px; display: block; width: 100%; }
  #AccionComprarOtroArticulo a, #GuardarBasketEnLista .AccionGuardarBasketEnLista { width: 100%; }
  #AccionesBasketTop .borrarBasketButton, #AccionesBasketTop .BotonActualizarBasket, #AccionesBasketBottom .borrarBasketButton, #AccionesBasketBottom .BotonActualizarBasket, #AccionesBasketBottom #BotonComprar { float: none; margin-left: 0; display: block; width: 100%; }
  #CheckOut button[type="submit"], #CheckOutTop button[type="submit"], .DoOrder button[type="submit"], .Refresh button[type="submit"], .BotonActualizarBasket button { width: 100%; max-width: 100%; } }

.Message.FreeShipping { background-color: rgba(56, 180, 231, 0.3) !important; padding: 8px 12px 8px 54px; border: none; }

.Message.FreeShipping h3 { font-family: "ApexNew-Bold", "Source Sans Pro", sans-serif; font-weight: normal; }

#BasketForm { margin-top: 1rem; }

#Basket-payment, #Basket-send, #Basket-delivery, #Basket-Entrega, #BasketEnUnPasoTotales, #Basket-Facturacion { position: relative; display: block; width: 100%; padding: 1rem 0; }

#BasketEnUnPasoTotales > * { width: 100%; margin: 0 0 0 auto; max-width: 360px; }

#BasketEnUnPasoTotales #BotonComprar button { display: block; width: 100%; margin: 1.25rem 0; }

#BasketEnUnPasoTotales #AceptarCondiciones .input-radiobox { margin: 1.25rem 0; }

#BasketEnUnPasoTotales table > tbody > tr > td { color: #363636; text-align: left; vertical-align: middle; padding: 8px; }

#BasketEnUnPasoTotales table > tbody > tr > td { font-size: 0.8125rem; }

@media screen and (min-width: 200px) { #BasketEnUnPasoTotales table > tbody > tr > td { font-size: calc(0.8125rem + 3 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { #BasketEnUnPasoTotales table > tbody > tr > td { font-size: 1rem; } }

#BasketEnUnPasoTotales table > tbody > tr > td:last-child { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: normal; min-width: 25%; text-align: right; white-space: nowrap; padding-right: 0; }

#BasketEnUnPasoTotales table > tbody > tr > td:first-child { padding-left: 0; }

#BasketEnUnPasoTotales table > tbody > tr.FilaTotalImporte > td { font-size: 1.0625rem; color: #363636; text-transform: uppercase; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: normal; white-space: nowrap; }

div.SubTotal span, #BasketShippingMethods span.Money { display: inline-block; vertical-align: middle; margin-left: 1rem; min-width: 100px; font-size: 1rem; }

div.SubTotal { display: block; margin: 5px 0; }

div.SubTotal .Money { font-weight: 700; }

.SubTotal { text-align: right; }

#BasketEnUnPasoComentarios { font-size: 0.875rem; }

#BasketBillingAddress { font-size: 0.875rem; }

#Basket-Entrega p { font-size: 0.875rem; padding: 5px; }

#Basket-Entrega #AbrirNuevaDireccionModal { position: absolute; right: 0; top: 20px; }

#Basket-send #AbrirNuevaDireccionModal { text-transform: none; position: absolute; right: 0; top: 0; margin-right: 0; }

label.PrecioFormaEntrega { float: right; width: 30%; text-align: right; }

.ErrorCoupon p { font-size: 0.875rem; text-align: center; }

/*#BasketCupon .CouponCode{ padding:3px 3px;} #RedeemCouponButton input{ border:1px solid #ccc;background: #ccc;text-transform: uppercase; &:hover{ border-color:#000;background: #000; } } #BasketCupon .SubTotal.Money{ display:inline-block; width:90px;} */
div#BasketCupon { padding: 1rem 0; font-size: 12px; }

div#BasketCupon label { display: block; margin-bottom: 5px; font-size: 0.875rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: normal; }

div#BasketCupon input#CouponCode { width: calc(100% - 120px); max-width: 280px; border-color: #273271; color: #273271; }

div#BasketCupon input#CouponCode::-webkit-input-placeholder { color: #273271; opacity: 1; }

div#BasketCupon input#CouponCode::-moz-placeholder { color: #273271; opacity: 1; }

div#BasketCupon input#CouponCode:-ms-input-placeholder { color: #273271; opacity: 1; }

div#BasketCupon input#CouponCode::-ms-input-placeholder { color: #273271; opacity: 1; }

div#BasketCupon input#CouponCode::placeholder { color: #273271; opacity: 1; }

div#BasketCupon input#CouponCode, div#BasketCupon button { padding: 0 12px; font-size: 14px; vertical-align: top !important; display: inline-block; margin: 0; height: 38px; }

div#BasketCupon button { margin-left: 5px; width: 110px; font-weight: normal; text-transform: none; }

div#BasketCupon p { display: inline-block; font-size: 0.8125rem; vertical-align: middle; padding: 6px 0; max-width: calc(100% - 120px); }

div#BasketCupon button.Boton { min-width: 0 !important; background: none; background: #38B4E7; border-color: #38B4E7; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

div#BasketCupon button.Boton:hover { background: #273271; border-color: #273271; color: #fff !important; }

@media screen and (max-width: 991px) { div#BasketCupon { margin: 0; } }

#Basket-Addresses { width: 100%; clear: both; border-bottom: 1px solid #979797; margin-bottom: 2rem; }

#BasketShippingMethods .ShippingInfo { margin-right: 35%; }

#BasketShippingMethods #ShippingMethodName { display: block; margin-bottom: 10px; }

.SmallText.Note { font-size: 12px; margin-top: 8px; }

.tbShippingAddress { width: 100%; margin-bottom: 30px; }

.tbShippingAddress tbody { display: block; max-height: 200px; overflow-y: auto; overflow-x: hidden; }

.tbShippingAddress tr { display: block; width: 100%; margin-bottom: 8px; }

.tbShippingAddress tr:hover { background-color: #f3f3f4; }

.tbShippingAddress tr td { background: transparent; display: inline-block; vertical-align: top; }

.tbShippingAddress td:first-child { width: 25px; }

.tbShippingAddress td:last-child { width: calc(100% - 40px); }

.tbShippingAddress td { padding: 0; font-size: 0.875rem; }

.tbShippingAddress button { font-size: 12px; padding: 3px 8px; }

.tbShippingAddress span.vcard { font-size: 0.75rem; display: block; }

.NuevaAddressDialog, .SearchDireccionesDialog { max-width: 95%; }

@media (max-width: 575px) { .NuevaAddressDialog .ui-dialog-titlebar-close, .SearchDireccionesDialog .ui-dialog-titlebar-close { top: 5px !important; right: 5px !important; margin: 0; } }

.SearchDireccionesDialog h2 { font-size: 1rem; }

.SearchDireccionesDialog .DialogFieldsCustom .InputBlock { display: inline-block; vertical-align: middle; }

.SearchDireccionesDialog .DialogFieldsCustom .InputButton button, .SearchDireccionesDialog .DialogFieldsCustom .InputButton a { display: inline-block; vertical-align: middle; text-transform: uppercase; height: 40px; padding: 0 20px; line-height: 40px; text-align: center; font-size: 0.8125rem !important; font-weight: 400; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; background: none; border: 1px solid; }

.SearchDireccionesDialog .DialogFieldsCustom .InputButton button .Icon { display: none; }

.SearchDireccionesDialog .DialogFieldsCustom .InputButton button { background: none; background: #999899; border-color: #999899; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.SearchDireccionesDialog .DialogFieldsCustom .InputButton button:hover { background: #273271; border-color: #273271; color: #fff !important; }

.SearchDireccionesDialog .DialogFieldsCustom .InputButton a { background: none; border: 1px solid #273271; color: #273271; }

.SearchDireccionesDialog .DialogFieldsCustom .InputButton a:hover { background: transparent; border-color: #999899; color: #999899; }

@media (min-width: 768px) { .SearchDireccionesDialog .DialogFieldsCustom .InputBlock { width: 48%; } }

@media (max-width: 767px) { .SearchDireccionesDialog .DialogFieldsCustom .InputBlock { width: auto; } }

@media (max-width: 575px) { .SearchDireccionesDialog .DialogFieldsCustom .InputBlock { width: 100%; margin-bottom: 0; }
  .SearchDireccionesDialog .InputButton button, .SearchDireccionesDialog .InputButton a { width: 100%; }
  .SearchDireccionesDialog .DialogFieldsCustom .InputButton a { margin: 1rem 0; } }

.SearchDireccionesDialog .tlistDirecciones { width: 100%; margin-top: 1rem; }

.SearchDireccionesDialog .tlistDirecciones thead th { padding: 0; background: transparent; color: inherit; font-weight: inherit; font-style: inherit; font-size: 13px; padding: 5px; font-family: "Source Sans Pro", sans-serif; }

.SearchDireccionesDialog .tlistDirecciones tbody td { background: transparent; border-top: none; padding: 0; font-size: 12px; padding: 8px 5px; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

.SearchDireccionesDialog .tlistDirecciones tr { border-bottom: 1px solid #e5e5e5; }

.SearchDireccionesDialog .tlistDirecciones tbody td > a { text-decoration: underline !important; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

@media (max-width: 575px) { .SearchDireccionesDialog .tlistDirecciones thead { display: none; }
  .SearchDireccionesDialog .tlistDirecciones tbody, .SearchDireccionesDialog .tlistDirecciones tbody > tr, .SearchDireccionesDialog .tlistDirecciones tbody > tr > td.AlignLeft { display: block; width: 100%; }
  .SearchDireccionesDialog .tlistDirecciones tbody > tr > td { padding: 5px 3px 0; }
  .SearchDireccionesDialog .tlistDirecciones tbody > tr { padding-bottom: 5px; }
  .SearchDireccionesDialog .tlistDirecciones tbody > tr > td.AlignCenter { display: inline-block; } }

#DireccionesTabs.ui-tabs .ui-tabs-nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: none; }

#DireccionesTabs.ui-tabs .ui-tabs-nav li.ui-state-default a { font-weight: 400; color: #363636; text-align: center; font-size: 0.8125rem; }

#DireccionesTabs.ui-tabs .ui-tabs-nav li::after { height: 3px; bottom: 0; width: 100%; left: 0; background: #f5f5f5; content: ""; display: block; position: absolute; }

#DireccionesTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #273271; font-weight: 600; }

#DireccionesTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active::after, #DireccionesTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover::after { background: #273271; }

@media (min-width: 576px) { #DireccionesTabs.ui-tabs .ui-tabs-nav li { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } }

@media (min-width: 992px) { #DireccionesTabs.ui-tabs { max-width: 576px; } }

@media (max-width: 575px) { #DireccionesTabs.ui-tabs .ui-tabs-nav li { width: 100%; text-align: center; -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  #DireccionesTabs.ui-tabs .ui-tabs-nav li a { width: 100%; } }

#Basket-Fidelizacion { width: 100%; border: 1px solid #38B4E7; padding: 1rem; background: rgba(56, 180, 231, 0.1); }

.CanjeoFidelizacion { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; gap: 16px; margin-top: 1rem; }

.CanjeoFidelizacion > div { -webkit-box: 0 0 calc(50% - 8px); -moz-box: 0 0 calc(50% - 8px); -ms-flex: 0 0 calc(50% - 8px); -webkit-box-flex: 0; flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); background: rgba(255, 255, 255, 0.5); }

.CanjeoFidelizacion > div > p { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; padding: 8px; border: 1px solid #38b4e7; text-align: center; }

.CanjeoFidelizacion > div > p > span { display: block; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; text-align: center; width: 100%; font-size: 1.125rem; }

.CanjeoFidelizacion > div.DialogButtonbar { -webkit-box: 0 0 100%; -moz-box: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; margin-top: 0; }

.CanjeoFidelizacion > div.DialogButtonbar > .InputBlock.InputButton { margin-bottom: 0; }

@media screen and (min-width: 768px) { #Basket-send { float: left; margin-right: 2%; width: 48%; }
  #BasketEnUnPasoTotales { float: right; width: 48%; } }

@media (min-width: 992px) { #Basket-payment, #Basket-send, #Basket-Facturacion, #Basket-Fidelizacion { width: 40%; }
  #Basket-delivery, #BasketEnUnPasoTotales, #Basket-Entrega { width: 58%; }
  #Basket-payment, #Basket-Facturacion { float: left; }
  #Basket-delivery, #Basket-Entrega { float: right; } }

@media screen and (max-width: 991px) { #Basket-Facturacion, #Basket-Entrega, #Basket-payment, #Basket-delivery { width: 100%; border-top: 1px solid; }
  #Basket-Entrega { margin-bottom: 0; }
  #BasketEnUnPasoTotales > * { max-width: 100%; }
  #Basket-Addresses { margin-bottom: 0; }
  #BasketPaymentMethods { margin-right: 35%; }
  .tbShippingAddress { margin-bottom: 0; } }

#BasketEnUnPaso .Dialog div.InputField, #BasketEnUnPaso .Dialog div.InputLabelling { float: none; padding: 0; }

#BasketEnUnPaso .InputBlock { margin: 0 0 5px 0; padding: 0; position: relative; }

#BasketEnUnPaso .InputBlock .InputLabelling { display: none; }

#BasketEnUnPaso .InputBlock .InputField input[type="text"], #BasketEnUnPaso .InputBlock .InputField input[type="email"], #BasketEnUnPaso .InputBlock .InputField textarea, #BasketEnUnPaso .InputBlock .InputField input[type="password"], #BasketEnUnPaso .InputBlock .InputField input[type="tel"] { position: relative; width: 100% !important; outline: 0; background: #fff; border: 1px solid #273271; margin: 0; padding: 8px 10px; color: #000; font-size: 0.875rem; color: #273271; }

#BasketEnUnPaso .InputBlock .InputField input[type="text"]::-webkit-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="email"]::-webkit-input-placeholder, #BasketEnUnPaso .InputBlock .InputField textarea::-webkit-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="password"]::-webkit-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="tel"]::-webkit-input-placeholder { color: #273271; opacity: 1; }

#BasketEnUnPaso .InputBlock .InputField input[type="text"]::-moz-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="email"]::-moz-placeholder, #BasketEnUnPaso .InputBlock .InputField textarea::-moz-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="password"]::-moz-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="tel"]::-moz-placeholder { color: #273271; opacity: 1; }

#BasketEnUnPaso .InputBlock .InputField input[type="text"]:-ms-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="email"]:-ms-input-placeholder, #BasketEnUnPaso .InputBlock .InputField textarea:-ms-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="password"]:-ms-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="tel"]:-ms-input-placeholder { color: #273271; opacity: 1; }

#BasketEnUnPaso .InputBlock .InputField input[type="text"]::-ms-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="email"]::-ms-input-placeholder, #BasketEnUnPaso .InputBlock .InputField textarea::-ms-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="password"]::-ms-input-placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="tel"]::-ms-input-placeholder { color: #273271; opacity: 1; }

#BasketEnUnPaso .InputBlock .InputField input[type="text"]::placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="email"]::placeholder, #BasketEnUnPaso .InputBlock .InputField textarea::placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="password"]::placeholder, #BasketEnUnPaso .InputBlock .InputField input[type="tel"]::placeholder { color: #273271; opacity: 1; }

#BasketEnUnPaso .InputBlock .InputField select { width: 100% !important; outline: 0; background: #fff; border: 1px solid #273271; margin: 0; padding: 8px 10px; color: #000; font-size: 0.875rem; }

#BasketEnUnPaso .InputBlock .InputField + .FontSmaller { font-size: 0.6875rem; display: block; padding: 5px 10px; color: #999899; }

#BasketEnUnPaso select.basketShippingSelect, #BasketEnUnPaso select.basketPaymentSelect { width: 100% !important; outline: 0; background: #fff; border: 1px solid #273271; margin: 0; padding: 8px 10px; color: #000; font-size: 0.875rem; max-width: 280px; }

#BasketEnUnPaso textarea#CustomerComment { min-height: 130px; width: 100% !important; outline: 0; background: #fff; border: 1px solid #273271; margin: 0; padding: 8px 10px; color: #000; font-size: 0.875rem; }

#BasketEnUnPaso > .DialogMessage { margin-top: 1rem; border: 1px solid; }

#BasketEnUnPaso > .DialogMessage.MessageWarningSmall { color: #d00; }

/*servired*/
.PaymentCancel { max-width: 480px; width: 90%; margin: 2rem auto; text-align: center; }

.PaymentCancel a.Action { display: block; background: none; color: #273271; text-decoration: underline; text-transform: uppercase; padding-left: 0; margin: 1rem 0 0; }

.CustomerOrder { overflow-x: hidden; width: 100%; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; }

.CustomerOrder .ShoppingListIcon { display: none; }

.CustomerOrder .ImageArea { margin-bottom: 20px; }

.CustomerOrder .CustomerOrderHeader img, .CustomerOrder .CustomerOrderFooter img { max-width: 100%; width: auto !important; height: auto !important; }

.CustomerOrder .CustomerOrderFooter { margin: 2rem 0; }

.CustomerOrder table#CustomerOrderAddress { margin: 0 auto; border-bottom: 1px solid #38B4E7; }

.CustomerOrder table#CustomerOrderAddress .Address { padding-bottom: 1.25rem; text-align: center; }

.CustomerOrder table#CustomerOrderAddress .Address h3 { font-size: 1rem; color: #38B4E7; font-weight: 400; text-decoration: underline; }

.CustomerOrder .donow { max-width: 1200px; margin: 2rem auto 2rem; }

.CustomerOrder .donow h3 { font-size: 1rem; text-align: center; }

.CustomerOrder .donow ul { list-style: none; padding: 0; text-align: center; }

.CustomerOrder .donow li a.Action { display: block; padding: 12px 10px; height: 38px; line-height: 38px; font-size: 0.875rem; text-decoration: none; background: none; border: 1px solid #273271; color: #273271; }

.CustomerOrder .donow li a.Action:hover { background: transparent; border-color: #999899; color: #999899; }

.CustomerOrder .OrderNum { text-align: center; padding: 1rem 0; text-decoration: underline; text-transform: uppercase; color: #273271; font-size: 1rem; }

@media screen and (min-width: 576px) { .CustomerOrder .donow li { display: inline-block; padding: 0; width: 32%; } }

@media screen and (max-width: 575px) { .CustomerOrder .donow { margin-top: 1em; }
  .CustomerOrder .donow li { display: block; padding: 0; margin: 0 0 10px; width: 100%; }
  .CustomerOrder table#CustomerOrderAddress td, .CustomerOrder table#CustomerOrderAddress tbody, .CustomerOrder table#CustomerOrderAddress tr { display: block; width: 100%; } }

.CustomerOrder { overflow: hidden; display: block; width: 100%; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; }

.CustomerOrder img { max-width: 100%; width: auto !important; height: auto !important; }

.CustomerOrder h1 { font-size: 3rem; }

.CustomerOrder h1, .CustomerOrder h3 { margin-bottom: 1rem; }

.CustomerOrder .OrderNum { text-align: center; padding: 1rem 0; text-decoration: underline; text-transform: uppercase; color: #273271; font-size: 1rem; }

.CustomerOrder .CustomerOrderContent { max-width: 480px; margin: 4rem auto; text-align: center; font-size: 1.125rem; }

#CustomerOrderAddress { margin-bottom: 2rem; }

#CustomerOrderAddress td { vertical-align: top; }

@media (min-width: 992px) { .CustomerOrderDetail .col-content h1, .CustomerOrderDetail .col-content h2 { padding-left: 30px; } }

table#BasketTbFooter { border: none; width: 100%; max-width: 576px; margin-left: auto; }

table#BasketTbFooter td { font-size: 14px; padding-top: 5px; padding-bottom: 5px; }

table#BasketTbFooter td.Total { font-size: 16px; font-weight: 700; }

.UserLostPasswd .MyAccountLayout { width: calc(100% - 20px); max-width: 480px; margin: 2rem auto; padding: 2rem; background: #fff; }

.UserLostPasswd .MyAccountLayout #UserLostPasswordForm { text-align: center; }

.UserLostPasswd .MyAccountLayout h1 { margin-bottom: 1rem; text-align: center !important; }

@media (max-width: 575px) { .UserLostPasswd .MyAccountLayout { padding: 1rem; } }

.UserLostPasswd .MyAccountLayout .DialogButtonbar { margin-top: 1rem; }

.UserLostPasswd .MyAccountLayout .InputButton > *[type="submit"] { width: 100%; max-width: 100%; }

.DialogLostPass { margin-top: 1rem; text-align: center; }

.DialogLostPass a { font-size: 0.75rem; text-decoration: underline; }

.ResultEmail { text-align: center; margin-bottom: 2rem; }

.ResultEmail h3 { font-weight: 700; line-height: 1.2; font-size: 1.125rem; }

.ResultEmail .ImageArea { text-align: center; margin-bottom: 1rem; }

.ResultEmail .ImageArea img { max-width: 72px; }

.ResultEmail .InfoArea h2 { font-size: 1.375rem; font-weight: 700; }

.ResultEmail .InfoArea a { color: #999899; text-decoration: underline; }

#MyAccount { background: #fff; }

#MyAccount h1 { text-align: center; }

#MyAccount h1 { font-size: 1.125rem; }

@media screen and (min-width: 200px) { #MyAccount h1 { font-size: calc(1.125rem + 3 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { #MyAccount h1 { font-size: 1.3125rem; } }

@media (max-width: 991px) { #MyAccount h1 { max-width: 100%; margin-left: auto; margin-right: auto; } }

#MyAccount .DescripcionSeccion { text-align: center; }

#MyAccount .DescripcionSeccion { font-size: 0.875rem; }

@media screen and (min-width: 200px) { #MyAccount .DescripcionSeccion { font-size: calc(0.875rem + 2 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { #MyAccount .DescripcionSeccion { font-size: 1rem; } }

#MyAccount h1 + form, #MyAccount h1 + .DialogMessage { margin-top: 2rem; }

#MyAccount h1 + .DescripcionSeccion { margin-top: 1rem; margin-bottom: 2rem; }

@media screen and (min-width: 992px) { #MyAccount { min-height: 500px; } }

.MyAccountHome { overflow: hidden; }

.MyAccountHome .FurtherInformation { display: none; }

.MyAccountHome .MyAccountMosaico { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: auto; margin-right: auto; max-width: 100%; margin-top: 1rem; }

.MyAccountHome .MyAccountMosaico .IllustratedLink { text-align: center; position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

.MyAccountHome .MyAccountMosaico .IllustratedLink a { padding: 0 10px; position: relative; font-family: "Source Sans Pro", sans-serif; font-weight: 600; color: #fff; max-width: 190px; width: 100%; display: block; line-height: 120% !important; margin-bottom: 20px; background: #273271; border: 0px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 13em; }

.MyAccountHome .MyAccountMosaico .IllustratedLink a { font-size: 0.75rem; }

@media screen and (min-width: 200px) { .MyAccountHome .MyAccountMosaico .IllustratedLink a { font-size: calc(0.75rem + 4 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { .MyAccountHome .MyAccountMosaico .IllustratedLink a { font-size: 1rem; } }

.MyAccountHome .MyAccountMosaico .IllustratedLink a i { display: none !important; }

.MyAccountHome .MyAccountMosaico .IllustratedLink a span { z-index: 10; }

.MyAccountHome .MyAccountMosaico .IllustratedLink a:hover { color: #fff; }

.MyAccountHome .MyAccountMosaico .IllustratedLink a:hover i { opacity: 0.8; }

@media (min-width: 576px) { .MyAccountHome .MyAccountMosaico .IllustratedLink { -webkit-box: 0 0 33%; -moz-box: 0 0 33%; -ms-flex: 0 0 33%; -webkit-box-flex: 0; flex: 0 0 33%; max-width: 33%; }
  .MyAccountHome .MyAccountMosaico .IllustratedLink a { height: 170px; } }

@media (min-width: 768px) { .MyAccountHome .MyAccountMosaico .IllustratedLink { -webkit-box: 0 0 25%; -moz-box: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } }

@media (min-width: 992px) { .MyAccountHome .MyAccountMosaico .IllustratedLink { -webkit-box: 0 0 20%; -moz-box: 0 0 20%; -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } }

.MyAccountHome .MyAccountMosaico .IllustratedLink a { background-color: #2fbbf1; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(1) a { background-color: #a6e2f9; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(2) a { background-color: #8fdaf7; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(3) a { background-color: #77d2f6; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(4) a { background-color: #5fcbf4; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(5) a { background-color: #47c3f3; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(6) a { background-color: #2fbbf1; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(7) a { background-color: #17b3ef; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(8) a { background-color: #0fa4de; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(9) a { background-color: #0d93c6; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(10) a { background-color: #0c81ae; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(11) a { background-color: #0a6f96; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(12) a { background-color: #095e7e; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(13) a { background-color: #074c67; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(14) a { background-color: #053a4f; }

.MyAccountHome .MyAccountMosaico .IllustratedLink:nth-child(15) a { background-color: #042937; }

.MyAccountHome .MyAccountMosaico .IllustratedLink a:hover { background-color: #273271 !important; }

.MyAccountHome .MyAccountMosaico { max-width: 380px; }

@media (min-width: 576px) { .MyAccountHome .MyAccountMosaico { max-width: 570px; } }

@media (min-width: 768px) { .MyAccountHome .MyAccountMosaico { max-width: 760px; } }

@media (min-width: 992px) { .MyAccountHome .MyAccountMosaico { max-width: 950px; } }

.MyAccountLayout-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; }

.MyAccountLayout { width: 100%; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; }

.MyAccountLayout img { max-width: 100%; }

@media (max-width: 575px) { .MyAccountLayout { padding-left: 0; padding-right: 0; }
  .MyAccountLayout .row .extend-sm { padding-left: 0; padding-right: 0; } }

.MyAccountPage .MyAccountLayout { overflow: hidden; margin-top: 2rem; margin-bottom: 2rem; }

@media (max-width: 991px) { .MyAccountPage .MyAccountLayout { margin-top: 0; margin-bottom: 1rem; } }

.MyAccountPage .toolbar-actions { z-index: 10; }

.MyAccountPage .toolbar-actions a { font-size: 0.8125rem; text-transform: uppercase; }

.MyAccountPage .toolbar-actions a span { display: inline-block; vertical-align: middle; }

.MyAccountPage .toolbar-actions a .spicon { margin-right: 5px; }

.MyAccountPage .toolbar-actions a:hover .spicon { background-position: -160px -320px; }

.MyAccountPage .toolbar-actions a span:not(.ico-return) { display: none; }

@media (min-width: 992px) { .MyAccountPage .toolbar-actions { position: absolute; left: 4px; } }

@media (max-width: 991px) { .MyAccountPage .toolbar-actions { margin-top: .5rem; }
  .MyAccountPage .toolbar-actions + .row { margin-top: 1rem; }
  .MyAccountPage .toolbar-actions + h1 { margin-top: 1rem; } }

.MyAccountPage.PersonalData .MyAccountLayout, .MyAccountPage.EditAddress .MyAccountLayout { position: relative; max-width: 480px; margin-left: auto; margin-right: auto; }

.MyAccountPage.Addresses .MyAccountLayout { position: relative; max-width: 960px; margin-left: auto; margin-right: auto; }

@media (min-width: 576px) { .MyAccountPage.Addresses .col-address { -webkit-box: 0 0 50%; -moz-box: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } }

@media (min-width: 768px) { .MyAccountPage.Addresses .col-address { -webkit-box: 0 0 33.3334%; -moz-box: 0 0 33.3334%; -ms-flex: 0 0 33.3334%; -webkit-box-flex: 0; flex: 0 0 33.3334%; max-width: 33.3334%; } }

.MyAccountPage.NewsletterPage .MyAccountLayout { position: relative; max-width: 380px; margin-left: auto; margin-right: auto; }

.MyAccountPage .CambiaPassword, .MyAccountPage .DatosPersonales { margin-top: 1rem; }

.MyAccountPage #userAddressesForm .row > div { margin-bottom: 1rem; }

.MyAccountPage #addressContentForm h4 { margin-bottom: 1rem; }

.MyAccountPage #ViewNewsletterForm .Box { padding: 0; }

.MyAccountPage #ViewNewsletterForm .NewsLanguage { padding-left: 24px; font-size: 12px; }

.MyAccountPage .AddressDialog { padding: 0 0 2rem; background: #fff; }

.MyAccountPage .AddressDialog h4 { font-size: 1rem; font-weight: 600; color: #363636; }

.MyAccountPage .AddressDialog .AddressActions a, .MyAccountPage .AddressDialog .AddressActions button { background: none; font-size: 0.8125rem; text-decoration: underline; padding: 0; line-height: 100% !important; display: inline-block; vertical-align: top; }

.MyAccountPage .AddressDialog .AddressActions a { color: #273271; }

.MyAccountPage .AddressDialog .AddressActions button { color: #273271; margin-left: 8px; border: none; }

.MyAccountPage .AddressDialog .AddressActions:first-child { margin-top: 0.8rem; }

.MyAccountPage .AddressDialog .Address { font-size: 0.875rem; margin: 1rem 0 0; min-height: 0; width: 100%; white-space: normal; }

.MyAccountPage .AddressDialog .AddressCheck { margin-top: 0.8rem; margin-bottom: 0.8rem; }

.MyAccountPage .AddressDialog .AddressCheck label { font-size: 0.8125rem; font-weight: 400; }

@media (max-width: 575px) { .MyAccountPage .AddressDialog .AddressCheck { position: relative; left: 0; width: 100%; } }

.MyAccountPage .AddressDialog .AddressDialog + .DialogButtonbar { margin-top: 0 !important; }

@media (max-width: 575px) { .MyAccountPage .AddressDialog { padding-bottom: 0; } }

@media (min-width: 576px) { .MyAccountPage.OrderTracking .MyAccountLayout { max-width: 100%; padding-left: 0; padding-right: 0; } }

@media (min-width: 1200px) { .MyAccountPage.OrderTracking .MyAccountLayout { max-width: 80%; } }

.DialogFieldsCustom h3 { font-size: 0.8125rem; color: #313132; font-weight: 400; }

.DialogFieldsCustom .InputBlock { margin: 0 0 16px 0; padding: 0; position: relative; }

.DialogFieldsCustom .InputBlock .InputLabelling { font-size: 0.8125rem; margin-bottom: 5px; }

.DialogFieldsCustom .InputBlock label .MandatoryStar { position: relative; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; line-height: 100%; }

.DialogFieldsCustom .InputBlock .InputField input[type="text"], .DialogFieldsCustom .InputBlock .InputField input[type="email"], .DialogFieldsCustom .InputBlock .InputField textarea, .DialogFieldsCustom .InputBlock .InputField input[type="password"], .DialogFieldsCustom .InputBlock .InputField input[type="tel"], .DialogFieldsCustom .InputBlock .InputField input[type="number"] { position: relative; width: 100%; line-height: 100%; outline: 0; background: #fff; border: 1px solid #999899; margin: 0; padding: 7px 12px; color: #273271; font-size: 0.875rem; }

.DialogFieldsCustom .InputBlock .InputField select { width: 100%; line-height: 100%; outline: 0; background: #fff; border: 1px solid #999899; margin: 0; padding: 7px 12px; color: #273271; font-size: 0.875rem; }

.DialogFieldsCustom .InputBlock .InputField + .FontSmaller { font-size: 0.6875rem; display: block; padding: 5px 10px; color: #999899; }

.DialogFieldsCustom + .DialogFieldsCustom { margin-top: 2rem; }

.DialogButtonbar { margin-top: 1rem; }

.DialogButtonbar button, .DialogButtonbar button.button-def { min-height: 34px; padding: 8px 14px; font-size: 0.875rem !important; font-weight: 400; background: none; background: #38B4E7; border-color: #38B4E7; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.DialogButtonbar button:hover, .DialogButtonbar button.button-def:hover { background: #273271; border-color: #273271; color: #fff !important; }

.DialogButtonbar .InputButton.inline input[type="text"] { width: 100%; line-height: 100%; outline: 0; background: #fff; border: 1px solid #999899; margin: 0; padding: 7px 12px; color: #273271; font-size: 0.875rem; max-width: 220px; height: 34px; min-height: 20px; }

.DialogButtonbar .InputButton.inline button, .DialogButtonbar .InputButton.inline button.button-def { display: inline-block; vertical-align: top; min-width: 180px; }

@media (max-width: 767px) { .DialogButtonbar .InputButton.inline input[type="text"], .DialogButtonbar .InputButton.inline button { display: block; max-width: 100%; width: 100%; white-space: normal; }
  .DialogButtonbar .InputButton.inline button + button, .DialogButtonbar .InputButton.inline input[type="text"] + button { margin-top: 1rem; height: auto; } }

.DialogButtonbar .InputButton:not(.inline) button, .DialogButtonbar .InputButton:not(.inline) button.button-def { display: block; width: 100%; }

.DialogButtonbar .InputButton:not(.inline) button + button { margin-top: 1rem; }

.DialogButtonbar .InputButton + .InputBlock { margin-top: 1rem; }

.DialogButtonbar button + button { background: none; background: #273271; border-color: #273271; color: #fff !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.DialogButtonbar button + button:hover { background: #999899; border-color: #999899; color: #fff !important; }

.DialogButtonbar #AccionComprarOtroArticulo { margin-top: 1rem; }

.DialogButtonbar + .InputBlock { margin-top: 1rem; }

.InputBlock.MandatoryField, .InputBlock.MandatoryField * { font-size: 0.6875rem; }

.InputBlock.MandatoryField + .InputBlock.PrivacyPolice { margin-top: .5rem; }

.InputBlock.PrivacyPolice, .InputBlock.PrivacyPolice * { font-size: 0.7875rem; }

html body .MyAccountPage .MessageError, html body .MyAccountPage .MessageWarning, html body .MyAccountPage .MessageWarningSmall, html body .MyAccountPage .MessagePositiveResult, html body .MyAccountPage .MessageInfo, html body .MyAccountPage .MessageConfirmAction { border: 1px solid #363636; padding: 10px !important; max-width: 480px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 2rem; margin-top: 2rem; text-align: center; }

html body .MyAccountPage .MessageError, html body .MyAccountPage .MessageWarning, html body .MyAccountPage .MessagWarningSmall { border-color: #d00; }

html body .MyAccountPage .MessageError h3, html body .MyAccountPage .MessageWarning h3, html body .MyAccountPage .MessagWarningSmall h3 { color: #d00; }

html body .MyAccountPage .MessagePositiveResult, html body .MyAccountPage .MessageConfirmAction { border-color: #38B4E7; }

html body .MyAccountPage .MessagePositiveResult h3, html body .MyAccountPage .MessageConfirmAction h3 { color: #38B4E7; }

#usuariosSecundariosForm table.ContentList { width: 100%; }

#usuariosSecundariosForm table.ContentList thead > tr { border-top: 1px solid #999899; border-bottom: 1px solid #999899; }

#usuariosSecundariosForm table.ContentList th { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: 400 !important; padding: 12px 3px; color: #363636; font-size: 0.875rem; border: none; }

#usuariosSecundariosForm table.ContentList th a { text-decoration: none; font-weight: 400 !important; color: #363636; font-size: 0.875rem; }

#usuariosSecundariosForm table.ContentList td { padding: 12px 3px; color: #000; font-size: 0.875rem; border-bottom: none; }

#usuariosSecundariosForm table.ContentList tbody > tr { border-bottom: 1px solid #f5f5f5; }

#usuariosSecundariosForm table.ContentList td:last-child { text-align: right; }

#usuariosSecundariosForm table.ContentList td:not(:last-child) > a { font-size: 0.875rem; font-weight: 600; text-decoration: underline; }

#usuariosSecundariosForm table.ContentList tbody tr:nth-child(even):not(.sizeRow) { background: #f5f5f5; }

#usuariosSecundariosForm table.ContentList tr > td { text-align: center; }

#usuariosSecundariosForm table.ContentList .input-radiobox { display: inline-block; }

#usuariosSecundariosForm table.ContentList .userAddresses { display: block; text-align: left; }

#usuariosSecundariosForm table.ContentList .userAddresses .input-radiobox { display: block; }

@media (max-width: 575px) { #usuariosSecundariosForm table.ContentList { width: 100%; margin: 12px auto 0; }
  #usuariosSecundariosForm table.ContentList thead { display: none; }
  #usuariosSecundariosForm table.ContentList tbody, #usuariosSecundariosForm table.ContentList tbody tr, #usuariosSecundariosForm table.ContentList tfoot, #usuariosSecundariosForm table.ContentList tfoot tr { display: block; width: 100%; border-bottom: none !important; text-align: center !important; padding-left: 0; padding-right: 0; }
  #usuariosSecundariosForm table.ContentList tbody tr { border-top: 1px solid #e5e5e5; position: relative; padding-bottom: 5px; }
  #usuariosSecundariosForm table.ContentList tbody td, #usuariosSecundariosForm table.ContentList tfoot td { position: relative; display: inline-block; width: 100%; vertical-align: top; }
  #usuariosSecundariosForm table.ContentList tbody td::before, #usuariosSecundariosForm table.ContentList tfoot td::before { content: attr(data-title); display: block; font-size: 0.6875rem; opacity: 0.7; filter: alpha(opacity=70); }
  #usuariosSecundariosForm table.ContentList tbody td.noviewmobile, #usuariosSecundariosForm table.ContentList tfoot td.noviewmobile { display: none; }
  #usuariosSecundariosForm table.ContentList tr.fila_total { text-align: left !important; } }

@media (max-width: 575px) { #usuariosSecundariosForm table.ContentList tbody td, #usuariosSecundariosForm table.ContentList tfoot td { text-align: left; }
  #usuariosSecundariosForm table.ContentList tbody td:first-child { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }
  #usuariosSecundariosForm table.ContentList tbody td:not(.CheckColumn):not(.AddressColumn):not(.colActions) { padding-right: 28px; padding-bottom: 0; }
  #usuariosSecundariosForm table.ContentList tbody td.colActions { position: absolute; top: 0; right: 0; display: block; }
  #usuariosSecundariosForm table.ContentList tbody td .userAddresses, #usuariosSecundariosForm table.ContentList tfoot td .userAddresses { padding: 12px 3px; padding-left: 0; padding-right: 0; }
  #usuariosSecundariosForm table.ContentList tbody td.CheckColumn::before, #usuariosSecundariosForm table.ContentList tfoot td.CheckColumn::before { display: none; }
  #usuariosSecundariosForm table.ContentList tbody td.CheckColumn::after, #usuariosSecundariosForm table.ContentList tfoot td.CheckColumn::after { content: attr(data-title); display: inline-block; font-size: 0.6875rem; opacity: 1; filter: alpha(opacity=100); vertical-align: middle; } }

#usuariosSecundariosForm input.Text, #usuariosSecundariosForm input[type="text"] { width: 100%; line-height: 100%; outline: 0; background: #fff; border: 1px solid #999899; margin: 0; padding: 7px 12px; color: #273271; font-size: 0.875rem; }

.MyAccountPage .SearchContent { background: #273271; padding: 8px 8px 0; margin-bottom: 1.5rem; }

.MyAccountPage .SearchContent div.InputBlock { float: none; display: inline-block; vertical-align: middle; }

.MyAccountPage .SearchContent::after { content: ""; clear: both; display: table; }

.MyAccountPage .SearchContent .InputButton { margin: 0; }

.MyAccountPage .SearchContent .InputButton button { width: 100%; display: block; margin: 0 0 0 auto; max-width: 100px; background: #38B4E7; color: #fff; height: 30px; font-size: 0.875rem; padding: 5px; }

.MyAccountPage .SearchContent .InputButton button .SearchIcon { display: none; background-size: cover !important; }

.MyAccountPage .SearchContent div.InputLabelling { display: none; }

.MyAccountPage .SearchContent div.InputField { white-space: normal; text-align: left; float: none; display: block; padding: 0 !important; width: 95.5%; }

.MyAccountPage .SearchContent div.InputField select, .MyAccountPage .SearchContent div.InputField select.Text, .MyAccountPage .SearchContent div.InputField input.Text:not(.datepicker), .MyAccountPage .SearchContent div.InputField input.LongText, .MyAccountPage .SearchContent div.InputField input:not([type="checkbox"]) { width: 100%; padding: 0 5px; margin: 0; background: #273271; border: none; border-bottom: 1px solid #fff; color: #fff; font-size: 0.875rem; height: 30px; }

.MyAccountPage .SearchContent div.InputField input.datepicker { width: calc(100% - 32px); padding: 0 5px; margin: 0; background: #273271; border: none; border-bottom: 1px solid #fff; color: #fff; font-size: 0.875rem; height: 30px; }

.MyAccountPage .SearchContent div.InputField input { color: #fff; }

.MyAccountPage .SearchContent div.InputField input::-webkit-input-placeholder { color: #fff; opacity: 1; }

.MyAccountPage .SearchContent div.InputField input::-moz-placeholder { color: #fff; opacity: 1; }

.MyAccountPage .SearchContent div.InputField input:-ms-input-placeholder { color: #fff; opacity: 1; }

.MyAccountPage .SearchContent div.InputField input::-ms-input-placeholder { color: #fff; opacity: 1; }

.MyAccountPage .SearchContent div.InputField input::placeholder { color: #fff; opacity: 1; }

.MyAccountPage .SearchContent img.ui-datepicker-trigger { display: inline-block; vertical-align: top; padding: 0; margin-left: 4px; }

@media (min-width: 576px) { .MyAccountPage .SearchContent div.InputBlock { width: 32.8%; margin: 0 0 8px 0; } }

@media (max-width: 1199px) { .MyAccountPage .SearchContent .InputButton { vertical-align: bottom !important; width: 100%; }
  .MyAccountPage .SearchContent .InputButton button { max-width: 100%; }
  .MyAccountPage .SearchContent .ui-datepicker td span, .MyAccountPage .SearchContent .ui-datepicker td a { padding: 10px .2em !important; } }

@media (max-width: 575px) { .MyAccountPage .SearchContent div.InputBlock { float: none; width: 100%; display: block; margin-bottom: .8rem; }
  .MyAccountPage .SearchContent div.InputField { width: 100%; }
  .MyAccountPage .SearchContent .InputButton { margin-top: 5px; margin-right: 0; }
  .MyAccountPage .SearchContent .ui-datepicker { z-index: 120000 !important; } }

table + table.PagerTable { margin-top: 1rem; }

table.PagerTable .PagerInfoLeft, table.PagerTable .PagerInfo { font-size: 0.8125rem; font-weight: 400; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; color: #363636; float: none; }

table.PagerTable ul.PagerSizeContainer { list-style: none; margin: 0; padding: 0; line-height: 100%; }

table.PagerTable ul.PagerSizeContainer li { display: inline-block; float: none; margin: 0; padding: 0 2px; }

table.PagerTable ul.PagerSizeContainer li:hover { background: none; }

table.PagerTable ul.PagerSizeContainer li > * { display: block; width: 18px; height: 18px; line-height: 18px !important; text-align: center; font-size: 0.8125rem; color: #000; background-color: transparent; font-weight: 400 !important; padding: 0; vertical-align: middle; display: inline-block; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; }

table.PagerTable ul.PagerSizeContainer li.Current { background: none; }

table.PagerTable ul.PagerSizeContainer li.Current span { color: #999899; text-decoration: underline; font-weight: 400; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }

table.PagerTable ul.PagerSizeContainer li a:hover { color: #999899; text-decoration: underline; }

@media (max-width: 575px) { table.PagerTable > tbody, table.PagerTable > tbody > tr, table.PagerTable > tbody > tr > td { display: block; width: 100%; } }

.SelectCustomer table.ContentList { width: 100%; }

.SelectCustomer table.ContentList thead > tr { border-top: 1px solid #999899; border-bottom: 1px solid #999899; }

.SelectCustomer table.ContentList th { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: 400 !important; padding: 12px 3px; color: #363636; font-size: 0.875rem; border: none; }

.SelectCustomer table.ContentList th a { text-decoration: none; font-weight: 400 !important; color: #363636; font-size: 0.875rem; }

.SelectCustomer table.ContentList td { padding: 12px 3px; color: #000; font-size: 0.875rem; border-bottom: none; }

.SelectCustomer table.ContentList tbody > tr { border-bottom: 1px solid #f5f5f5; }

.SelectCustomer table.ContentList td:last-child { text-align: right; }

.SelectCustomer table.ContentList td:not(:last-child) > a { font-size: 0.875rem; font-weight: 600; text-decoration: underline; }

.SelectCustomer table.ContentList tbody tr:nth-child(even):not(.sizeRow) { background: #f5f5f5; }

.SelectCustomer table.ContentList tr > td { text-align: center; }

@media (max-width: 575px) { .SelectCustomer table.ContentList { width: 100%; margin: 12px auto 0; }
  .SelectCustomer table.ContentList thead { display: none; }
  .SelectCustomer table.ContentList tbody, .SelectCustomer table.ContentList tbody tr, .SelectCustomer table.ContentList tfoot, .SelectCustomer table.ContentList tfoot tr { display: block; width: 100%; border-bottom: none !important; text-align: center !important; padding-left: 0; padding-right: 0; }
  .SelectCustomer table.ContentList tbody tr { border-top: 1px solid #e5e5e5; position: relative; padding-bottom: 5px; }
  .SelectCustomer table.ContentList tbody td, .SelectCustomer table.ContentList tfoot td { position: relative; display: inline-block; width: 100%; vertical-align: top; }
  .SelectCustomer table.ContentList tbody td::before, .SelectCustomer table.ContentList tfoot td::before { content: attr(data-title); display: block; font-size: 0.6875rem; opacity: 0.7; filter: alpha(opacity=70); }
  .SelectCustomer table.ContentList tbody td.noviewmobile, .SelectCustomer table.ContentList tfoot td.noviewmobile { display: none; }
  .SelectCustomer table.ContentList tr.fila_total { text-align: left !important; } }

@media (max-width: 575px) { .SelectCustomer table.ContentList tbody td { text-align: left !important; }
  .SelectCustomer table.ContentList tbody td:not(:last-child) { padding-bottom: 0; }
  .SelectCustomer table.ContentList tbody td:first-child { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; }
  .SelectCustomer table.ContentList tbody td::before { display: none; } }

.MyAccountPage .CustomFormHeader p { text-align: center; }

.MyAccountPage .CustomFormHeader p { font-size: 0.875rem; }

@media screen and (min-width: 200px) { .MyAccountPage .CustomFormHeader p { font-size: calc(0.875rem + 2 * ((100vw - 12.5rem) / 1520)); } }

@media screen and (min-width: 1720px) { .MyAccountPage .CustomFormHeader p { font-size: 1rem; } }

.OrderTracking table.OrderList { margin-top: 2rem; width: 100%; }

.OrderTracking table.OrderList thead > tr { border-top: 1px solid #999899; border-bottom: 1px solid #999899; }

.OrderTracking table.OrderList th { font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; font-weight: 400 !important; padding: 12px 3px; color: #fff; background: #273271; font-size: 0.875rem; border-right: 2px solid; width: 25%; }

.OrderTracking table.OrderList td { padding: 12px 3px; color: #363636; background: transparent; font-size: 0.875rem; border-bottom: none; text-align: center; }

.OrderTracking table.OrderList tbody > tr { border-bottom: 1px solid #f5f5f5; }

.OrderTracking table.OrderList td:last-child { text-align: right; }

.OrderTracking table.OrderList td:not(:last-child) > a { font-size: 0.875rem; font-family: "ApexNew-Medium", "Source Sans Pro", sans-serif; text-decoration: underline; }

.OrderTracking table.OrderList tbody tr:nth-child(even):not(.sizeRow) { background: #fff; }

@media (max-width: 575px) { .OrderTracking table.OrderList { width: 100%; margin: 12px auto 0; }
  .OrderTracking table.OrderList thead { display: none; }
  .OrderTracking table.OrderList tbody, .OrderTracking table.OrderList tbody tr, .OrderTracking table.OrderList tfoot, .OrderTracking table.OrderList tfoot tr { display: block; width: 100%; border-bottom: none !important; text-align: center !important; padding-left: 0; padding-right: 0; }
  .OrderTracking table.OrderList tbody tr { border-top: 1px solid #e5e5e5; position: relative; padding-bottom: 5px; }
  .OrderTracking table.OrderList tbody td, .OrderTracking table.OrderList tfoot td { position: relative; display: inline-block; width: 100%; vertical-align: top; }
  .OrderTracking table.OrderList tbody td::before, .OrderTracking table.OrderList tfoot td::before { content: attr(data-title); display: block; font-size: 0.6875rem; opacity: 0.7; filter: alpha(opacity=70); }
  .OrderTracking table.OrderList tbody td.noviewmobile, .OrderTracking table.OrderList tfoot td.noviewmobile { display: none; }
  .OrderTracking table.OrderList tr.fila_total { text-align: left !important; } }

#qrContainer { margin: 1rem auto 0; }

#qrContainer + * { max-width: 256px; margin: 1rem auto; }

.qr_summary { padding: 1rem; border: 1px solid; margin-bottom: 1rem; margin: 0 auto 1rem; width: 100%; }

.qr_summary > p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.qr_summary strong { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; }

div.infoPuntosFidelizacion { font-size: .875rem; }

.TablaVariantes + div.infoPuntosFidelizacion { margin-top: 1rem; }

div.infoPuntosFidelizacion > div > p:first-child { margin-top: 0; }

div.infoPuntosFidelizacion > div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #38B4E7; padding: 8px 12px; background-color: rgba(56, 180, 231, 0.1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

div.infoPuntosFidelizacion > div.puntosExtra::before { content: ""; background-color: #273271; width: 32px; height: 32px; display: block; -webkit-mask: 0 0 no-repeat url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 40 40'%3E%3Cg%3E%3Cpath d='M36.7,20.1c-2.6.2-7.9,4.1-10.5,5.4-.3.2-.6.3-1,.4.8-1.6,0-3.5-1.6-4.1-.9-.3-1.9-.4-2.8-.7-4-1.2-5.4-2.9-9.6-.7-1.8,1-3.5,2.1-5.3,3.1-.2,0-.5-.8-.7-1-.5-.6-1.2-.8-1.9-.7-.3,0-2.3,1.2-2.6,1.4C0,24-.2,24.8.2,25.7c2.2,3.3,3.8,7.3,6,10.5.5.8,1.2,1.1,2.1.8.4-.1,2.5-1.3,2.7-1.6.9-1,.2-2.1-.4-3.1,0,0,1.2-.8,1.4-.7,3.1.7,6.2,1.9,9.3,2.5,1.5.3,2.7.2,4-.5,4.6-2.9,9.4-5.6,14-8.7,1.6-2.3.3-5-2.6-4.8ZM7.6,36L1.2,24.7l2.8-1.6,6.4,11.3-2.8,1.6ZM38,24.3l-13.3,8.2c-1.1.5-2,.6-3.2.4-3.2-.6-6.5-1.9-9.7-2.6-.4-.1-1.8,1-1.9.9l-3.5-6.3c1.8-1,3.6-2.2,5.4-3.2.8-.4,1.7-.9,2.6-1,1.4-.1,4.2,1.2,5.6,1.7.9.3,2.6.5,3.4.9,1.4.7.9,2.8-1,2.6-1.6-.2-3.3-1-4.9-1.3-.7,0-.9,1-.2,1.3.8.4,3.2.9,4.1,1.1,1.8.4,3.3.7,5-.1,2.7-1.2,5.4-3.3,8-4.7,1-.5,2.7-1.2,3.6-.3.7.7.5,1.9-.2,2.4Z'/%3E%3Ccircle cx='3.4' cy='25.4' r='.8'/%3E%3C/g%3E%3Cpath d='M28,7.2c-1-.3-2.5-.3-3.5-.5-.7-.9-1.2-3.3-2.3-3.7-.3-.1-.5-.1-.8,0-1.4.2-1.8,2.8-2.6,3.8-1,.4-3.4.2-4.1,1-1.6,1.7,1.6,3.3,2.4,4.4l-.6,3.5c.1,1.1,1,1.8,2.1,1.4.6-.2,2.8-1.6,3-1.6,1,.4,2.1,1.3,3.1,1.6.8.2,1.7,0,1.9-.9.3-1-.5-3-.4-4.1.7-.8,1.9-1.6,2.5-2.4.5-.8.2-2-.7-2.3ZM27.5,8.9c-.6.7-1.8,1.5-2.4,2.3-.7,1,.3,3.2.3,4.4-.2.2-3-1.7-3.7-1.7-.9,0-2.7,1.5-3.6,1.7-.2-.2.7-3.3.5-4-.2-.9-2-2-2.6-2.8,0,0-.2-.1-.1-.3,1.2-.4,3.6,0,4.4-1.2.5-.8.9-2.3,1.4-3,0,0,0-.2.2-.1.5.8,1.2,3,1.9,3.5.7.5,3.7.5,3.9.8,0,.1-.1.2-.2.3Z'/%3E%3C/svg%3E"); mask: 0 0 no-repeat url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 40 40'%3E%3Cg%3E%3Cpath d='M36.7,20.1c-2.6.2-7.9,4.1-10.5,5.4-.3.2-.6.3-1,.4.8-1.6,0-3.5-1.6-4.1-.9-.3-1.9-.4-2.8-.7-4-1.2-5.4-2.9-9.6-.7-1.8,1-3.5,2.1-5.3,3.1-.2,0-.5-.8-.7-1-.5-.6-1.2-.8-1.9-.7-.3,0-2.3,1.2-2.6,1.4C0,24-.2,24.8.2,25.7c2.2,3.3,3.8,7.3,6,10.5.5.8,1.2,1.1,2.1.8.4-.1,2.5-1.3,2.7-1.6.9-1,.2-2.1-.4-3.1,0,0,1.2-.8,1.4-.7,3.1.7,6.2,1.9,9.3,2.5,1.5.3,2.7.2,4-.5,4.6-2.9,9.4-5.6,14-8.7,1.6-2.3.3-5-2.6-4.8ZM7.6,36L1.2,24.7l2.8-1.6,6.4,11.3-2.8,1.6ZM38,24.3l-13.3,8.2c-1.1.5-2,.6-3.2.4-3.2-.6-6.5-1.9-9.7-2.6-.4-.1-1.8,1-1.9.9l-3.5-6.3c1.8-1,3.6-2.2,5.4-3.2.8-.4,1.7-.9,2.6-1,1.4-.1,4.2,1.2,5.6,1.7.9.3,2.6.5,3.4.9,1.4.7.9,2.8-1,2.6-1.6-.2-3.3-1-4.9-1.3-.7,0-.9,1-.2,1.3.8.4,3.2.9,4.1,1.1,1.8.4,3.3.7,5-.1,2.7-1.2,5.4-3.3,8-4.7,1-.5,2.7-1.2,3.6-.3.7.7.5,1.9-.2,2.4Z'/%3E%3Ccircle cx='3.4' cy='25.4' r='.8'/%3E%3C/g%3E%3Cpath d='M28,7.2c-1-.3-2.5-.3-3.5-.5-.7-.9-1.2-3.3-2.3-3.7-.3-.1-.5-.1-.8,0-1.4.2-1.8,2.8-2.6,3.8-1,.4-3.4.2-4.1,1-1.6,1.7,1.6,3.3,2.4,4.4l-.6,3.5c.1,1.1,1,1.8,2.1,1.4.6-.2,2.8-1.6,3-1.6,1,.4,2.1,1.3,3.1,1.6.8.2,1.7,0,1.9-.9.3-1-.5-3-.4-4.1.7-.8,1.9-1.6,2.5-2.4.5-.8.2-2-.7-2.3ZM27.5,8.9c-.6.7-1.8,1.5-2.4,2.3-.7,1,.3,3.2.3,4.4-.2.2-3-1.7-3.7-1.7-.9,0-2.7,1.5-3.6,1.7-.2-.2.7-3.3.5-4-.2-.9-2-2-2.6-2.8,0,0-.2-.1-.1-.3,1.2-.4,3.6,0,4.4-1.2.5-.8.9-2.3,1.4-3,0,0,0-.2.2-.1.5.8,1.2,3,1.9,3.5.7.5,3.7.5,3.9.8,0,.1-.1.2-.2.3Z'/%3E%3C/svg%3E"); -webkit-mask-size: cover; mask-size: cover; margin-right: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.message-bar { background: #363636; font-family: "ApexNew-Book", "Source Sans Pro", sans-serif; font-size: 14px; line-height: 1.2; border-color: transparent; color: #fff; }

.message-bar { font-size: 0.6875rem; }

@media screen and (min-width: 200px) { .message-bar { font-size: calc(0.6875rem + 3 * ((100vw - 12.5rem) / 1000)); } }

@media screen and (min-width: 1200px) { .message-bar { font-size: 0.875rem; } }

.message-bar a { color: #fff; }

.fa.fa-close-message { position: absolute; right: 0; font-size: 30px; display: block; line-height: 100%; top: .5rem; }

#divNoEncontrado, #page-404-page { width: 100%; margin: auto; font-size: 0.875rem; }

#divNoEncontrado.NoSearchResults, #page-404-page { width: 100%; clear: both; max-width: 620px; padding: 50px 0 70px; text-align: center; }

#divNoEncontrado.NoSearchResults img, #page-404-page img { max-width: 100%; }

#divNoEncontrado .button-def { width: 100%; display: block; max-width: 440px; }

@media (min-width: 768px) { #divNoEncontrado, #page-404-page { min-height: 650px; }
  #divNoEncontrado.NoSearchResults, #page-404-page { padding-top: 100px; } }

.NavBarTop .ep-megamenu-second-level-element .ep-megamenu-img, .NavBarTop .ep-megamenu-second-level-element > a > span { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }

html.IsEditor .GeneralLayout { width: 100% !important; }

.IsEditor table.Middle { max-width: 100% !important; width: 100% !important; }

.IsEditor .Header, .IsEditor .NavBarRoof, .IsEditor .NavBarTop { position: relative !important; top: auto !important; }

.IsEditor .Header .ShopLogo, .IsEditor .Header .buttonMenu { position: relative !important; }

.IsEditor #FancyBasket, .IsEditor .FancyLogin, .IsEditor .LocationShopsLink { position: relative !important; right: auto !important; left: auto !important; }

.IsEditor .NavBarTop { display: block !important; }

.IsEditor .NavBarTop .SearchElement { display: inline-block !important; }

.IsEditor .Header .SearchElementButton { display: inline-block !important; }

.IsEditor .Header .PropertyContainer, .IsEditor .NavBarTop .PropertyContainer, .IsEditor .NavBarBottom .PropertyContainer, .IsEditor .Footer .PropertyContainer { width: 95% !important; }

.IsEditor .Middle .ContentArea { width: 95%; }

/*> Developper*/