*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }

a[href^="tel:"] { color: inherit; text-decoration: inherit; }
html.loading * { cursor: wait; }

body {font: normal 16px/140% Lato, Arial;min-width: 300px;color: #222;max-width: 100%;overflow-x: hidden;outline: none;}
a { color: #007aff }

/* overlays */
.overlay { position: fixed; width: 100%; height: 100%; opacity: 0; z-index: 2; left: 0; top: 0; }
.overlay .cart-overlay {}
.overlay .login-overlay {}

/* capas de reemplazo para cookies */
div[data-tpc="rpl"]{background:#f5f5f5;padding:30px;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;font-size:120%;color:#333; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
div[data-tpc="rpl"] span{display:block;padding:16px;border:2px dashed #ccc;}

.fbBox.dvBanner div[data-tpc="rpl"] { display: none; }

/*#########################
###### M O D A L E S ######
###########################*/
.SimpleModal {display: none;justify-content: center;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;margin: 0 auto;align-items: center;padding:  8px;}
.SimpleModal .bg { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; background: black; opacity: .8; }
.SimpleModal .wrap { max-height: 92vh; max-width: 1024px; padding: 20px; background: white; text-align: center; border-radius: 4px; box-shadow: 0 0 30px rgba(0,0,0,.5); overflow-y: auto; }
.SimpleModal .wrap.half { max-width: 512px; }
.SimpleModal .wrap img { max-width: 100%; }
.SimpleModal.dialog-modal .dialog { display: flex; align-items: center; justify-content: center; margin: 16px 0; }
.SimpleModal.dialog-modal .icon { font-size: 28px;margin-right: 8px; }
.SimpleModal.dialog-modal .icon-alert {color: orange;}
.SimpleModal.dialog-modal .icon-confirm { color: gray; }
.SimpleModal.dialog-modal .icon-info { color: #2185d0; }
.SimpleModal.dialog-modal .icon-error { color: #d01919; }
.SimpleModal.dialog-modal .icon-loading { color: #ccc; }
.SimpleModal.dialog-modal .dialog .text { align-self: center; }
.SimpleModal .btncnt {  margin-top: 12px; display: flex; justify-content: space-around; flex-wrap: nowrap;}
.SimpleModal .btncnt .btn {margin: 0 8px;padding: 8px 16px;border-radius:  4px;text-decoration:  none; cursor: pointer; }
.SimpleModal .btncnt .btn.btnAceptar { background-color: #333; color: white; }
.SimpleModal .btncnt .btn.btnVolver { background-color: #f5f5f5; color: #333; border: 1px solid rgba(0,0,0,0.1);  padding: 7px 15px;}
.SimpleModal .btncnt .btn.btnVolver:before {content: "\f104"; font-weight: 900; font-family: "Font Awesome 5 Pro"; margin-right: 8px; font-size: 10px; }
.SimpleModal .content > .title { font-size: 24px; line-height: 28px; font-weight: bold; margin: 0 0 12px; }
.SimpleModal .title { font-size: 18px; margin: 0 0 8px; }

.SimpleModal .login-register {  }
.SimpleModal .login-register input[type="email"],
.SimpleModal .login-register input[type="password"] {border: 0;background: #fff; border: 2px solid #eee; border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;}

.SimpleModal.LoginRegister-modal .wrap { width: 100%; max-width: 420px; position: relative; padding: 48px 20px 20px;}
.SimpleModal.LoginRegister-modal .btncnt { position: absolute; top: -16px; right: 0; }
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver { border-radius: 0 0 4px 4px; }
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver:before { display: none; }
.SimpleModal .login-register input[type="button"], .SimpleModal .login-register input[type="submit"], .SimpleModal .anon button, .SimpleModal .login-register #lnkBtnReg{background-color: #333;color: #fff;/* margin-bottom: 8px; */border: 0;padding: 6px 20px;border-radius: 4px;font-size: 14px;line-height: 18px;border: 2px solid #333;text-decoration:  none;display:  inline-block;width:  100%; max-width: 160px; font-weight:  bold; margin: 0; }
.SimpleModal .login-register #lnkBtnReg{ }
.SimpleModal .login-register a{color: inherit;font-size:  14px;line-height:  16px;margin-bottom: 8px;display:  inline-block;}
.SimpleModal .login-register .spnLogError { display: none; color: #d01919; }
.SimpleModal .login-register .usuario-registrado { padding: 12px; background: #fff; margin: 0; border-radius: 8px 8px 0 0; border: 4px solid #e0e0e0; }
.SimpleModal .login-register .usuario-no-registrado {padding: 12px; background: #e0e0e0; margin: 0 0 12px; border-radius: 0 0 8px 8px;}
.SimpleModal .login-register .usuario-no-registrado > p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; }
.SimpleModal .anon {padding: 12px;margin: 0;border-radius: 8px;background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%);background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 );}
.SimpleModal .anon p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; }

/*CUPONES*/
.SimpleModal.modal-mcd { }
.SimpleModal.modal-mcd .wrap{position: relative;padding: 32px 20px 20px;max-width: 800px;background: transparent;box-shadow: none;}
.SimpleModal.modal-mcd .wrap .content{}
.SimpleModal.modal-mcd .icon-info {margin-right:0; margin-bottom:20px; font-size:40px; display: none;}
.SimpleModal.modal-mcd .btncnt {position: absolute;top: -12px;right: 0;}
.SimpleModal.modal-mcd .btncnt .btn {background-color: rgba(0,0,0,0.5);color: #fff;border: 2px solid;width: 32px;height: 32px;border-radius: 20px;text-transform: uppercase;font-size: 12px;/* line-height: 100%; */padding: 0;display: flex;align-items: center;justify-content: center;}
.SimpleModal.modal-mcd .btncnt .btn span { display: none; }
.SimpleModal.modal-mcd .btncnt .btn:after {content: "\f00d";font-weight: 900;font-family: "Font Awesome 5 Pro";font-size: 16px; }
.SimpleModal.modal-mcd .dvBanner {background: transparent;padding: 0;}
.SimpleModal.modal-mcd .cuponInfoCont {padding: 0 32px;display: flex;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {background: #fff;display: flex;align-items:center;width: 50%;/* flex: 1; */padding: 20px;flex-direction: column;justify-content: center;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText:first-child {width: 100%;min-height: 200px;padding: 20px;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre{font-size: 24px;line-height: 32px;font-weight: bold;text-transform: uppercase;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre a {text-decoration: none; color: inherit;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { padding: 4px 8px; border: 1px dashed rgba(0,0,0,0.5); margin-top: 8px; display: inline-block; border-radius: 8px;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText p:not(.nombre){ max-height: 80px; overflow: hidden;}
.SimpleModal.modal-mcd .cuponInfoCont .img{width: 50%;flex: 1;background: #fff;}
.SimpleModal.modal-mcd .cuponInfoCont img { display: block; }
.SimpleModal.modal-mcd .title {margin-bottom: 20px;font-size: 32px;line-height: 28px;font-weight: bold;color: #fff;}
.SimpleModal.modal-mcd .dialog {flex-direction:column;}
.SimpleModal.modal-mcd .dialog .text {width:100%}
.SimpleModal.modal-mcd .slideCuponesCont {max-width:100%; position: relative;}
.SimpleModal.modal-mcd .slideCuponesCont .swiper-slide {width: 100% !important;background: transparent;}
/*.SimpleModal.modal-mcd .slideCuponesCont .swiper-container {position: static;}*/
.SimpleModal.modal-mcd .slideCuponesCont .btnInfo { display: none;}
.SimpleModal.modal-mcd .btnPromo { margin-top: 16px;}
.SimpleModal.modal-mcd .btnPromo a {display: inline-flex;/* background-color: #007aff; */color: #fff;padding: 7px 15px;border-radius: 4px;text-decoration: none;border: 2px solid;background-color: rgba(0,0,0,0.5);text-transform: uppercase;font-weight: bold;align-items: center;}
.SimpleModal.modal-mcd .btnPromo a:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-left: 8px;font-size: 16px; }
.SimpleModal.modal-mcd .swiper-container {padding-bottom: 0;}
.SimpleModal.modal-mcd .swiper-wrapper { align-items: center; }

.SimpleModal.modal-mcd .swiper-button-prev {left: -12px;}
.SimpleModal.modal-mcd .swiper-button-next {right: -12px;}
.SimpleModal.modal-mcd .swiper-button-prev, .SimpleModal.modal-mcd .swiper-button-next {transform: translateY(-50%);color: #fff;font-size: 30px;width: 40px;margin: 0;}
.SimpleModal.modal-mcd .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {/* background: rgba(0,0,0,0.5); */border-radius:12px;bottom: 4px;right: -4px;height: 20px;left: auto;}
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet { background: #666; opacity: 1 }
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet-active {background: #111;opacity: 1;}


.socialShare {display: flex;align-items: center;margin: 0 0 12px;padding: 4px;border-bottom: 1px solid rgba(0,0,0,0.05);justify-content: flex-end;flex-flow:  row wrap;}
.socialShare > div > div{margin: 2px 4px;}
.socialShare > span{margin-right: 4px; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #666;}
.socialShare > div {display: flex;align-items: center}

.socialShare > div > div > a , .socialShare > div > div > span{ display: flex; align-items: center; color: #fff; font: normal 18px/20px Arial; text-decoration:none; padding: 0; height: 20px; border-radius: 3px; opacity: .75; cursor: pointer;}
.socialShare > div > div > a:before{ font-family: "Font Awesome 5 Brands"; }
.socialShare > div > div > span:before { font-family: "Font Awesome 5 Pro"; font-weight: 900; }

.socialShare > div > div > a:hover, .socialShare > div > div > span:hover { opacity: 1; }

.socialShare .sstw{}
.socialShare .sstw a {color: #1da1f2;}
.socialShare .sstw a:before{content:"\f099";}

.socialShare .ssfb{ }
.socialShare .ssfb a { color: #3b5998;}
.socialShare .ssfb a:before{content:"\f09a";}

.socialShare .sswa span{ }
.socialShare .sswa a { color: #25d366;}
.socialShare .sswa a:before{content:"\f232";}

.socialShare .sspi span{ display: block; }
.socialShare .sspi a { color: #bd081c;}
.socialShare .sspi a:before{content:"\f0d2";}

.socialShare .ssgp span{ display: block; }
.socialShare .ssgp a { color: #dd4b39;}
.socialShare .ssgp a:before{content:"\f2b3";}

.socialShare .ssco span { color: #333; position: relative;}
.socialShare .ssco span:before{content:"\f328";}
.socialShare .ssco.copied span { opacity: 1; }
.socialShare .ssco.copied span:before{content:"\f46c"; color: #3c763d;}
.socialShare .ssco.copied span:after { content:"copiado"; position: absolute; top: 100%; right: -8px; background: #DFF0D8; color: #3c763d; padding: 4px 8px; margin-top: 4px; margin-top: 2px; border-radius: 4px; font: normal 10px/12px Arial;}
.socialShare .ssco.not-copied span:before{ color: #a94442;}
.socialShare .ssco.not-copied span:after { content:"no copiado"; position: absolute; top: 50%; left: 100%; transform: translateX(-100%); background: #F2DEDE; color: #a94442; padding: 4px 8px; margin-right: 4px; border-radius: 4px; font: normal 10px/12px Arial;}

header .header .headerCont .hcRight #cart {margin-left: 8px;font-weight: bold; font-size: 16px; line-height: 140%;flex-shrink: 0;position: relative;}
header .header .headerCont .hcRight #cart > a { text-decoration: none; display: flex; line-height: 32px; border: 0; border-radius: 40px; background: #4EC3F8; color: white; overflow: visible; align-items: center; position: relative; }
header .header .headerCont .hcRight #cart > a i { font-size: 14px; width: 40px; text-align: center; display: inline-flex; justify-content: center; align-items: center; border-radius: 100%; height: 40px; background-color: #666; }
header .header .headerCont .hcRight #cart > a > span { padding: 0 16px 2px 8px; }




/*#########################
##### M E N S A J E S #####
###########################*/
.msgBox {font-size: 90%;line-height: 140%;margin: 4px 0;opacity: .8;padding: 12px 20px;background: #fff9c4;border: 1px solid #e2dca7;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;}
.msgBox:before { content: "\f05a"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#spnAprtEnvFactCampOblig { text-align: right; font-size: 12px; color: #999; display: block;line-height: 16px; }
.field-validation-error {font-size: 90%;line-height: 140%;margin: 8px 0 0;opacity: .8;padding: 8px 12px;background: #fff6f6;border: 1px solid #e0b4b4;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;margin: 8px 0;color: #912d2b;}
.field-validation-error:before { content: "\f05a"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }

.msgBoxTip {font-size: 90%;line-height: 140%;margin: 4px 0;opacity: .8;padding: 12px 20px;background: #e8f5e9;border: 1px solid #c8e6c9;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;}
.msgBoxTip:before {content: "\f0c0";font-family: "Font Awesome 5 Pro";font-weight: 900;margin: 0 12px 0 0;font-size: 30px;line-height: 120%;align-self: center;}

/********
GoToTop
*********/
#goToTop {display: none;position: fixed;bottom: 8px;right: 8px;z-index: 9;width: 40px;height: 40px;cursor: pointer;background: rgba(0,0,0,0.4);justify-content: center;align-items: center;color: white;border-radius: 4px;color: rgba(255,255,255,0.8);}
#goToTop:after {content: "\f106";font-weight: 900;font-family: "Font Awesome 5 Pro";font-size:  28px;}

input[type="text"], input[type="password"] {border: 0;background: #eee;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;}
input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; justify-content: center; width: 100%; border-radius: 4px; }
input[type="button"].sending-form { opacity: .5; cursor: wait; }

/**********
  COMUNES
**********/

/* TEXTOS */
.title1 { font-weight: 700; font-size: 32px; line-height: 36px; margin: 0 0 12px; }
.title2 { font-weight: 700; font-size: 28px; line-height: 140%; margin: 0 0 12px; }
.title3 { font-weight: 700; font-size: 20px; line-height: 140%; margin: 0 0 8px; }

.oculto {display: none;}

.select {position: relative;}
.select select {display: inline-block;width: 100%;padding: 8px 32px 8px 12px;cursor: pointer;border-radius: 4px;outline: 0;background: #fff;border: 1px solid rgba(0,0,0,0.2);line-height: 18px;appearance: none;-webkit-appearance: none;-moz-appearance: none;max-width:  100%;}
.select:after { position: absolute; right: 24px; width: 0; pointer-events: none; top: 50%; transform: translateY(-50%); content: "\f0dc"; font-weight: 700; font-family: "Font Awesome 5 Pro"; }
#dvVolverGuardar { display: flex; justify-content: space-between; width: 100%;}
.btnIzq {display: inline-flex;align-items: center;text-decoration: none;background: rgba(0,0,0,0.05);color: #333;padding: 12px 16px;border-radius: 4px;text-transform: uppercase;font-weight: bold;margin-right:  4px;text-align:  center;}
.btnDer {display: inline-flex;align-items: center;text-decoration: none;background: rgba(0,0,0,0.8);color: #fff;padding: 12px 16px;border-radius: 4px;text-transform: uppercase;font-weight: bold;cursor: pointer;border:  0;margin-left:  4px;text-align:  center; align-self: flex-end;}
.btnDer:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-left: 8px;font-size: 16px;}
.btnIzq:before {content: "\f104";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-right: 8px;font-size: 16px;}
.btnDer#spnAceptar { display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 16px; border-radius: 4px; text-transform: uppercase; font-weight: bold; }
.btnDer#spnAceptar:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 5 Pro"; margin-right: 8px; }

.btnDer#lnkDatosCompraSiguiente:after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 5 Pro"; margin-left: 8px; }

.btnDerCont {  display: flex; flex-direction: column;  }
.btnDerCont .btnDer:not(:first-child) { margin-top: 12px;}

.btnDer.disabled { background: #999; color: white; }

/*RECAPTCHA*/
.g-recaptcha {display: none;justify-content: flex-end;margin:  0 0 12px;}
.ddCamposOblig, .liObli{ text-align: right; font-size: 12px; color: #999; display: block; }

/*#########################
####### H E A D E R #######
###########################*/
#google_translate_element { background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); }
#google_translate_element > div { max-width: 1200px; margin: 0 auto; display: flex; justify-content: flex-end; padding: 4px 8px; }
#google_translate_element .goog-te-gadget-simple { border: 0;border-radius: 4px; box-shadow: 0 -4px 8px rgba(0,0,0,0.05); padding: 2px 0px 2px 4px;}
header { }
.iframe { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.iframe > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* PreHeader */
header .preHeader { background: #f0f0f0; }
header .preHeader .preHeaderCont { padding: 4px 8px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 12px; line-height: 140%; max-width: 1200px; margin: 0 auto; }
header .preHeader .preHeaderCont .phcLeft { }
header .preHeader .preHeaderCont .phcLeft p { text-transform: uppercase; font-weight: 700; color: #333; font-size: 16px; }
header .preHeader .preHeaderCont .phcRight { flex-shrink: 0; margin-left: 12px; display: flex; flex-flow: row wrap; align-items: center; }

header .header { position: relative; max-width: 100%; border-bottom: 1px solid rgba(0,0,0,0.2); }

/*Header*/
header .header .headerCont { padding: 8px; display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
header .header .btnmenu { padding: 0; background: #fff; display: none; border-right: 1px solid #ccc; align-items: initial; position: relative; z-index: 6; transform: translateX(0); transition: all 300ms ease; }
header .header .fndmenu { display: block; width: 0%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 2; transition: opacity 300ms ease; opacity: 0; padding: 0; }
header .header .headerCont .hcLeft { margin-right: 20px; max-width: 100%; flex-shrink: 0; }
header .header .headerCont .hcLeft .hcLogo { width: 100%; }
header .header .headerCont .hcLeft .hcLogo a { }
header .header .headerCont .hcLeft .hcLogo a img { display: block; max-width: 140px; width: 100%; }
header .header .headerCont .hcCenter { display: flex; justify-content: flex-end; width: 100%; }
header .header .headerCont .hcCenter .searchCont {width: 100%;max-width: 320px;position:  relative;}
/*Buscador*/
header .header .headerCont .hcCenter #search {/* width: 100%; *//* display: block; *//* position: relative; *//* transition: opacity 500ms linear; *//* opacity: 1; *//* overflow: hidden; *//* transition: opacity 500ms linear; */ display: none;}
header .header .headerCont .hcCenter #search .searchBar { position: relative;}
header .header .headerCont .hcCenter #search .searchBar input {padding: 4px 36px 4px 16px;border-radius: 30px;border: 2px solid #ccc;width: 100%;font-size: 14px; line-height: 28px; margin: 0;}
header .header .headerCont .hcCenter #search .searchBar input:focus { outline: none; border-color: #b1c5ff; }
header .header .headerCont .hcCenter #search .searchBar a { display: block; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #999; font-size: 20px; }
header .header .headerCont .hcRight { display: flex; justify-content: flex-end; align-items: center; flex-shrink: 0; }
header .header .headerCont  #searchbtn { display: none; }
header .header .headerCont  #searchbtn a { text-decoration: none; display: flex; line-height: 32px; border: 0; border-radius: 40px; background: #fff; color: white; overflow: hidden; align-items: center; }
header .header .headerCont  #searchbtn a i { font-size: 14px; width: 40px; text-align: center; display: inline-flex; justify-content: center; align-items: center; border-radius: 100%; height: 40px; background-color: #666; }
header .header .headerCont .hcCenter .searchCont #search_results {position:  absolute;z-index:2;width:  100%;background: #fefefe;box-shadow: 0 4px 8px rgba(0,0,0,0.1);border-radius:  4px;overflow: auto;}
header .header .headerCont .hcCenter .searchCont #search_results ul {list-style:  none;}
header .header .headerCont .hcCenter .searchCont #search_results ul li {/* padding: 8px; */}
header .header .headerCont .hcCenter .searchCont #search_results ul li:not(.liTitle):hover { background-color: rgba(0,0,0,0.05); }
header .header .headerCont .hcCenter .searchCont #search_results ul li:not(:last-child) { border-bottom: 1px solid #eee; }
header .header .headerCont .hcCenter .searchCont #search_results ul li.liTitle {font-weight: bold;border-bottom: 1px solid #ccc;padding: 8px;background-color: rgba(0,0,0,0.03);display: flex;align-items: center;}
header .header .headerCont .hcCenter .searchCont #search_results ul li.liTitle:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 5 Pro"; margin-right: 4px; font-size: 12px; }
header .header .headerCont .hcCenter .searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; }
header .header .headerCont .hcCenter .searchCont #search_results ul li.verTodos a { color: black; }
header .header .headerCont .hcCenter .searchCont #search_results ul li p { display: flex; flex-direction: row-reverse; }
header .header .headerCont .hcCenter .searchCont #search_results ul li p a{color: inherit;text-decoration: none;display:  block;padding: 8px;}
header .header .headerCont .hcCenter .searchCont #search_results ul li p .img{ width: 80px; flex-shrink: 0;}
header .header .headerCont .hcCenter .searchCont #search_results ul li p .img img{display: block;width: 100%;border-radius: 4px;}
header .header .headerCont .hcCenter .searchCont #search_results ul li p .nom {width: 100%;display:  flex;}
header .header .headerCont .hcCenter .searchCont #search_results ul li p .nom .nomCont{display: flex; max-height: 72px; overflow: hidden; line-height: 25px; align-items: center; position: relative; width: 100%;}
header .header .headerCont .hcCenter .searchCont #search_results ul li p .nom .nomCont::after { content:""; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
header .header .headerCont .hcCenter .searchCont #search_results ul li p .nom a {display: flex; max-height: 72px;}


header .header .headerCont .hcRight #user { margin-left: 8px; font-weight: 700; font-size: 16px; line-height: 140%; flex-shrink: 0; position: relative;}
header .header .headerCont .hcRight #user > a { text-decoration: none; display: flex; line-height: 32px; border: 0; border-radius: 40px; background: #999; color: white; overflow: hidden; align-items: center; }
header .header .headerCont .hcRight #user a i:not(#btLogout) { font-size: 14px; width: 40px; text-align: center; display: inline-flex; justify-content: center; align-items: center; border-radius: 100%; height: 40px; background-color: #666; }
header .header .headerCont .hcRight #user a #btLogout { margin: 4px 16px 4px 0; font-size: 12px; }
header .header .headerCont .hcRight #user a > span { padding: 0 16px 2px 8px; max-width: 190px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; }

/*MODAL USUARIO*/

#login_box:after {content: "\f0d8";font-weight: 900;font-family: "Font Awesome 5 Pro";color: #999;display: block;position: absolute;bottom: 100%;font-size: 28px;line-height: 16px;right: 32px;}
#login_box input[type="text"], #login_box input[type="email"], #login_box input[type="password"] {border: 0;background: #eee;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;}
#login_box .spnLogError { display: none; color: #ff1100; }
#login_box #lnkBtnReg, #login_box input[type="submit"], #login_box #btLoginUsu, #login_box #btLogout{border: 0;padding: 6px 16px;border-radius: 4px;font-size: 14px;line-height: 18px;border: 2px solid #999;text-decoration:  none;display: block;width:  100%;font-weight:  bold;}
#login_box .title {font-size: 18px; line-height: 22px; margin: 0 0 12px;font-weight: bold;}
#login_box .desc {  margin: 0 0 8px; font-size: 14px; line-height: 18px;}
#login_box .usuario-registrado { padding: 12px; }
#login_box .usuario-registrado a{color: inherit;font-size:  14px;line-height:  16px;margin-top: 8px;display:  block;}
#login_box .usuario-registrado input[type="button"], #login_box .usuario-registrado input[type="submit"], #login_box .usuario-registrado #btLoginUsu {background-color: #999;color: #fff;}
#login_box .usuario-registrado input[type="button"]:not(:last-child), #login_box .usuario-registrado input[type="submit"]:not(:last-child), #login_box .usuario-registrado #btLoginUsu:not(:last-child) { margin-bottom: 8px; }
#login_box .usuario-no-registrado { padding: 12px; background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); }
#login_box .usuario-no-registrado #lnkBtnReg, #login_box .usuario-no-registrado input[type="submit"], #login_box #btLogout{color: #999;background-color: #fff;}
header .header .headerCont .hcRight #cart {margin-left: 8px;font-weight: bold; font-size: 16px; line-height: 140%; flex-shrink: 0;position: relative;}
header .header .headerCont .hcRight #cart > a { text-decoration: none; display: flex; line-height: 32px; border: 0; border-radius: 40px; background: #666; color: white; overflow: visible; align-items: center; position: relative; }
header .header .headerCont .hcRight #cart > a i { font-size: 14px; width: 40px; text-align: center; display: inline-flex; justify-content: center; align-items: center; border-radius: 100%; height: 40px; background-color: #333; }
header .header .headerCont .hcRight #cart > a > span { padding: 0 16px 2px 8px; }

/* CARRITO LISTA PRODUCTOS */
#cart .cart-prod-list {display: none;}
#cart .cart-prod-list .hCartProd {position: relative;display: flex;padding: 8px 0;max-width: 100%;overflow: hidden;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0px;}
#cart .cart-prod-list .hCartProd .hCartProdInfo { display: flex; align-items: center; width: 100%; padding: 4px; overflow: hidden; color: inherit; text-decoration: none; }
#cart .cart-prod-list .hCartProd .hCartProdInfo img {display: block;width: 100%;max-width: 48px;margin: 0 8px 0 0;flex-shrink: 0;}
#cart .cart-prod-list .hCartProd .hCartProdInfo p { overflow: hidden; width: 100%; }
#cart .cart-prod-list .hCartProd .hCartProdInfo p span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cart .cart-prod-list .hCartProd .hCartProdDelete {padding: 4px 0;text-decoration: none;color: inherit;margin-left: 8px;}
#cart .cart-prod-list .hCartTotal {display: flex;justify-content: space-between;width: 100%;text-transform: uppercase;margin-top: 0;font-weight: bold;font-size: 14px;line-height: 18px;background: rgba(0,0,0,0.1);padding: 12px;}
#cart .cart-prod-list .hCartTotalSinIva {display: flex;justify-content: space-between;width: 100%;text-transform: uppercase;margin-top: 0;font-weight: bold;font-size: 12px;line-height: 14px;background: rgba(0,0,0,0.08);padding: 12px; opacity: .8;}
#cart .cart-prod-list .hEnvioGratis { }
#cart .cart-prod-list .hEnvioGratis a {padding: 0px 12px;border-radius: 4px;display: flex;margin-top: 8px;align-items: center;text-decoration: none;color: #333;/* border: 1px dashed rgba(0,0,0,0.2); */justify-content: center;}
#cart .cart-prod-list .hEnvioGratis a span{ font-weight: bold; line-height: 120%; }
#cart .cart-prod-list .hEnvioGratis a:before{content:"\f48b";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-right: 8px;font-size: 20px;line-height: 24px;text-align: center;}
#cart .cart-prod-list .hCartButtons { display: flex; margin: 8px 0 0; justify-content: space-between;}
#cart .cart-prod-list .hCartButtons .hOrderLink { width: 60%; }
#cart .cart-prod-list .hCartButtons .hCartLink{text-align: center; width: 39%;}
#cart .cart-prod-list .hCartButtons .hOrderLink a {display: flex;align-items: center;justify-content: center;border: 0;padding: 8px 16px;/* border-radius: 4px; */font-size: 14px;line-height: 18px;background-color: #666;text-decoration: none;color: #fff;font-weight:  bold;}
#cart .cart-prod-list .hCartButtons .hOrderLink a:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-left: 4px;font-size: 12px;padding-top: 2px;line-height: 12px;}
#cart .cart-prod-list .hCartButtons .hCartLink a {display: flex;align-items: center;justify-content: center;border: 0;padding: 7px 15px;/* border-radius: 4px; */font-size: 14px;line-height: 18px;border: 1px solid #666;color: #666;text-decoration: none;font-weight:  bold;}
#cart .cart-prod-list .hCartButtons .hCartLink a:before { content: "\f07a"; font-weight: 900; font-family: "Font Awesome 5 Pro"; margin-right: 8px; font-size: 12px; line-height: 12px }
#cart .cart-prod-list.cart-empty { padding: 20px;font-size: 18px; line-height: 22px; text-align: center; font-weight: bold;}

/*Header Menú*/
header .menu {position: relative;box-shadow: 0 1px 0px rgba(0,0,0,0.2);}
header .menu .menuCont {display: flex;justify-content: space-between; max-width: 1200px;margin: 0 auto;font-weight: 700;}
header .menu .menuCont .mcPrincipal { z-index: 10; }
header .menu .menuCont .mcPrincipal .cd-dropdown-trigger{display: flex;align-items: center;text-decoration: none;background: #333;color: white;padding: 8px 32px 8px 16px;justify-content: space-around;width: 280px;text-transform: uppercase;}
header .menu .menuCont .mcPrincipal li {list-style: none;/* display:  flex; */}
header .menu .menuCont .mcPrincipal li p{border-bottom: 1px solid rgba(0,0,0,0.05)}
header .menu .menuCont .mcPrincipal li a { display: block; padding: 12px; text-decoration: none; color: #333;}
header .menu .menuCont .mcPrincipal li.campExpress:first-child a{ border-top: 1px solid #fff; }
header .menu .menuCont .mcPrincipal li.campExpress a { background-color: #eee; display: flex; align-items: center; justify-content: space-between;}
header .menu .menuCont .mcPrincipal li.campExpress:hover:not(.go-back) > p > a{ }
header .menu .menuCont .mcPrincipal li.campExpress:hover:not(.go-back) a:after { color: #333; opacity: .8; }
header .menu .menuCont .mcPrincipal li.campExpress a:after{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 5 Pro"; display: inline-block; margin-right: 8px; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(2.8) rotate(-20deg); opacity: .6; margin-left: 12px;}
header .menu .menuCont .mcPrincipal li:hover:not(.go-back) > p > a,
header .menu .menuCont .mcPrincipal li.current-selected { background-color: rgba(0,0,0,0.05); box-shadow: inset 4px 0 0 #666;}
header .menu .menuCont .mcPrincipal > ul > li > ul > li > p > a{ display: none;}
header .menu .menuCont .mcPrincipal ul > li > p { display: flex; }
header .menu .menuCont .mcPrincipal ul > li > p.jump { display: none; }
header .menu .menuCont .mcPrincipal ul > li > p > a{ width: 100%;}
header .menu .menuCont .mcPrincipal ul > li > p > span {display: none;flex-shrink: 1;width: 40px;flex-shrink: 0;text-align: center;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.03);cursor: pointer;}
header .menu .menuCont .mcPrincipal ul > li > p > span:after { content:"\f105"; font-weight: 600; font-family: "Font Awesome 5 Pro"; }
header .menu .menuCont .mcPrincipal ul > li.has-children > p > span { display: flex;}
header .menu .menuCont .mcPrincipal ul > li.go-back > p > span { display: flex; width: 40px; flex-shrink: 1; text-align: center; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.03); cursor: pointer;}
header .menu .menuCont .mcPrincipal ul > li.go-back > p > span:after { content:"\f104"; font-weight: 600; font-family: "Font Awesome 5 Pro"; display: block; padding:12px;}
header .menu .menuCont .mcPrincipal ul > li.go-back > p > a { opacity: 0.7 }
header .menu .menuCont .mcPrincipal ul > li .see-all { display: none; }
/*header .menu .menuCont .mcPrincipal { flex-shrink: 0; display: flex; position: relative; }
header .menu .menuCont .mcPrincipal > a {display: flex;align-items: center;text-decoration: none;background: #666;color: white;padding: 8px 16px;justify-content: space-around;width: 280px;text-transform: uppercase;}
header .menu .menuCont .mcPrincipal > a span {margin: 0 12px;}
header .menu .menuCont .mcPrincipal ul { display: none; }
header .menu .menuCont .mcPrincipal ul li {display: inline-block;font-weight: normal;width: 100%;}
header .menu .menuCont .mcPrincipal ul li a {text-decoration: none;display: flex;padding: 8px 16px;color: #666; width:  100%;}
header .menu .menuCont .mcPrincipal > ul { position: absolute; top: 100%; left: 0; background: #fff; width: 100%; z-index:2;}
header .menu .menuCont .mcPrincipal > ul > li {border-bottom: 1px solid rgba(0,0,0,0.1);border-right: 1px solid rgba(0,0,0,0.1);border-left: 1px solid rgba(0,0,0,0.1);flex-grow: 2;display: flex;}
header .menu .menuCont .mcPrincipal > ul > li:hover { background-color: rgba(0,0,0,0.08) }
header .menu .menuCont .mcPrincipal > ul > li > p { display: flex; width: 100%; }
header .menu .menuCont .mcPrincipal > ul > li > p > a { width: 100%; }
header .menu .menuCont .mcPrincipal > ul > li.submenu > p > span { flex-shrink: 0; width: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
header .menu .menuCont .mcPrincipal > ul > li.submenu > p > span:before{ content: "\f054"; font-weight: 900; font-family: "Font Awesome 5 Pro"; padding: 4px 8px 4px 12px; display: flex; flex-shrink: 0; font-size: 70%; opacity: 0.6; align-items: center; }
header .menu .menuCont .mcPrincipal > ul > li > a { width: 100%; }
header .menu .menuCont .mcPrincipal > ul > li > ul {position: absolute;left: 100%;top: 0%;background: #fff; box-shadow: 0px 0px 4px rgba(0,0,0,0.1);min-height: 100%; border: 1px solid rgba(0,0,0,0.1); float: left;width:  100%;}
header .menu .menuCont .mcPrincipal > ul > li > ul li {width: 100%;}
header .menu .menuCont .mcPrincipal > ul > li > ul li a {padding: 8px 16px;}
header .menu .menuCont .mcPrincipal > ul > li > ul li ul li a {padding: 8px 16px 8px 24px;opacity: 0.7;}
header .menu .menuCont .mcPrincipal > ul > li > ul li ul li a:before {content: "\f111";fo;font-weight: 900;font-family: "Font Awesome 5 Pro";font-size: 4px;margin-right: 8px;padding-top: 0px;display:  flex;align-items:  flex-start;display: none;}
header .menu .menuCont .mcPrincipal > ul > li > ul li ul li ul li a:before {content: "\f111";fo;font-weight: 900;font-family: "Font Awesome 5 Pro";font-size:3px;display: inline-flex;align-items: center;margin-right: 8px;}
header .menu .menuCont .mcPrincipal > ul > li > ul li ul li ul li a { padding: 8px 16px 8px 32px;}
header .menu .menuCont .mcPrincipal > ul > li > ul li a:hover { text-decoration: underline; }
header .menu .menuCont .mcPrincipal > ul > li > ul > li {font-weight: 700; background-color: rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.1);}
header .menu .menuCont .mcPrincipal > ul > li > ul > li ul {display: block; background-color: rgba(255,255,255,0.8);border-bottom: 1px solid rgba(0,0,0,0.0);}
header .menu .menuCont .mcPrincipal > ul  li > p { display: flex; width: 100%; }
header .menu .menuCont .mcPrincipal > ul > li > ul li a {width: 100%;}
header .menu .menuCont .mcPrincipal > ul li ul li.submenu > p > span {flex-shrink: 0;width: 44px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 16px;}
header .menu .menuCont .mcPrincipal > ul li ul li.submenu > p > span:before{ content: "\f107"; font-weight: 900; font-family: "Font Awesome 5 Pro"; padding: 4px 8px 4px 12px; display: flex; flex-shrink: 0; font-size: 70%; opacity: 0.6; align-items: center; }
*/
header .menu .menuCont .mcDestacado { width: 100%; display: flex;}
header .menu .menuCont .mcDestacado ul { display: flex; justify-content: space-around; width: 100%;}
header .menu .menuCont .mcDestacado ul li { display: flex; }
header .menu .menuCont .mcDestacado ul li a {display: flex;align-items: center;padding: 12px 8px;text-decoration: none;text-transform: uppercase;color: #666;}
header .menu .menuCont .mcDestacado ul li a:hover { opacity: .8 }
header .menu .menuCont .mcDestacado ul li a span { }


.navTrigger { cursor: pointer; width: 44px; padding: 14px; display: flex; align-items: center; flex-flow: row wrap; align-content: center; }
.navTrigger i { background-color: #333; border-radius: 2px; content: ''; display: block; width: 100%; height: 2px; }
.navTrigger i:nth-child(1) { -webkit-animation: outT 0.5s backwards; animation: outT 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger i:nth-child(2) { margin: 3px 0; -webkit-animation: outM 0.5s backwards; animation: outM 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.5s backwards; animation: outBtm 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger.active i:nth-child(1) { -webkit-animation: inT 0.5s forwards; animation: inT 0.5s forwards; }
.navTrigger.active i:nth-child(2) { -webkit-animation: inM 0.5s forwards; animation: inM 0.5s forwards; }
.navTrigger.active i:nth-child(3) { -webkit-animation: inBtm 0.5s forwards; animation: inBtm 0.5s forwards; }

/*#########################
###### P O R T A D A ######
###########################*/

#PORT01 { }
#PORT02 {padding: 40px 16px;}
#PORT02 .PORT02Cont {  max-width: 1208px; margin: 0 auto; display: flex; flex-wrap: wrap;}
#PORT02 .PORT02Cont > * {margin: 4px;width: calc(33.3333% - 8px);}

/*#########################
###### C A J O N E S ######
###########################*/
/* CAJA SEO */
.seo1 {text-align: center;background: #fff;padding: 40px 20px;}
.seo1 .seo1Cont { max-width: 1200px; margin: 0 auto;}
.seo1 .seo1Cont .title1 { }
.seo1 .seo1Cont p:not(:last-child) { margin: 0 0 12px; }

/*CAJA VIDEO*/
.seo2 {text-align: center;background: #fff;padding: 40px 20px;}
.seo2 .seo2Cont { max-width: 1200px; margin: 0 auto;  }
.seo2 .seo2Cont .title1 { }
.seo2 .seo2Cont p:not(:last-child) { margin: 0 0 12px; }
.seo2 .seo2Cont iframe { display: block; border: 0; width: 100%; }
.iframeCont { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.iframeCont > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* BOX SIN LINK */
.boxItem a[href^="#"] {cursor:default;}

/*BOX 2: */
.box2 { padding: 20px 20px 0; background: #fff; }
.box2 .boxCont { max-width: 1200px; margin: 0 auto; }
.box2 .boxCont { max-width: 1200px; margin: 0 auto; }
.box2 .boxCont > div > div{ display: flex;}
.box2 .boxCont .boxItem { width: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; border: 4px solid #FFF; position: relative; display: none;}
.box2 .boxCont .boxItem:first-child, .box2 .boxCont .boxItem:nth-child(2){ display: block; }
.box2 .boxCont .boxItem > div { padding-bottom: 75%; width: 100%; display: flex; }
.box2 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: absolute; top: 0; left: 0; height: 100%; }
.box2 .boxCont .boxItem .boxItemImg { display: none; }
.box2 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box2 .boxCont .boxItem .boxItemCont { background: rgba(255,255,255,0.8); padding: 4px; margin: 12px; border-radius: 4px; }
.box2 .boxCont .boxItem .bicTitle { margin: 0; border: 1px solid; padding: 4px 40px; text-transform: uppercase; border-radius: 4px; }
.box2 .boxCont .boxItem .bicDesc { display: none; }
.box2 .boxCont .boxItem .bicBtn { display: none; }
.box2 .boxCont .boxItem .bicBtn span { }

.box3a { padding: 0 20px 20px; background: #fff; }
.box3a .boxCont { max-width: 1400px; margin: 0 auto; display: flex; overflow-X: auto; }
.box3a .boxCont .boxItem { width: 33.3333%; background-size: cover; background-position: center; background-repeat: no-repeat; border: 4px solid #FFF; position: relative; flex-shrink: 0; }
.box3a .boxCont .boxItem > div { padding-bottom: 75%; display: flex; }
.box3a .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; height: 100%; }
.box3a .boxCont .boxItem .boxItemImg { display: none; }
.box3a .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box3a .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; }
.box3a .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: 4px; color: #fff; }
.box3a .boxCont .boxItem .bicDesc { display: none; }
.box3a .boxCont .boxItem .bicBtn { display: none; }
.box3a .boxCont .boxItem .bicBtn span { }

.box3 {padding: 0 20px 40px;background: #fff;}
.box3 .swiper-container { width: 100%; }
.box3 .boxCont { max-width: 1200px; margin: 0 auto; display: flex; overflow-X: auto; }
.box3 .boxCont .boxItem { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; border: 4px solid #FFF; position: relative; flex-shrink: 0; }
.box3 .boxCont .boxItem > div { padding-bottom: 75%; display: flex; }
.box3 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; height: 100%; }
.box3 .boxCont .boxItem .boxItemImg { display: none; }
.box3 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box3 .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; }
.box3 .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: 4px; color: #fff; }
.box3 .boxCont .boxItem .bicDesc { display: none; }
.box3 .boxCont .boxItem .bicBtn { display: none; }
.box3 .boxCont .boxItem .bicBtn span { }

.box4 {padding: 40px 20px;background-color: #f0f0f0;}
.box4 .slideCont { max-width: 1200px; margin: 0 auto; position: relative; }
.box4 .slideCont .slideInfo {margin: 0 0 20px;text-align: center;padding: 0 20px;}
.box4 .slideCont .slideInfo .title2 { }
.box4 .slideCont .slideInfo p { }
.box4 .slideCont .swiper-container { margin: 0 36px; position: static; }
.box4 > div > p{ text-align:center;font-size: 120%; line-height: 120%; font-weight: bold; font-style: italic;}

.box6 {padding: 40px 20px;background-color: #f0f0f0;}
.box6 .slideCont { max-width: 1200px; margin: 0 auto; position: relative; }
.box6 .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.box6 .slideCont .slideInfo .title2 { }
.box6 .slideCont .slideInfo p { }
.box6 .slideCont .swiper-container { margin: 0 36px; position: static; }


.boxMini { padding: 40px 20px; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='f0f0f0', endColorstr='00f0f0f0',GradientType=0 ); }
.boxMini .slideCont { max-width: 1200px; margin: 0 auto; position: relative; }
.boxMini .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.boxMini .slideCont .slideInfo .title2 {}
.boxMini .slideCont .slideInfo p { }
.boxMini .slideCont .swiper-container { margin: 0 36px; position: static; }
.boxMini .prodItemImg > a .PIITag { display: none; }
.boxMini .prodItem .prodItemCont { font-size: 80%; line-height: 100% }
.boxMini .prodItem .prodItemCont .PICTitle { font-size: 100%; line-height: 100% }
.boxMini .prodItem .prodItemCont .PICPrice span { font-size: 120%; line-height: 100% }
.boxMini .prodItem .prodItemCont .PICVar { font-size: 100%; }
.boxMini .prodItem .prodItemBt .btAddToCart{ font-size: 12px; line-height: 100%; padding: 8px; }


.boxMiniRel {margin: 0 0 20px;}
.boxMiniRel .slideCont { max-width: 1200px; margin: 0 auto; position: relative; }
.boxMiniRel .slideCont .slideInfo { margin: 0 0 20px; }
.boxMiniRel .slideCont .slideInfo .title2 { }
.boxMiniRel .slideCont .slideInfo p { }
.boxMiniRel .slideCont .swiper-container {/* margin: 0 36px; */position: static;}
.boxMiniRel .prodItemImg > a .PIITag { display: none; }
.boxMiniRel .prodItem .prodItemCont { font-size: 80%; line-height: 100% }
.boxMiniRel .prodItem .prodItemCont .PICTitle { font-size: 100%; line-height: 100% }
.boxMiniRel .prodItem .prodItemCont .PICPrice span { font-size: 120%; line-height: 100% }
.boxMiniRel .prodItem .prodItemCont .PICVar { font-size: 100%; }
.boxMiniRel .prodItem .prodItemBt .btAddToCart{ font-size: 12px; line-height: 100%; padding: 8px; }


/*CAJONES PRODUCTOS GENERAL*/
.prodItem { text-align: center; font-weight: normal; font-size: 18px; line-height: 140%;display:flex;flex-direction:column;}
.prodItem .prodItemImg { position: relative; overflow: hidden; }
.prodItem .prodItemImg > a { display: block; overflow: hidden; }
.prodItem .prodItemImg > a img {display: block;width: 100%;font-size:  0; padding: 0 !important; opacity: 1 !important;}
.prodItem .prodItemImg > a img:nth-of-type(2) {left:  0;position: absolute;top: 0;/* left: 100%; */opacity: 0 !important;/*transition: opacity 300ms ease, left 0ms ease 300ms; -webkit-transition: opacity 300ms ease, left 0ms ease 300ms;*/transition:  all 300ms ease;padding:  0 !important;}
.prodItem .prodItemImg:hover > a img:nth-of-type(2) {/* left: 0; */opacity: 1 !important;/*transition: opacity 300ms ease, left 0s ease 0ms; -webkit-transition: opacity 300ms ease, left 0s ease 0ms;*/}
.prodItem .prodItemImg .PIITag { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-weight: 700; font-size: 14px; line-height: 140%; text-transform: uppercase; letter-spacing: 2px; }
.prodItem .prodItemImg .PIITag .PIITagPorcentaje { width: 44px; height: 44px; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; right: 4px; background: #111; color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagPorcentaje span { }
.prodItem .prodItemImg .PIITag .PIITagOferta {position: absolute;bottom: 4px;left: 4px;background: #fff;padding: 2px 8px;border-radius: 24px;color: #333;border: 2px solid;}
.prodItem .prodItemImg .PIITag .PIITagOferta span { }
.prodItem .prodItemImg .PIITag .PIITagDestacado { position: absolute; bottom: 4px; right: 4px; background: #666; padding: 4px 12px; border-radius: 24px; color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagDestacado span { }
.prodItem .prodItemImg .PIITag .PIITagNovedad {position: absolute;top: 4px;left: 4px;background: #333;padding: 4px 8px;border-radius: 24px;color: #fff;}
.prodItem .prodItemImg .PIITag .PIITagNovedad span { }
.prodItem .prodItemImg .PIITag .PIITagOutlet {position: absolute;top: 4px;left: 4px;background: #03a9f3;padding: 4px 8px;border-radius: 24px;color: #fff;}
.prodItem .prodItemImg .PIITag .PIITagNovedad ~ .PIITagOutlet{ top: 36px;}
.prodItem .prodItemImg .PIITag .PIITagOutlet span { }
.prodItem .prodItemImg .PIITag .PIITagAgotado { position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,0.5); padding: 8px 20px; border-radius: 24px; color: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 0 300px rgba(255,255,255,0.2); }
.prodItem .prodItemImg .PIITag .PIITagAgotado span { }
.prodItem .prodItemImg .PIITag .PIITagSoloOnline { position: absolute; bottom: 4px; right: 4px; background: #666; padding: 4px 12px; border-radius: 24px; color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagSoloOnline span { }

.prodItem .prodItemImg .PIITag .PIITagFlash { position: absolute; top: 4px; left: 4px; background: #f8c931; padding: 4px 8px; border-radius: 24px; color: #333; }
/*.prodItem .prodItemImg .PIITag .PIITagFlash { animation: flash 6s linear 2s infinite; }*/
.prodItem .prodItemImg .PIITag .PIITagFlash span { }
.prodItem .prodItemImg .PIITag .PIITagFlash span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 5 Pro"; display: inline-block; margin-right: 8px; font-size: 120%; flex-shrink: 0; }

.prodItem.flash .prodItemImg .PIITag .PIITagNovedad{ display: none; }
.prodItem.flash .PICPriceValue:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 5 Pro"; display: inline-block; margin-right: 8px; font-size: 80%; display: none; }


.prodItem .prodItemCont {padding: 8px;flex:1;}
.prodItem .prodItemCont .PICTitle {font-weight: normal; font-size: 20px; line-height: 140%; margin: 0 0 4px;}
.prodItem .prodItemCont .PICTitle a { color: inherit; text-decoration: none; }
.prodItem .prodItemCont .flash .PICPrice { margin: 0 0 4px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.prodItem.flash .prodItemCont .PICPrice{ border: 2px solid #f8c931; display: block; border-radius: 8px; overflow: hidden; padding: 4px 4px 4px 40px; position: relative;}
.prodItem.flash .prodItemCont .PICPrice:before{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 5 Pro"; display: inline-flex; align-items: center; justify-content: center; font-size: 100%; color: #111; padding: 0 8px; position: absolute; background: #f8c931; left: 0; top: 0; height: 100%;}
.prodItem.flash:not(.flashenvio) .prodItemCont .PICPrice .PICPriceOld { display: block; margin: 0; }
.prodItem.flashenvio .prodItemCont .PICPrice > span:last-child { display: block; font-size: 80%; text-transform: uppercase; }
.prodItem .prodItemCont .PICPrice > span { font-weight: 700; font-size: 24px; line-height: 120%; color: #333;}
.prodItem .prodItemCont .PICPrice .PICPriceIva { font-size: 18px; opacity: .8; display: block;}
.prodItem .prodItemCont .PICPrice .PICPriceIva > span { text-transform: uppercase; font-size: 14px; }
.prodItem .prodItemCont .PICPrice .PICPriceOld {color: inherit;margin-right: 8px;text-decoration: line-through;font-size: 18px;}
.prodItem .prodItemCont .PICDesc { margin: 0 0 4px; display: none; }
.prodItem .prodItemCont .PICVar { font-weight: 700;opacity: 0.5;font-size:  18px; }
.prodItem .prodItemBt{ padding:8px; }
.prodItem .prodItemBt .btAddToCart{display: inline-flex;  align-items: center; justify-content: center; padding: 8px; background-color: #666; text-decoration: none; color: white; font-size: 16px; line-height: 20px; border-radius: 4px;}
.prodItem .prodItemBt .btAddToCart i{margin-right:8px;}



/*CAJONES MARCAS*/
.PorMarcas { text-align: center; font-weight: normal; font-size: 18px; line-height: 140%; }
.PorMarcas .PorMarcasImg { position: relative; overflow: hidden; width: 100%; padding-bottom: 100%; position: relative; background: #fff; border: 1px solid #eee; }
.PorMarcas .PorMarcasImg > a { overflow: hidden; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 12px;}
.PorMarcas .PorMarcasImg > a img { display: block; max-width: 100%; }
.PorMarcas .PorMarcasCont { padding: 8px; }
.PorMarcas .PorMarcasCont .PMCTitle { font-weight: normal; font-size: 22px; line-height: 140%; margin: 0 0 4px; }
.PorMarcas .PorMarcasCont .PMCTitle a { color: inherit; text-decoration: none; }
.PorMarcas .PorMarcasCont .PPCDesc { margin: 0 0 4px; display: none; }




/* BANDAS CON Nº DE ELEMENTOS*/
.bndBox3 { padding: 20px; background-color: #fff; }
.bndBox3 .bndBox3Cont { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; }
.bndBox3 .bndBox3Cont > div { width: 32%; }

/*NEWSLETTER*/
.news1 { padding: 32px 20px; background-color: #555; text-align: center; color: #fff; }
.news1 .newsCont { }
.news1 .newsCont .title2 { font-weight: 700; font-size: 32px; line-height: 140%;margin: 0 0 0 8px; }
.news1 .newsCont .newsDesc { margin: 0 0 12px; font-weight: normal; font-size: 22px; line-height: 140%; }
.news1 .newsCont .newsMail {max-width: 640px; margin: 0 auto; }
.news1 .newsCont .newsMail form { display: flex; justify-content: center;  }
.news1 .newsCont .newsMail form label { width: 100%; }
.news1 .newsCont .newsMail .newsInput {width: 100%;padding: 8px 16px;border: 0;color: #333;border-radius: 4px;}
.news1 .newsCont .newsMail .newsBtn {background: #333;color: #fff;border:0;padding: 4px 32px;text-decoration: none;display: flex;margin-left: 4px;align-items: center;text-transform: uppercase;font-weight: bold;justify-content: center;border-radius: 4px;}

/*ENVÍO*/
.envio1 {  background-color: #35baf5; color: #fff; justify-content: space-between; }
.envio1:after { content: "\f1d8"; font-weight: 900; font-family: "Font Awesome 5 Pro"; font-size: 60px; margin-left: 12px; display: block; flex-shrink: 0; line-height: 100%; }
.envio1 .envioCont { }
.envio1 .envioContDesc { display: flex; align-items: center; justify-content: space-between; }
.envio1 .envioContLink { font-size: 12px; }
.envio1 .envioContLink a { color: inherit; }

/*SOCIAL*/
.socialBox { padding: 12px; border: 8px solid #eee; font-weight: 700; font-size: 22px; line-height: 140%; display: flex; align-items: center; justify-content: center; text-align: center; flex-flow: column-reverse; width: 100%;}
.socialBox .socialCont { }
.socialBox .socialContDesc { display: flex; align-items: center; justify-content: space-between; }
.socialBox .socialUl { margin: 0 0 4px; font-weight: normal; }
.socialBox .socialUl li { display: inline-flex; margin: 2px; }
.socialBox .socialUl a { text-decoration: none; color: #fff; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 2px; border-radius: 40px; font-size: 20px; }
.socialBox .socialUl a span span{ display: none; }
.socialBox .socialUl .instagram { background-color: #d10869; padding: 0; }
.socialBox .socialUl .instagram a { color: #fff; }
.socialBox .socialUl .twitter { background-color: #1da1f2; padding: 0; }
.socialBox .socialUl .twitter a { color: #fff; }
.socialBox .socialUl .facebook { background-color: #3b5998; padding: 0; }
.socialBox .socialUl .facebook a { color: #fff; }
.socialBox .socialUl .whatsapp { background-color: #128c7e; }
.socialBox .socialUl .whatsapp a { color: #fff; }
.socialBox .socialUl .socialBox .socialUl.socialBox .socialUl.phone { background-color: #666; }
.socialBox .socialUl .phone a { color: #fff; }


.socialLine { list-style: none; }
.socialLine li {display: inline-block;background: #fff;padding: 0px 12px;min-width: 28px;border-radius: 40px;text-align: center;margin: 2px 0 2px 2px;font-size: 14px; line-height:28px;}
.socialLine li a { text-decoration: none; color: #333; }
.socialLine li a span span { margin-left: 4px;}
.socialLine li a i {font-weight: 900;}
.socialLine .news { background-color: #555; }
.socialLine .news a { color: white; }
.socialLine .instagram { background-color: #d10869; padding: 0; }
.socialLine .instagram a { color: #fff; }
.socialLine .instagram a span span { display: none; }
.socialLine .twitter { background-color: #1da1f2; padding: 0; }
.socialLine .twitter a { color: #fff; }
.socialLine .twitter a span span { display: none; }
.socialLine .facebook { background-color: #3b5998; padding: 0; }
.socialLine .facebook a { color: #fff; }
.socialLine .facebook a span span { display: none; }
.socialLine .whatsapp { background-color: #128c7e; }
.socialLine .whatsapp a { color: #fff; }
.socialLine .phone { background-color: #666; }
.socialLine .phone a { color: #fff; }

.socialLine .twitter a i, .socialLine .facebook a i, .socialLine .instagram a i, .socialLine .whatsapp a i { font-weight: 200; }

.langSelector { display: flex; align-items:center;}
.langSelector:not(:first-child) { margin-left: 8px; }
.langSelector:not(:last-child) { margin-right: 8px; }
    .langSelector select { border: 0; text-transform: uppercase; line-height: 28px; height: 28px; background-color: #fff; border-radius: 28px; padding: 0 0 0 4px; border: 4px solid #fff; outline: 0; font-size: 80%; letter-spacing: 1px; }
        .langSelector select:hover { box-shadow: 0 0 4px rgba(0,0,0,.05) }
header .menu .menuCont .menulang { padding: 8px; background-color: #ccc; text-align: right; display: none; margin: 0; }
header .menu .menuCont .menulang select{ height: 36px; min-width: 60px;}

.contactBox { background-color: #999; color: #fff; display: flex; padding: 20px; justify-content: center; text-align: center; flex-flow: column; width: 100%; font-weight: 700; font-size: 18px; line-height: 140%; }
.contactBox > div { margin: 0 0 8px; }
.contactBox > div .title { margin: 0 0 4px !important; font-size: 24px; }
.contactBox > div .desc { }
.contactBox .socialUl { margin: 0 0 4px; text-transform: uppercase; }
.contactBox .socialUl li { display: inline-flex; margin: 2px; border-radius: 40px;  font-size: 14px;}
.contactBox .socialUl a { text-decoration: none; color: #fff;  display: inline-flex; align-items: center; justify-content: center; margin: 2px; padding: 0 8px;}
.contactBox .socialUl a span span { margin-left: 4px; margin-left: 4px; }
.contactBox .socialUl .instagram { background-color: #d10869; padding: 0; }
.contactBox .socialUl .instagram a { color: #fff; }
.contactBox .socialUl .twitter { background-color: #1da1f2; padding: 0; }
.contactBox .socialUl .twitter a { color: #fff; }
.contactBox .socialUl .facebook { background-color: #3b5998; padding: 0; }
.contactBox .socialUl .facebook a { color: #fff; }
.contactBox .socialUl .whatsapp { background-color: #128c7e; }
.contactBox .socialUl .whatsapp a { color: #fff; }
.contactBox .socialUl .phone { background-color: #fff; }
.contactBox .socialUl .phone a { color: #999; }
.contactBox .socialUl .mail { background-color: #fff; }
.contactBox .socialUl .mail a { color: #999; }


.contactBand {color: #666;display: flex;padding: 20px;justify-content: space-between;width: 100%;font-weight: 700; font-size: 18px; line-height: 140%;align-items:  center;text-align: left;border: 8px solid rgba(0,0,0,0.1);}
.contactBand > div {margin: 0 0 8px;width:  100%;}
.contactBand > div .title { margin: 0 0 4px; font-size: 24px; }
.contactBand > div .desc { }
.contactBand .socialUl {margin: 0 0 4px;text-transform: uppercase;text-align:  right;flex-shrink:  0;}
.contactBand .socialUl li { display: inline-flex; margin: 2px; border-radius: 4px; font-size: 16px; background-color: #666; }
.contactBand .socialUl a {text-decoration: none;color: #fff;display: inline-flex;align-items: center;justify-content: center;margin: 2px;padding: 4px 12px;}
.contactBand .socialUl a span span { margin-left: 4px; margin-left: 4px; }


/*CAJON CONTACTO*/
.duda1 { background: #999; color: #fff; }
.duda1 .dudaCont { }
.duda1 .dudaCont .dudaContText { margin: 0 0 8px; }
.duda1 .dudaCont .dudaContText .DCTTitle { font-size: 28px; line-height: 120%; }
.duda1 .dudaCont .dudaContButtons { }
.duda1 .dudaCont .dudaContButtons a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #999; background-color: white; border-radius: 40px; padding: 8px 16px; font-size: 16px; line-height: 100%; margin: 4px; }
.duda1 .dudaCont .dudaContButtons a i { margin-right: 4px; transform: scaleX(-1) }



/*BANNERS POR DEFECTO*/
.dvBanner {display: flex;align-items: center;justify-content: center;color: #333;padding: 20px;background: rgb(245,245,245);background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(238,238,238,1) 100%);background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%);background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );font-size: 22px;line-height: 28px;}
.dvBanner:not(:last-child) { margin: 0 0 12px; }
.dvBanner:before, .dvBanner:after { font-weight: 900; font-family: "Font Awesome 5 Pro"; font-size: 52px; display: block; flex-shrink: 0; line-height: 100%; text-align: center; width: 68px; text-align: center; }
.dvBanner:before { margin-right: 20px; }
.dvBanner:after {margin-left: 12px;}
.dvBanner .dvBannerCont {width: 100%;display: flex;flex-direction: column;text-align: left;font-weight: 700;}
.dvBanner .dvBannerCont a:not(.dvBannerContLink4) { font-size: 14px; color: inherit; line-height: 120%; display: block; margin-top: 8px; }
.dvBanner .dvBannerCont .dvBannerContLink4 { color: inherit;}
.dvBanner .dvBannerCont .dvBannerContText4 { text-transform: lowercase;}

/*BANNERS PERSONALIZADOS*/
.secureBox { color: #39b549;}
.secureBox:after { content: "\f2f7";}
.secureBox .dvBannerCont { }
.secureBox .dvBannerCont p:first-child {font-size: 26px;}
.secureBox .dvBannerCont p span { display: inline-block; }
.secureBox .dvBannerCont p span:not(:first-child) { margin-left: 4px;}
.secureBox .dvBannerCont a { }


.dvBannerContLink4 {  }
.envioBox {}
.envioBox:after { content: "\f48b"; font-family: "Font Awesome 5 Pro";}
.envioBox .dvBannerCont { }
.envioBox .dvBannerCont a { }

.dvBanner.envioMini { padding: 12px; justify-content: center; background: #37474f; color: #ffffff; margin: 0 !important; }
.dvBanner.envioMini:before {content: "\f48b";font-family: "Font Awesome 5 Pro";font-size: 20px;width: auto;margin-right: 12px;}
.dvBanner.envioMini .dvBannerCont {width: auto;flex-flow: row wrap;text-transform: uppercase;font-size: 16px;letter-spacing: 2px;line-height: 16px;align-items: center;justify-content: center; text-align: center; }
.dvBanner.envioMini .dvBannerCont a:not(.dvBannerContLink4) {font-size: 12px;line-height: 12px;display: inline-block;margin: 4px;/* opacity: 0.5; */text-transform: lowercase;letter-spacing: 0;}
.dvBanner.envioMini .dvBannerCont .dvBannerContText4 { text-transform: uppercase; }

.dvBanner.fbBox { background: #3B5998; color: #fff; font-size: 26px; }
.dvBanner.fbBox:after { content: "\f39e"; font-family: "Font Awesome 5 Brands"; }
.dvBanner.fbBox .dvBannerCont .dvBannerCont { }
.dvBanner.fbBox .dvBannerCont a {text-decoration: none;color: inherit;font-size: 22px;margin: 0;}
.dvBanner.fbBox .dvBannerCont a span:last-of-type { display: inline-block; }
.dvBanner.fbBox iframe {height: 20px;margin-top: 12px;max-width: 100%;}

.dvBanner.twBox { background: #1da1f2; color: #fff; font-size: 26px; }
.dvBanner.twBox:after { content: "\f099"; font-weight: 900; font-family: "Font Awesome 5 Brands";}
.dvBanner.twBox .dvBannerCont { }
.dvBanner.twBox .dvBannerCont a {text-decoration: none;color: inherit;font-size: 22px;margin: 0;}
.dvBanner.twBox .dvBannerCont a span:last-of-type { display: inline-block; }

.dvBanner.instaBox { background: #D10869; color: #fff; font-size: 26px; }
.dvBanner.instaBox:after { content: "\f16d"; font-weight: 900; font-family: "Font Awesome 5 Brands";}
.dvBanner.instaBox .dvBannerCont { }
.dvBanner.instaBox .dvBannerCont a { text-decoration: none; color: inherit; font-size: inherit; margin: 0; }
.dvBanner.instaBox .dvBannerCont a span:last-of-type { display: inline-block; }

.dvBanner.urgentBox { }
.dvBanner.urgentBox:after { content: "\f48c";}
.dvBanner.urgentBox .dvBannerCont { }
.dvBanner.urgentBox .dvBannerCont a { }
.dvBanner.urgentBox .dvBannerCont span:last-of-type { font-size: 32px; display: block; }

.dvBanner.interBox { }
.dvBanner.interBox:after { content: "\f072";}
.dvBanner.interBox .dvBannerCont .dvBannerCont { }
.dvBanner.interBox .dvBannerCont a { }
.dvBanner.interBox .dvBannerCont span:last-of-type { display: block; word-break: break-all; }

.dvBanner.privateBox { background: #333; color: #fff;}
.dvBanner.privateBox:after { content: "\f21b";}
.dvBanner.privateBox .dvBannerCont .dvBannerCont { }
.dvBanner.privateBox .dvBannerCont a { }
.dvBanner.privateBox .dvBannerCont p:first-child span:last-of-type { font-size: 32px; display: block; }

.defaultBox { padding: 12px; background-color: #eee; }

/*BOX DE FORMULARIO*/
.formBox {/* background-color: #f0f0f0; */padding: 40px 20px;background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 );}
.formBox > div{max-width: 1200px; text-align: center; margin: 0 auto; padding: 20px; box-shadow: 0 -12px 12px rgba(0,0,0,0.05); border-radius: 8px; background-color: #fff; }
.formBox > div > p { margin: 0 0 12px; }
.formBox > div #ulContatoInfo{   }
.formBox > div #ulContatoInfo .dvContatoInfoSup{ display: flex; justify-content: space-between; }
.formBox > div #ulContatoInfo .dvContactoFormLeft { }
.formBox > div #ulContatoInfo .dvContactoFormRight { margin-left: 8px;}
.formBox > div #ulContatoInfo input[type="text"],
.formBox > div #ulContatoInfo input[type="tel"],
.formBox > div #ulContatoInfo input[type="email"],
.formBox > div #ulContatoInfo textarea { padding: 12px; }
.formBox > div #ulContatoInfo .dvContatoInfoSub { }
.formBox > div #ulContatoInfo .dvContatoInfoSub { display: flex; flex-flow: row wrap; justify-content: center;  }
.formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: calc(50% - 6px); }

/*MIGAS DE PAN*/
.breadcrumb {margin: 0 0 20px;font-size: 90%;opacity: 0.9;}
.breadcrumb ol{padding: 0 !important; display: flex; flex-flow: row wrap; }
.breadcrumb ol li{list-style: none;display: inline-flex;align-items: center;margin-right: 8px; max-width: 100%;}
.breadcrumb ol li:not(:first-child):before {content: "\f105";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-right: 8px;font-size: 10px;line-height:  10px;}
.breadcrumb ol li > span, .breadcrumb ol li > a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.breadcrumb ol li a { color: inherit; text-decoration: none; }
.breadcrumb ol li a:hover { text-decoration: underline; }


/***FOOTER***/
footer { background: #333; color: white; }
footer a { color: #fff; text-decoration: none; display:inline-block; }

footer .footerInfo {padding: 20px;}
footer .footerInfo .footerInfoCont { display: flex; justify-content: space-between; flex-flow: row wrap; max-width: 1200px; margin: 0 auto; }
footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 25%;order: 1; }
footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 25%; order: 3;}
footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 40%; order: 5;}
footer .footerInfo .footerInfoCont .vline { width: 1px; background: rgba(255,255,255,0.1); }
footer .footerInfo .footerInfoCont:before, footer .footerInfo .footerInfoCont:after{content:""; border-left: 1px solid rgba(255,255,255,0.1);}
footer .footerInfo .footerInfoCont:before { order: 2; }
footer .footerInfo .footerInfoCont:after { order: 4;}
footer .footerInfo .footerInfoCont .FICBox ul { list-style: none; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxTitle {margin-bottom: 8px;text-transform: uppercase;font-weight:  700;font-size:  20px;line-height: 24px;}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 2; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { display: inline-flex; width: 100%; padding: 4px 0; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li a:hover { text-decoration: underline; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 5 Pro"; margin-right: 4px; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos { line-height: 0; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li { display: inline-block; margin: 0 4px 4px 0; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li img { max-width: 60px; display: block;}


/*CATALOGO*/
body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 58%;}
body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0;}
body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 38%;}
body.catalog footer .footerInfo .footerInfoCont:after{ display: none; }
body.catalog footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; }

footer .footerEnd {padding: 12px 20px 40px;background-color: rgba(0,0,0,0.3);font-size: 14px;}
footer .footerEnd .footerEndCont { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }
footer .footerEnd .footerEndCont .FECLegal {margin: 0 8px 0 0;}
footer .footerEnd .footerEndCont .FECPaxinas { font: normal 12px/120% Arial; display: flex; align-items: flex-end; margin: 12px 0 12px auto;}
footer .footerEnd .footerEndCont .FECPaxinas span { display: inline-block; vertical-align: middle; color: #fff; }
footer .footerEnd .footerEndCont .FECPaxinas img { height: 24px; display: inline-block; vertical-align: middle; margin-left: 2px }



/*CHEKBOX*/
.checkBoxCont { display: flex; align-items: center;}
.checkBoxCont:not(:last-child) { margin-bottom: 12px; }
.checkBoxCont .checkBox {margin-right:8px;flex-shrink:  0;}
.checkBox { position: relative; cursor: pointer; line-height: 22px; margin-right: 4px; overflow: hidden; flex-shrink: 0; }
.checkBox input { position: absolute; z-index: 1; opacity: 0; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; }
.checkBox .control_indicator { top: 1px; left: 0; width: 20px; height: 20px; background: white; border: 2px solid #ccc; border-radius: 4px; text-align: center; line-height: 16px; color: #666; }
.checkBox .control_indicator:after { content: ""; font-weight: 900; font-family: "Font Awesome 5 Pro"; display: block; width: 100%; text-align: center; font-size: 14px; }
.checkBox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; }
.checkBox input:checked ~ .control_indicator:after { content: "\f00c"; }
.checkText {display: flex;align-items: flex-start;}
.checkText .checkBox { flex-shrink: 0; margin-right: 4px; }

/*RADIOBUTTON*/
.radiobtn { display: inline-flex; align-items: center; }
.radiobtn input[type="radio"] {opacity: 0;position: absolute;width: 20px;height: 20px;}
.radiobtn > span { display: flex; align-items: center; }
.radiobtn > span:before {content: "";display: inline-block;height: 16px;width: 16px;background: white;border: 2px solid #ccc;border-radius: 100%;text-align: center;line-height: 16px;margin: 0px 5px 0 0;vertical-align: middle;cursor: pointer;flex-shrink: 0;}
.radiobtn input[type="radio"]:checked ~ span:before { background: #666666; background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%); background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); background: radial-gradient(ellipse at center, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff',GradientType=1 ); }

/*CONTENEDOR GENÉRICO*/
.generic {padding: 20px 20px 40px;}
.generic .genericCont{ max-width: 1200px; margin: 0 auto; }
.genericDesc { align-self: center;}
.genericDesc:not(:last-child) { margin: 0 0 20px;}
.genericDesc .genericDescCont:not(:last-child) { margin: 0 0 20px;}
.genericDesc ul, .genericDesc ol { padding-left: 18px; }
.genericDesc ul:not(:last-child), .genericDesc ol:not(:last-child), .genericDesc p:not(:last-child) { margin: 0 0 12px;}
.genericDesc > span .morelink {font-size: 14px;/* background: rgba(0,0,0,0.05); *//* padding: 4px 8px; */border-radius: 4px;margin-top: 8px;display:  inline-block;}

.generic .genericCont p:not(:last-child){ margin: 0 0 20px;}
.generic .genericCont ul, .generic .genericCont ol {padding-left: 18px;list-style:disc;}
.generic .genericCont ul:not(:last-child), .generic .genericCont ol:not(:last-child) { margin: 0 0 20px; }
.generic .genericCont > ul > li, .generic .genericCont > ol li, .generic .genericCont > div > *:not(.breadcrumb) ol li {margin: 0 0 4px !important;}

/***LISTADO MARCAS***/
.Marcas .genericCont .listadoMarcas { overflow: hidden; }
.Marcas .genericCont .listadoMarcas ul{display: flex;flex-flow: row wrap;margin-left: -8px;width:  calc(100% + 16px);padding:  0;}
.Marcas .genericCont .listadoMarcas ul li{ width: calc(16.6666% - 16px); margin: 0 0 20px; list-style: none; text-align: center; margin: 8px;  padding: 8px; background: #f5f5f5;}
.Marcas .genericCont .listadoMarcas ul li a{ color: inherit; text-decoration: none; }
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg { display: flex;position: relative; padding-bottom: 100%; margin: 0 0 8px; background: #fff;}
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg img { display: block; max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }


/****SLIDE CUPONES****/
.slideCupones {text-align: center;background-color: rgba(0,0,0,0.05);font-size: 16px;border: 4px dashed rgba(0,0,0,0.1);line-height: 20px;padding: 16px;}
.slideCupones .slideCuponesCont {max-width: 1200px;margin: 0 auto;width:  100%;/* display: flex; */}
.slideCupones .slideCuponesCont .switem {padding: 12px 0;}
.slideCupones .slideCuponesCont .slideCuponesInfo {flex-shrink: 0;display: flex;align-items: center;align-content: center;/* padding: 4px 32px; background-color: rgba(0,0,0,0.1); */}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {display: block;margin: 0 0 12px;width:  100%;font-size:  24px;}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {content: "\f061";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-left: 12px;display: none;}
.slideCupones .slideCuponesCont .slideCuponesInfo .desc { display: none; }
.slideCupones .slideCuponesCont .sliderCuponesRes {display: flex;justify-content: center;align-items: center;/* padding: 12px 8px; */background-color: #fff;border-radius: 4px;}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {display: flex;align-items: inherit;}
.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {margin: 0 20px;padding: 8px;border-radius: 4px;}
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre { display: block; font-weight: bold; }
.slideCupones .swiper-button-next, .slideCupones .swiper-button-prev {font-size: 16px;}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {bottom: -6px;}
.slideCupones .slideCuponesCont .btnInfo {margin: 8px auto 0;font-size:  14px;}


.slideCupones3 {text-align: center;line-height: 20px;padding: 16px; }
.slideCupones3:not(:last-child) { margin: 0; }
.slideCupones3 .slideCuponesCont {max-width: 1200px;margin: 0 auto;width:  100%;font-size: 16px; padding: 16px;/* display: flex; */}
.slideCupones3 .slideCuponesCont .switem {}
.slideCupones3 .slideCuponesCont .slideCuponesInfo {flex-shrink: 0;display: flex;align-items: center;align-content: center;/* padding: 4px 32px; *//* background-color: rgba(0,0,0,0.1); */ flex-direction: column;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2 {display: block;/* margin: 0 0 12px; */width:  100%;/* font-size:  24px; */}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:last-child{ margin: 0;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:after {content: "\f061";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-left: 12px;display: none;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .desc { }
.slideCupones3 .slideCuponesCont .sliderCuponesRes {display: flex;justify-content: center;align-items: center; border-radius: 4px; padding: 20px 0; }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem {}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-wrapper {display: flex;align-items: inherit; margin: 0 20px; }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo {margin: 0px 16px;border-radius: 4px;background: #fff;flex: 1;display: flex;overflow: hidden;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before{font-weight: 900;font-family: "Font Awesome 5 Pro";content:"\f295";background: #333;color: #fff;width: 60px;flex-shrink:1;display: flex;justify-content: center;align-items: center;display: none;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {width: 100%;text-align: center;/* padding:  8px; */display: flex;flex-direction: row;min-height: 120px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {width: 100%;min-height: 90px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img {overflow: hidden;width: 120px;display: flex;/* align-items: center; *//* display: none; */flex-shrink: 0;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a{display: flex;/* align-items: center; */justify-content: center;width: 100%;position: relative;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a img{display: block;width: 100%;height: 100%;object-fit: cover;flex: 1;position: absolute;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre {display: flex;font-weight: bold;align-items: center;/* padding: 8px; */width: 100%;justify-content: center;margin: 0 0 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre a {font-size: 18px;line-height: 22px;color: inherit;text-decoration: none;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .desc .codigo {background: rgba(0,0,0,0.05);padding: 4px 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc){ max-height: 60px; overflow: hidden; position: relative; min-height: 40px}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc):before { content: ""; width: 100%; height: 16px; position: absolute; bottom: 0; left: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.slideCupones3 .swiper-button-next, .slideCupones3 .swiper-button-prev {font-size: 16px;}
.slideCupones3 .swiper-button-next { right: 0;  }
.slideCupones3 .swiper-button-prev { left: 0; }
.slideCupones3 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: none; -webkit-transform: none; }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-pagination { position: static; margin-top: 12px;}
.slideCupones3 .slideCuponesCont .btnInfo {margin: 8px auto 0;font-size:  14px; display: none; }



.dvBanner.slideCupones {}
.dvBanner.slideCupones .slideCuponesCont {}
.dvBanner.slideCupones .slideCuponesCont .switem {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:last-child{ }
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .desc { }
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes {
    padding: 0px 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .switem {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {
    margin: 0;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo:before{}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {
    padding: 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a{}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a img{
    display: block;
    margin: 0 auto 12px;
    max-height: 200px;
    max-width: 100%;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .desc .codigo {}
.dvBanner.slideCupones .swiper-button-next, .slideCupones3 .swiper-button-prev {}
.dvBanner.slideCupones .swiper-button-next {right: 0;}
.dvBanner.slideCupones .swiper-button-prev {left: 0;}
.dvBanner.slideCupones .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { }
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {bottom: 0;}
.dvBanner.slideCupones .slideCuponesCont .btnInfo { }


/****FORMAS DE PAGO****/
.generic .genericCont .dvFormasPago { margin-bottom:20px; }
.generic .genericCont .dvFormasPago > ul { list-style: none; padding: 0; }
.generic .genericCont .dvFormasPago > ul > li { margin: 0 0 20px }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem {margin: 0 0 8px;padding-top: 20px;border-top: 2px dashed rgba(0,0,0,0.2);}
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre { margin: 0 0 4px;}
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre > span > b {  }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards { list-style: none; padding: 0; }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li { display: inline-block; margin: 2px 4px 2px 0; }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li img{width:70px;}
#dvAvisoPedMin { display: flex; font-weight: bold; background: rgba(0,0,0,0.05); border-radius: 4px; padding: 8px 16px}
#dvAvisoPedMin p:last-child{margin:0;}
#dvAvisoPedMin:before { content: "\f05a"; font-weight: 400; font-family: "Font Awesome 5 Pro"; margin-right: 8px; }


/****GASTOS DE ENVÍO****/
.generic .genericCont .dvGastosEnvio { }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div { margin: 0 0 20px; padding-top: 20px; border-top: 2px dashed rgba(0,0,0,0.2); }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div > p { margin: 0 0 8px;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div img { display: block; max-width: 100%; margin: 0 0 8px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvGastosEnvioItemNombre b { font-size: 120% }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioPrecios { padding: 12px 16px; border-radius: 12px; background: -moz-linear-gradient(top, rgba(240,240,240,0.6) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 ); }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioEnv .pEnviosA { margin: 0 0 8px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div { padding: 8px 0; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > ul { padding: 8px 0 8px 16px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .spnProv { font-weight: bold; margin-bottom: 4px; display: block; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .comboProvincias { padding-left: 12px; margin: 0 0 8px;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div > ul { margin-left: 18px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a{ display: inline-flex;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a:after { content: "\f35d"; font-weight: 900; font-family: "Font Awesome 5 Pro"; margin-left: 4px; font-size: 10px; text-decoration: none;}
.fichaCupones { margin: 20px 0 0; }


/****NEWSLETTER****/
.Newsletter .pTitulo {font-size: 32px;line-height: 34px;opacity:  0.6;}
.Newsletter .pDesc {}
.Newsletter .pDesc > span { display: block; }
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: flex; padding: 20px; border: 4px dashed rgba(0,0,0,0.1); margin: 0 auto 0 0; }
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div {  width: 50%; }
.Newsletter #dlNewsletterRegister {padding: 0 8px;margin-left: 20px;}
.Newsletter #dlNewsletterRegister > div > div { margin: 0 0 8px; }
.Newsletter #dlNewsletterRegister > div > div label { display: none; margin: 0 0 4px; }
.Newsletter #dlNewsletterRegister input[type="text"],
.Newsletter #dlNewsletterRegister input[type="email"] {display: block;width: 100%;padding: 8px;border: 0;background: rgba(0,0,0,0.05);border-radius: 4px;}
.Newsletter #dlNewsletterRegister div.dlNewsTac { margin: 0 0 12px; }
.Newsletter #dlNewsletterRegister div.dlNewsTac > div {display: flex;align-items: center;justify-content: center;}
.Newsletter #dlNewsletterRegister div.dlNewsTac div .checkBox { flex-shrink: 0; margin-right: 4px; }
.Newsletter #dlNewsletterRegister div.dlNewsTac .txtTacError {color: #ff1100;display: block;text-align:  center;}
.Newsletter #dlNewsletterRegister .newsletterEnvio {/* display: flex; */}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha {width: 160px;flex-shrink: 0;margin: 0 4px 0 0;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha .dvOper { display: flex; align-items: center;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha p { margin: 0;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha span { display: none; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child { width: 100%; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child input[type="submit"] {background: #333;color: #fff;border: 0;padding: 8px 8px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: bold;justify-content: center;width: 100%;border-radius: 4px;}
.Newsletter #dlNewsletterRegister .newsletterEnvio > div .ddCamposOblig { display: none; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div .pLegal{font-size:80%;line-height:140%;margin:12px 0 0;}
.dvBtnVolver { margin: 12px 0; }
.dvBtnVolver a{ display: inline-flex; align-items: center; text-decoration: none; background: rgba(0,0,0,0.05); color: #333; padding: 8px 16px; border-radius: 4px; }
.dvBtnVolver a:before {content: "\f104";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-right: 8px;font-size: 10px;}


/****PROMOCIONES****/
.generic .dvPromo { background: rgba(0,0,0,0.05); border-left: 8px solid rgba(0,0,0,0.1); display: flex; }
.generic .dvPromo.flash { border-left: 8px solid #f8c931 }
.generic .dvPromo:not(:last-child) { margin: 0 0 20px; }
.generic .dvPromo .img{width: 200px;flex-shrink: 0;display: flex;/* align-items: center; */justify-content: center;}
.generic .dvPromo .img a{display: flex;width: 100%;flex: 1;align-items: flex-start;justify-content: center;/* background: rgba(0,0,0,0.05); */padding: 12px 0 12px 12px;}
.generic .dvPromo .img a img{width: 100%;border-radius: 4px;display: block;}
.generic .dvPromo .left {padding: 12px;width:  100%;font-size: 14px;line-height: 20px;display: flex;flex-direction: column;justify-content: center;}
.generic .dvPromo .left .dvPromoNombre { margin: 0 0 8px; }
.generic .dvPromo .left a { font-size: 20px; line-height: 24px; }
.generic .dvPromo .right {width: 320px;flex-shrink: 0;background: rgba(0,0,0,0.05);padding: 20px;display:  flex;flex-direction:  column;justify-content: center;}
.generic .dvPromo .right p:not(:last-child) { margin: 0 0 8px;}
.generic .dvPromo .right .code { }
.generic .dvPromo .right .code .sin, .generic .dvPromo .right .code span:first-child {background: white;display:  block;text-align:  center;padding: 8px;border: 2px dashed rgba(0,0,0,0.2);font-size:  20px;line-height:  20px; margin: 0 0 8px;}
.generic .dvPromo .right .code span:last-child:not(:first-child) {display: block;font-size: 14px;line-height: 16px;}
.generic .dvPromo .right p.copy, .generic .dvPromo .right p.nocopy{ font-weight: bold; }
.generic .dvPromo .right p.of { display: block; text-align: center; background: #333; color: #fff; padding: 8px; border-radius: 4px; font-weight: bold; }
.generic .dvPromo .right .campExpressDesc { text-align: center; }
.generic .dvPromo .right .campExpressDesc .campExpressDescCont > div { display: block;}


/*PROMO FLASH*/
.generic .dvPromo.flash { }
.generic .dvPromo.flash .right > p{ font-weight: bold; }
.generic .dvPromo.flash .right > p > span { display: flex; text-align: center; background: #333; color: #fff; padding: 8px 12px; border-radius: 4px; font-weight: bold; overflow: hidden; margin-top: 8px; justify-content: center;}
.generic .dvPromo.flash .right > p > span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 5 Pro"; display: inline-block; margin-right: 8px; color: #fff; font-size: 120%; flex-shrink: 0; transform: scale(2.4) rotate(-20deg); opacity: .6; margin-right: 24px; }

/****CHEQUES****/
.Cheque .pTitulo { font-size: 32px; line-height: 34px; opacity: 0.6; }
.Cheque .pDesc { }
.Cheque .pDesc > span { display: block; }
.Cheque input[type="text"] {display: block;width: 100%;padding: 8px;border: 0;background: rgba(0,0,0,0.05);border-radius: 4px;}
#dvValidarChequeRegalo {border: 4px dashed rgba(0,0,0,0.1);display:  flex;padding: 20px;}
#dvValidarChequeRegalo > div{width:  100%;}
#dvValidarChequeRegalo > form {width:  100%;max-width: 500px;margin-left:  20px;}
.Cheque .validarCheque { }
.Cheque .validarCheque > * { margin:0 0 8px }
.Cheque .validarCheque .dvOper { display: flex; }
.Cheque .validarCheque .dvOper input{ width: 100%}
.Cheque .validarCheque .dvOper img { flex-shrink: 0; }
.Cheque input[type="submit"] {background: #333;color: #fff;border: 0;padding: 8px 20px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: bold;justify-content: center;width: 100%;border-radius: 4px;}


/****CONTACTO****/
#dvContactoCont { display: flex; }

#dvContactoInfo {width: 100%;}
#dvContactoInfo > p { margin: 0 0 8px;}
#dvContactoInfo .ContactoInfo { }
#dvContactoInfo .ContactoMapa{margin-top: 12px; position: relative; min-height: 200px; }
#dvContactoInfo .ContactoMapa iframe{display: block;width: 100%;height: 380px;}
.dvContactoForm, #dvContactoPeticionFeita {padding: 0 0 0 20px;border-left: 4px dashed rgba(0,0,0,0.1);max-width: 400px;flex-shrink:  0;margin-left: 20px;display: flex;flex-direction:  column;justify-content:  center;}
.dvContactoForm .spnContactoTitulo { display: block; margin: 0 0 8px;}
.dvContactoForm .spnContactoTitulo a { color: inherit; }
#dvContactoResult { background: rgba(0,0,0,0.05); padding: 12px; border-radius: 8px; margin: 8px 0; border: 1px solid rgba(0,0,0,0.1)}
#dvContactoResult b { text-transform: uppercase; font-size: 120%; line-height: 140%; margin: 0 0 8px; display: inline-block;}

#ulContatoInfo { }
#ulContatoInfo .spnContactoTit { display: none; }
#ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { margin: 0 0 12px; }
#ulContatoInfo input[type="text"], #ulContatoInfo input[type="tel"], #ulContatoInfo input[type="email"], #ulContatoInfo textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; }
#ulContatoInfo textarea { resize: vertical; }
.dvContatoInfoSup {display: block;}
.dvContatoInfoSup .dvContactoFormLeft {width: 100%;margin-right: 4px;}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { width: 100%; }
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { width: 100%; }
.dvContatoInfoSup .dvContactoFormRight {width: 100%;display:  flex;}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { width: 100%; display: flex; flex-direction: column; }
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo{flex: 1;display:  flex;}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label { display:  flex; }
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label,
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea{width: 100%;/* height: 100%; */}

.dvContatoInfoSub { }
.dvContatoInfoSub .ulContatoInfoSubItem { display: flex; justify-content: space-between; }
.dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child{width: 100%;max-width: 400px;}
.dvContatoInfoSub .tac {display: block;margin: 0 0 12px;}
.dvContatoInfoSub .tac .dvContactoInfo {display: flex;align-items:  center;justify-content: center;line-height: 100%;}
.dvContatoInfoSub .tac .txtTacError { display: none; }
.dvContatoInfoSub .dvCaptcha { width: 160px; flex-shrink: 0; margin: 0 4px 0 0; }
.dvContatoInfoSub .dvCaptcha .dvOper { display: flex; align-items: center; }
.dvContatoInfoSub .dvCaptcha p { margin: 0; }
.dvContatoInfoSub .dvCaptcha .captchaDesc { display: none;}
.dvContatoInfoSub input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; justify-content: center; width: 100%; border-radius: 4px; }
.dvContatoInfoSub .pLegal{font-size:80%;line-height:140%;margin: 4px 0 8px;width:100%; opacity: .7}

/****USUARIOS****/
/*ALTA USUARIOS*/
.usuarios{}
.usuarios #datosFactCiudad,
.usuarios #datosEnvio_ciudad { display: none; }
.usuarios .pDatosGenerales { padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: bold;}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr { margin: 0 0 12px;}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr .radiobtn:nth-of-type(2) { margin-left: 12px; }
.usuarios .dvDatosGenerales .altaCampoTitle {margin: 0 0 4px;}
.usuarios .dvDatosGenerales .altaCampoTitle .spnInfo {opacity: 0.8;font-size: 12px;margin-left: 4px;line-height:  12px;display:  inline-block;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm {display: flex;justify-content: space-between;border-radius: 8px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm > div { display: inline-block;padding: 8px 0;width:  100%;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm > div input[type=text],
.usuarios .dvDatosGenerales > div input[type=email],
.usuarios .dvDatosGenerales > div input[type=password],
.usuarios .dvDatosGenerales > div select,
.usuarios .dvDatosGenerales > div textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; margin: 0 0 8px; }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft {margin-right: 20px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight {border-left: 2px solid rgba(0,0,0,0.05);padding-left: 20px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombre { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreEmpresa { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreParticular { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect { display: flex; justify-content: space-between; }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span {width: 24%;display: block;flex-shrink: 0;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 49% }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha select { padding: 8px; border: 0; border-radius: 4px; background: rgba(0,0,0,0.05); width: 100%;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaEmail { }
.usuarios .dvDatosGenerales .required { margin: 0 0 12px; text-align: right; font-size: 14px; }
/*EDITAR USUARIOS*/
.usuarios .modNewsTac { margin: 20px 0; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; }
.usuarios .modNewsTac .checkText { margin: 0 0 8px; display: flex; }

.usuarios .dvRegister {  margin-top: 12px; display: flex; justify-content: space-between;}
.usuarios .dvRegister input[type="button"] {background: #333;color: #fff;border: 0;padding: 8px 8px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: bold;justify-content: center;width: 100%;max-width: 200px;margin-left: 12px;border-radius: 4px;}

.usuarios .altaNewsTac {margin: 12px 0;overflow: hidden;display: flex;flex-direction: column;/* align-items: flex-end; */background-color: rgba(0,0,0,0.05);padding: 12px;margin-left:  calc(50% + 28px);border-radius: 4px;}
.usuarios .altaNewsTac .altaNewsTacCont { }
.usuarios .altaNewsTac .checkText { display: flex; }
.usuarios .altaNewsTac .checkText:not(:last-child) { margin: 0 0 8px; display: flex; }
.envioIgual { margin-bottom: 20px}

/*INICIO USUARIOS*/
.usuarios .dvUserMod { padding: 12px; margin: 0 0 12px; background-color: rgba(0,0,0,0.05); border-radius: 4px; }
.usuarios .dvUserMod:last-child {  margin-bottom: 20px; }
.usuarios .dvUserMod p.pDatos, .usuarios .dvUserMod p.pPedidos { display: flex; align-items: center; margin: 0 0 8px; }
.usuarios .dvUserMod p.pDatos:before, .usuarios .dvUserMod p.pPedidos:before { content: "\f105"; font-weight: 600; font-family: "Font Awesome 5 Pro"; margin-right: 8px; font-size: 12px; color: #666; }
.usuarios .dvUserMod .pDatos a, .usuarios .dvUserMod .pPedidos a { font-size: 18px }

/*RECUPERAR CONTRASEÑA*/
#dvPassRec form {max-width: 540px;padding: 12px;background-color:  rgba(0,0,0,0.02);border-radius: 4px;}
#dvPassRec .dvDesc { margin: 0 0 12px;}
#dvPassRec input[type="email"] { border: 0; background: #eee; border-radius: 4px; margin: 0 0 8px; padding: 8px 8px; width: 100%; }
#dvPassRec input[type="submit"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: bold; justify-content: center; width: 100%; max-width: 320px; margin-top: 20px; border-radius: 4px; margin-bottom: 4px; }
#dvPassRec .dlUserMail{ font-weight: bold; margin: 0 0 4px; }
/*LISTA PEDIDOS*/
#dvPedidosListUserCont { }
#dvPedidosListUserCont .dvNoResults { margin: 8px 0 0; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; border-radius: 4px; display: flex; align-items: flex-start; text-align: left; justify-content: center;}
#dvPedidosListUserCont .dvNoResults:before { content: "\f05a"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#dvPedidosListUserCont table{ width: 100%; text-align: center; margin: 0 0 40px;}
#dvPedidosListUserCont table th{padding: 8px;background: rgba(0,0,0,0.1);}
#dvPedidosListUserCont table tr:nth-child(2n+1) { background: rgba(0,0,0,0.05) }
#dvPedidosListUserCont table tr td {padding: 8px;}
#dvPedidosListUserCont table tr td:first-child {width: 100px;min-width: 100px;}
#dvPedidosListUserCont table tr td:last-child { width: 120px; min-width: 120px;}
#dvPedidosListUserCont table tr td:last-child a { text-decoration: none; display: flex; align-items: center;}
#dvPedidosListUserCont table tr td:last-child a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 5 Pro"; margin-left: 8px; font-size: 12px; }
/*DETALLES PEDIDO*/
.generic .genericCont #dvDetDetPed { margin: 0 0 12px; }
.generic .genericCont #dvDetResumen, .generic .genericCont #dvDetFactEnv, .generic .genericCont #dvDetProdObs { padding: 20px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; }
.generic .genericCont #dvDetResumen p span:last-child{ font-weight: bold; }
.generic .genericCont p.pDetFactEnvEnc, .generic .genericCont p.pDetProdObsEnc, .generic .genericCont p.pDetProdPedEnc { margin: 0 0 12px; font-weight: bold; }
.generic .genericCont #dvDetFactEnv { display: flex; }
.generic .genericCont #dvDetFactEnv > * { width: 50%; padding: 8px; }
.generic .genericCont #dvDetProdPed { padding: 12px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; }
.generic .genericCont #dvDetProdPed table { width: 100%; text-align: center; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp {border-top: 2px dashed rgba(0,0,0,0.1);margin-bottom:  8px;}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp td, #dvDetProdPed table.tblDetProdPedProdsCantImp th { padding: 8px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp th:first-child, #dvDetProdPed table.tblDetProdPedProdsCantImp td:first-child { text-align: left; }
.generic .genericCont #dvDetProdPed table td:last-child { width: 120px; max-width: 120px; min-width: 120px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td { padding: 4px 8px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td:first-child { text-align: right; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales tr:last-child { font-weight: bold; }
.generic .genericCont #dvDetPedUserBtns { text-align: center;}
.generic .genericCont #dvDetPedUserBtns p{ display: inline-block; margin: 4px 2px;}
.generic .genericCont #dvDetPedUserBtns a { display: inline-block; padding: 8px 23px; background: rgba(0,0,0,0.8); color: #fff; text-decoration: none; border-radius: 4px; }
.generic .genericCont #dvDetPedUserBtns a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 5 Pro"; margin-left: 8px; font-size: 12px; }
.generic .genericCont #dvDetPedUserReped { text-align: center;}
.generic .genericCont #dvDetPedUserReped p{ display: inline-block; margin: 4px 2px;}
.generic .genericCont #dvDetPedUserReped a { display: inline-block; padding: 8px 23px; border: 1px solid rgba(0,0,0,0.8); color: rgba(0,0,0,0.8); text-decoration: none; border-radius: 4px; }
.generic .genericCont #dvDetPedUserReped a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 5 Pro"; margin-left: 8px; font-size: 12px; }
.btnPromo a { display: block; background: #333; color: #fff; text-decoration: none; border-radius: 4px; padding: 6px 12px; }
/*BORRAR USUARIO*/
.generic .genericCont #dvDelUserCont .dvDelUserForm > div { max-width: 460px; }
.generic .genericCont #dvDelUserCont .dvDelUserForm .pDelUserFormBtn { max-width: 460px; }
.generic .genericCont #dvDelUserCont .pDelUserFormCampOblig { text-align: right; font-size: 12px; color: #999; display: block; }

/*VER CARRITO*/
.loggedCart { animation: blink 3s; -webkit-animation: blink 3s; }
.loggedCart > p{ background-color:#c3e6cb; color: #155724; padding: 4px; border: 1px solid #c3e6cb; border-radius: 4px; display: flex; margin-bottom: 12px; justify-content: center; align-items: center;line-height: 120%; }
.loggedCart > p:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#dvCestaCont { margin: 0 0 20px; }
.dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {padding-bottom: 4px;border-bottom: 1px solid rgba(0,0,0,0.1);font-weight: bold;margin: 0 0 12px;}
#tblVerCesto {width: 100%;text-align: left;margin: 0 0 8px;/* border: 1px solid rgba(0,0,0,0.05); */border-radius: 8px;overflow:  hidden;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
#tblVerCesto > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px }
#tblVerCesto > tbody > tr:first-of-type th {padding: 8px 12px;text-transform:  uppercase;background: rgba(0,0,0,0.05);}
#tblVerCesto #trLineaTotal td { border: 0; }
#tblVerCesto > tbody > tr > td {border-bottom: 1px solid rgba(0,0,0,0.05);padding: 8px; position: relative;}
#tblVerCesto > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; }
#tblVerCesto > tbody > tr > td:first-child a:first-child {display: flex;align-items: center;}
#tblVerCesto > tbody > tr > td:first-child a img {width: 80px;margin-right: 12px;}
#tblVerCesto .trProductoCesta .tdNombreProducto a{ color: #666; text-decoration: none; font-weight: bold; }
    #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd { opacity: .8; font-size: 80%; line-height: 120%; margin: 4px 0; padding: 12px; border-radius: 4px; background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 1%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); }
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd p{ font-style: italic; }
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd:before { content: "\f27a"; font-weight: 600; font-family: "Font Awesome 5 Pro"; display: inline-block; margin-right: 8px; }
.tdNombreProducto > div { display: flex; align-items: center; }
#tblVerCesto .trProductoCesta
#tblVerCesto .trProductoCesta .tdEliminaProducto {width: 32px;text-align: right; position: relative;}
#tblVerCesto .trProductoCesta .tdEliminaProducto:before {content: "\f057";font-weight: 600;font-family: "Font Awesome 5 Pro";font-size: 12px;color: #dd2c00;}
#tblVerCesto .trProductoCesta .tdEliminaProducto a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto {width: 180px;text-align: right;}
#tblVerCesto .tdImporteTotalProducto > span:last-child {font-size: 12px;line-height: 16px;opacity: 0.8;display:  block;}
#tblVerCesto #thCantidadProducto,
#tblVerCesto .tdCantidadProducto { width: 120px; text-align: center; }
#tblVerCesto .tdCantidadProducto > div {display: block;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;max-width: 100px;}
#tblVerCesto .tdCantidadProducto > div > table {width: 100%;}
#tblVerCesto .tdCantidadProducto td {/* border-right: 1px solid rgba(0,0,0,0.25); */padding: 4px;}
#tblVerCesto .tdCantidadProducto td:last-child { border: 0;}
#tblVerCesto .tdCantidadProducto a {text-decoration: none;color: inherit;display: flex;/* width: 20px; */justify-content: center;line-height: 20px;padding:  0 4px;}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after,
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after {font-weight: 900;font-family: "Font Awesome 5 Pro";font-size: 10px;display:  block;}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after { content: "\f067"; }
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after { content: "\f068"; }
#tblVerCesto .tdCantidadProducto .tdCantidadTotal {padding: 0px;background-color:  rgba(0,0,0,0.05);}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal input {height: 28px;width: 36px;text-align: center;border:0;font-size:  14px;background:  transparent;}
#tblVerCesto .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: bold; }
#tblVerCesto .trTotal{background-color: rgba(0,0,0,0.02);}
#tblVerCesto .trTotal .spnTotalCarrito { font-weight: bold; }
#dvCestaCont .pIncremPed .spnIncremPed {font-size: 12px;line-height: 16px;opacity: 0.6;text-align: right;display:  block;}
#tblVerCesto .trTotal #liPagaMasTardeSim{ display: flex; justify-content: flex-end; }
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; }

#tblVerCesto .trTotal #liPagaMasTardeSim{ margin-top: 12px; display: flex;  justify-content: center; padding: 2px; border-radius: 8px; max-width: 440pX; }
#tblVerCesto .trTotal #liPagaMasTardeSim:empty { display: none; }
/*#tblVerCesto .trTotal #liPagaMasTardeSim:not(:empty):before { content: url('../images/formaspago/pmt.svg'); display: flex; align-items: center; height: 40px; width: 96px; justify-content: center; font-family: "Font Awesome 5 Pro"; font-size: 40px; line-height: 40px; border-radius: 4px; margin-right: 2px; color: #fff; font-weight: 900;}*/
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator { max-width: 360px; width: 100%; border-radius: 8px; overflow: hidden; }
#tblVerCesto .trTotal #liPagaMasTardeSim
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; }

/*Portes no incluidos*/
span.portesNoIncluidos { display: flex; font-size: 90%; line-height: 110%; text-decoration: none; font-style: normal; opacity: .9; font-weight: normal; margin: 8px 0 4px; }
span.portesNoIncluidos:before { content: "\f05a"; font-weight: 600; font-family: "Font Awesome 5 Pro"; margin-right: 4px; flex-shrink: 0; }

#tblResumenProds {width: 100%;text-align: left;margin: 0 0 8px;/* border: 1px solid rgba(0,0,0,0.05); */border-radius: 8px;overflow:  hidden;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
#tblResumenProds > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px }
#tblResumenProds > tbody > tr:first-of-type th {padding: 8px 12px;text-transform:  uppercase;background: rgba(0,0,0,0.05);}
#tblResumenProds #trLineaTotal td { border: 0; }
#tblResumenProds > tbody > tr > td {padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.05);}
#tblResumenProds > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; }
#tblResumenProds > tbody > tr > td:first-child a:first-child {display: flex;align-items: center;}
#tblResumenProds > tbody > tr > td:first-child a img {width: 48px;margin-right: 12px;}
#tblResumenProds .trProductoCesta {}
.tdNombreProducto > div { display: flex; align-items: center; }
#tblResumenProds .trProductoCesta .tdEliminaProducto {width: 32px;text-align: right;}
#tblResumenProds .trProductoCesta .tdEliminaProducto:before {content: "\f057";font-weight: 600;font-family: "Font Awesome 5 Pro";font-size: 12px;color: #dd2c00;}
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds .thImporte { width: 240px;text-align: right;}
#tblResumenProds .tdImporte, #tblResumenProds .tdImportesSumario {width: 180px;text-align: right;}
#tblResumenProds .tdSumario p{margin: 0 0 8px;padding-bottom:  4px;}
#tblResumenProds .tdImportesSumario p{margin: 0 0 8px;padding-bottom: 4px;}
#tblResumenProds .tdImportesSumario p:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05);}
#tblResumenProds .tdImporte > span:last-child {font-size: 12px;line-height: 16px;opacity: 0.8;display:  block;}
#tblResumenProds .thCantidad,
#tblResumenProds .tdCantidad { width: 120px; text-align: center; }
#tblResumenProds .tdCantidadProducto > div {display: block;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;max-width: 140px;}
#tblResumenProds .tdCantidadProducto > div > table {width: 100%;}
#tblResumenProds .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: bold; }
#tblResumenProds .trTotal{background-color: rgba(0,0,0,0.02);}
#tblResumenProds .trTotal .spnTotalCarrito { font-weight: bold; }

#dvCestaCont .cestaEnvioGratis{ display: inline-block; }
#dvCestaCont .cestaEnvioGratis a {font-size: 90%;padding: 0px 12px;border-radius: 4px;display: inline-flex;margin: 4px 0;align-items: center;text-decoration: none;color: #333;justify-content: center;padding: 12px 20px;background: #e8f5e9;border: 1px solid #c8e6c9;font-weight: bold;line-height: 120%;}
#dvCestaCont .cestaEnvioGratis a:before{content: "\f48b";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-right: 8px;font-size: 18px;line-height: 18px;text-align: center;}
#dvCestaCont #dvImporteMin {font-weight: bold;display: inline-block;}

/*Cupones*/
#dvCuponesCarrito {background: rgba(0,0,0,0.05);border-radius: 8px;padding: 20px;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;margin-top: 20px;}
#dvCuponesCarrito > p {margin: 8px 0;padding: 0;font-weight: bold;font-size: 24px;line-height: 28px;max-width: 59%;flex-shrink: 0;}
#dvCuponesCarrito > p > span {font-size: 14px;line-height: 16px;opacity: .8;display: block;margin-top: 8px;}
#dvCuponesCarrito .aplicados, #dvCuponesCarrito .aplicar, #dvCuponesCarrito .aplicables {/* margin: 0 0 12px; *//* padding: 12px; */}
#dvCuponesCarrito .aplicados:not(:last-child), #dvCuponesCarrito .aplicar:not(:last-child), #dvCuponesCarrito .aplicables:not(:last-child) {/* border-bottom: 2px dashed rgba(0,0,0,0.1); *//* padding-bottom: 12px; */}
#dvCuponesCarrito .aplicables {order: 3;margin-top:12px;width: 100%;}
#dvCuponesCarrito .aplicar {/* background: rgba(0,0,0,0.1); */padding: 0;display:  flex;/* justify-content:  space-between; */align-items: center;flex-flow:  row wrap;/* margin-top: 8px; */width: 100%;MAX-WIDTH: 40%;}
#dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicables > p:first-child {font-weight: bold;margin: 0 0 8px;display: flex;align-items:  flex-start; line-height: 100%;}
#dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicar > p {margin: 0 8px 0 0;display: none;}
#dvCuponesCarrito .aplicar > p:first-child:before, #dvCuponesCarrito .aplicables > p:first-child:before {content: "\f105";font-weight: 900;font-family: "Font Awesome 5 Pro";font-size: 14px;margin-right: 8px;/* margin-top: 4px; */}
#dvCuponesCarrito .aplicar > p.aplicarInput {flex: 1;display: flex;margin: 0;width: 100%;justify-content: flex-end;}
#dvCuponesCarrito .aplicar > div.novalido { width: 100%; color: #dd2c00; font-weight: bold; background: rgba(255,255,255,0.8); text-align: center; padding: 4px; border-radius: 4px; margin-top: 8px;}

#dvCuponesCarrito .aplicar input[type="text"] {border: 0;background: #ffffff;border-radius: 4px 0 0 4px;padding: 8px 12px;width: 100%;margin:  0;border: 2px solid rgba(0,0,0,0.1);}
#dvCuponesCarrito .aplicar a {border: 0;padding: 4px 12px;text-decoration: none;display: inline-flex;align-items: center;text-transform: uppercase;font-weight: bold;justify-content: center;width: 100%;max-width: 120px;border-radius: 0 4px 4px 0;margin-left: 0;background: rgba(0,0,0,0.1);color: #333;}
#dvCuponesCarrito .aplicar a:before {content: "\f067";font-weight: 600;font-family: "Font Awesome 5 Pro";font-size: 14px;margin-right: 8px;}
#dvCuponesCarrito .aplicar label { display: inline-flex;  }
#dvCuponesCarrito .aplicar > p.aplicarInput > label:first-child {width: 100%;max-width: 400px;}

#dvCuponesCarrito .coupon-row {background: #fff;padding: 8px 16px;border-radius: 4px;}
#dvCuponesCarrito .coupon-row:not(:last-child) { margin: 0 0 8px; }
#dvCuponesCarrito .cupon {display: flex;justify-content: space-between;align-items: center;}
#dvCuponesCarrito .coupon-row .desc { display: none; margin-top:  8px; font-size: 14px; line-height: 18px; opacity: 0.8; padding-top: 8px; border-top: 1px dashed rgba(0,0,0,0.2)}
#dvCuponesCarrito .cupon > p { margin: 0;}
#dvCuponesCarrito .cupon .nombre {font-weight: bold;margin-right: 8px;}
#dvCuponesCarrito .cupon .codigo {padding: 2px 8px;border-left: 2px solid rgba(0,0,0,0.1);border-right: 2px solid rgba(0,0,0,0.1);margin: 2px 8px 2px 0;display: inline-block;}
#dvCuponesCarrito .cupon .info {color: #007aff;/* margin-left: 8px; */text-decoration: underline;cursor:  pointer;display: inline-block;}
#dvCuponesCarrito .cupon .aplica { flex-shrink: 0; }
#dvCuponesCarrito .cupon .aplica a {display: block;text-decoration: none;color: rgba(0,0,0,0.8);padding: 4px 8px;border-radius: 4px;margin-left: 20px;text-transform: uppercase;font-weight:  bold;font-size:  14px;background: rgba(0,0,0,0.05);}
#dvCuponesCarrito .cupon .aplica a:before {content: "\f067";font-weight: 600;font-family: "Font Awesome 5 Pro";margin-right: 8px;font-size: 12px;}

#dvCuponesCarrito .aplicados {margin: 0 0 20px;order: 1;width: 100%;margin-top: 4px !important;}
#dvCuponesCarrito .aplicados > div {background: #fff;padding: 8px 16px;border-radius: 4px;}
#dvCuponesCarrito .aplicados > div:not(:last-child) { margin: 0 0 8px; }
#dvCuponesCarrito .aplicados > div > div { display: flex; justify-content: space-between; align-items: center; }
#dvCuponesCarrito .aplicados > div > div.couponSelect {display:  block;margin: 12px 0;border-top: 1px solid rgba(0,0,0,0.1);padding-top: 8px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > p{flex-shrink:  0;margin: 0 0 4px;font-weight:  bold;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div{display:  flex;border: 0;box-shadow:  none;background-color:  transparent; }
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta{/* width:  100%; */border: 0;background-color: transparent;margin:  4px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto{display: inline-flex;margin:  4px 0;/* align-items:  center; */background-color:  rgba(0,0,0,0.05);padding: 0;border-radius: 8px;overflow:  hidden;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto .radiobtn > span:before { margin: 0; }
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > div{width:  40px;background-color: rgba(0,0,0,0.05);justify-content:  center;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a{padding: 8px;display:  inline-flex;align-items:  center;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a img{display: block;max-width: 56px;border-radius:  4px; margin-left: 8px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a.lnkExterno{}

#dvCuponesCarrito .aplicados > div > div > * {display: inline-flex;align-items:  center;flex-flow: row wrap;}
#dvCuponesCarrito .aplicados:not(:last-child) {margin: 0;}
#dvCuponesCarrito .aplicados .desc {display: none;margin-top: 8px;}
#dvCuponesCarrito .aplicados > p { margin: 0; }
#dvCuponesCarrito .aplicados .nombre {font-weight: bold;display: inline-flex;align-items: center;margin: 4px 12px 4px 0;}
#dvCuponesCarrito .aplicados > div .nombre:before {content: "\f00c";font-weight: 900;font-family: "Font Awesome 5 Pro";font-size: 24px;margin-right: 8px;color: #66bb6a;}
#dvCuponesCarrito .aplicados .codigo {padding: 4px 8px;background-color: rgba(0,0,0,0.05);border-radius: 4px;margin-right: 12px;display:  inline-block;}
#dvCuponesCarrito .aplicados .info {color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0;cursor: pointer; font-size: 12px; line-height: 14px;}
#dvCuponesCarrito .aplicados .info:before { content:"\f05a"; font-family: "Font Awesome 5 Pro"; margin-right: 4px; }
#dvCuponesCarrito .aplicados .info > span {  }

#dvCuponesCarrito .aplicados .eliminar a { color: #dd2c00; font-size: 12px; display: block; padding: 8px;}

/*Regalo*/
#dvAceptRegalo {padding: 0px;margin: 4px 0 0;border-radius: 8px;background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%);display: flex;align-items: center;}
#dvAceptRegalo > div > div > p:before {content: "\f06b";font-weight: 900;font-family: "Font Awesome 5 Pro";margin-right: 6px;/* border-right: 1px solid rgba(0,0,0,0.1); */display: flex;align-items: center;flex-shrink: 0;font-size: 20px;}
#dvAceptRegalo .dvAceptRegaloCont {display: flex;align-items: center;flex-flow: row wrap;}
#dvAceptRegalo > div > div {margin: 0;}
#dvAceptRegalo > div > div.checkBoxCont {display: inline-flex;margin: 4px 8px 4px 0;}
#dvAceptRegalo > div > div > p {font-weight: bold;margin: 0;display: flex;}
#dvAceptRegalo > div > div > p span:last-child{ display: inline-block; }
#dvAceptRegalo .pRegaloDesc {margin: 4px 0;font-size: 14px;line-height: 18px;display: inline-block;align-self: flex-end;justify-self: flex-end;}
#dvAceptRegalo .pRegaloDesc span a {color: #666;background-color: rgba(0,0,0,0.05);padding: 4px 8px;border-radius: 4px;margin: 4px 4px 4px 0;cursor: pointer;font-size: 12px;line-height: 14px;text-decoration: none;}
#dvAceptRegalo .pRegaloDesc span a:before { content: "\f05a"; font-family: "Font Awesome 5 Pro"; margin-right: 4px; }
#dvAceptRegalo .pRegaloDesc .allcontent {margin: 8px 0;}
#dvAceptRegalo #dvObservacCli input {border: 1px solid #eee;background: #fff;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
/*Facturacion*/
#frmDatosCompra { }

.datosCompra {display: flex;flex-flow: row-reverse;overflow: hidden;align-items: flex-start;}
.datosCompra .datosCompraRight {width: 360px;flex-shrink: 0;background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000',GradientType=0 );border-radius: 8px 8px 0 0;}
.datosCompra .datosCompraLeft {width: 100%;margin-right: 40px;}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {padding: 16px 16px 0;margin: 0;border: 0;font-size: 24px;line-height: 24px;}
.datosCompra .datosCompraRight #tblVerCesto {box-shadow: none;padding: 12px 0 0;}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto > tbody,
.datosCompra .datosCompraRight #tblVerCesto > td,
.datosCompra .datosCompraRight #tblVerCesto > tr {display: block;width: 100%;}
.datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; }

.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; }
.datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td {padding: 8px 0px 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {display: flex;flex-flow: row wrap;margin: 0 0 8px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000',GradientType=0 );padding: 0 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { margin: 0;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {width: 100%;border: 0 !important;PADDING: 8px 12px 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {width: 45%;padding: 4px 12px;max-width: 112px;}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {padding: 0;}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {padding: 0;width: 28px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: bold; font-size: 130%; }
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
.datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {width: 48px;border-radius: 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {font-weight: bold;display: block;padding: 0 12px;/* background: transparent; */}
.datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {display: none;}
.datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {display: none;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {font-size: 16px;flex: 1;line-height: 16px;}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {padding: 20px 8px;}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito { font-size: 130%; }

.datosCompra #dvCestaCont .pIncremPed .spnIncremPed { padding: 0 12px;}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span{width: 100%;}



.carritoDatos { }
.carritoDatos input[type = text], .carritoDatos input[type = tel], .carritoDatos input[type = email], .carritoDatos textarea, .carritoDatos select {border: 1px solid #eee;background: #f0f0f0;border-radius: 4px;margin: 0;padding: 8px 8px;width: 100%;/* box-shadow: inset 0 0 4px rgba(0,0,0,0.05); */}
.carritoDatos textarea::placeholder { font-size:14px; line-height: 16px; font-style: italic; opacity: .8}
.carritoDatos .radiobtn:not(:last-child) { margin-right: 8px; }
.carritoDatos .carritoDatosLeft {}
.carritoDatos .carritoDatosRight {}

.carritoDatos .carritoDatosRight .carritoFacturacion,
.carritoDatos .carritoDatosRight .carritoEnvio,
.carritoDatos .carritoDatosRight .carritoPago,
.carritoDatos .carritoDatosLeft .carritoObservaciones {margin: 0 0 20px;padding: 20px;border: 1px solid rgba(0,0,0,0.1);border-left-width: 12px !important;border-radius: 8px;border-width: 0;box-shadow: inset 0px -10px 140px rgba(0,0,0,0.05);}
.carritoDatos .carritoDatosLeft .carritoObservaciones textarea {height: 88px;}

.carritoDatos .carritoDatosRight .carritoFacturacion { border-color: #cfd8dc; }
.carritoDatos .carritoDatosRight .carritoEnvio { border-color: #b0bec5; }
.carritoDatos .carritoDatosRight .carritoPago { border-color: #90a4ae; }
.carritoDatos .carritoDatosLeft .carritoObservaciones { border-color: #b0bec5; }


.carritoDatos .carritoDatosRight .carritoFacturacion ul,
.carritoDatos .carritoDatosRight .carritoEnvio ul,
.carritoDatos .carritoDatosRight .carritoPago ul {list-style: none;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;}

.carritoDatos .carritoDatosRight .carritoFacturacion ul li,
.carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 49%; }

.carritoDatos .carritoDatosRight .carritoFacturacion ul li.liObli,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.liObli,
.carritoDatos .carritoDatosRight .carritoFacturacion ul li.li100,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.li100 { width: 100%; }


.carritoDatos .carritoDatosRight .carritoFacturacion ul li div,
.carritoDatos .carritoDatosRight .carritoEnvio ul li div,
.carritoDatos .carritoDatosRight .carritoPago ul li div { margin: 0 0 4px; }

.carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span:not(.field-validation-error), .carritoDatos .carritoDatosRight .carritoPago ul li div > span {margin: 4px 0;display: block;font-size: 12px;line-height: 12px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul li div > span { margin: 0 0 4px;display: block;}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span.field-validation-valid { margin: 0; }
.carritoFacturacion .spnApartEnvFactTit,
.carritoEnvio .spnApartEnvFactTit,
.carritoDatos .spnApartEnvFactTit,
.carritoObservaciones .spnApartEnvFactTit,
.datosCompra #spnCabRealizarPedidoIntBlan{display: flex;padding-bottom: 4px;border-bottom: 1px solid rgba(0,0,0,0.1);font-weight: bold;margin: 0 0 8px;text-transform: uppercase;align-items: center;font-size: 20px;width:  100%;}

.carritoFacturacion .spnApartEnvFactTit:before,
.carritoEnvio .spnApartEnvFactTit:before,
.carritoPago .spnApartEnvFactTit:before,
.carritoObservaciones .spnApartEnvFactTit:before,
.datosCompra  #spnCabRealizarPedidoIntBlan:before{font-weight: 900;font-family: "Font Awesome 5 Pro" !important;padding: 4px;display: flex;align-items: center;flex-shrink: 0;font-size: 24px;line-height: 24px;margin: 0 4px 0 0;align-self: flex-start;}

.carritoFacturacion .spnApartEnvFactTit:before { content: "\f277"; }
.carritoEnvio .spnApartEnvFactTit:before { content: "\f48b"; }
.carritoPago .spnApartEnvFactTit:before { content: "\f09d"; }
.carritoObservaciones .spnApartEnvFactTit:before {content: "\f27a";}
.datosCompra  #spnCabRealizarPedidoIntBlan:before {content: "\f07a";}

.carritoFacturacion .spnApartEnvFactTit span span,
.carritoEnvio .spnApartEnvFactTit span span,
.carritoDatos .spnApartEnvFactTit span span { font-size: 14px; display: inline-block; opacity: 0.8; line-height: 16px; }
.carritoFacturacion #dvApartEnvFactRdBt, .carritoEnvio .dvAcepEnv {margin: 0 0 12px;}
#dvApartEnvFactCheck {margin: 0 0 24px;}
.ulMetodoEnvio { }

#liForEnvObsEspec { display: block; }
#liForEnvObsEspec input {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: top;
}
#liForEnvObsEspec textarea {
    display: block;
    margin: 4px 63px 0 0;
    width: 100%;
    height: 62px;
    resize: vertical;
}

/*Facturación usuario registrado*/
#carritoFacturacionData p{ margin: 0; }
#carritoFacturacionData p:first-of-type{ font-weight:bold;}

#carritoEnvioData { margin: 0 0 20px }
#carritoEnvioData p{ margin: 0; }
#carritoEnvioData p:first-of-type{ font-weight:bold;}

#carritoFacturacionData a, #carritoEnvioData a { display: inline-block; background: rgba(0,0,0,0.1); padding: 8px; border-radius: 4px; margin-top: 4px; text-decoration: none; text-transform: uppercase; font-size: 12px;  line-height: 12px; font-weight: bold;}
#carritoFacturacionData a:before, #carritoEnvioData a:before { content: "\f044"; font-weight: 900;font-family: "Font Awesome 5 Pro" !important;margin: 0 4px 0 0;}
#carritoFacturacionData .wLog, #carritoEnvioData .wLog {padding: 12px;border: 1px dashed rgba(0,0,0,0.2);border-radius: 8px;background: rgba(255,255,255,0.5);display: block;text-align: right;}
#carritoFacturacionData .wLog p, #carritoEnvioData .wLog p { text-align: left; }

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio { display: block; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li {width: auto;display: flex;/* border: 2px solid rgba(0,0,0,0.1); */overflow: hidden;border-radius: 4px;overflow: hidden;margin:  0;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(:last-child) { margin: 0 0 8px; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li div:not(.radiobtn):not(.allcontent) {padding: 8px;border: 2px solid rgba(0,0,0,0.1);width:  100%; margin: 0; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li div.radiobtn {width: 32px;background: rgba(0,0,0,0.1);display: flex;align-items: flex-start;justify-content: center;padding: 8px 0;flex-shrink: 0;margin:  0;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li div.radiobtn > span:before { margin: 0; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > span {margin: 0 0 4px;display: inline-block;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage {float: right;margin: 4px;border-radius: 4px;border: 0;padding: 4px;width:  auto;max-width: 72px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p {margin: 0;width:  100%;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p img{display: block;margin: 0;max-width: 100%;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado { margin-left: 8px; display: inline-flex; align-items: center; text-decoration: none;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado:after { content: "\f105";font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 12px; margin-left: 4px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p:last-of-type { font-size: 14px; line-height: 18px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0;cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a:before { content:"\f05a"; font-family: "Font Awesome 5 Pro"; margin-right: 4px; }

.carritoDatos .carritoDatosRight .carritoPago {display:  block;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li {width: auto;display: flex;/* border: 2px solid rgba(0,0,0,0.1); */overflow: hidden;border-radius: 4px;overflow: hidden;WIDTH:  100%;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li:not(:last-child) { margin: 0 0 8px; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div:not(.radiobtn) {padding: 8px;border: 2px solid rgba(0,0,0,0.1);border-left: 0;width: 100%; margin: 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn {width: 32px;background: rgba(0,0,0,0.1);display: flex;align-items: flex-start;justify-content: center;padding: 8px 0;flex-shrink: 0;margin: 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn > span:before { margin: 0; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div > span {margin: 0;display: inline-block;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas {margin: 8px 0 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas > .liMetodoPagoImg {display: inline-block;max-width: 60px;margin-right:4px;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas img { display: block; margin: 0; max-width: 100%; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones {font-size: 14px;line-height: 18px;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 0px 4px 0px 0;cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a:before { content:"\f05a"; font-family: "Font Awesome 5 Pro"; margin-right: 4px; } 
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .radiobtn input[type="radio"]:checked{ background: red; }

.carritoDatos .carritoDatosRight .carritoObservaciones { display: block; }

#dvLnkCarrito { display: flex; justify-content: space-between; flex-direction: row-reverse; }




/*RESUMEN PEDIDO*/
.generic .genericCont .resumenCarrito { display: flex; justify-content: space-between;}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit, .generic .genericCont .resumenProductos .spnApartEnvFactTit{display: flex;justify-content: space-between;margin: 0 0 12px;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 4px;text-transform:  uppercase;}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit span span, .generic .genericCont .resumenProductos .spnApartEnvFactTit span span{ opacity: 0.7; display: inline-block; }
.generic .genericCont .resumenCarrito .spnApartEnvFactTit a, .generic .genericCont .resumenProductos a{flex-shrink: 0;text-transform: uppercase;font-size: 11px;font-weight: bold;text-decoration: none;color: inherit;padding: 2px 8px;background-color: #fff;border-radius: 4px;opacity:  0.9; align-self: center; }
.generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio  { width: 49.5%; }
.generic .genericCont .resumenCarrito .resumenFacturacion > div, .resumenCarrito .resumenEnvio > div, .resumenProductos, #dvCuponesCarrito.resumenProductos {padding: 20px;margin: 0 0 20px;border-radius:  4px;background: rgba(0,0,0,0.05);}

.generic .genericCont .resumenCarrito .resumenFacturacion > div p, .generic .genericCont .resumenCarrito .resumenEnvio > div p{ margin: 0 0 8px; }
.resumenProductos{ border-radius: 4px; }
.resumenProductos #tblResumenProds{ background-color: #fff; }
.resumenProductos #tblResumenProds > tbody > tr:first-of-type th { background: rgba(0,0,0,0.01)}
.resumenProductos #tblResumenProds > tbody > tr > td.tdSumario{ text-align: right; }
.resumenProductos #tblResumenProds > tbody > tr.trTotales { text-align: right;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div{text-align:  right;margin: 4px 0;display:  flex;align-items:  center; justify-content: flex-end;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div span{display: inline-block;font-weight: normal;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div span{display: inline-block;font-weight: normal;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div > span:last-child:not(:first-child) {width: 80px;margin-left: 8px;flex-shrink: 0;/* font-weight:  bold; */}

#dvMetodoPagoBotones {display: flex;align-items: flex-end;justify-content: space-between;flex-flow:  row wrap;}
#dvMetodoPagoBotones .btnDerCont a { margin-left: 4px;}

/* PEDIDO FINALIZADO*/
#spnCabRealizarPedidoIntBlan {margin: 0 0 4px;display: inline-block;}
#dvPedidoFinalInt {  }
#dvPedidoFinalInt .encabezado{ font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 12px;}
#dvPedidoFinalInt > .dvPedidoFinalDatos { padding: 12px; background: rgba(0,0,0,0.05); border-radius: 4px; margin: 0 0 20px; border-left: 12px solid rgba(0,0,0,0.1)}
.btnPedidoFinalizado { display: flex; justify-content: center; margin: 0 0 20px;}
.btnPedidoFinalizado > * { display: inline-block; margin: 4px; padding: 4px 8px; border-radius: 4px; border: 4px solid rgba(0,0,0,0.1); font-weight: bold; color: inherit; text-decoration: none; cursor: pointer;}

/*Cookies*/
.cc-banner.cc-bottom,.cc-window.cc-floating { background-color: rgba(0,0,0,0.9) !important; padding: 1em 1.8em;}
/*TIENDA CERRADA*/
#dvTiendaCerrada { text-align: center; padding: 12px; color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; margin: 8px; border-radius: 8px; }
#dvTiendaCerrada .dvBgAma > p:first-child {font-size: 20px;margin:  0 0 8px;font-weight: bold;}
body.tiendacatalogo { }
body.tiendacatalogo .fichaBoton { opacity: .6; }
body.tiendacatalogo .fichaBoton a { cursor: not-allowed; }

/* Legal */
.generic .genericCont .dvLegal{margin-top:20px;}
.generic .genericCont .dvLegal .enc{font-weight:bold;margin:0 0 8px; font-size:120%;}
.generic .genericCont .dvComboBox{margin-bottom:20px;}
.generic .genericCont .dvLegal div:not(:last-child) { margin: 0 0 20px; }

#dvErrorContenido { max-width: 1200px; margin: 0 auto; padding: 40px}
#dvErrorContenido p { margin: 0 0 8px;}
#dvErrorContenido ul { padding-left: 18px; list-style: none;}
#dvErrorContenido ul li { margin: 8px 0;}

/* Sitemap */
.generic .genericCont .dvSiteMap ul ul{margin-top:8px;}
.generic .genericCont .dvSiteMap ul li{list-style:square;margin-bottom:8px;}
.generic .genericCont .dvSiteMap ul li ul{margin-left:20px;}
.generic .genericCont .dvSiteMap ul li ul li{list-style:circle;}
.generic .genericCont .dvSiteMap ul li ul li ul li{list-style:disc; }
.generic .genericCont .dvSiteMap a{color:#333;}


/* ERRRORES (nueva contraseña sin requisitos)*/
.validation-summary-errors { padding: 0; margin: 0; }
.validation-summary-errors ul{ padding: 0 !important; }
.validation-summary-errors ul li{ display: block; list-style: none; color:#ff1100; padding: 0; margin: 0; font-weight: bold; }

/*PRODUCTOS*/
.RCRProds .RCRProdsPrev {display: flex;justify-content: space-between;margin: 0 0 20px;flex-wrap: wrap;align-items:  center;}
.RCRProds .RCRProdsPrev .numProds {font-size: 14px;opacity: 0.8;display: inline-flex;align-items: center;}
.RCRProds .RCRProdsPrev #dvOrderBy form { display: inline-flex; align-items: center; }
.RCRProds .RCRProdsPrev #dvOrderBy form > *:first-child:not(:last-child) { margin-right: 8px; }
.RCRProdsCont {display: flex;flex-flow: row wrap;}
.RCRProds .noProds{ border-radius: 4px; margin: 0 0 20px; display: flex; align-items: center; font-size: 20px; font-weight: bold; opacity: .8; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7;}
.RCRProds .noProds:before { content: "\f06a"; font-weight: 900; font-family: "Font Awesome 5 Pro"; font-size: 24px; margin-right: 8px; }

/*PRODUCTOS RESULTADOS*/
#Res .RCRProdsCont .prodItem {width: 32%;margin: 0 0 12px;}
#Res .RCRProdsCont .prodItem:nth-child(3n-1) {margin-left: 2%;margin-right: 2%;}

/*PRODUCTOS PORTADA*/
.prodlist {padding: 40px 20px;background-color: #f0f0f0;}
.prodlist .prodlistCont { max-width: 1200px; margin: 0 auto; position: relative; }
.prodlist .prodlistCont .prodlistInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.prodlist .prodlistCont .prodlistInfo .title2 { }
.prodlist .prodlistCont .prodlistInfo p { }
.prodlist > div > p { text-align: center; font-size: 120%; line-height: 120%; font-weight: bold; font-style: italic; }
.prodlist .RCRProds .RCRProdsCont .prodItem { width: 24%; margin: 0 0 12px;}

.RCRButton { text-align: center; margin-top: 20px; }
.RCRButton a{display: inline-flex;align-items: center;text-decoration: none;background: #333; color: #fff; padding: 8px 12px; border-radius: 4px; font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: bold;}
.RCRButton a::after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px;  }



/*LOGIN CARRITO*/
.loginCart {margin: 40px auto;max-width: 720px;background: rgba(0,0,0,0.05);display: flex;overflow: hidden;border-radius: 8px;}
.loginCart .title {font-size: 20px;line-height: 28px;margin: 0 0 8px;font-weight: bold;text-transform: uppercase;}
.loginCart .loginCartReg { width: 50%; padding: 20px;}
.loginCart .loginCartReg input[type="email"], .loginCart .loginCartReg input[type="password"]
{display: block;width: 100%;background-color: #fff;padding: 8px 12px;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;}
.loginCart .loginCartReg input[type="email"] { margin: 0 0 8px; }
.loginCart .loginCartReg input[type="password"] { margin: 0;}
.loginCart .loginCartReg input::placeholder {opacity: .8; font-style: italic; }
.loginCart .loginCartReg #lnkRecPwd {font-size: 12px;line-height: 14px;margin: 0 0 8px;display: inline-block;}
.loginCart .loginCartReg .spnLogError { display: block; color: #dd2c00; margin: 2px; font-size: 14px; font-weight: bold;}
.loginCart .loginCartReg .pBtnLogin button {display: inline-flex;align-items: center;justify-content: center;border: 0;padding: 8px 16px;border-radius: 4px;font-size: 16px;line-height: 18px;background-color: #333;text-decoration: none;color: #fff;font-weight: bold;margin-top: 8px;}
.loginCart .loginCartReg .pBtnLogin button:before {content: "\f090";font-weight: 900;font-family: "Font Awesome 5 Pro";font-size: 20px;line-height: 20px;margin-right: 8px;}

.loginCart .loginCartNoReg {width: 50%;padding: 20px;background: rgba(0,0,0,0.05);display: flex;flex-direction: column;}
.loginCart .loginCartNoReg > p:nth-child(2){flex: 1;font-size: 14px;line-height: 18px;}
.loginCart .loginCartNoReg .pBtnReg { }
.loginCart .loginCartNoReg .pBtnReg a{display: inline-flex;align-items: center;justify-content: center;border: 0;padding: 7px 15px;border-radius: 4px;font-size: 16px;line-height: 18px;background-color: rgba(255,255,255,1);text-decoration: none;color: #333;font-weight: bold;margin-top: 8px;border: 1px solid #ccc;}
.loginCart .loginCartNoReg .pBtnReg a:before {content: "\f4fd";font-weight: 600;font-family: "Font Awesome 5 Pro";font-size: 20px;margin-right: 8px;line-height: 20px;}
.loginCart .loginCartNoReg .pBtnReg a:after {content: "\f101";font-weight: 900;font-family: "Font Awesome 5 Pro";font-size: 14px;margin-left: 8px;line-height: 14px;margin-top: 4px;}



/*NOTICIAS*/
/* MOSAICO */
.widNot { text-align: center; background: #fff; padding: 40px 20px; }
.widNot .widNotCont { max-width: 1200px; margin: 0 auto; }
.widNot .widNotCont .widNotContInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.widNot .widNotCont .bgc {}
.bloggalvacio { padding: 40px 20px; font-weight: 700; font-size: 26px; line-height: 140%; text-align: center; }

.bmmin1 .bloggalcont{ text-align: left;} 
.bmmin1 .bloggalcont{ display: flex; text-decoration: none; align-items: flex-start; border-bottom: 1px solid #eee; padding: 12px 0;}
.bmmin1 .bloggalcont > a > img{ display: block; width: 200px; max-width: 200px; min-width: 200px; border-radius: 4px; } 
.bmmin1 .bloggalcont > div{ width: 100%; height: 100%; padding: 12px; overflow: hidden;}
.bmmin1 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 72px; overflow: hidden; position: relative; }
.bmmin1 .bloggalcont > .bgc > .bgctitle a { color: inherit; text-decoration: none; font-size: 20px; line-height: 24px; display: inline-block; }
.bmmin1 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 48px; right: 0; width: 40%; max-width: 120px; height: 24px; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bmmin1 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;}
.bmmin1 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; }
.bmmin1 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin1 .bloggalcont .bgcinfo{max-height: 40px; /* Múltiplo del line-height*/overflow: hidden;position: relative;font-size: 16px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo h2 {margin: 0;font-weight: inherit;font-size: 14px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo p{margin: 0;padding:0;font-size: 14px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.bmmin2 > .widNotCont > .widNotContNots { column-count: 2; }
.bmmin2 .bloggalcont{ display: inline-flex; width: 100%; text-decoration: none; align-items: center; margin-bottom: 12px; background: #f5f5f5; text-align: left; border-radius: 8px; overflow: hidden;}
.bmmin2 .bloggalcont .bgc > a { color: inherit; text-decoration: none; max-height: 44px; display: block; overflow: hidden; position:relative; width: 100%;}
.bmmin2 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 40px; right: 0; width: 40%; max-width: 120px; height: 24px; 
background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);
background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 );
}
.bmmin2 .bloggalcont > a > img{ display: block; width: 160px; max-width: 160px; } 
.bmmin2 .bloggalcont > div{ width: 100%; height: 100%; padding: 8px 20px; overflow: hidden; max-height: 120px; overflow: hidden;} 
.bmmin2 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 60px; overflow: hidden; position: relative; font-size: 16px; line-height: 20px; }
.bmmin2 .bloggalcont > div > .bgctitle > a{ color: inherit; text-decoration: none;}
.bmmin2 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;}
.bmmin2 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; vertical-align: middle; }
.bmmin2 .bloggalcont .bgcdatos .bgccat { max-height: 35px; overflow: hidden; }
.bmmin2 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; display: inline-block; max-width: 100%; overflow:  hidden; text-overflow: ellipsis; white-space: nowrap; }
.bmmin2 .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.bmmin2 .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin2 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); }

.bmmin3 { }
.bmmin3 .widNotContNots { display: flex; flex-flow: row wrap;}
.bmmin3 .bloggalcont{ text-align: left; width: calc(33.333% - 13.33333px); text-decoration: none; padding: 0;}
.bmmin3 .bloggalcont:nth-child(3n-1) { margin:  0 20px 20px; }
.bmmin3 .bloggalcont > a > img{ display: block; width: 100%; margin: 0 0 8px;} 
.bmmin3 .bloggalcont > div{  padding: 8px 0; overflow: hidden; margin: 0 0  20px;}
.bmmin3 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 72px; overflow: hidden; position: relative; }
.bmmin3 .bloggalcont > .bgc > .bgctitle a { color: inherit; text-decoration: none; font-size: 20px; line-height: 24px; display: inline-block; }
.bmmin3 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 48px; right: 0; width: 40%; max-width: 120px; height: 24px; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bmmin3 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;}
.bmmin3 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; }
.bmmin3 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin3 .bloggalcont .bgcinfo{max-height: 40px; /* Múltiplo del line-height*/overflow: hidden;position: relative;font-size: 16px;line-height: 20px;}
.bmmin3 .bloggalcont .bgcinfo h2 {margin: 0;font-weight: inherit;font-size: 14px;line-height: 20px;}
.bmmin3 .bloggalcont .bgcinfo p{margin: 0;padding:0;font-size: 14px;line-height: 20px;}
.bmmin3 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }




.bmmin4{display: flex;max-width: 1200px;flex-flow: row wrap;/* justify-content: space-between; */}
.bmmin4 .bloggalcont{width: 23%;margin: 0 1% 20px;}
.bmmin4 .bloggalcont > a > img{ display: block; width: 100%; } 
.bmmin4 .bloggalcont > div{padding: 8px 0 0;overflow: hidden;} 
.bmmin4 .bloggalcont > div > .bgcnom > h2{margin: 0;display: block;width: 100%;font-size: 12px;overflow: hidden;line-height: 16px;}
.bmmin4 .bloggalcont .bgcdatos{font-size: 100%;line-height: 0;margin:4px 0 0;}
.bmmin4 .bloggalcont .bgcdatos > div, .bmmin4 .bloggalcont .bgcdatos > a{display: inline-block;opacity: .8;font-size: 10px;line-height: 10px;}
.bmmin4 .bloggalcont .bgcdatos .bgccat{ display: none; }
.bmmin4 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin4 .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; }
.bmmin4 .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin4 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }


/* MEDIDAS RESPONSIVE */


    @media screen and (min-width: 1024px) {
        #login_box {position: absolute;z-index: 3;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.5);top: calc(100% + 8px);right: 0;border-top: 4px solid #999;text-align: center;width: 260px;font-weight: normal;display:  none;}
        #cart .cart-prod-list {font-size: 12px;line-height: 14px;position: absolute;z-index: 3;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.5);top: calc(100% + 8px);right: 0;border-top: 4px solid #666;width: 360px;font-weight: normal;padding: 8px 12px;}
        #cart .cart-prod-list:after {content: "\f0d8";font-weight: 900;font-family: "Font Awesome 5 Pro";color: #666;display: block;position: absolute;bottom: 100%;font-size: 28px;line-height: 16px;right: 32px;}
        .prodlist  .RCRProdsCont .prodItem:nth-child(4n-1){ margin: 0 1.333% 12px 0.6666%;}
        .prodlist .RCRProdsCont .prodItem:nth-child(4n-2) { margin: 0 0.66663% 12px 1.333%; }


        .datosCompra { }
        .datosCompra #dvCestaCont{ margin: 0; }

       .datosCompra #dvCuponesCarrito {display: block; margin: 20px 0;}
       .datosCompra #dvCuponesCarrito > p {max-width: 100%;}
       .datosCompra #dvCuponesCarrito .aplicados:not(:last-child), .datosCompra #dvCuponesCarrito .aplicar:not(:last-child), .datosCompra #dvCuponesCarrito .aplicables:not(:last-child) { max-width: 100%; }
       .datosCompra #dvCuponesCarrito .aplicar {max-width: 100%;}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicables > p:first-child {}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicar > p {}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child:before, .datosCompra #dvCuponesCarrito .aplicables > p:first-child:before {}
       .datosCompra #dvCuponesCarrito .aplicados:not(:last-child) { margin: 0 0 12px;}
    }

    /*################
    ##### 1 0 2 3 ####
    ################*/
@media screen and (max-width: 1023px) {
        header .header .headerCont .hcRight #user a > span { display: none; }
        header .header .headerCont .hcRight #cart a > span { padding: 0; margin: 0; }
        header .header .headerCont .hcRight #cart a > span > span { display: none; }
        header .header .headerCont .hcRight #user a #btLogout { display: none; }
        header .header .headerCont .hcRight #cart a > span > .cant { display: block; position: absolute; top: 0; right: 0; background: #fff; width: 22px; height: 22px; line-height: 18px; font-size: 12px; text-align: center; border-radius: 100%; transform: translateX(25%) translateY(-25%); color: #666; border: 2px solid; }
        header .hcont > div > .htconr .carrito a > span > .cant { display: block; position: absolute; top: 0; right: 0; background: #fff; width: 22px; height: 22px; line-height: 18px; font-size: 12px; text-align: center; border-radius: 100%; transform: translateX(25%) translateY(-25%); color: #532A9E; border: 2px solid; }
        #cart .cart-prod-list .hCartButtons {display: block;margin: 28px 0 0;}
        #cart .cart-prod-list .hCartButtons .hCartLink { width: 100%; margin: 0 0 8px;}
        #cart .cart-prod-list .hCartButtons .hCartLink a {padding: 10px 14px; }
        #cart .cart-prod-list .hCartButtons .hOrderLink { width: 100%;}
        #cart .cart-prod-list .hCartButtons .hOrderLink a {padding: 12px 16px; }


        #PORT02 .PORT02Cont > * { width: calc(50% - 8px); }
        #PORT02 .PORT02Cont > *:last-child:not(:nth-child(2n)){ width: 100%; }
        .generic .dvPromo .img { width: 180px; float: left;}
        .generic .dvPromo .left { }
        .generic .dvPromo .right {width: 260px;}

        #dvContactoCont { display: block; }
        .dvContactoForm, #dvContactoPeticionFeita { padding: 20px 0 0; border-left: 0; border-top: 4px dashed rgba(0,0,0,0.1); margin: 20px 0 0; max-width: 100%; }
        .dvContatoInfoSup { display: flex; }
        .dvContatoInfoSup .dvContactoFormRight { margin-left: 8px; }
        .dvContatoInfoSub { display: flex; flex-wrap:wrap; justify-content: space-between;}
        .dvContatoInfoSub .tac { width: calc(50% - 6px); margin: 0; display: flex; justify-content: center; align-items: center; padding: 8px; border: 1px dashed #ccc; border-radius: 4px; text-align: center; }
        .dvContatoInfoSub input[type="button"]{ width: calc(50% - 6px); }
        .dvContatoInfoSub .ulContatoInfoSubGroup { width: 50%; margin-left: 8px; }

        #dvCuponesCarrito .aplicar { display: block; }
        #dvCuponesCarrito .aplicar > p:first-child { margin: 0 0 8px; }
        #dvCuponesCarrito .aplicar > p:last-child > label:first-child { max-width:100%;  }

        .carritoDatos { display: block; }
        .carritoDatos .carritoDatosLeft, .carritoDatos .carritoDatosRight {width: 100%;padding-right: 0;padding-left:  0;}
        .usuarios .altaNewsTac { margin-left:0;}

        .rightSlide {position: fixed;top: 0;right: -320px;height: 100%;z-index: 9;box-shadow: 0 0 0 9999px rgba(0,0,0,0);display: flex !important;flex-direction:  column;width: 320px;background-color: #fff;padding: 24px 12px;max-height: 100%;overflow: auto;transition: box-shadow 300ms ease;transition: right 300ms ease;}
        .rightSlide.active {right: 0px !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important;z-index: 10/* display: flex !important; */}

        .leftSlide {display: block;position: fixed !important;top: 0;left: -320px;height: 100%;z-index: 9;box-shadow: 0 0 0 9999px rgba(0,0,0,0);display: flex;flex-direction:  column;width: 320px;background-color: #fff;padding: 24px 12px;max-height: 100%;overflow: auto;transition: box-shadow 300ms ease, left 300ms ease;}
        .leftSlide.active {left: 0px !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important; z-index: 10}
        

        #login_box.rightSlide {justify-content: center;text-align: center;padding:  0;}
        #cart .cart-prod-list {/* padding-top: 40px; */}
        #cart .cart-prod-list ul{flex: 1;}
        #cart .cart-prod-list .hCartProd { padding: 12px 8px}
        #cart .cart-prod-list .hCartTotal {padding: 12px; font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartTotalSinIva { padding: 12px; font-size: 12px; line-height: 24px; }
        #cart .cart-prod-list .hOrderLink {}
        #cart .cart-prod-list .hOrderLink a {font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartLink {}
        #cart .cart-prod-list .hCartLink a {font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartProd .hCartProdInfo img { max-width: 60px;}
        #cart .cart-prod-list .hCartProd .hCartProdInfo p { font-size: 16px; line-height: 20px; }
        #cart .cart-prod-list .hCartProd .hCartProdDelete {font-size: 14px;align-self:  center;}
        .datosCompra { display: block;}
        .datosCompra .datosCompraRight { width: 100%; margin: 0 0 20px;}
        .datosCompra .datosCompraleft { margin: 0;}
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{  }


        .datosCompra {}
        .datosCompra .datosCompraRight {}
        .datosCompra .datosCompraLeft { }
        .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {}
        .datosCompra .datosCompraRight #tblVerCesto {}
        .datosCompra .datosCompraRight #tblVerCesto,
        .datosCompra .datosCompraRight #tblVerCesto > tbody,
        .datosCompra .datosCompraRight #tblVerCesto > td,
        .datosCompra .datosCompraRight #tblVerCesto > tr {}
        .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { }

        .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { }
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { width: 100%; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: table-row; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: table-cell; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto { display: table-cell; width: 120px; }
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
        .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 80px; display: table-cell; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 32px; display: table-cell; position: relative; min-width: 32px; text-align: center; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { display: table-cell; width: 120px; min-width: 120px; text-align: right; }
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { min-width: 180px; }
        .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { }

        .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { }
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: auto;}

        /*PRODUCTOS PORTADA*/
        .prodlist .RCRProds .RCRProdsCont .prodItem { width: 24%; margin: 0 0 12px;}

        .prodlist .RCRProds .RCRProdsCont .prodItem {width: 32%;margin: 0 0 12px;}
        .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(3n-1) {margin-left: 2%;margin-right: 2%;}

        

}
    /*################
    ###### 7 6 8 #####
    ################*/
    @media screen and (min-width: 768px) {
        header .hcont > div > .htconc .buscador { display: block !important; opacity: 1; }
        .menu { display: block; }
        /*header .menu .menuCont .mcPrincipal:hover > ul { display: block; }
        header .menu .menuCont .mcPrincipal > ul > li:hover > ul { display: block; }*/
           .cd-secondary-dropdown { position: static; padding: 0; }
           .cd-secondary-dropdown ul {padding: 0;height:  auto;position: static;}
           .cd-secondary-dropdown ul.move-out { position: static; }
           .cd-secondary-dropdown ul.is-hidden { position: absolute;}
           .cd-secondary-dropdown ul.move-out > li > p{ position: absolute;}
           .cd-secondary-dropdown.move-out > li > p { position: absolute;}
        
            
    }

@media screen and (max-width: 768px) {
    .socialShare {transform: scale(1.3);width: 76.923%;margin: 0 11.5385% 12px;}
    .socialShare .sswa { display: block; }
    #login_box:after { right: 12px; }
    .radiobtn input[type="radio"] { width: 24px; height: 24px; }
    .radiobtn > span { }
    .radiobtn > span:before { width: 24px; height: 24px; }
    header .preHeader { display: none; }
    header .header { display: flex; flex-shrink: 1; }
    header .header .btnmenu {display: flex;}
    header .header .btnmenu.active {transform: translateX(320px);z-index: 11;border-left:  1px solid #ccc;}
    header .header .headerCont { width: 100%; }
    header .menu { display: none; }
    header .menu.leftSlide { padding: 0; display: block;}
    header .menu .menuCont { display: block; width: 100%; }
    header .menu .menuCont .mcPrincipal { display: block; position: static; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility:  visible; height:  auto; overflow:  hidden; }
        header .menu .menuCont .menulang { display: block; }

        header .menu .menuCont .mcPrincipal > a { display: none; }
    header .menu .menuCont .mcPrincipal > a span { }
    .cd-dropdown-content { position: static; padding: 0; }
    .cd-dropdown-content ul {padding: 0;height:  auto;position: static;}
    .cd-dropdown-content ul.move-out { position: static; }
    .cd-dropdown-content ul.is-hidden {position: absolute;}
    .cd-dropdown-content ul.move-out > li > p{ position: absolute;}
    .cd-dropdown-content.move-out > li > p { position: absolute;}
    
    header .menu .menuCont .mcPrincipal .cd-dropdown-trigger { display: none;}
    header .menu .menuCont .mcPrincipal ul.cd-dropdown li{ height: auto;}
    header .menu .menuCont .mcPrincipal li a { padding: 20px 12px; }
    header .menu .menuCont .mcPrincipal ul > li.go-back > p > span:after { padding: 20px 12px; }
    header .menu .menuCont .mcPrincipal ul > li > p > span {}
    /*
    header .menu .menuCont .mcPrincipal ul { position: static; }
    header .menu .menuCont .mcPrincipal:hover > ul { }
    header .menu .menuCont .mcPrincipal ul li { }
    header .menu .menuCont .mcPrincipal ul li ul li > ul { display: none; }
    header .menu .menuCont .mcPrincipal > ul > li > p > a, header .menu .menuCont .mcPrincipal > ul > li > ul li a, header .menu .menuCont .mcPrincipal > ul > li > ul li ul li a, header .menu .menuCont .mcPrincipal > ul > li > ul li ul li ul li a { padding: 16px 12px; }
    header .menu .menuCont .mcPrincipal > ul > li > ul li ul li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.1) }
    header .menu .menuCont .mcPrincipal > ul { display: block; }
    header .menu .menuCont .mcPrincipal > ul > li { display: block; clear: both; }
    header .menu .menuCont .mcPrincipal > ul > li.submenu { }
    header .menu .menuCont .mcPrincipal > ul > li > ul > li ul { border-left: 5px solid rgba(0,0,0,0.1); margin-left: 0; }
    header .menu .menuCont .mcPrincipal > ul > li:hover { background-color: transparent; }
    header .menu .menuCont .mcPrincipal > ul li.submenu > p > span { background: rgba(0,0,0,0.03); width: 44px; font-size: 24px; }
    header .menu .menuCont .mcPrincipal > ul li.submenu > p > span:before { content: "\f107"; }
    header .menu .menuCont .mcPrincipal > ul > li > a { }
    header .menu .menuCont .mcPrincipal > ul > li > ul { position: static; column-count: 1; box-shadow: none; border: 0; background-color: transparent; float: none; }
    header .menu .menuCont .mcPrincipal > ul li ul li.submenu > p > span { font-size: 24px; }
    header .menu .menuCont .mcPrincipal > ul > li > ul li ul li a:before { display: none; }*/

    header .menu .menuCont .mcDestacado { display: block; background: rgba(0,0,0,0.05); }
    header .menu .menuCont .mcDestacado ul { display: block; }
    header .menu .menuCont .mcDestacado ul li { border-bottom: 1px solid rgba(0,0,0,0.1); }
    header .menu .menuCont .mcDestacado ul li a { display: block; text-transform: none; padding: 16px 12px; width: 100%; }
    header .menu .menuCont .mcDestacado ul li a span { }




    /*MENU*/
    /*header .header .btnmenu.active { transform: translateX(320px); z-index: 11; }
    header .header .fndmenu.active { width: 100%; opacity: 1; }*/
    /*MODAL USUARIO*/
    header .header .headerCont .hcRight #user { position: static; }
    /*#login_box { width: 300px; display: flex; bottom: 0; right: -304px; position: fixed; height: 100vh; top: 0; font-size: 18px; flex-flow: column wrap; justify-content: center; border: 0; transition: all 300ms ease; }*/
    /*#login_box.active { right: 0; box-shadow: 0 0 40px rgba(0,0,0,1); }*/
    #login_box:after { content: ""; }
    #login_box input[type="text"], #login_box input[type="password"] { padding: 8px 12px; }
    #login_box .spnLogError { }
    #login_box input[type="button"], #login_box input[type="submit"], #login_box #lnkBtnReg, #login_box #btLoginUsu, #login_box #btLogout { font-size: 18px; line-height: 24px; }

    #login_box .title { font-size: 24px; margin: 0 0 16px; }
    #login_box .usuario-registrado { padding: 40px 20px; }
    #login_box .usuario-registrado input[type="button"], #login_box .UsuReg input[type="submit"] { }
    #login_box .usuario-registrado a { }
    #login_box .usuario-no-registrado { padding: 40px 20px; }
    #login_box .usuario-no-registrado input[type="button"], #login_box .usuario-no-registrado input[type="submit"] { }



    .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: block; }
    .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div { width: 100%; }
    .Newsletter #dlNewsletterRegister { margin: 20px 0 0; padding: 0; }




    .box2 .boxCont > div > div { flex-flow: row wrap; }
    .box2 .boxCont .boxItem { width: 100%; }
    .box2 .boxCont .boxItem > div { padding-bottom: 50%; }

    .box3a { /* overflow-x: scroll; */ padding: 0 20px 24px 20px; }
    .box3a .boxCont::-webkit-scrollbar { height: 8px; }
    .box3a .boxCont::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; }
    .box3a .boxCont::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 0 2px #F5F5F5; background-color: #ccc; }
    .box3a .boxCont { overflow-x: auto; position: relative; }
    .box3a .boxCont .boxItem { width: 60%; }
    .box3a .boxCont .boxItem > div { padding-bottom: 45%; }
    .box3a .boxCont .boxItem .bicTitle { font-size: 100%; }

    .box3 { /* overflow-x: scroll; */ padding: 0 24px 24px 24px; }
    .box3 .boxCont .boxItem { width: 60%; }
    .box3 .boxCont .boxItem > div { padding-bottom: 45%; }
    .box3 .boxCont .boxItem .bicTitle { font-size: 100%; }
    .bndBox3 .bndBox3Cont { display: block; }
    .bndBox3 .bndBox3Cont > div { width: 100%; }
    .bndBox3 .bndBox3Cont > div:not(:last-child) { margin: 0 0 12px; }

    footer .footerInfo .footerInfoCont .FICBox:first-child { width: 100%; margin-bottom: 24px }
    footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2),
    footer .footerInfo .footerInfoCont .FICBox:last-of-type,
    footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%; margin: 12px 0; }
    footer .footerInfo .footerInfoCont .FICBox:nth-child(2) { border: 0 }
    footer .footerInfo .footerInfoCont .vline { width: 100%; height: 2px; }

    .Marcas .genericCont .listadoMarcas ul li { width: calc(25% - 16px); }
    .contactBand { display: block; text-align: center; }
    .contactBand .socialUl { text-align: center; }

    .generic .dvPromo { display: block; }
    .generic .dvPromo .img { width: 180px; float: left;}
    .generic .dvPromo .left { width: auto; }
    .generic .dvPromo .right { width: 100%; }

    #dvValidarChequeRegalo { display: block; }
    #dvValidarChequeRegalo > form { margin: 20px 0 0; max-width: 100%; }

    #dvContactoInfo { display: block; }
    #dvContactoInfo .ContactoInfo { width: 100%; margin: 0 0 20px; }
    #dvContactoInfo .ContactoMapa { width: 100%; }

    .usuarios .dvDatosGenerales .dvDatosGeneralesForm { display: block; }
    .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft { margin: 0; }
    .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight { padding: 0; border: 0; }

    #tblVerCesto,
    #tblVerCesto > tbody,
    #tblVerCesto > td,
    #tblVerCesto > tr { display: block; width: 100%; }
    #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; }

    #tblVerCesto #thCantidadProducto,
    #tblVerCesto .tdCantidadProducto,
    #tblVerCesto .trProductoCesta .tdImporteProducto,
    #tblVerCesto #thImporteProducto,
    #tblVerCesto .tdImporteTotalProducto,
    #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; }
    #tblVerCesto > tbody > tr > td { padding: 8px; }
    #tblVerCesto .trProductoCesta {display: flex;flex-flow: row wrap;/* margin: 0 0 20px; */background: rgba(0,0,0,0.02);}
    #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; }
    #tblVerCesto .trProductoCesta .tdCantidadProducto { width: 45%; }
    #tblVerCesto .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; }
    #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: bold; font-size: 130%; }
    #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
    #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
    #tblVerCesto > tbody > tr > td:first-child a img { width: 80px; border-radius: 4px; }
    #tblVerCesto .trTotal { font-weight: bold; display: block; }
    #tblVerCesto .trTotal > td:first-child, #tblVerCesto .trTotal > td:last-child { display: none; }
    #tblVerCesto .trTotal > td:first-child:not(:empty) { display: block; }
    #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto { font-size: 120%; }
    .trTotal .spnTotalCarrito { font-size: 130%; }
    #dvCuponesCarrito .aplicados > div { padding: 4px 8px; }
    #dvCuponesCarrito .aplicados .nombre {}
    #dvCuponesCarrito .aplicados .eliminar a { font-size: 14px; }
    #dvCuponesCarrito .aplicar { max-width: 100%; }
    #dvCuponesCarrito > p { max-width: 100%; }
    #dvCuponesCarrito .aplicados:not(:last-child) { order: 0; margin-bottom: 8px; }
    #dvPedidosListUserCont table tr td { padding: 12px 4px; }
    #dvPedidosListUserCont table th:last-child, #dvPedidosListUserCont table th:nth-child(5), #dvPedidosListUserCont table th:nth-child(4), #dvPedidosListUserCont table th:nth-child(6) { display: none; }
    #dvPedidosListUserCont table tr td:last-child, #dvPedidosListUserCont table tr td:nth-child(5), #dvPedidosListUserCont table tr td:nth-child(4), #dvPedidosListUserCont table tr td:nth-child(6) { display: none; }
    #dvPedidosListUserCont table tr td:nth-child(3) { width: 90px; min-width: 90px; }



    #tblResumenProds,
    #tblResumenProds > tbody,
    #tblResumenProds > td,
    #tblResumenProds > tr { display: block; width: 100%; }
    #tblResumenProds > th, #tblResumenProds table th, #tblResumenProds > tbody > tr:first-of-type { display: none; }

    #tblResumenProds #thCantidadProducto,
    #tblResumenProds .tdCantidadProducto,
    #tblResumenProds .trProductoCesta .tdImporteProducto,
    #tblResumenProds #thImporteProducto,
    #tblResumenProds .tdImporteTotalProducto,
    #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 100%; }
    #tblResumenProds > tbody > tr > td { padding: 8px; }
    #tblResumenProds .trProductoCesta { display: flex; flex-flow: row wrap; margin: 0 0 20px; background: rgba(0,0,0,0.02); }
    #tblResumenProds .trProductoCesta .tdNombreProducto { width: 100%; }
    #tblResumenProds .trProductoCesta .tdCantidadProducto { width: 45%; }
    #tblResumenProds .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; }
    #tblResumenProds .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: bold; font-size: 130%; }
    #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
    #tblResumenProds .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
    #tblResumenProds > tbody > tr > td:first-child a img { width: 80px; }
    #tblResumenProds .trTotal { font-weight: bold; }
    #tblResumenProds .trTotal > td:first-child, #tblResumenProds .trTotal > td:last-child { display: none; }
    #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds #thImporteProducto, #tblResumenProds .tdImporteTotalProducto { font-size: 120%; }

    .generic .genericCont .resumenCarrito { display: block; }
    .generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio { width: 100%; }
    .resumenProductos #tblResumenProds,
    .resumenProductos #tblResumenProds > tbody,
    .resumenProductos #tblResumenProds td,
    .resumenProductos #tblResumenProds tr { display: block; width: 100%; text-align: center;}
    .resumenProductos #tblResumenProds tr { display: flex;  flex-flow: row wrap; padding: 8px;}
    .resumenProductos #tblResumenProds > tbody > tr > td:first-child{ font-weight: bold; }
    .resumenProductos #tblResumenProds > tbody > tr:not(.trTotales) > td:first-child:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 5 Pro"; margin-right: 4px; font-size: 16px; }
    .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(2) { width: 50%;  text-align: left;}
    .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(3) { width: 50%; text-align: right;}

    .resumenProductos #tblResumenProds > tbody > tr.trTotales div:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 4px;}
    /*catalogo*/
    body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%;}
    body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0;}
    body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 100%;}


    #Res .RCRProdsCont .prodItem { width: 49%;}
    #Res .RCRProdsCont .prodItem:nth-child(3n-1) {margin-left: auto;margin-right: auto;}
    #Res .RCRProdsCont .prodItem:nth-child(3n+1) {margin-right: 0; }
    #Res .RCRProdsCont .prodItem:nth-child(2n) {margin-left: 2%; }

    .prodlist .RCRProds .RCRProdsCont .prodItem { width: 49%;}
    .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(3n-1) {margin-left: auto;margin-right: auto;}
    .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(3n+1) {margin-right: 0; }
    .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(2n) {margin-left: 2%; }

    

        .datosCompra {}
        .datosCompra .datosCompraRight {}
        .datosCompra .datosCompraLeft { }
        .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt { padding: 12px 12px 0; }
        .datosCompra .datosCompraRight #tblVerCesto { }
        .datosCompra .datosCompraRight #tblVerCesto,
        .datosCompra .datosCompraRight #tblVerCesto > tbody,
        .datosCompra .datosCompraRight #tblVerCesto > td,
        .datosCompra .datosCompraRight #tblVerCesto > tr { padding: 0; }
        .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { }

        .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { }
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { display: table-cell; width: auto;}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: flex; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: block; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {display: block;width: 45%;max-width: 100%;}
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
        .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {display: block;width: 120px;min-width: 120px;text-align: right;}
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {min-width: 180px;display: table-cell;width: 100%;padding: 8px;}
        .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { }


        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {width: 45% !important;text-align: center;display: flex;align-items: center;justify-content: flex-end;font-weight: bold;font-size: 120%;}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}

        .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { }
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: auto;}

        /*NOTICIAS*/
        .widNot .widNotCont .bgc{ padding: 0 12px;}
        .bmmin2 > .widNotCont > .widNotContNots { column-count: 1; }
        .bmmin3 .widNotContNots { justify-content: space-between; }
        .bmmin3 .bloggalcont > .bgc { padding: 0; margin: 0 0 8px;}
        .bmmin3 .bloggalcont{ text-align: left; width: calc(50% - 10px); text-decoration: none; padding: 0;}
        .bmmin3 .bloggalcont:nth-child(3n-1) { margin:  0 0 20px; }
        .bmmin3 .bloggalcont > .bgc > .bgctitle { max-height: 60px; }
        .bmmin3 .bloggalcont > .bgc > .bgctitle:after { top: 40px }
        .bmmin3 .bloggalcont > .bgc > .bgctitle a { font-size: 16px; line-height: 20px; }
        .bmmin3 .bloggalcont .bgcinfo { display: none; }
   
    }
    /*################
    ###### 6 4 0 #####
    ################*/
    @media screen and (min-width: 640px) {
        header .header .headerCont .hcCenter #search { display: block !important; opacity: 1; }
    }

    @media screen and (max-width: 640px) {
        .title1 { font-size: 26px; line-height: 28px; }
        .title2 { font-size: 20px; }
        .title3 { font-size: 16px; }
        header .header .headerCont .hcLeft { flex-shrink: 1; width: 100%; }
        header .header .headerCont .hcCenter { flex-shrink: 1; width: auto; }
       
        header .header .headerCont .hcCenter #search {/* flex-direction: column-reverse; */}
        header .header .headerCont .hcCenter #search.active {/* opacity: 1; */}
        header .header .headerCont .hcCenter #search a { right: 24px; }
        header .header .headerCont .hcCenter #search .searchBar input { font-size: 16px; line-height: 36px;}
        header .header .headerCont #searchbtn { display: block; }
        header .header .headerCont .hcCenter .searchCont #search_results {position: static;margin: 20px 0 0;border-radius: 0;box-shadow: none;/* background:  rgba(0,0,0,0.05); */flex:  1;/* border-top: 1px solid rgba(0,0,0,0.1) */}
        header .header .headerCont .hcCenter .searchCont #search_results ul {}
        header .header .headerCont .hcCenter .searchCont #search_results ul li {padding: 8px 0;}
        header .header .headerCont .hcCenter .searchCont #search_results ul li:not(.liTitle):hover { }
        header .header .headerCont .hcCenter .searchCont #search_results ul li:not(:last-child) { }
        header .header .headerCont .hcCenter .searchCont #search_results ul li.liTitle {padding: 8px 0;background:  transparent;}
        header .header .headerCont .hcCenter .searchCont #search_results ul li.liTitle:before { }
        header .header .headerCont .hcCenter .searchCont #search_results ul li p { }
        header .header .headerCont .hcCenter .searchCont #search_results ul li p a{padding: 4px;}
        header .header .headerCont .hcCenter .searchCont #search_results ul li p .img{ }
        header .header .headerCont .hcCenter .searchCont #search_results ul li p .nom{}
        header .header .headerCont .hcCenter .searchCont #search_results ul li p .nom a {}
        header .header .headerCont .hcCenter .searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; }
        header .header .headerCont .hcCenter .searchCont #search_results ul li.verTodos a { color: black; }
        #PORT02 .PORT02Cont > * {
            width: calc(100% - 8px);
        }
        .dvBanner { padding: 12px; }
        .boxMini { padding: 20px; }
        .box4 .slideCont .sw { max-width: 260px; margin: 0 auto; }
        .Marcas .genericCont .listadoMarcas ul li { width: calc(33.333% - 16px); }

        #dvContactoCont { }

        #dvContactoInfo { }
        #dvContactoInfo > p { }
        #dvContactoInfo .ContactoInfo { }
        #dvContactoInfo .ContactoMapa { }
        #dvContactoInfo .ContactoMapa iframe { }
        .dvContactoForm { }



        #ulContatoInfo { }
        #ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { }
        #ulContatoInfo input[type="text"], #ulContatoInfo textarea { }
        .dvContatoInfoSup { display: block; }
        .dvContatoInfoSup .dvContactoFormLeft { }
        .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { }
        .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { }
        .dvContatoInfoSup .dvContactoFormRight { margin: 0; }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo { }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea { }

        .dvContatoInfoSub { display: block; }
        .dvContatoInfoSub .ulContatoInfoSubItem { }
        .dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child { max-width: 100%; }
        .dvContatoInfoSub .tac { width: 100%; margin: 0 0 12px; }
        .dvContatoInfoSub input[type="button"]{ width: 100% }
        .dvContatoInfoSub .tac .dvContactoInfo { }
        .dvContatoInfoSub .ulContatoInfoSubGroup { width: 100%; margin: 0; }
        .dvContatoInfoSub input[type="submit"] { }

        .generic .genericCont #dvDetFactEnv { display: block; }
        .generic .genericCont #dvDetFactEnv > * { width: 100%; }
        .carritoDatos .carritoDatosRight .carritoFacturacion ul li, .carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 100%; margin: 0 0 4px;}
        .carritoDatos .carritoDatosRight .carritoFacturacion, .carritoDatos .carritoDatosRight .carritoEnvio, .carritoDatos .carritoDatosRight .carritoPago, .carritoDatos .carritoDatosLeft .carritoObservaciones { padding: 12px;}

        #dvLnkCarrito .btnIzq span{ display: none; }

        #dvMetodoPagoBotones { flex-direction: column-reverse; align-items: center;}
        #dvMetodoPagoBotones .btnDerCont{ margin: 0 0 32px; align-items: center;}
        #dvMetodoPagoBotones .btnDerCont > * { align-self: center; }

        .formBox > div #ulContatoInfo .dvContatoInfoSup{ display: block; }
        .formBox > div #ulContatoInfo .dvContactoFormLeft { margin: 0; width: 100%; }
        .formBox > div #ulContatoInfo .dvContactoFormRight { margin: 0; width: 100%; }
        .formBox > div #ulContatoInfo .dvContatoInfoSub { display: block; }
        .formBox > div #ulContatoInfo .dvContatoInfoSub .tac,
        .formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: 100%; margin: 0 0 8px; }
        .formBox > div #ulContatoInfo input[type="text"], .formBox > div #ulContatoInfo input[type="tel"], .formBox > div #ulContatoInfo input[type="email"], .formBox > div #ulContatoInfo textarea { padding: 8px; }
        .SimpleModal.modal-mcd .wrap {padding: 32px 12px 12px;max-height: 100vh;}
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre { font-size: 16px; line-height: 20px; }
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { font-size: 14px; line-height: 18px; }
        .SimpleModal.modal-mcd .cuponInfoCont {display: block;margin: 0 auto;}
        .SimpleModal.modal-mcd .cuponInfoCont .img { width: 100%; }
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {width: 100%;min-height: 130px;flex: 1;padding: 24px 8px;}
        .loginCart { display: block;  text-align: center;}
        .loginCart .loginCartReg { width: 100%; }
        .loginCart .loginCartNoReg { width: 100%; }

        .breadcrumb { margin: 0 0 12px; }
        .bmmin1 .bloggalcont > a > img { width: 160px; max-width: 160px; min-width: 160px; }
    }
    /*################
    ###### 4 8 0 #####
    ################*/
    @media screen and (max-width: 480px) {

        .box2 .boxCont .boxItem > div { padding-bottom: 75% }
        .box3 .boxCont .boxItem > div { padding-bottom: 75%; }

        .news1 .newsCont .newsMail form { display: block; }
        .news1 .newsCont .newsMail .newsInput { }
        .news1 .newsCont .newsMail .newsBtn { margin: 8px auto 0; padding: 8px 12px; width: 100%; }

        footer { text-align: center; }
        footer .footerInfo .footerInfoCont { /* flex-flow:column-reverse wrap; */ }
        footer .footerInfo .footerInfoCont .FICBox { width: 100%; margin-bottom: 32px; }
        footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; }
        footer .footerEnd .footerEndCont > div { width: 100%; }
        footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { justify-content: center; }
        footer .footer-footerEnd .footerEndCont .FECPaxinas { margin-top: 12px; }
        footer .footerEnd .footerEndCont .FECPaxinas { justify-content: center;}
        .Marcas .genericCont .listadoMarcas ul li { width: calc(50% - 16px); }
        .Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha { margin: 0 0 12px; width: 100%; }
        .Newsletter #dlNewsletterRegister .newsletterEnvio { display: block; }
        .dvContatoInfoSub .ulContatoInfoSubItem { display: block; }
        .dvContatoInfoSub .dvCaptcha { width: 100%; margin: 0 0 12px; }
        .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span { width: 20%; }
        .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 45% }

        header .header .btnmenu.active { transform: translateX(280px); }
        .leftSlide.menu{ left: -280px; width: 280px; }
        /*header .menu { left: -280px; width: 280px; }*/
        #tblVerCesto > tbody > tr > td:first-child a img{ width: 56px;}
        #tblVerCesto .trTotal #liPagaMasTardeSim { flex-direction: column; max-width: 360px; margin: 0 auto;}
        #tblVerCesto .trTotal #liPagaMasTardeSim:before { height: 50px; width: 100%; justify-content: center; }

        #dvLnkCarrito {flex-direction: column; }
        #dvLnkCarrito .btnDer { width: 100%; margin: 0 0 12px; justify-content: center; }
        #dvLnkCarrito .btnIzq { width: 100%;  justify-content: center; }
        #dvMetodoPagoBotones .btnDerCont { margin: 0 0 12px; }
        #dvMetodoPagoBotones .btnDerCont > *{width: 100%;  justify-content: center; margin: 0 0 12px; }
        #dvMetodoPagoBotones .btnIzq { width: 100%;  justify-content: center; }
        .SimpleModal.LoginRegister-modal .wrap { padding: 48px 12px 12px; }


        #Res .RCRProdsCont .prodItem:nth-child(3n+1), #Res .RCRProdsCont .prodItem:nth-child(2n) { margin: 0 auto 20px; }
        #Res .RCRProdsCont { justify-content: center; display: block; }
        #Res .RCRProdsCont .prodItem { width: 100%; margin: 0 auto 20px; max-width: 280px; }
        
        
        .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(3n+1), .prodlist .RCRProds .RCRProdsCont .prodItem:nth-child(2n) { margin: 0 auto 20px; }
        .prodlist .RCRProds .RCRProdsCont { justify-content: center; display: block; }
        .prodlist .RCRProds .RCRProdsCont .prodItem {width: 100%;margin: 0 auto 20px;max-width: 280px;}
        .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before{ display: none;}
            
        .generic .dvPromo { max-width: 300px; margin: 0 auto; }
        .generic .dvPromo:not(:last-child) { margin: 0 auto 20px; }
        .generic .dvPromo .img {width: 100%;float: none;padding: 12px 12px 0;}
        .generic .dvPromo .img a { max-width: 280px; padding: 0;}
        .generic .dvPromo .left { width: 100%; }
        .generic .dvPromo .right { width: 100%; }

        .dvBanner.envioMini .dvBannerCont { font-size: 12px; line-height: 14px;  }

        /* MOSAICO */
        .bmmin1 .bloggalcont > a > img{ width: 120px; max-width: 120px; min-width: 120px; }
        .bmmin1 .bloggalcont .bgcinfo{max-height: 40px; display: none;}
    }
    /* ANIMACIONES */
    @-webkit-keyframes inM {
        50% { -webkit-transform: rotate(0deg); }

        100% { -webkit-transform: rotate(45deg); }
    }

    @keyframes inM {
        50% { transform: rotate(0deg); }

        100% { transform: rotate(45deg); }
    }

    @-webkit-keyframes outM {
        50% { -webkit-transform: rotate(0deg); }

        100% { -webkit-transform: rotate(45deg); }
    }

    @keyframes outM {
        50% { transform: rotate(0deg); }

        100% { transform: rotate(45deg); }
    }

    @-webkit-keyframes inT {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(5px) rotate(0deg); }

        100% { -webkit-transform: translateY(5px) rotate(135deg); }
    }

    @keyframes inT {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(5px) rotate(0deg); }

        100% { transform: translateY(5px) rotate(135deg); }
    }

    @-webkit-keyframes outT {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(5px) rotate(0deg); }

        100% { -webkit-transform: translateY(5px) rotate(135deg); }
    }

    @keyframes outT {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(5px) rotate(0deg); }

        100% { transform: translateY(5px) rotate(135deg); }
    }

    @-webkit-keyframes inBtm {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(-5px) rotate(0deg); }

        100% { -webkit-transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes inBtm {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(-5px) rotate(0deg); }

        100% { transform: translateY(-5px) rotate(135deg); }
    }

    @-webkit-keyframes outBtm {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(-5px) rotate(0deg); }

        100% { -webkit-transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes outBtm {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(-5px) rotate(0deg); }

        100% { transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes blink {
      0% { opacity: 1;}
      16.6666% { opacity: 0;}
      33.3333% { opacity: 1;}
      50% { opacity: 0;}
      66.6666% { opacity: 1;}
      83.3333% { opacity: 0;}
      100% { opacity: 1;}
    }
    @-webkit-keyframes blink {
      0% { opacity: 1;}
      16.6666% { opacity: 0;}
      33.3333% { opacity: 1;}
      50% { opacity: 0;}
      66.6666% { opacity: 1;}
      83.3333% { opacity: 0;}
      100% { opacity: 1;}
    }
    
@-webkit-keyframes flash {
  0%  {opacity: 1}
  3%  {opacity: 0}
  6%  {opacity: 1}
  9%  {opacity: 0}
  12%  {opacity: 1}
  15%  {opacity: 0}
  18%  {opacity: 1}
  100% {opacity: 1}
}

@keyframes flash {
  0%  {opacity: 1}
  3%  {opacity: 0}
  6%  {opacity: 1}
  9%  {opacity: 0}
  12%  {opacity: 1}
  15%  {opacity: 0}
  18%  {opacity: 1}
  100% {opacity: 1}
}