body {
	background: #f0f0f0 url(pattern-circled.png) top left repeat;
	overflow-y: auto;
	margin: 0;
	font-size: 12px;
	font-family: calibri, sans-serif, ubuntu, maven-pro, verdana, tahoma;
}

.shownot {
	display: none !important;
}

.checkout-section-title {
	border-color: var(--main-bg-color) !important;
	color: var(--main-bg-color) !important;
	border-bottom-style: dashed !important;
	text-transform: uppercase;
	font-size: 16px !important;
	font-weight: bold !important;
}


.docKindHandlerX {
	/*background-color: rgb(from var(--main-bg-color) r g b / 0.5);*/
	color: var(--main-bg-color);
	padding: 6px;
    display: flex;
    align-content: center;
    align-items: flex-end;
}

.docKindHandler {
	border: 1px solid var(--main-bg-color);
	/*background-color: rgb(from var(--main-bg-color) r g b / 0.5);*/
	background-color: var(--main-bg-color);
	padding: 6px;
	color: var(--main-font-color);
	/*color: black;*/
	border: 1.5px dotted; red;
	/*font-size: 18px;*/
}

.btn-primary {
	background-color: var(--main-bg-color) !important;
	color: var(--main-font-color) !important;
}

.visibilityHidden {
	visibility: hidden; !important;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

#head, #content {
	margin: 0 auto;
	display: block;
	height: auto;
}

.head-fixed {
	position: fixed;
	z-index: 16;
}

.wide {
	width: 100%;
	display: block;
	float: left;
	z-index: 16;
}

.slim {
	max-width: 90%;
	width: 1366px;
    margin: 0 auto;
    display: block;
}

.smooth {
	-webkit-transition: background-color 100ms linear;
	-moz-transition: background-color 100ms linear;
	-o-transition: background-color 100ms linear;
	-ms-transition: background-color 100ms linear;
	transition: background-color 100ms linear;
}

#desktop-menu > .bar {
	/*background-color: #00517c;*/
	height: 64px; /* DE MOMENTO ESPERAR HASTA TENER EL NUEVO MENU DESPUES CAMBIAR A 64 PIXELES original 64px*/
	border-bottom: 3px solid #d4d4d4;
}

.search {
	float: left;
	padding-left: 10px;
	min-width: 50%;
}

.search-button {
	background-image: url(ic_search_48px.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 24px 32px !important;
    background-position: 9px 2px !important;
    border: none;
    filter: invert(100%);
    width: 32px;
    height: 32px;
    float: left;
    margin: 13px 0px;
}

.search > input[name="term"],
.search > input[name="search"] {
	box-sizing: content-box;
	border: none;
	/*border-radius: 15px;*/
	padding: 2px 10px !important;
	margin: 16px 0px auto 0px;
	/*background-color: rgba(255, 255, 255, 0.25);*/
	box-shadow: none;
	width: 80% !important;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	color: white;
}

.search > input[name="term"]:focus,
.search > input[name="search"]:focus {
	/*background-color: rgba(255, 255, 255, 0.75);*/
}

#minor-menu {
	float: right;
	position: relative;
}

#minor-menu > a, #minor-menu > a:visited {
	float: left;
	color: white;
	font-size: 10px;
	line-height: auto;
	text-decoration: none;
	width: auto;
	padding: 12px 12px;
	text-align: center;
	min-width: 42px;
}

#minor-menu > a > img {
	height: 24px;
	width: 24px;
}


#minor {
	float: right;
	position: relative;
}

#minor > a, #minor > a:visited {
	float: left;
	color: white;
	font-size: 10px;
	line-height: auto;
	text-decoration: none;
	width: auto;
	padding: 12px 12px 12px 12px;
	text-align: center;
	min-width: 42px;
}

#minor a:hover {
	background-color: rgba(0, 0, 0, 0.25);
}

#minor > a > img {
	height: 24px;
	width: 24px;
}



#desktop-menu > * .logo > img:hover {
	border: 3px solid rgba(0,0,0,0.2);
}

#conditions {
	float: right;
}

#conditions a:link, #conditions a:visited {
	color: #888888;
	text-decoration: none;
	display: block;
	float: left;
	padding: 10px 6px;
}

#conditions a:hover {
	text-decoration: underline;
}


.item {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 0px 1px #a8a8a8;
	/*min-height: 220px;*/
	overflow: hidden;
	float: left;
	display: block;
	min-height: 318px;
	/*max-height: 308px;*/
	/*min-width: 245px;*/
}

.box-container-pay {
	background-color: #ffffff;
}

.button-pay-method {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 0px 1px #a8a8a8;
	float: left;
}

.button-close-sale {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 0px 1px #a8a8a8;
	float: right;
}

.button-clear-sale {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 0px 1px #a8a8a8;
	float: left;
}


.item:hover {
    box-shadow: 0px 0px 3px #888888;
}




#category {
	max-width: 20%;
	width: 266px;
	margin: 0 auto;
	display: block;
	float: left;
}

#itemset {
	/* max-width: 90%; */
	max-width: 95%;
	width: 1366px;
	margin: 0 auto;
	display: block;

	/*max-width: 80%;
	width: 1100px;
	margin: 0 auto;
	display: block;
	float: left;*/
}

#desktop-menu > * .logo > img {
    /*display: block;
    margin: -79px auto auto -10px;
    float: left;
    border: 3px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
	 */

	display: block;
	margin: -48px auto auto 16px;
	float: left;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	background-color: rgba(255,255,255,0.8);
	width: 86px;
	/*
	width: 76px;
	height: 76px;
	*/
}

#desktop-menu { display: block; }
#phone-menu { display: none; }
#content { margin-top: 92px; }
#category-list-select { display: none; }


.item > .pant > .image > img, .item > .pant > a > .image > img {
	height: 180px;
	max-width: 100%;
	margin: 0 auto;
	vertical-align: middle;
}

.item > * .image {
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #dddddd;
	height: 180px;
	box-sizing: content-box;
}

.item > .title {
font-size: 14px;
color: #5a5a5a;
text-align: center;
height: 44px;
overflow: hidden;
padding: 5px 5px 5px 5px;
width: 100%;
background: #fafafa;
}

.item > .title a:link, .item > .title a:visited {
	color: #5a5a5a;
	text-decoration: none;
}

.item > .counter {
    font-size: 12px;
    color: #5a5a5a;
    text-align: right;
    overflow: hidden;
    margin: 5px 2% 5px;
    width: 50%;
    text-align: left;
	padding-left: 5px;
}


.item > .footer {
	line-height: 32px;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.item > * .price {
	font-size: 1rem;
	box-sizing: border-box;
	padding-left: 5px;
}

.btn-cart-add {
	font-size: 12px;
	padding: 0px 12px;
	/*background-color: #ff9000;*/
	border-radius: 3px;
	text-decoration: none;
	color: white;
	display: block;
	float: right;
	margin: 0px 5px 5px 0px;
}

.btn-cart-add:hover {
	filter: brightness(1.2);
}

.btn-cart-no-add {
	font-size: 12px;
	padding: 0px 12px;
	/*background-color: #ff9000;*/
	border-radius: 3px;
	text-decoration: none;
	display: block;
	float: right;
	margin: 0px 5px 5px 0px;
	pointer-events: none;
	color: white;
}


#category > a:link, #category > a:visited {
	font-size: 14px;
	color: #474747;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 32px;
	width: 95%;
	margin-right: 5%;
	box-sizing: border-box;
	padding: 0px 5px;
	border-left: 3px solid rgba(255,255,255, 0);
	border-radius: 3px;
}

#category > a:hover {
	text-decoration: none;
	color: #ffffff;
}

#front-slider {
	margin: 0px 0px 10px 0px;
	width: 100%;
	float: left;
	display: block;
	overflow: hidden;
}

#front-slider > .oversized {
	float: left;
	display: block;
	width: 200%;
	margin-left: 0%;
}

#front-slider > * .slide {
	width: 50%;
	float: left;
	display: block;
	height: auto;
	background-color: rgba(248, 163, 91,0.2);
}

#front-slider > * .slide > img {
	max-width: 100%;
	float: left;
	display: block;
	min-height: auto;
}

#front-slider > .loading {
	background: #888888 none repeat scroll 0% 0%;
	width: 0%;
	height: 5px;
	display: block;
	opacity: 1;
	overflow: hidden;
}

#recently-items {
    position: relative;
    display: inline-block;
    width: 100%;
   /*
   background: var(--main-bg-color);
   color: white;
   */
}

#recently-items > .item {
	margin-top: 1px;
}

#featured-items > h2,
#recently-items > h2 {
	font-size: 18px;
	font-weight: lighter;
	float: left;
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
	text-align: left;
}

#search-items > h2 {
	font-size: 18px;
	font-weight: lighter;
	float: left;
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
	text-align: left;
}

#link-items {
	font-size: 16px;
	font-weight: lighter;
	float: left;
	width: 100%;
	/*border-bottom: 1px solid #cdcdcd;*/
	padding: 10px 0px 5px 0px;
	margin-left: -10px;
	text-align: right;
	text-decoration: none;
	color: black;
}

.gab-font {
	text-align: center;
	font-size: 14px;
	font-weight: lighter;
	float: left;
	width: 100%;
}

.gab-font-two {
	text-align: left;
	font-size: 14px;
	font-weight: lighter;
	float: left;
	width: 100%;
}

#featured-items-gab > h2 {
	font-size: 18px;
	font-weight: lighter;
	float: left;
	width: 80%;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
	text-align: center;
}

#item-detail > .images, #item-detail > .breakdown {
	float: left;
	display: block;
}

.shopcart-smaction .add, .shopcart-smaction .lessmore {
	float: left;
	display: block;
	margin-top: 10px;
}



#item-detail > * h2 {
	font-size: 2em;
	font-weight: lighter;
	float: left;
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
	text-align: left;
}


#item-detail * .preview {
	text-align: center;
	/*margin: 0 auto; comentado gabriel*/
	border-radius: 5px;
	border: 3px solid rgba(0,0,0,0.05);
	background: rgba(255,255,255,0.6);
	overflow: hidden;
	max-width: 95%;
}

#item-detail * .preview img {
	max-height: 420px;
	max-width: 100%;
	vertical-align: bottom;
}

.shopcart-smaction {
	margin-top: 15px;
	float: left;
	height: auto;
	display: block;
	width: 100%;
	text-align: center;
}

.shopcart-smaction * input[type="text"].counter {
	width: 100%;
	height: 42px;
	background-color: #ffffff;
	/*border: 2px solid #ffffff;*/
	border-radius: 5px;
	box-sizing: border-box;
	padding: 0px;
	font-size: 20px;
	line-height: 42px;
	text-align: center;
}

.shopcart-smaction * .button {
	height: 42px;
	background-color: #f58424; /*ESTE COLOR DEBE CAMBIAR*/
	color: white;
	border: 2px solid #ffffff;
	box-sizing: border-box;
	padding: 0px;
	cursor: pointer;
	font-size: 14px;
}

.shopcart-smaction .add .button {
	border-radius: 5px;
	float: right;
}

.shopcart-smaction .lessmore .button {
	border-radius: 7px; /*antes 24px*/
	width: 100%;

	max-width: 48px;
}


.shopcart-smaction .resume, .shopcart-smaction * .resume {
	height: 24px;
	text-align: center;
	line-height: 24px;
	border: 1px solid #f58424;
	border-radius: 5px;
	margin-top: 10px;
	width: 100%;
	box-sizing: border-box;
}

#cart-header-sum {
	display: inherit;
	position: absolute;
	top: 10px;
	background: #c00000;
	border-radius: 5px;
	float: right;
	width: auto;
	padding: 3px;
}

.loading {
	opacity: 0.5;
}

.phantom {
	opacity: 0;
}

.cart-item {
    box-sizing: border-box;
    /* background: rgba(255, 255, 255, 0.75); */
    padding: 10px;
    margin: 5px 0px;
    width: 100%;
    display: block;
    float: left;
    position: relative;
}

.cart-image {
	max-height: 64px;
}

.cart-item > * .title, .cart-item > * .pxq, .cart-item > * .subto {
	font-size: 14px;
}

.cart-item > * .detail {
	font-size: 12px;
}

.cart-item > * .pxq, .cart-item > * .subto {
	text-align: right;
	font-family: monospace;
}

.cart-delete-item {
	padding: 5px 0px;
	text-decoration: underline;
}

.shade:hover {
	cursor: pointer;
	opacity: 0.5;
}

.button-shopcart {
	width: 40%;
	/* height: 28px; */
	min-height: 28px;
	box-sizing: border-box;
	border: 0px;
	margin: 0px 4% 2px 6%;
	box-shadow: 0px 0px 1px #000;
}

.button-shopcart-exception {
	margin-left: 6%;
}

.exceptionButtonMoreFromCart {
	margin-right: 0;
	float: none !important;
}

.input-counter {
	text-align: center;
	margin-bottom: 5px;
	/*
	width: 90% !important;
	margin-right: 5px;
	*/
}

.h2-msj {
	font-size: 1.4em;
	margin: 10px auto 0px;
	font-style: italic;
	color: rgba(0, 129, 255, 0.75);
	color: rgba(4, 102, 198, 0.8);
	color: rgba(10,103,128,0.9);
	float: left;
	width: 100%;
	font-weight: 400;
	text-shadow: 1px 1px 2px #FFFFFF;
	padding-left: 25px;
}

.void-msj {
	padding-top: 15px;
	margin-bottom: 10px !important;
	border-radius: 5px;
	border-top: 5px solid orange;
	box-shadow: 0px 0px 5px #a49b9b;
	background-color: #e8e1e130;
}

.core-alert {
	padding-top: 15px;
	margin-bottom: 10px !important;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #a49b9b;
	background-color: #e8e1e130;
}

.pay-action-style {
	box-shadow: 0px 0px 3px #1abc9c;
	border-radius: 10px;
	background-color: #fafafa;
	box-sizing: content-box;
	border: 5px solid #1abc9c20;
}

.pay-action-style:hover {
	opacity: 0.8;

}


.btn-style {
	box-shadow: 0px 0px 3px #1abc9c;
	border-radius: 10px;
	background-color: #fafafa;
}

.btn-style :hover {
	opacity: 0.8;

}


/*input[type=text]:not(.mapboxgl-ctrl-geocoder--input), select:not(.mapboxgl-ctrl-geocoder--input), input[type=email]:not(.mapboxgl-ctrl-geocoder--input), input[type=number]:not(.mapboxgl-ctrl-geocoder--input) {*/

input[type=text], select, input[type=email], input[type=number] {
  width: 95%;
  padding: 10px 20px;
  /*margin: 8px 0;*/
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.contener-box {
	background-color: #fafafa;
	height: auto !important;
	border: 1px solid #ccc !important;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 12px;
}

.contener-box-two {
	background-color: #fafafa;
	min-height: 360px;
	border: 1px solid #ccc !important;
	border-radius: 10px;
}

.contener-box-cart {
	background-color: #fafafa;
	height: 360px !important;
	border: 1px solid #ccc !important;
	border-radius: 10px;
}

.user-photo {
	height: 150px;
	border-radius: 106px;
	border: 1px solid #ccc !important;
	width: 154px;
	overflow: hidden;
}

.user-photo > img {
	min-width: 100%
}

.actions-button {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	border: 1px solid #ccc !important;
	float: right;
	margin-right: 5px;
}



.footer-actions {
	text-align: center;
	opacity: 0.4;
}



h3 {
	font-weight: lighter;
    float: left;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
	font-size: 18px;
    width: 100%;
}

.markdown > p {
	width: 98%;
	margin: 10px 1% !important;
	padding: 0px !important;
	display: block;
	float: left;
	text-align: justify;
}

table  {
	background-color: #fbfbfb;
	width: 98%;
	margin: auto 1%;
	border-spacing: 0;
	border-collapse: collapse;
}

table td:nth-child(n) {
    width: 25%;
}

table td {
	border: 1px solid #cccccc;
	padding: 5px;
}

table tr:nth-child(2n) {
    background-color: #f0f0f0;
}

.contractFooter table {
	width: 100%;
	text-align: center;
	font-family: sans-serif, Verdana, tahoma, calibri;
	font-size: 10pt;
}

.contractFooter table th {
	height: 100px;
	padding: 10px;
}

ol { list-style-type: upper-alpha; }

.contractFooter table td {
	width: 50%;
	padding: 10px;
}


/* Style the tab content */


.tabs {
	display: flex;
	flex-wrap: wrap; /* make sure it wraps*/
}
.tabs > label {
	order: 1; /* Put the labels first */
	display: block;
	margin-right: 0.2rem;
	cursor: pointer;
  background: #1ABC9C4F;
  transition: background ease 0.2s;
  box-shadow: 0px 0px 5px #888;
}
.tabs .tab {
  order: 99; /* Put the tabs last */
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 1rem;
  background: #fff;
}
.tabs > input[type="radio"] {
	display: none;
}
.tabs > input[type="radio"]:checked + label {
	background: #fff;
}
.tabs > input[type="radio"]:checked + label + .tab {
	display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    /*order: initial;*/ /* esto tiraba al tab para abajo - dvt 20200722*/
  }

  .tabs label {
  /*  width: 15%;*/ /* 20200722 - dvt - no se que pretenden con esto */
    margin-right: 0;
    margin-top: 0.2rem;
  }
}




/*
   .onoffswitch {
        position: relative;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border-radius: 23px;
    }
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%;  padding: 0; line-height: 100px;
        font-size: 27px; color: white; font-family: Trebuchet, Arial, sans-serif;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "Retiro en Tienda";
        padding-left: 50px;
        background-color: #54B88A8C; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "Despacho a tu Casa";
        padding-right: 50px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px;
    }
*/
.inputGroup {
    background-color: #1ABC9C4F;
  }


.form {
  line-height: 40px;
  padding-top: 6%;
}

.icon-photo {
	height: 47px;
	border-radius: 35px;
	border: 6px solid #ccc !important;
	width: 45%;
	overflow: hidden;
}

.icon-photo > img {
	padding-left: 2px;
	opacity: 0.2;
}

.center {
	margin: -8px auto;
}

.over{background-color:'';}
.over:hover{
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 0px 5px;
	border-radius: 10px;
}


/*MSJ*/
.messageBlock {
	background-color: #fff9;
	position: absolute;
	top: 13%;
	width: 30%;
	height: 40px;
	left: 45%;
	margin-left: -15%;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;
	color: black;
}
/*FIN MSJ*/

#btnDown {
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: #cac5c573;
 	color: white;
 	cursor: pointer;
 	border-radius: 4px;
	height: 45px;
	padding: 0px;
}

#btnUp {
	position: fixed;
	bottom: 75px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: #cac5c573;
 	color: white;
 	cursor: pointer;
 	border-radius: 4px;
	height: 45px;
	padding: 0px;
}

#btnUp:hover {
  background-color: rgba(255,255,255,0.9);
  opacity: 0.9;
}

#btnDown:hover {
  background-color: rgba(255,255,255,0.9);
  opacity: 0.9;
}



/*INICIO - POP-UP DE ITEM*/
.pop-css-desktop {
	position: fixed;
	/*position: absolute;*/
	top: 30%;
	left: 24.6%;
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #464646ab;
	/*z-index: 3;*/
	z-index: 4;
}

.pop-css-phone {
	position: fixed;
	/*position: absolute;*/
	top: 17%; /* 10%*/
	left: 17%;
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #464646ab;
	z-index: 4;
}

.img-pop-desktop {
	width: 100%;
	text-align: center;
}

.close-pop-css-desktop {
	position: absolute;
	left: 93%;
	width: 40px !important;
	height: 40px !important;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 19px;
	cursor: pointer;
	background-color: #8080805e;
	opacity: 0.7;
}

.close-pop-css-phone {
	position: absolute;
	left: 82%;
	width: 40px !important;
	height: 40px !important;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 19px;
	cursor: pointer;
	background-color: #8080805e;
	opacity: 0.7;
}

.img-pop-phone {
	width: 50%;
	padding-left: 25%;
	text-align: center;
	max-height: 250px;
}
/*CIERRE - POP-UP DE ITEM*/



/*TOOLTIP*/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 305px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -360%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 96%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/*FIN TOOLTIP*/



/*TOOLTIP MENU*/
.tooltip-menu {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; */
}

.tooltip-menu .tooltiptext-menu {
  	visibility: hidden;
	background-color: #fff;
	color: #220707;
	text-align: center;
	border-radius: 0px 6px;
	padding: 5px;
	position: fixed;
	z-index: 1;
	box-shadow: 0px 0px 5px #888;
}

.selectedItemMenu {
	color: var(--main-bg-color);
	font-weight: bold;
}

.category-name {
	text-transform: uppercase;
	font-size: 1.2em;
	text-decoration: none;
	color:grey;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.category-name:hover {
	color:grey;
	text-decoration: none;
}



/*FIN TOOLTIP*/

/* // bbv sobreescritura popup comentado para mostrar carro en modal/dialog 2020.05.22 18:50:11 */
/*SOBRE- ESCRITURA POP UP INDEX*/
/*.ui-dialog {
	box-shadow: 0px 0px 5px #3c3b3b !important;
	z-index: 9 !important;
}

.ui-widget-content {
	background: #fff !important;
}
.ui-widget-header {
	filter: invert(100%) !important;
	border: none !important;
	background: none !important;
	color: none !important;
	font-weight: none !important;
}*/
/*FIN SOBRE-ESCRITURA POP UP INDEX*/

/* bbv -- [20200602030514] */
#bg-dialog-cart {
    float: left;
    background: rgba(255,255,255,0.8);
    box-shadow: 0px 0px 5px #888;
}

.bg-dialog-cart-show {
	padding: 20px 5% 20px 5%;
	z-index: 1500;
	margin-top: 64px;
	position: fixed;
	width: 100%
}
.bg-dialog-cart-hide {
	padding: 0px;
	z-index: -500;
	margin-top: 0px;
}

/* bbv -- [20200602030523] */
#bg-dialog-cart-content {
    display: block;
    float: left;
    background: rgb(255, 255, 255);
    width: 90%;
   /* margin: 20px 5%; */
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #eee;
}

.corner-offer {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 75px 75px 0 0;
	border-color: #ee3a3a #0000 transparent transparent;
	position: absolute;
	z-index: 1;
}

.corner-offer-text {
	position: absolute;
	top: -51px;
	transform: rotate(-45deg);
	left: -1px;
	color: white;
	font-weight: bold;
}

/* bbv -- [20200602034633] */
#cart-footer-main {
margin-top: 32px;
background: #fafafa;
min-height: 220px;
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.25) 100%);
font-weight: bold; /* para que resalte la cosa */
}

#cart-footer-title {
	background: #444444;
	box-shadow: 0px 2px 5px #848484;
	margin-bottom: 10px;
}

#cart-footer-title > span.text {
	text-align: center;
	display: block;
	width: 100%;
	float: left;
	color: #fff;
	font-size: 1.15em;
	padding: 10px 0px 10px 0px;
}

#cart-footer-main > * .issue {
	text-align: left;
	font-size: 1.1em;
}

#cart-footer-main > * .issue > a {
	padding: 10px 0px;
	text-decoration: none;
	border-bottom: 1px dashed #baabab;
	width: 100%;
	color: #444444;
	float: left;
	display: block;
	opacity: 0.8;
}

#cart-footer-main > * .issue > a:hover {
	opacity: 1;
}

#cart-footer-disclaimer {
	/*color: #aaaaaa;*/
	color: #ffffff;
	font-size: 1em;
	text-align: justify;
	font-weight: normal;
}

#cart-footer-copyright {
	text-align: center;
	padding: 10px 0px;
	opacity: 0.5;
}

.footer-svg {
	height: 20px;
	width: 20px;
	display: inline;
	opacity: 0.3;
	vertical-align: bottom;
	margin-right: 10px;
}

.cssMenuCategory{
	border-left: 1px solid var(--main-bg-color);
	line-height: 32px;
	min-height: 32px;
	padding-left: 5px;
}

.cssMenuCategoryMore {
	/*border: none;*/
	text-align: right;
}

#navegador {
	border: 1px solid #00569240;
	border-radius: 10px;
}
#navegador li {
    margin: 5px;
}





#borderbox {
	box-sizing: border-box;
}



#originPrice {
	margin: -10px;
	margin-left: 0px;
}

#beforePrice {
	font-size: 12px;
	margin: 0px !important;
	text-decoration: line-through;
	color: red;
}

.item-sku-box{
	width: 100%;
	color: grey;
	padding-left: 10px;
	line-height: 23px;
	text-align: right
}

.items-in-cart {

	color: grey;
	padding-left: 10px;
	line-height: 23px;
	text-align: left;
}

.ojo-mijo {
	border-left: 2px solid #444444;
	padding-left: 4px;
}

.boring-button {
	height: 40px;
}

.h30 {
	height: 30px;
}

.cart-disabled {
	z-index:1;
	opacity: 0.5;
	pointer-events: none;
}


#overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 25; /* 2 Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.overlay-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.overlay-image {
	  width: 50%;
	  height: auto;

    margin-left: auto;
    margin-right: auto;
    display: block;
}

.overlay-loading {
	width: 24px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.amigo {
	margin: 0px auto;
	display: inline-block;
}

.block-center {
	text-align: center;
    margin: auto;
    padding: 10px;
    width: 25%;
	/*border: 1px solid blue;*/
}

.text-piola {
	color: gray;
    font-size: 10px;
}

/** JOIN US - BEGIN */
.join-us {
	display: grid;
	grid-template-areas:
		"name email"
		"footer footer";
	grid-template-columns: 1fr 2fr;

	justify-content: center;
	align-items: center;

	opacity: .9;
	width: 480px;
	margin: auto;
	grid-gap: 10px;
	padding: 10px 0px;
}

.join-us:hover {
	opacity: 1;
}

.join-us > .name {
	grid-area: name;
}

.join-us > .email {
	grid-area: email;
}

.join-us > .footer {
	grid-area: footer;
	display: flex;
	justify-content: space-between;
}

.join-us-input {
	width: 100% !important;
	padding: 10px 5px !important;
}

.join-us-text {
	color: #fff;
	/*font-size: 1.15em;*/
}

@media screen and (max-width: 768px) {
	.join-us {
		display: grid;
		grid-template-areas:
			"name"
			"email"
			"footer";
		grid-template-columns: 1fr;
		align-items: center;
		justify-content: center;
		width: 95%;
	}
}

.view-more {
	display: flex;
	flex-direction: column;
	font-size: 27px;
	justify-content: space-around;
	z-index: 3;
	text-align: center;
}

.link-more {
	font-weight: lighter;
	text-decoration: none;
	color: #808080;
}

/** JOIN US - END */

.container-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.overlay-image {
  /*bottom: 0;*/
  left: 0;
  right: 0;
  /*background-color: var(--main-bg-color);*/
  background-color: white;
  color: var(--main-bg-color);
  text-align: center;
  opacity: 0;
  transition: opacity 0.5s;
  cursor: pointer;
  width: 100%;
  padding: 5px 0px;
  position: absolute;
	height: 100%;
}

.container-image:hover .overlay-image {
	opacity: 1;
}

.washin {
    display: flex;
    align-content: center;
    align-items: center;
	justify-content: center;
    text-align: center;
    flex-direction: column;
    height: 100%;
}

.svg-washin > svg {
	fill: var(--main-bg-color);
}
.svg-washin-eye > svg {
	fill: var(--main-bg-color);
	width: 24px;
	cursor: pointer;
}

/** whatsapp **/

#floating-whatsapp {
	z-index: 99;
	display: block;
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 64px;
	height: 64px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	box-shadow: 0px 0px 10px #5b5b5b;
	opacity: 0.9;
}

#floating-whatsapp:hover {
	opacity: 1;
	box-shadow: 0px 0px 10px #19a80d;
	background-color: rgba(255, 255, 255, 0.75);
}

/* desk */
@media screen and (min-width: 1000px) {
	.whatsapp-phone {
		display: none;
	}
}

/* mobile */
@media screen and (max-width: 999px) {
	.whatsapp-web {
		display: none;
	}

	#floating-whatsapp {
		bottom: 15px;
		left: 15px;
		width: 48px;
		height: 48px;
	}
}

.floating-whatsapp-icon {
	width: 100%;
	height: 100%;
	float: left;
	display: block;
}
/** whatsapp **/


.isRecently {
	min-height: auto;

}




@media (max-width:768px) {
	.search-header {
		height: 36px !important;
	}

	#search-box-image {
		width: 28px !important;
	}

	#search-close {
		font-size: 12px !important;
	}
}

/** search overlay **/
#search-overlay {
	position: fixed;
	inset: 0;

	z-index: 999999;

	background: #fff;

	display: flex;
	flex-direction: column;

	transform: translateY(100%);
	transition: transform .25s ease;

	opacity: 0;
}

#search-overlay.active {
	transform: translateY(0);
	opacity: 1;
}

/* HEADER */
.search-header {
	height: 60px;

	border-bottom: 1px solid #ddd;

	display: flex;
	align-items: center;

	padding: 0 16px;

	flex-shrink: 0;

	background: #fff;
	justify-content: space-between;
}

#search-close {
	border: 0;
	background: transparent;

	font-size: 16px;
	cursor: pointer;
}

#search-box-image {
	width: 48px;
}

/* BODY */
.search-body {
	flex: 1;
	min-height: 0;
}

/* IFRAME */
#search-frame {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}