@import url('https://fonts.googleapis.com/css?family=Nunito:300,400');
*{color:black; font-family:"Nunito"; box-sizing:border-box; }
a{ text-decoration:none; transition:.2s; display:block}
div{ text-align:center}
img{ border:0}
body{ /*background-image:linear-gradient(to top, #fff 80%, #a8e6ff 88%, var(--color1) 97%);*/
background-color:#eee}
body,ul{margin:0; padding:0}
li{list-style:none}

:root {
	--color1: #ff81b2;
	--color2: #ff4a91;
	--color3: #fd3684;
	--colorLight1: #FFCFE1;

}

input, select, textarea{border-radius:5px; outline:none; border:solid 1px transparent; box-shadow:0 0 3px 1px rgba(0,0,0,.2); padding:10px 5px; color:black !important;}
option{color:black !important; margin:7px 0;}
textarea{ height:auto !important; resize:vertical;}
input[type="checkbox"]{ border:none; box-shadow:none; display: inline-block !important; width: auto !important;  }
input[type="button"],input[type="submit"]{ background-color: var(--color1); color:black !important; border:none; padding:11px 30px}
*::selection{background-color:var(--colorLight1); color:white}
input:focus, select:focus, textarea:focus{ background-color:#fff; border-color: var(--color1);  }

input[type="button"]:focus,input[type="submit"]:focus, input[type="button"]:hover,input[type="submit"]:hover{background-color:var(--color2);}
input[type="button"]:active,input[type="submit"]:active{background-color:var(--color3); box-shadow:0 0 2px 2px rgba(0,0,0,.2)}

.clear{ clear:both}
.clearMovil{ clear:none}

.footer{ width:100%; margin-bottom:0; background-color:#000; text-align:center; margin-top:30px}

.cintaTop{width: 100%; font-size: 14px; padding: 4px 0; background-color: white; border-bottom: solid 1px #ccc;}
.cintaTop a{text-decoration: none; display: inline-block; color: #444; transition: .3s}
.cintaTop a:hover{color:#000; text-decoration: underline}
.cintaTop b{margin: 0 10px}
.cintaTopLeft{float: left; width:50%; text-align:center}
.cintaTopRight{float:right; width:50%; text-align:center}


.cinta_head{ width:100%; height:120px; margin:0; padding:0; position:relative; z-index:1000; background-color:#fff; }
.head_title1{ width:70%; margin:0; float:left; text-align:left}
.head_title2{ width:30%; margin:0; float:right; padding-right:20px; text-align:right; height:70px; padding-top: 25px;}
.head_item1{user-select:none; display:inline-block; height:30px; line-height:30px; padding:15px 0; margin-left:5px; font-size:13px}
.head_item1 a{ padding:5px 7px; display:block; border-radius:8px; color:black}
.head_item1 a:hover{background-color:rgba(255,255,255,.9); -webkit-column-rule: var(--color2);
-moz-column-rule: var(--color2);
-o-column-rule: var(--color2);
column-rule: var(--color2);}
.mailRegistrado a{font-weight:normal; opacity:.7; margin-right:7px; color:black}
.mailRegistrado:hover{ background-color:transparent; color:white; }

.head_logo{ width:100%; margin:0; padding:0; text-align:left; height:60px; background-image:linear-gradient(to top, white -15%, #c4eeff 10% , var(--color1) 150%)}

.cont_logo{ width:25%; float:left; padding:0 8px; height:120px; }
.cont_logo img{ max-width:100%; max-height:120px; padding:5px 0; transition:.15s}

.form_search{ width:75%; float:left; height:120px; display:table; font-size:0}
.form_search form{display:table-cell; vertical-align:middle; position: relative; width: 87%;}
.form_search form input[type="submit"]{padding: 10px 22px !important;
    border-radius: 0 25px 25px 0;
    height: 44px;
    background-color: transparent;
    background-image: url(../img/ic_search_2.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 2px solid var(--color3);
    border-left: none;
	position: absolute;
    left: 85%;
    top: 38px;
    width: 10%;
}
.form_search form input[type="submit"]:hover{background-color:#000}
.form_search form input[type="text"]{border: solid 2px var(--color3);
    border-right: none;
    width: 50%;
    border-radius: 25px 0 0 25px;
    padding: 10px !important;
    height: 44px;}
.form_search form input, .form_search form select{ font-size:15px; border-radius:0; box-shadow:none; border:none; position: absolute; left: 0; top: 38px;}
.form_search form select{font-size: 14px;
padding: 11px 10px 10px 10px;
border-top: 2px solid var(--color3);
border-bottom: 2px solid var(--color3);
background-color: white;
height: 44px; 
position: absolute;
    left: 50%;
    top: 38px;
    width: 35%;
}

.banner_ofertas_head{ width:25%; float:left; height:70px; }
.banner_ofertas_head img{ max-width:90%; margin:0 5%; height:70px; padding:7px 0}


#menu_movil{ display:none}
#menu_resp{ display:none}

.menu{ display:block; background-color:var(--color1); font-size:0px; width:100%; box-shadow:0 2px 4px 2px rgba(0,0,0,.3); }
.menu>nav>ul>li{ display:inline-block; font-size:14px; white-space:normal; position:relative;}
.menu>nav>ul>li>a{min-width:100px; padding:14px 10px 12px 10px; display:block; border-bottom:solid 3px transparent; color:black}
.menu>nav>ul>li>a:hover{ background-color:black; color:#fff;}
.menu>nav>ul>li:hover > ul{ display:block}
.menu_selected{border-bottom:solid 3px white !important; background-color: rgba(204, 138, 3, 0.73);}
.menu_selected:hover{}

.submenu{ display:none; font-size:0px; position:absolute; top:45px; left:0; z-index:3000; padding-top:15px }
.submenu .triang{width:0; height:0; border-style: solid; border-width: 0 15px 15px 15px;  border-color: transparent transparent var(--color1) transparent; top:0px; right:0; left:20px; position:absolute; z-index:4002}
.submenu>li{ display:inline-block; font-size:14px; white-space:normal; width:250px; background-color:var(--color1);}
.submenu>li>a{padding:10px 0; color:black; display:block !important; width:100%; }
.submenu>li>a:hover{background-color:black; color:#fff;}


.cart{position:relative; padding-left:50px !important; background-color:#000; color: white !important;}
.cart *{color:white}
.cart:hover{box-shadow:0 3px 5px 3px rgba(0,0,0,.3); background-color:#000 !important;}
.cart img{vertical-align:bottom; width:25px; position:absolute; left:16px; top:11px}

.productos{display:block; width:80%; margin:30px 10%; padding:4px; background-color:transparent; }

.item_producto{ float:left; height: 440px; width:30.33%; margin:20px 1.5%; padding: 5px 15px; position:relative; background-color:#fff; transition:none; box-shadow: 0 0 5px 3px rgba(0,0,0,.2);}
.item_producto:hover{box-shadow:0 25px 20px 18px rgba(0,0,0,.16), 0 -1px 18px 6px rgba(0,0,0,.1); background-color:#efefef}



.item_producto h2{font-size:15px; min-height:50px; max-height:50px; overflow:hidden; margin-top: 10px; margin-bottom: 10px; text-align: left; font-weight: normal;}

.item_producto .nombreProd{font-size:15px; min-height:50px; max-height:60px; overflow:hidden; margin-top: 10px; margin-bottom: 10px; text-align: left; font-weight: normal; display: none}

.item_producto .divPrecioViejo{display: block; text-align: left; padding-top: 20px;}
.item_producto .divPrecioViejo span{margin-left: 10px; color:#00a650; font-weight: normal; display: inline-block; font-size: 16px;}

.item_producto .divImgIndex{width: 100%; height: 231px; border-bottom: 1px solid #ccc; background-color: white }
.item_producto img{ width:100%; margin:0; height:230px; object-fit:contain}
.item_producto p{font-size:14px; width:90%; margin:-10px 5% 0 5%; min-height:50px; max-height:50px; overflow:hidden; text-align:justify;}
.item_producto h1{font-size:22px; display:block; text-align: left}
.item_producto h1 span{margin-left: 10px; color:#00a650; font-weight: normal; font-size: 15px; display: none}
.item_producto i{font-size:15px; font-style:normal; display:inline-block; position:relative;}
.item_producto i::after{content:''; position:absolute; top:55%; left:0; right:0; border-bottom:1px solid #9E9E9E}
.item_producto b{font-size:18px; display:block; margin:0; margin-top:-15px; min-height:45px !important;}

.trapecio{width:140px; position:absolute; height:0px; border-right:30px solid transparent; border-left:30px solid transparent; border-bottom:30px solid #388E3C; transform:rotate(-45deg); line-height:30px; top:24px; left:-32px; z-index:1000; color:white}

.sinStock{position: absolute; top: 185px; width: 90%; margin-left: 5%; left:0; background-color: #fab901; padding: 3px}
.sinStock span{display: inline-block; font-size: 13px; width: 100%; background-color: transparent; border:solid 2px black; border-radius: 5px; font-weight: bold; padding: 10px 5px;}

.envioGratis{text-align: left; display: block}
.envioGratis span{display: inline-block; font-size: 16px; background-color: transparent; border:none; border-radius: 5px; font-weight: normal; padding: 0px 5px; color: #00a650; }
.envioGratis span img{vertical-align: middle; width: 23px; height: 23px; margin:0 5px 0 0}


.descuento2{position: absolute; top: 7px; right: 7px; background-color: var(--color1); padding: 1px; display: none;}
.descuento2 span{display: inline-block; font-size: 15px; background-color: #000; border: solid 2px var(--color1); border-radius: 5px; font-weight: bolder; padding: 5px 17px; color: var(--color1); min-height: 27px;}
.descuento2 span img{vertical-align: middle; width: 23px; height: 23px; margin:0 5px 0 0}


.item_producto .new{ position:absolute; z-index:10; right:5px; top:5px; height:50px; width:50px; background-color:var(--color1); font-size:12px; line-height:52px; border-radius:100%; box-shadow:2px 2px 4px 2px rgba(0,0,0,.4); transform:rotate(-15deg); color:black}

.item_producto .add_cart{ background-color:var(--color1); font-size:14px; width:100%; margin:8px 0; border-radius:5px; padding:13px 20px; text-transform:uppercase; user-select:none; display:block; color:black}

.pasos_compra{ width:100%; display:none;}
.pasos_compra img{ width:100%; height:auto}

.footer1 a:hover{ text-decoration:underline}
.footer1{line-height:30px; padding-bottom:50px}
.footer1 h2{ text-decoration:underline; font-size:20px; font-weight:normal;}

.footer_contacto{ width:30%; margin-left:15%; float:left}
.footer_contacto img{ width:22px; vertical-align:text-bottom; margin-right:10px}
.footer_contacto>div{ text-align:left; padding-left:30px; }
.footer_contacto div a{ display:inline-block}


.banner1{background-color: #222; padding: 60px 30px; padding-top: 85px;}
.sectionBanner1{float: left; margin:0 2%; position: relative; background-color: #000; width: 29.33%; padding:40px 70px; border-radius: 10px; font-size: 24px;}
.contIconBanner1{position: absolute; background-color: var(--color1); width: 50px; height: 50px; border-radius: 100%; top: -25px; left: 50%; margin-left: -25px;}
.contIconBanner1 img{position: absolute; width: 30px; top: 10px; left:10px}
.textoBanner1{text-align: center; color:white}


.footer_susc{background-color:var(--color1); padding: 20px 0;}
.footer_susc h1{font-size:22px; font-weight:bolder; text-align: right; margin: 0; display: inline-block; padding-right: 20px; padding-top: 5px;}
.footer_susc h1 img{width: 30px; vertical-align: middle; margin-right: 7px;}
.footer_susc h1 span{font-size:18px; font-weight:normal; }
.footer_susc form{text-align: left; display: inline-block;}
.footer_susc input[type="email"]{width:300px}
.footer_susc input[type="submit"]{background-color: black !important; color: white !important}
.footer_categorias{ width:20%; float:left}

.footer_perfil{ width:20%; margin-right:15%; float:left}
.footer_perfil a{ cursor:pointer}

.footer2{ padding:25px 0; color:white !important}




/*----------------------------- DETALLE PRODUCTO FULL -----------------------*/

.item_producto_full{ width:90%; margin:30px 5% ; padding:40px 20px; background-color:white; box-shadow:0 0 6px 2px rgba(0,0,0,.1)}
.item_producto_full *{ color:#333}
.item_producto_full .submenu_prod_full{ width:40%; padding:10px; text-align:left; margin-top:20px; padding-left:20px; float:left}
.item_producto_full .submenu_prod_full a{ padding:5px 12px; margin:3px; display:inline-block; font-size:17px; border-radius:8px; background-color:var(--color1); color:white !important}
.item_producto_full .submenu_prod_full a:hover{ text-decoration:underline; }
.item_producto_full .share{ width:100%; text-align:center; float:none; padding: 40px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.item_producto_full .share span{ padding:5px 0; margin:3px 0; display:inline-block; font-size:17px; font-weight:bolder; padding-right:15px}
.item_producto_full .share a{display:inline-block; margin:0 10px; width: 40px; height: 40px;}
.item_producto_full .share a img{ width:40px; padding:5px; transition:all .2s ease; margin:0; vertical-align:text-bottom; margin-bottom:-10px; user-select:none; }
.item_producto_full .share a img:hover{ width:40px; padding:0; }

.item_producto_full .share #favorito{cursor:pointer;}
.item_producto_full .share .imgFav {padding:0 !important; filter: grayscale(0%) !important}
.item_producto_full .share .separador{border-left:solid 2px darkmagenta; margin:auto 7px}

.item_producto_full .datos_producto{width:35%; margin:0; float: right;}

.item_producto_full h2{font-size:27px; font-weight: normal; width:90%; margin:0; margin-bottom:10px; float: left; text-align: left; line-height: 1; }
.item_producto_full .imgs_prod{ width:65%; float:left; padding-right:20px}
.item_producto_full .imgs_prod>img{ width:85%; height:400px; object-fit:contain; margin:0; border:1px solid #ddd}
.item_producto_full .imgs_prod>img:hover{cursor:zoom-in}
.item_producto_full .mas_imgs{ width:13%; margin:0; float:left}
.item_producto_full .mas_imgs>.divImg{ width:98%; height: 70px; margin:3px 2% 0 0; border:solid 1px #ddd; cursor:pointer}
.item_producto_full .mas_imgs>.divImg>img{ width:100%; height: 68px; object-fit:contain; }
.item_producto_full p{font-size: 20px; margin: 0; margin-top: 30px; margin-left: 5%; width: 90%; padding: 30px; text-align: left; font-weight: lighter; line-height: 1.5; word-break: break-word;}
.item_producto_full h1{font-size:40px; margin:0; margin-top: -5px; font-weight: lighter; float: left}
.item_producto_full i{font-size:20px; font-style:normal; display:inline-block; position:relative; color:gray !important; margin-top: 5px;}
.item_producto_full i::after{content:''; position:absolute; top:55%; left:0; right:0; border-bottom:1px solid gray}

.item_producto_full .descuentoProductoFull{margin-left: 10px; color:#00a650; font-weight: normal; display: inline-block; font-size: 20px; position: relative; top: -5px; left: 10px;}

.item_producto_full b{font-size:18px; display:block; margin:0; margin-top:-10px; margin-bottom:15px; }

.item_producto_full .flags{height:40px; width:100%; padding-top:10px;}
.item_producto_full .descuento{display:inline-block; color:black !important; margin:0 25px 0 10px; vertical-align:central; font-size:17px; font-weight:bolder; padding:4px 13px; border-radius:7px; border:solid 2px var(--color1); background-color: var(--color1)}

.item_producto_full .new{height:30px; width:90px; background-color:var(--color1); font-size:14px; line-height:30px; border-radius:7px; display:inline-block; color:black; margin-left:10px; vertical-align:text-bottom}

.item_producto_full #form_prod{text-align: left; margin-top: 2px;}

.item_producto_full .add_cart{ background-color:var(--color2); font-size: 14px; width: 65%; margin: 10px 25% 40px 5%; border-radius:5px; padding:14px 0; text-transform:uppercase; cursor:pointer; user-select:none; display:block; border: none; outline:none; color:#fff;  }
.item_producto_full .add_cart:hover{background-color:var(--color3)}
.item_producto_full .add_cart:active{background-color:var(--color3); box-shadow:0 2px 4px 2px rgba(0,0,0,.4)}
.item_producto_full input{ width:90px; padding-left:0; font-size:18px; text-align:center; border: solid 1px #ddd; box-shadow: 0 0 6px 1px rgba(0,0,0,.1);}

.variantes{display:block; margin:20px 0 10px 0; padding:18px 10px; border-radius:10px; }
.itemVariantes{float:left; width:106px; height:106px; position:relative; border:solid 3px transparent; margin:0 2px 20px 2px; cursor:pointer; border-radius: 20px; transition: .3s; transform: scale(.8);}
.contImgVariante{width:100px; height: 100px;}
.contImgVariante img{width:100px; height: 100px; object-fit: contain; border-radius: 20px;  }
.colorVarianteProd{width: 100%; height: 100%; border-radius: 18px; padding: 0px;}

.selectedVariante{ border:solid 3px var(--color3); transform: scale(1); z-index: 100}
.itemVariantes .nombre_variante{width:100%; height:15px; border-radius:5px 5px 0 0; font-size:12px; letter-spacing:normal; position:absolute; bottom:-20px; left:0; color:black !important}


.ratingActual{ display:block; font-size:0px; margin-top:15px; position:relative; text-align:left; padding-left:20px; float:left; width:25%;}
.ratingActual span{font-size:50px; color:darkgoldenrod; margin-right:10px; font-weight: 300}
.ratingActual div{font-size:14px; display: inline-block; margin-left:-90px; font-weight: 400; letter-spacing: normal !important}
.ratingActual .star{ display:inline-block; opacity:.3; width:18px; vertical-align:top; margin-top: 10px}
.ratingActual .starMark{ opacity:1 !important}
.ratingActual b{padding: 5px 10px; margin: 0; position: absolute; bottom: 10px; right: 10px; font-size:18px; cursor: pointer; color:darkgoldenrod;}
.ratingActual b:hover{  text-decoration: underline}



.rating{font-size:0px; padding:20px 0 20px 0; position: relative; float:left; width: 25%;}
.rating span{ display:inline-block; font-size:16px; padding-top:5px; padding-right:10px; }
.rating .star{ display:inline-block; width:30px; cursor:pointer; transition:.2s; vertical-align:top; }
.rating .starSelected{}
.rating em{ font-size: 14px; display:block; font-style: normal; margin-top:7px; font-weight: 400; letter-spacing: normal !important}

.productoFavorito{text-align: right; margin-bottom: 20px; float: left; width: 10%}

.productoFavorito img{ cursor: pointer; width: 30px; margin-right: 0px; margin-top: -19px;}




.selectorVar{border-radius: 10px; padding: 10px; color: #444; font-weight: bold; text-align: center; position: relative; border:solid 1px #ccc; cursor: pointer; user-select: none;  }
#imgSelectorVar{position: absolute; right: 10px; top: 8px; transform: rotate(90deg); width: 26px; height: 26px; transition: .15s; }
.flechaGirada{transform: rotate(-90deg) !important; }

.listaVar{border-radius: 5px; border: 1px #E0E0E0 solid; max-height: 330px; overflow-y: scroll; display: none; }
.itemListaVar{padding: 9px; border-bottom: 1px #E0E0E0 solid; }
.itemListaVar:last-child{border-bottom: none; }
.picItemVar{width: 9%; height: 31px; float: left; border-radius: 4px; }
.picItemVar img{width: 100%; height: 100%; object-fit: contain; }
.nombreItemVar{float:left; font-size: 15px; font-weight: bold; width: 55%; padding: 5px 20px; text-align: left; }
.menosItemVar{float:left; font-weight: bold; background-color: #F5F3DE; text-align: center; width: 10%; padding: 4px 0; cursor: pointer; user-select: none; }
.cantItemVar{float:left; font-weight: bold; text-align: center; width: 16% !important; padding: 2px 0; user-select: none; border: solid 1px #efefef !important; box-shadow: none !important; border-radius: 0;  }
.masItemVar{float:left; font-weight: bold; background-color: #F5F3DE; text-align: center; width: 10%; padding: 4px 0; cursor: pointer; user-select: none; }

.cantItemVar::-webkit-outer-spin-button,
.cantItemVar::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.cantItemVar{-moz-appearance: textfield;}



/*----------------------------- ***FINAL*** ---  DETALLE PRODUCTO FULL -----------------------*/



.nombres_cat{ width:90%; margin:0 5%; padding-top:35px; font-size:22px; text-align:center; color:var(--color1); display:none}


.banner_ofertas{ width:100%; display:block; padding:15px 0; font-size:60px; background-color:orangered}

.toast{color:white; padding:20px 40px; display:none; position:fixed; top:70px; box-shadow:0 5px 10px 5px rgba(0,0,0,.4); border-radius:20px; width:400px; left:50%; margin-left:-200px; z-index:10000}

.carrito{width:94%; margin:30px 3%; padding:30px 30px; text-align:center; background-color: #f7f7f7; border-radius: 20px; box-shadow: 0 5px 7px 3px #ccc;}
.carrito *{color:#333}

.titulo_carrito{ font-size:30px; padding-top:35px; color:#333}
.item_carrito{width:100%; margin-left:0; height:auto; border-bottom:solid 1px #b5b5b5; box-sizing:content-box; position: relative}
.delete_item_cart{cursor:pointer; position: absolute; bottom: 10px; right: auto; left: 16%; font-size: 14px; color: #2967B0; }
.delete_item_cart:hover{text-decoration: underline }
.item_carrito:first-child{border-top:solid 1px #ddd}
.item_carrito .img_cart{ width:10%; float:left; }
.item_carrito img{ width:100%; max-height:100px; object-fit:contain; }
.item_carrito .nombre_cart{ width:47%; float:left; text-align:left; padding-left:10px; display:flex; justify-content:center; align-content:center; flex-direction:column; height:50px; padding-top: 50px;}
.item_carrito .nombre_cart a{color:#333}
.item_carrito .nombre_cart a:hover{ color:#000; text-decoration:underline}

.item_carrito .variante_cart{ width:10%; float:left; text-align:left; padding-left:10px; display:flex; justify-content:center; align-content:center; flex-direction:column; height:50px; padding-top: 50px;}
.item_carrito .variante_cart select{}

.item_carrito .cantidad_cart{ width:5%; float:left; height:50px; display:flex; justify-content:center; align-content:center; flex-direction:column; text-align: right; padding-top: 50px;}
.item_carrito .precio_cart{ width:10%; float:left; height:50px; display:flex; justify-content:center; align-content:center; flex-direction:column; text-align:right; padding-top: 50px;}
.item_carrito .subt_cart{ width:15%; float:left; height:50px; display:flex; justify-content:center; align-content:center; flex-direction:column; text-align:right; padding-right:0; padding-top: 50px; font-size: 19px; font-weight: bolder;}
.item_carrito .delete_item_cart{ width:5%; float:left; height:50px; display: block; justify-content:center; align-content:center; flex-direction:column; cursor:pointer; padding-top: 35px;}
.item_carrito .delete_item_cart img{ width:30px;}

.carrito .total_cart{width:100%; margin-left:0; text-align:right; padding:20px; font-size:28px; background-color:#e9e9e9; color:black !important; font-weight:bolder}
.carrito .envio_cart{padding:10px; background-color:transparent;}
.carrito .total_cart span{font-size:18px; background-color:transparent; color:#333 !important; font-weight:lighter; width: 75%; text-align: right; float: left; line-height: 32px;}
.carrito .total_cart b{width: 30%; text-align: right}
.carrito .envio_cart b{font-weight: normal; font-size:22px; padding-right: 10px; }

.carrito .buttons{width:100%; margin-left:0; text-align:right;}
.carrito .buttons .button_cart{ background-color:DodgerBlue; padding:15px 45px; border-radius:5px; box-shadow:0 0 4px 1px slategray; border:none; outline:none; margin:20px 0 20px 23px; font-size:15px; position:relative; cursor:pointer; user-select:none; color:white}
.carrito .buttons .button_cart:hover{ background-color:#116cc4}
.carrito .buttons .button_cart:active{background-color:#013970; box-shadow:0 2px 5px 3px slategray;}

.carrito .buttons .button_cart b{ position:absolute; top:10px; display: none}
.carrito .buttons .next_cart b{right:12px;}
.carrito .buttons img{ width:30px; height:30px}

.carrito .buttons .prev_cart{padding:10px 20px 10px 62px;}
.carrito .buttons .prev_cart b{left:12px;}


.headCarrito{ text-align: left; height: 80px; width: 100%; padding:10px 20px; background-color: var(--color1)}
.headCarrito img{margin-left: 130px; height: 60px; width:auto;}



#pagar{ background-color:#fff; width:70%; margin-left:15%; padding:20px 0; border-radius:4px; }
#form_pay fieldset label{ display:block; margin-bottom:15px; position:relative}
#form_pay fieldset legend{ }
.carrito #form_pay{width:100%; margin-left:0%; padding:10px 10%;}
.carrito input[type="text"]{width:60%}

.carrito input[type="radio"]{box-shadow:none; padding:3px; margin:0; margin-right:8px; width:20px; height:20px; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-clip:content-box; border:2px solid #444; background-color:#e7e6e7; border-radius:50%; transition:.3s}
.carrito input[type="radio"]:checked{background-color:#000;}

.carrito fieldset{ border-radius:10px; text-align:left; width:70%; margin:30px 15% 10px 15%; padding-bottom:26px; border:solid 2px #000}
#img_mp{ max-width:230px; position:absolute; top:0; margin-left:10px}
.total_pay{width:90%; margin-left:5%; text-align:center; padding:30px 20px 10px 0; font-size:20px; color:black !important}
#pagar .buttons{ text-align:center} 
.total_pay b{ color:#000; font-size:28px}

/*----------------------    items productos en buscar------------------*/


#result_buscar{display:block; width:80%; margin:30px 10%; padding:20px; background-color:white; box-shadow:0 0 3px 2px rgba(0,0,0,.3)}


.item_producto_buscar{width:100%; margin:0; padding:20px 35px; border-bottom:dotted 1px gray;}
.item_producto_buscar *{color:#555}
.item_producto_buscar:hover{background-color:#eee}
.item_producto_buscar:hover em, .item_producto_buscar:hover h1, .item_producto_buscar:hover h2{color:#000 !important}

.item_producto_buscar:last-child{ margin-bottom:0px}
.item_producto_buscar .datos_producto{width:80%; margin:0; float:right; text-align:left}

.label_buscar{width:90%; margin:0 5%; padding-top:45px; font-size:24px; text-align:center; color:#000}

.item_producto_buscar h2{font-size:20px; width:100%; margin:0; text-align:left}
.item_producto_buscar .imgs_prod{ width:20%; float:left; padding-right:20px;}
.item_producto_buscar .imgs_prod>img{ width:120px; height:120px; object-fit:cover; margin:0; padding:3px}
.item_producto_buscar em{font-size:14px; margin:0; margin-top:8px; width:100%; text-align:justify; display:block; max-height:70px; overflow:hidden}
.item_producto_buscar h1{font-size:22px; display:inline-block;}
.item_producto_buscar i{font-size:18px; font-style:normal; display:inline-block; position:relative}
.item_producto_buscar i::after{content:''; position:absolute; top:55%; left:0; right:0; border-bottom:1px solid #555}
.item_producto_buscar b{font-size:16px; display:block; margin:0; margin-bottom:2px;}

.item_producto_buscar .descuento{background-color:transparent; font-size:20px; line-height:25px; border:none; display:inline-block; margin:0 35px; color:green}

.item_producto_buscar .new{height:25px; width:90px; background-color:var(--color1); font-size:14px; line-height:25px; border-radius:5px; display:inline-block; text-align:center; margin-left:15px; color:black !important; vertical-align: text-top}

.botonBuscarMas{padding:15px; background-color:var(--color1); width: 300px; margin: 0px 28% 20px auto; border-radius:5px; cursor:pointer; user-select:none; color:black !important; text-transform:uppercase; font-size:20px; }
.botonBuscarMas:hover{background-color:var(--color2)}
.finBusquedas{background-color:transparent; cursor:default; width: 300px; margin: 0px 28% 20px auto; font-size:20px; color:black !important}



/*----------------------   final items productos en buscar------------------*/




/*----------------------    items productos en SUGERIDOS------------------*/

#sugeridos{ margin:30px 0; box-shadow:none; border-top:solid 3px var(--color1); padding:30px; width:100% !important; }
.item_producto_sug{width:70%; margin:0 15%; padding:20px 15px; border-bottom:1px solid #ccc; float:left; background-color:#fff}
.item_producto_sug:hover{background-color: #e7e7e7}
.item_producto_sug:hover h2, .item_producto_sug:hover h1{color:black}
.item_producto_sug:first-child{border-top:0px solid #ccc;}
.item_producto_sug:last-child{ margin-bottom:0px}
.item_producto_sug .datos_producto{width:80%; margin:0; float:right; text-align:left}

.item_producto_sug h2{font-size:20px; width:100%; margin:0; text-align:left; color:#444}
.item_producto_sug .imgs_prod{ width:20%; float:left; padding-right:20px;}
.item_producto_sug .imgs_prod>img{ width:90px; height:90px; object-fit:cover; margin:0; padding:3px}
.item_producto_sug em{font-size:14px; margin:0; width:100%; text-align:justify; display:block;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#444;}
.item_producto_sug h1{font-size:22px; display:inline-block; color:#444;}
.item_producto_sug i{font-size:18px; font-style:normal; display:inline-block; position:relative}
.item_producto_sug i::after{content:''; position:absolute; top:55%; left:0; right:0; border-bottom:1px solid gray}

.item_producto_sug .flags{height:40px; padding:0 30px; display:inline-block; text-align:left}
.item_producto_sug .descuento{height:25px; min-width:90px; background-color: transparent; font-size:20px; line-height:25px; border:none; display:inline-block }

.item_producto_sug .new{height:25px; width:90px; background-color:#e07f08; font-size:14px; line-height:25px; border-radius:5px; display:inline-block}


/*----------------------   final items productos en sugeridos------------------*/



.titulo_registro{font-size:25px; margin-bottom:15px}
.registro{ width:60%; margin:30px 20%; padding:30px; text-align:center; background-color: transparent; box-shadow: none;}
.registro *{color:#333}
.registro form{ width:100%; margin-left:0; left:0; position:relative; padding: 0 5% 50px;}
.registro input, .registro textarea, .registro select{ display:block; margin-top: 3px; width: 100%; float: left; border-radius: 3px; font-size: 16px; color: #222;}
.registro textarea{ height:200px !important; }
.selectAngosto{ width:30% !important; margin-right:30% !important}
.selectAngostoX{ width:15% !important; margin-right:45% !important}
.registro label{ display:block; margin-top:20px; width:100%; float:left; text-align: left; padding-right:10px; transition:.15s !important; font-size: 12px; color: #333 !important;}
.registro input[type="submit"]{ float:none; margin:20px 0 50px 50%; padding: 10px; height: auto; cursor: pointer; width: max-content;}
.registro label a{ display:block;}
.registro label a:hover{text-decoration:underline; color:orangered !important}
.registro .olvide, .registro .soy_nuevo { text-align: center; width: 50%; padding: 10px 0;}
.registro .lbl_recover{text-align:center; width:90%; padding:10px 0}

/* ------------------------------------*/

.container_micuenta{ padding:15px 20px 50px 20px; width: 80%; margin: 20px 10%; }
.container_micuenta *{ color:#000}
.container_micuenta .titulo{margin-bottom:20px; font-size:28px;}
.container_micuenta .accesos{width:100%; padding:10px 0 30px 0; text-align:center}
.container_micuenta .accesos a{background-color:slategray; margin:10px 4px; font-size: 14px; letter-spacing:normal; border-radius:5px; box-shadow:0 0 5px 2px #ccc; padding:10px 15px; width:250px; display:inline-block; color:white}
.container_micuenta .accesos a:hover{background-color:darkslategray; box-shadow:0 3px 6px 2px #c4c4c4;}

.container_micuenta .compras{ width:100%; padding:20px; background-color: white}
.container_micuenta .compras .item_compras{ width:100%; border:solid 2px var(--color1); padding:30px; display:block; margin: 30px 0}

.container_micuenta .compras .headCompras{background-color: var(--color1)}
.container_micuenta .compras .headCompras div{font-size: 15px}
.container_micuenta .compras .item_compras div{letter-spacing: normal; font-size: 14px; text-align: left}
.container_micuenta .compras .item_compras .fecha{width:100%; display:block; padding: 10px; font-size:17px }
.container_micuenta .compras .item_compras .total{width:100%; display:block; padding: 10px; font-size:17px }
.container_micuenta .compras .item_compras .estado{width:100%; display:block; padding: 10px; font-size:17px }
.container_micuenta .compras .item_compras .forma_pago{width:100%; display:block; padding: 10px; font-size:17px }
.container_micuenta .compras .item_compras .estado_pago{width:100%; display:block; padding: 10px; font-size:17px }

.itemCompraSelected{
	background-color:#FFFCE8; margin: 30px 0; box-shadow: 0 0 15px 7px #F8EA75; border:solid 3px var(--color1);
}

.container_micuenta #favoritos{ margin-top:30px; padding-top:20px; display:none; width:100%; background-color: white}
.container_micuenta .misFav:first-child{border-top:1px solid #ccc;}
.container_micuenta .misFav{width:100%; margin:0; }
.container_micuenta .misFav:hover{background-color:#e7e7e7; }
.container_micuenta .misFav a{ color:darkred !important}
.container_micuenta .misFav a h1{ color:black !important}
.container_micuenta .misFav a:hover{ text-decoration:underline}
.container_micuenta .misFav > .datos_producto{position:relative}
.container_micuenta .misFav > .datos_producto > img{position:absolute; bottom:5px; right:5px; width:30px; cursor:pointer;}
.container_micuenta .misFav img{ max-width:100px;}

.container_micuenta #datosBanco{ width:100%; margin:30px 0; box-shadow:0 0 8px 3px #c1bfbf; padding:50px 0; display:none; background-image:linear-gradient(to bottom, #dbad3b 0%, #846000 100%)}
.container_micuenta #datosBanco h2{ }
/*******************************************************************/

.itemDetalle{ border-bottom:solid 1px #B4B4B4;}
.containerCompra{width:100%; margin-bottom:50px; background-color: transparent; font-size:0; padding:15px 5px}
.containerCompra *{color:#333}
.headCompra div, .itemDetalle div, .totalItem{font-size:15px; letter-spacing:normal !important; padding:10px 5px; display:inline-block; text-align:left;}
.containerCompra .headCompra{border-bottom:solid 2px var(--color1); margin-bottom:15px}
.containerCompra .headCompra .idItem{width:30%; }
.containerCompra .headCompra .estadoItem{width:33.333%; color:var(--color2)}
.containerCompra .headCompra .fechaPedidoItem{width:35%;}
.containerCompra .headCompra .fechaEnvioItem{width:35%;}
.containerCompra .headCompra .direccionItem{width:100%;}

.containerCompra .itemDetalle .imgItemDetalle{width:10%; text-align:center; border-bottom-color: transparent;}
.containerCompra .itemDetalle .imgItemDetalle img{ width:100%; vertical-align:middle}
.containerCompra .itemDetalle .cantidadItemDetalle{width:10%; text-align:center; display: none}
.containerCompra .itemDetalle .productoItemDetalle{width:67%;}
.containerCompra .itemDetalle .precioItemDetalle, .containerCompra .itemDetalle .subtotalItemDetalle,.containerCompra .itemDetalle .editItemDetalle, .containerCompra .itemDetalle .deleteItemDetalle{width:10%;}
.containerCompra .itemDetalle .editItemDetalle, .containerCompra .itemDetalle .deleteItemDetalle{ text-align:center}
.containerCompra .itemDetalle .editItemDetalle img, .containerCompra .itemDetalle .deleteItemDetalle img{text-align:center; padding:6px; border-radius:100%; box-sizing:content-box;margin-bottom:-8px}

.containerCompra .itemDetalle .editItemDetalle img:active, .containerCompra .itemDetalle .deleteItemDetalle img:active{background-color:#ccc;}

.containerCompra .totalItem{width:100%; text-align:right !important; padding-right:15px; font-size:28px !important; background-color:#f5f5f5; }
.containerCompra .itemDetalle .headDet{ background-color:var(--color1);}


/****       ADMIN  --    ADMIN  --    ADMIN  --    ADMIN  --    ADMIN  --          ***/


.admin_back{background-color:#000 !important; border-bottom:2px solid #ccc; padding:5px 0}
.admin_back .head_title1{ padding:0 !important; width:25% !important; text-align:center}
.admin_back .head_title2{width:75% !important; padding-right:20px; height:auto !important}
.admin_back .head_title1 img{ max-height:50px !important}
.admin_back .head_item1{height:auto; padding:0; margin-left:5px; font-size:13px}
.admin_back .head_item1 a{ padding:10px; display:block}
.admin_back .head_item1 a:hover{background-color: white !important; text-decoration:underline}
.admin_back .adminRegistrado{ padding-right:50px !important}
.admin_back .adminRegistrado:hover{ text-decoration:none !important}

.menu_admin{ width:100%; margin:0; background-color:var(--color1); border-radius:5px; }
.item_admin_cat{ font-size:0; border-bottom:1px solid slategray}
.item_admin_cat:hover{ background-color:var(--colorLight1)}
.item_admin_cat:last-child{border-bottom:none}
.item_admin_cat a{font-size:16px; padding: 12px 0;}
.item_admin_cat .nombre_cat{ width:64%; display:inline-block; box-sizing:border-box; text-align:left; color:black !important; }
.item_admin_cat .action_cat{ width:12%; display:inline-block; font-size:20px; padding:4px 0}


/*--------------*/

.container_admin{ margin:40px 1% 40px 4%; width:75%; box-shadow:0 0 6px 3px #ccc; background-color:#fff; float:right}
.container_menu_admin{ margin:40px 1% 40px 1%; width:18%; background-color:#fff; float:left}

.container_admin *{color:black !important}
.container_admin input[type="submit"]{background-color: var(--color1) !important; margin: 20px auto;}
.container_admin input[type="submit"]:hover{ background-color: var(--color3) !important}


.container_admin .registro form{box-shadow:none; padding-top:0; margin-top:0;}
.container_admin .registro{ padding:0; padding-top: 30px; width:100%; box-shadow:none; margin:0; background-color:transparent}

.container_admin a{ color:black !important; transition:0s}
.container_admin a:hover{ background-color:var(--colorLight1); color:white}


.container_admin .item_option_edit90{ width:90%; display:inline-block !important}
.container_admin .item_option_edit80{ width:80%; display:inline-block !important}
.container_admin .campo_delete{ display:inline-block; width:10%;}
.container_admin .campo_delete img:hover{ background-color:#CCC}
.container_admin .campo_delete img{ cursor:pointer; padding:6px; border-radius:100%; box-sizing:content-box}
.container_admin .item_option_edit{display:block; padding:7px; border-bottom:solid 1px slategray}
.sinPadding{ padding:0px !important}
.container_admin .item_option_edit img{ width:60px; height:40px; object-fit:contain; vertical-align: text-bottom}
.container_admin .head_optionedit{ background-color:#444; padding:7px 0; font-weight:bolder; color:white !important;}

.campo1,.campo2,.campo3,.campo4,.campo5,.campo6,.campo7{display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:6px 0; vertical-align:middle}
.container_admin .campo1{ width:10%;}
.container_admin .campo2{ width:15%;}
.container_admin .campo3{ width:20%;}
.container_admin .campo4{ width:25%;}
.container_admin .campo5{ width:30%;}
.container_admin .campo6{ width:40%;}
.container_admin .campo7{ width:5%;}
.container_admin .align-left{ text-align:left}

.fila .campo_delete{width:9% !important}

.divBuscar{padding: 0 10px 20px}
.divBuscar input{width:100%}

.masVariantes{width:100%; margin:40px 0; padding:10px; border:solid 2px slategray; border-radius: 10px }

.masVariantes input, .masVariantes select, .masVariantes textarea{padding: 4px 5px;}

.masVariantes .selectorVariante{
	width: 40px;
    height: 40px;
    padding: 0 !important;
    position: absolute;
    left: 50px;
    margin-left: -20px;
    bottom: -20px;
    z-index: 501;
    opacity: 0;
    margin-top: 0;
}
.masVariantes .tituloVariante{ width:30%;}
.masVariantes .selectAngostoX{width:25%; margin:25px 0 0 7px !important; float:left}

.masVariantes .submitMasImg{padding:9px !important; height:auto !important; display:inline-block !important; margin:0 !important; clear:both}

.linkDelete{cursor:pointer; color:var(--color3) !important; font-size: 14px; text-align: left; margin-top: 15px; clear: both; display: block;}
.linkDelete:hover{text-decoration:underline;}
.itemVariantesEditCont{width: 48%; display:block; padding: 20px 10px; float: left; background-color: #d7d7d7; border-radius: 20px; margin: 8px 1%; }

/*.itemVariantesEditCont:nth-child(even) {border-right: solid 1px #bbb; }*/

.divImgVariante{width: 100px; height: 100px; float: left; margin-right: 20px; border-radius:20px; position: relative; border: solid 2px transparent; text-align: left; }
.divImgVariante img{width: 96px; border-radius:20px; object-fit: contain; height: 96px; }

.divColorVariante{width:100px; height:100px; float:left; margin-right:20px; border-radius:20px; position: relative; border: solid 2px transparent;  }

.divImgVariante span, .divColorVariante span{position: absolute; width:50px; height: 50px; left: 50px; margin-left: -25px; bottom: -25px; background-color:var(--color3); border-radius: 100%; cursor: pointer; display: block; z-index: 500; box-shadow: 0 2px 7px 3px rgba(0,0,0,.2); }

.divImgVariante span img, .divColorVariante span img{position: absolute; width: 24px; height: 24px; left: 13px; top:13px; }

.NombreFile{margin-top:27px; width: max-content; max-width: 290%; background-color:#e5e5e5; border-radius:3px; padding:3px 5px; display:none; word-wrap: break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: absolute; text-align: left; bottom: -60px;}

.okSelect{background-color: #087C40; border-radius: 100%; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; display: none; }
.okSelect img{position: absolute; width: 16px; height: 16px; left: 2px; top:2px;  }

.checkedVariante{border: solid 2px var(--color3); }
.checkedVariante i{display: block}

.grupoVariante1{width:100%; position: relative; }

.grupoVariante2{width:100%; position: relative; margin-top: 65px; }

.infoVariante1, .infoVariante2, .infoVariante3{float: left; padding: 0 4px; }
.infoVariante1 input, .infoVariante2 input, .infoVariante3 input, .infoVariante1 label, .infoVariante2 label, .infoVariante3 label{width:100%; margin-top: 0; }
.infoVariante1{width:45%;}
.infoVariante2{width:19%;}
.infoVariante3{width:17%;}

.formMasImgProd .infoVariante1{width:35%;}
.formMasImgProd .infoVariante2{width:12%;}
.formMasImgProd .infoVariante3{width:10%;}
.formMasImgProd .submitMasImg{float: left;}




.masImgProd{ width:100%; margin:40px 0; padding:10px; border-top:solid 3px slategray; border-bottom:solid 3px slategray; }
.itemMasImg{ width:18%; float:left; padding:3px; border:solid 1px #ccc; margin:5px 0; display:block}
.itemMasImg img{ width:100%; margin:0}
.itemMasImg span{ text-align:center; width:100%; color:Fuchsia; text-decoration:none; cursor:pointer}
.itemMasImg span:hover{text-decoration:underline; color:darkmagenta}

.formMasImgProd .submitMasImg{ padding:9px !important; height:auto !important; display:inline-block !important; margin:0 !important; clear:both}
.formMasImgProd .fileMasImg{ width:65% !important; padding:8px 4px !important; height:auto !important; display:inline-block !important; margin:0 !important; float:none; margin-right:10px !important}


.fstNuevaImgGaleria{ width:90%; margin:20px 5%; padding-bottom:25px; background-color:white; outline:none; border-radius:10px; border:solid 1px slategray}
.fstNuevaImgGaleria legend{ font-size:18px; background-color:white; border-radius:5px; padding:5px 15px}
.fstNuevaImgGaleria label{ width:20%;}
.fstNuevaImgGaleria input[type="file"]{ width:80%; text-align:left; display:block; margin-bottom:15px}
.fstNuevaImgGaleria input[type="submit"]{ width:30%; display:inline-block; margin:0; margin-left:3%; padding:6px}
.fstNuevaImgGaleria input[type="text"]{width:67%; display:inline-block; margin:0}

.item_img_galeria{ width:100%; margin:0; padding: 35px 5px; border-bottom: solid 2px #333;}
.item_img_galeria:hover{ background-color:#fdfdfd}
.item_img_galeria form{width:100% !important}
.item_img_galeria img{ width:40%; vertical-align:middle; display:block; float:none; margin-bottom: 12px;}
.item_img_galeria input[type="text"]{display: block; width: 100% !important; text-align: left; padding-left: 5px; float: none; margin: 9px 0;}
.item_img_galeria select{ font-weight:normal; display:inline-block; width:23% !important; float:none; margin-right: 40px;}
.item_img_galeria strong{ font-weight:normal; display:inline-block; width:13%; text-align:center; color:Fuchsia !important; text-decoration:none; cursor:pointer;}
.item_img_galeria strong:hover{text-decoration:underline; color:darkmagenta !important; }
.item_img_galeria label{margin-bottom:4px; margin-top: 8px; }

/*////////////////////////////////*/

.FondoModal{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,.8); display:none; top:0; left:0; z-index:38500; }
.FormAgregarNuevo{ width:40%; left:50%; top:15%; margin-left:-20%; position:fixed; background-color:#fff; padding:20px 0; box-shadow:inset 0 0 5px 2px #ccc; z-index:40000; display:none;
overflow-y:scroll; overflow-x:hidden; max-height:70%;}
.FormAgregarNuevo form{ padding-bottom:0; display:none}
.FormAgregarNuevo form label{width:50% !important; margin:15px 25% 0 25% !important; text-align:left }
.FormAgregarNuevo input{ width:60% !important; margin:4px 20% !important}
.FormAgregarNuevo .selectAngosto{ width:40% !important; margin:4px 30% !important}
.FormAgregarNuevo .selectAngostoX{ width:20% !important; margin:4px 40% !important}



.containerContacto{width: 100%; background-color: #fff; padding: 30px}
.contacto1,.contacto2,.contacto3{float: left; width: 33.33%; padding: 15px; text-align: left;}
.containerContacto h2, .containerContacto h4{color:#555; text-align: left; font-weight: normal; }
.containerContacto h4 img{width: 20px; vertical-align: sub; margin-right: 7px; filter: brightness(.3)}
.containerContacto a{text-decoration: none; color:#555555; display: block}
.containerContacto h4 a{display: inline-block}
.containerContacto a:hover{color:var(--color3); text-decoration: underline}
.linkEldored{display:block; color:white; margin: 40px 0 20px 0;}
.linkEldored a{color:white; display: inline-block}
.linkEldored a:hover{text-decoration: underline}

.containerContacto .logoFooter{width: 130px; padding-left: 20px}

.containerContacto h2 {
    color: #333; font-size: 17px; font-weight: bolder;
}


.containerContacto h4 {
    margin: 15px 0
}

.contacto2 a, .contacto3 a{
	padding: 7px 0
}

.contacto2, .contacto3 {
	padding-top: 50px
}


.divRedes h4{
	text-align: center;
}

.divRedes a{
	display: inline-block;
}

.divRedes img{
	width:40px !important;
}

.divRedes a:hover img{
	filter: invert(93%) sepia(99%) saturate(9927%) hue-rotate(622deg) brightness(470%) contrast(147%);
}


.miniFabCarrito{display:block; position:fixed; right:20px; bottom:60px; height:20px; width:20px; border-radius:100%; background-color:slategray; z-index:343003 !important; font-size:13px; color:white; line-height:20px}
.fabCarrito{display:block; position:fixed; right:16px; bottom:16px; height:55px; width:55px; border-radius:100%; background-color:var(--color1); box-shadow:0 1px 3px 2px rgba(0,0,0,.3); background-image:url("../img/ic_cart_black.png"); background-repeat:no-repeat; background-position:center center; background-size:27px 27px; z-index:343000 !important}
.fabCarrito:active{box-shadow:0 1px 5px 3px rgba(0,0,0,.35); background-color:var(--color2)}

.fabWhat{display:block; position:fixed; right:16px; bottom:105px; height:55px; width:55px; border-radius:100%; background-color:#25d366; box-shadow:0 1px 3px 2px rgba(0,0,0,.3); background-image:url("../img/ic_whatsapp_white.svg"); background-repeat:no-repeat; background-position:center center; background-size:27px 27px; z-index:343000 !important}
.fabWhat:active{box-shadow:0 1px 5px 3px rgba(0,0,0,.35); background-color:#199246}


.container_admin .containerCompra .itemDetalle .productoItemDetalle {
    width: 49%;
}

.admin_back .head_title2 {
padding-top: 0;
}

.admin_back .head_item1 a {
color:white}


.divOpiniones{background-color: white; padding: 50px 0}
.divOpiniones h2{text-align: center}
.itemOpinion{text-align: center; display: inline-block; width: 32.33%; padding: 20px; height:140px; margin: 0 .5%; border: solid 1px #ccc; background-color: white; box-shadow: 8px 8px 1px -3px #555; }
.txtOpinion{font-size: 18px; text-align: center; font-style: italic}
.autorOpinion{font-size: 15px; text-align: center; font-style: italic; color:#555; margin-top: 10px}

.fondoNegro{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,.8); display:block; top:0; left:0; z-index:38500; }
.popupSusc{ width:60%; left:20%; top:30px; position:absolute; background-color:rgba(220,220,220,.82); padding:20px; z-index:40000; height:auto; display: block; text-align: center}
.popupSusc .imgClose, #popupCart .imgClose{position: absolute; width: 25px; top: 8px; right: 8px; cursor: pointer}
.popupSusc .iconMain{width: 60px; border-radius: 100%}
.popupSusc h1{}
.popupSusc h4{}
.popupSusc form{padding: 20px}
.popupSusc .textSusc{width:100%; margin-top:15px; padding:15px 10px;}
.popupSusc .btnSusc{width:100%; margin-top:15px; box-shadow: none; padding:15px 10px; font-size: 17px;}
.popupSusc .popupSuscRedes{margin: 20px 0; text-align: center}
.popupSusc .popupSuscRedes a{display: inline-block; margin: 0 10px; }
.popupSusc .popupSuscRedes a img{width: 40px; filter: brightness(.3); transition: .3s}
.popupSusc .popupSuscRedes a:hover img{filter: brightness(0);}


.containerFaq{width: 100%}
.itemFaq{border-radius: 10px; border: solid 1px #ccc; width: 60%; margin: 20px 20%; background-color: #F5F5F5; box-shadow: 0 3px 7px 2px #ccc; }
.pregFaq{font-size: 20px; font-weight: bolder; padding: 20px; text-align:left; cursor: pointer}
.respFaq{font-size: 17px; font-weight: normal; display: none; padding:0 20px 20px 35px; text-align:left}
.respFaq img{width: 20px; vertical-align: bottom; margin-right: 10px}



#fondoPopupCart{position: fixed; top: 0; left: 0; width: 100%; height: 140%; z-index: 2500; background-color: rgba(0,0,0,.5); display:none}
#popupCart{position: fixed; top: 0; right: 0; width: 40%; height: 100%; overflow:auto; padding: 30px 0; z-index: 2600; background-color: #F8F8F8; display:none}

#popupCart .carrito { width: 96%; margin: 30px 2%; padding: 30px 0; background-color: transparent; box-shadow: none}
#popupCart .item_carrito {width: 100%; margin-left: 0%; height: auto;}
#popupCart .carrito .buttons .button_cart { margin: 20px .5%; font-size: 14px; width: 48%;}
#popupCart .item_carrito .img_cart { width: 15%; float: left;}
#popupCart .item_carrito img {object-fit: contain; max-height: 550px;}
#popupCart .item_carrito .nombre_cart { width: 85%; float: left; height: auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#popupCart .item_carrito .nombre_cart .cantTotal{ width:100%; display: block; padding: 8px 10px; color: #777; }
#popupCart .item_carrito .nombre_cart .cantTotal:hover{text-decoration: none !important}

#popupCart .carrito .buttons .prev_cart {padding: 15px 45px;}

.carritoFinalizar{width:60% !important; margin: 0 !important}
.detalleCarrito{padding: 80px 30px 30px 30px !important; right: 20px !important}
.detalleCarrito .imgClose{display: none;}
.detalleCarrito .finishCart{width: 100% !important; }
.detalleCarrito .btnFinishCartLoading{pointer-events: none; text-align: center}
.detalleCarrito .btnFinishCartLoading img{width: 30px}
#popupCart .item_carrito .nombre_cart .cantTotal {text-align: right;}
#popupCart .item_carrito .nombre_cart {padding-top: 0;}
#popupCart .item_carrito .nombre_cart a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#popupCart .item_carrito {padding:16px 0;}
#popupCart .carrito .total_cart{padding:15px; }
#popupCart .carrito .envio_cart{padding:10px; }

#popupCart .item_carrito .unitPopupCart{margin-left: 20px; width: 25%; display: inline-block;}
#popupCart .item_carrito .subtPopupCart{margin-left: 30px; width: 25%; display: inline-block;}
#popupCart .carrito .total_cart span {width: 50%;}

#popupCart .carrito .envio_cart span {line-height: 30px;}

.filtros{width: 20%; margin: 60px 1% 50px 4%; float: left; padding-left: 10px;}
.productos{width:72%; margin: 50px 3% 50px 0; float:left}
.grupoFiltro{padding:0 20px; margin-top: 30px; width: 100%; text-align: left}
.grupoFiltro .inputFiltro{width: 35%; margin-right: 3px; padding: 7px 3px 7px 5px; float:left; box-shadow: 0 0 1px 1px rgba(0,0,0,.08);}
.grupoFiltro .btnFiltro{width:30px; height:30px; position: relative; background-color: var(--color1); border-radius: 100%; float:left; cursor: pointer}
.grupoFiltro .btnFiltro img{width:24px; height:24px; position: absolute; top: 3px; left: 3px; }
.grupoFiltro .titleGrupoFiltro{color:#333; margin-bottom: 5px; font-size: 16px}
.grupoFiltro .linkFiltro{color:#555; display: block; padding: 4px 10px; padding-left: 30px; font-size: 14px; width: max-content; position: relative; margin: 3px 0;}
.grupoFiltro .linkFiltro:hover{color:#000; text-decoration: underline}
.grupoFiltro .linkFiltro span{color:#555}
.grupoFiltro .linkFiltro span:hover{color:#000}
.grupoFiltro .linkFiltro .imgCancelFiltro{display: inline-block; width: 14px; margin-left: 7px; vertical-align: text-top;}

.grupoFiltro .linkFiltro .markLinkFiltro{background-color: transparent; border-radius: 100%; border: solid 1px var(--color1); position: absolute; width: 16px; height: 16px; left: 5px; top: 4px;}
.grupoFiltro .linkFiltro .markLinkFiltroSelected{background-color: var(--color1); border-radius: 100%; padding: 2px; position: absolute; top:2px; left:2px; width: 10px; height: 10px; display: none}
.grupoFiltro .linkFiltroSelected{background-color: white; border-radius: 5px;}
.grupoFiltro .linkFiltroSelected .markLinkFiltroSelected{display: block}

.grupoFiltro .marcaSelected{background-color: #fff; border-radius: 3px; padding-left: 4px;}



.btnShowFiltros{display: none; text-align: left; color: #333; text-decoration: underline; padding: 10px 40px 10px 20px; margin: 15px 5% 5px 65%; width: 30%; background-color: var(--color1); border-radius: 10px; font-size: 18px; font-weight: bold; position: relative}
.btnShowFiltros .imgShow{position: absolute; right: 4px; top: 7px; transform: rotate(90deg); width: 30px; transition: .3s}
.btnShowFiltros .imgGirada{transform: rotate(-90deg);}



.carritoDatos{width: 50%; margin: 30px 25%; margin-top:0; padding: 25px 60px; padding-top: 0; text-align: center; background-color: transparent; border-radius: 20px; box-shadow:none;}
.btnGoHome{width:200px; margin-top:25px; box-shadow: none; padding:15px; font-size: 16px; background-color: dodgerblue; border-radius: 7px; margin-left: 50%; left: -100px; position: relative; color: white}

.btnGoHomeContacto{width:200px; margin-top:25px; box-shadow: none; padding:15px; padding-left: 60px; font-size: 16px; background-color: transparent; border:solid 1px white; border-radius: 7px; margin-left: 50%; left: -100px; position: relative; color: white; background-image:url("../img/ic_whatsapp_white.svg"); background-repeat:no-repeat; background-position:21px 11px; background-size:27px 27px; }
.btnGoHomeContacto:hover{background-color: dodgerblue; border-color: dodgerblue}

.carritoFinish{width: 100%; margin: 0 !important; padding: 0 !important;}
.headFinish{padding:50px 20px}
.headFinish h2, .headFinish h4{font-weight: normal}
.headFinish h2 img{width: 100px; }
.headAprobado{background-color:#0dbd50; }
.headAprobado *, .headPendiente *, .headFallo *{color:white !important; }
.headPendiente{background-color:#01B7AE; }
.headFallo{background-color:#f23d4f; }

.grupoOpcionesCarrito{padding: 20px; border-radius: 15px; margin-bottom: 20px}
.opcionCarrito{padding:25px 10px 25px 35px; border-radius: 10px; background-color: #e6e4e4; text-align: left; margin: 8px 0; position: relative; cursor: pointer; }
.opcionCarrito2{padding: 15px 10px ; text-align: center; margin: 3px 2% 10px; width: 46%; float: left; background-color: var(--color1); border: solid 2px #c59e01;}
.txtOpcionCarrito1{color:#555; font-size:18px; text-align:left}
.txtOpcionCarrito2{color:#555; font-size:17px; font-weight: bold; text-align:left; padding: 10px 0; }
.txtOpcionCarrito3{color:#555; font-size:15px; text-align:left}
#formInvitado{display:none; padding:20px 15%}

.opcionCarrito .markLinkFiltro{background-color: transparent; border-radius: 100%; border: solid 1px #333; position: absolute; width: 16px; height: 16px; left: 10px; top: 27px;}
.opcionCarrito .markLinkFiltroSelected{background-color: #555; border-radius: 100%; padding: 2px; position: absolute; top:2px; left:2px; width: 10px; height: 10px; display: none}

.btnMapsSucursal{border-radius: 5px; padding: 3px 6px; background-color: var(--color1); display: inline-block; margin-left: 7px; font-size: 12px; font-weight: bold}
.btnMapsSucursal:hover{background-color: var(--color3); }

.btnComoLlegar img{width: 15px; vertical-align: sub; margin-right: 3px; filter: brightness(.2);}

.btnEditarOpcionCarrito{position: absolute; top: 10px; right: 10px; font-size: 14px; background-color: transparent; font-weight: normal; color: #2967B0;}
.btnEditarOpcionCarrito:hover{background-color: transparent; color: #0b36af; text-decoration: underline; }

.opcionCarritoDomicilios{padding-left: 70px}
.imgLocation{position: absolute; top: 33px; left: 14px; width: 45px; border: solid 2px #f8f8f8; border-radius: 100%; filter: brightness(0.4); padding: 5px; }

#formInvitado .opcionCarrito2 {
    padding: 10px 10px;
    margin: 20px 2% 10px;
}

#formInvitado .divInput{width:100%; margin: 15px 0 0 0}
.divInput{width:100%; float: left; padding: 0; margin-top: 15px}
.divInput50{width:50% !important;}
.divInput25{width:24% !important; margin-right: 1% !important}
.divInput33{width:32% !important; margin-right: 1% !important}
.divInput49{width:49% !important; margin-right: 1% !important}

.divInput50{width:50%; float: left; position:  relative; }
.divInput50 .selectAngostoX{
	width: 45% !important;
	margin-right: 15% !important;
}
.divInput50 .selectAngosto {
    width: 55% !important;
    margin-right: 5% !important;
}

.divInput33 .selectAngosto {
    width: 80% !important;
    margin-right: 10% !important;
}


.divInput25 .selectAngosto {
    width: 100% !important;
    margin-right: 0% !important;
}

.divInput33 .btnMas {
    left: 82%;
	top: 41px;
}



#formInvitado label{display: block; padding-left: 5%; text-align: left; font-size: 14px; color: #777;}
#formInvitado input{width: 100%; margin:0; box-shadow: 0 0 1px 1px rgba(0,0,0,.01);}

.opcionCarrito .logo_mp{max-width: 80px; margin-left: 15px; vertical-align: text-top;}
.opcionCarrito .cards_mp{max-width: 65%; margin-top: 20px; vertical-align: text-top; margin-left: -170px;}

.divCuotas{width: 100%; text-align: left; margin-top: 0px; margin-bottom: 10px;}
.divCuotas>img{width: 20px; vertical-align: text-top; margin-right: 5px;}
.divCuotas span{font-size: 16px}
.divCuotas .mediosPago{width: 100%; text-align: left; margin-top: 7px;}
.divCuotas .mediosPago img{width: 55%}



.delete_item_cart{right: auto; bottom: 8px; left: 16%}
#loadingPopupCart{position: fixed; width: 100%; height: 100%; text-align: center; padding-top: 40%; background-color: rgba(255,255,255,.4); z-index: 255; margin-top: -30px;}
#loadingPopupCart img{position: absolute; left: 19%; top: 200px; width: 100px; margin-left: -50px }


.notFound{background-color: #F9DFE0}

.tagDescuento{display: none;}

.item_producto .divPrecioViejo2 {display: none}



.btnMas{color: #44b944 !important; cursor: pointer; position: absolute; right: auto; left: 57%; top: 37px; font-size: 30px;}





@media (max-width: 750px) {

.cintaTop{display:none}


.cintaTopRight, .cintaTopLeft {
	width: 100%; margin: 10px 0; font-size: 17px;
}


.cont_logo {
    width: 50%;
    height: 100px;
    text-align: left;
    padding-left: 4%;
}


.cont_logo img {
    max-height: 100px;
    border-radius: 20px;
}

.head_title1 {
    width: 100%;
    text-align: center;
}

.cinta_head {
	height: auto;
	background-color: transparent;
}

.form_search form {
    position: static;
    width: inherit;
}

.form_search form input[type="text"] {
    border-right: none;
	border: solid 1px var(--color3);
    width: 75%;
    border-radius: 17px 0 0 17px;
    padding: 10px !important;
    height: auto;
	font-size: 16px;
	background-color: white;
	position: static;
}


.form_search {
    width: 100%;
    height: auto;
}

.form_search form select {
    font-size: 16px;
    padding: 10px;
    border: 1px solid var(--color3);
    border-right: none;
    width: 77%;
    border-radius: 17px 0 0 17px;
    margin-top: 4px;
	background-color: white;
	height: auto;
	display: none;
}



.form_search form input[type="submit"] {
    padding: 12px 22px 11px 22px !important;
    border-radius: 0 17px 17px 0;
    height: auto;
    background-color: var(--color3);
    background-image: url("../img/ic_search.svg");
	background-size: 30px 30px;
    border: 1px solid var(--color3);
    border-left: none;
    width: 18%;
	position: static;
    left: 85%;
    top: 38px;
	
}


.head_item1 {
    height: auto;
	font-size: 13px;
}

.head_item1 a {
    padding: 5px;
    border: solid 1px #ccc;
}

.head_title2 {
    width: 100%;
    float: right;
    padding-right: 0;
    text-align: center;
    height: auto;
    padding-top: 0;
	padding: 20px 0;
	display: none;
}

/*#menu_resp:before{float:left; content:"MENU"; font-size:25px; padding:13px 0 8px 50px;}*/

#menu_resp{display:block !important; height:auto; text-align:right; cursor:pointer; background-color:transparent; float: left; width:50%; }
#menu_resp img{ width:40px; height:40px; margin:25px 35px; padding:5px; box-sizing:content-box; border-radius:100%}
#menu_resp img:hover{ background-color:rgba(255,255,255,.4)}

.menuFocus{ width:100%; border-radius:0; top:0; left:0; background-color:blue}

.menu{ display:none; font-size:0px; margin-bottom: 20px;}

.menu>nav>ul>li{ display:block; font-size:15px; white-space:normal; background-color:#f5f5f5}
.menu>nav>ul>li>a{width:100%; padding:14px 0; display:block; border-bottom:dotted 1px #ccc; transition:none;}
.menu>nav>ul>li>a:last-child{border-bottom:none;}
.menu>nav>ul>li>a:hover{ background-color:var(--color1); color:white}
.menu>nav>ul>li:hover > ul{ display:none}
.menu_selected{ color:white !important; background-color:var(--color1)}
.menu_selected:hover{ color:white !important}
.submenu{ display: none;}
.cart{position:relative; color:white !important; padding-left:50px !important; background-color:#444; font-size:17px}
.cart *{color:white !important;}
.cart:hover{background-color:#000 !important}
.cart img{vertical-align:bottom; width:30px; position:absolute; left:10px; top:13px}


.miniFabCarrito{display:block;}
.fabCarrito{display:block;}

.productos {
    width: 96%;
    margin: 30px 2%;
}



.item_producto {
	width: 100%;
	height: 190px;
	margin: 0;
	box-shadow: none;
	border-bottom: 1px solid #ccc;
	padding: 15px 3px;
}

.item_producto:hover {
    box-shadow: none;
}


.descuento2 {
    right: 145px;
	top: 20px;
}

.descuento2 span {
    padding: 5px 7px;
}

.envioGratis {
    left: auto;
    right: 6px;
	top: 20px;
}



.item_producto .divImgIndex {
    height: 160px;
	width: 33%;
    margin: 0;
	float: left;
	border-bottom: none;
}

.item_producto img {
    height: 160px;
	width: 100%;
    margin: 0;
}

.item_producto h1 {
    font-size: 21px;
    display: block;
    text-align: left;
    margin-top: 8px;
}

.item_producto h1 span{display: inline-block}
.item_producto .nombreProd{display: block; font-size: 17px;}

.item_producto h2{
    display: none
}

.item_producto .divPrecioViejo {
    border-top: none;
    padding-top: 0px;
	text-align: left;
	display: none;
}

.item_producto .divPrecioViejo span {
    font-size: 19px;
}

.item_producto i {
    font-size: 18px;
}


.sinStock {
    top: auto;
    width: 30%;
    margin-left: 0;
    left: 4px;
    padding: 0px;
    bottom: 25px;
}

.sinStock span {
    border: solid 1px black;
    padding: 3px;
}

.banner1 {
    padding: 26px;
    padding-top: 40px;
}

.sectionBanner1 {
    margin: 30px 5%;
    width: 90%;
    padding: 30px 20px;
    font-size: 19px;
}


.footer_susc {
    padding: 20px 0;
}


.footer_susc h1 {
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 20px;
    color: black;
	width: 85%;
}

.popupSusc {
    width: 90%;
    left: 5%;
    top: 20px;
    padding: 10px;
}


.footer_susc form {
    width: 90%;
}

.footer_susc input[type="email"] {
    width: 70%;
	float:left;
	
}


.footer_susc input[type="submit"] {
    width: 28%;
	margin-left: 2%;
	float:left;
	padding: 11px 5px;
	
}

.contacto1, .contacto2, .contacto3 {
    width: 95%;
}

.footer2 {
    padding: 25px;
}



.item_producto_full{ width: 100%; margin:0; padding:10px; background-color:white; box-shadow: none}
.item_producto_full *{ color:#333}
.item_producto_full .submenu_prod_full{ width:40%; padding:10px; text-align:left; margin-top:20px; padding-left:20px; float:left}
.item_producto_full .submenu_prod_full a{ padding:5px 12px; margin:3px; display:inline-block; font-size:17px; border-radius:8px; background-color:#C62828; color:white !important}
.item_producto_full .submenu_prod_full a:hover{ text-decoration:underline; }
.item_producto_full .share{ width:100%; padding:10px; text-align:center; margin-top:20px;}
.item_producto_full .share span{ padding:5px 0; margin:3px 0; display:block; font-size:17px; font-weight:bolder;}
.item_producto_full .share a{width: 60px; height: 60px;}
.item_producto_full .share a img{ width:60px;}
.item_producto_full .share a img:hover{ width:60px; padding:0; }













.item_producto_full .share #favorito{cursor:pointer;}
.item_producto_full .share .imgFav {padding:0 !important; filter: grayscale(0%) !important}
.item_producto_full .share .separador{border-left:solid 2px darkmagenta; margin:auto 7px}

.item_producto_full .datos_producto{width:100%; margin:0; text-align:center; padding: 0 15px; }

.item_producto_full h2{padding: 10px 0; font-size: 28px;}
.item_producto_full .imgs_prod{ width:100%; padding:5px 15px}
.item_producto_full .imgs_prod>img{ width:100%; height: 330px; object-fit:contain; margin:0; border:1px solid #d5d5d5}
.item_producto_full .mas_imgs{ width:100%; margin:0; font-size:0px}
.item_producto_full .mas_imgs>.divImg{ width:23%; height: 76px; margin:3px 1% 0 1%; border:solid 1px #777; cursor:pointer; float: left}
.item_producto_full .mas_imgs>.divImg>img{ width:100%; height: 74px; object-fit: contain}
.item_producto_full p{width:100%; text-align:left; margin-left: 0; font-size: 18px }
.item_producto_full h1{font-size:45px; display:inline-block}
.item_producto_full i{font-size:24px; font-style:normal; display:inline-block; position:relative; color:gray !important}
.item_producto_full i::after{content:''; position:absolute; top:55%; left:0; right:0; border-bottom:1px solid gray}
.item_producto_full b{font-size:18px; display:block; margin:0; margin-top:-10px; margin-bottom:15px; }

.item_producto_full .flags{width:100%; padding-top:0px;}
.item_producto_full .descuento{display:inline-block; color: black !important; background-color: var(--color1)!important; margin: 0 25px 0 10px; vertical-align: unset; font-size: 20px; padding: 4px 13px; border-radius: 20px; border: solid 2px var(--color1);}

.item_producto_full .new{height:30px; width:90px; background-color:#C62828; font-size:14px; line-height:30px; font-family:Roboto; border-radius:7px; display:inline-block; color:white !important; margin-left:10px; vertical-align:text-bottom}

.item_producto_full input{ width:90px; padding-left:10px; font-size:20px; text-align:center}

/*.variantes{display:block; margin:20px 0 30px 0; padding:18px 10px; border-radius:10px; border:solid 2px #888}
.itemVariantes{float:left; background-image:url(../img/colores/unas_esmaltes_default.png); background-repeat:no-repeat; background-size:contain; width:90px; height:90px; position:relative; border:solid 3px #fff; margin:0 2px; cursor:pointer}
.selectedVariante{ border:solid 3px goldenrod; box-shadow:0 0 2px 1px goldenrod}
.itemVariantes .nombre_variante{width:100%; height:15px; background-color:rgba(0,0,0,.45); border-radius:5px 5px 0 0; font-size:12px; letter-spacing:normal; font-family:Roboto; position:absolute; bottom:0; left:0; color:white !important}*/


.ratingActual{ display:block; font-size:0px; margin-top:15px; position:relative; text-align:center; width:100%;}
.ratingActual span{font-size:60px; color:darkgoldenrod; margin-right:10px; font-family:"Roboto" !important; font-weight: 300}
.ratingActual div{font-size:14px; display: inline-block; margin-left:-110px; font-family:"Roboto" !important; font-weight: 400; letter-spacing: normal !important}
.ratingActual .star{ display:inline-block; opacity:.3; width:25px; vertical-align:top; margin-top: 10px}
.ratingActual .starMark{opacity:1 !important}



.rating{font-size:0px; padding:20px 0; position: relative; width:100%;}
.rating span{ display:inline-block; font-size:22px; padding-top:15px}
.rating .star{ display:inline-block; width:40px; cursor:pointer; transition:.2s; vertical-align:top; }
.rating .starSelected{}
.rating em{ font-size:19px; display:block; font-style:normal; margin-top:7px; font-family:"Roboto" !important; font-weight:400; letter-spacing:normal !important}

.carrito {
    width: 100%;
    margin: 30px 0;
	padding: 10px;
    box-shadow: none;
    border-radius: 0;
}

.item_carrito {
    height: auto;
	padding: 30px 5px;
}

.carrito .buttons .button_cart {
    width: 60%;
	margin: 10px 0;
	margin-top: 20px;
}

#popupCart .carrito .buttons .button_cart {
	padding: 15px 5px;
	
}


.item_carrito .img_cart {
    width: 15%;
}

.item_carrito .nombre_cart {
    width: 80%;
	padding-top: 0px;
}

.item_carrito .cantidad_cart {
    width: 27%;
	padding-top:0;
	clear: both;
}

.item_carrito .precio_cart {
    width: 30%;
	padding-top:0;
	
}

.item_carrito .subt_cart {
    width: 40%;
	padding-top:0;
	
}

.item_carrito .delete_item_cart {
    width: 18%;
	right: auto;
    left: 40%;
}


.btnEditarOpcionCarrito{
	top: auto;
    bottom: 7px;
}

.detalleCarrito .carrito .total_cart::before {
    font-size: 19px;
    left: 12px;
    top: 34px;
}


.carritoFinalizar {
    width: 100% !important;
    margin: 0 !important;
}

.carritoFinalizar .opcionCarrito{
	padding: 35px 10px 45px 35px;
}

.carritoFinalizar .opcionCarritoDomicilios {
    padding-left: 70px;
}


.detalleCarrito {
    padding: 30px !important;
    right: 0px !important;
    position: relative !important;
}





#pagar {
    width: 100%;
    margin-left: 0%;
    padding: 15px 0;
}

.carrito #form_pay {
    padding: 10px;
}

.carrito fieldset {
    width: 96%;
    margin: 30px 2% 10px 2%;
}

#img_mp {
    max-width: 170px;
}

.total_pay b {
    display: block;
}


#sugeridos {
    margin: 30px 0;
    padding: 30px 0;
}

.item_producto_sug {
    width: 100%;
    margin: 0;
    padding: 20px 12px;
}

.item_producto_sug .imgs_prod {
    width: 25%;
    padding-right: 20px;
}

.item_producto_sug .imgs_prod>img {
    width: 100%;
}

.item_producto_sug .datos_producto {
    width: 75%;
    margin: 0;
}



.container_micuenta {
    padding: 15px 5px 50px 5px;
    width: 100%;
    margin: 20px 0%;
}

.container_micuenta .compras {
    padding: 6px;
}


.containerCompra {
    margin-bottom:0px;
}

.container_micuenta .compras .item_compras {
    padding: 10px;
}


.containerCompra .itemDetalle .imgItemDetalle {
    width: 30%;
}


.containerCompra .itemDetalle .productoItemDetalle {
    width: 69%;
}

.containerCompra .itemDetalle .precioItemDetalle, .containerCompra .itemDetalle .subtotalItemDetalle{
    width: 49%; text-align: right !important;
}

.container_micuenta .compras .item_compras .estado, .container_micuenta .compras .item_compras .forma_pago,
.container_micuenta .compras .item_compras .estado_pago{font-size:15px }

.container_micuenta .compras .item_compras .forma_pago i{display: block}



.admin_back .head_title2 {
    padding: 0;
}

.admin_back .adminRegistrado {
    padding-right: 5px !important;
}

.admin_back .head_item1 a {
    padding:0 5px;
	margin-top: 9px;
	font-size: 12px;
}



.container_menu_admin {
    width: 100%;
    margin: 10px 0;
}

.container_admin{
	margin: 40px 0;
    width: 100%;
}

.registro form input, .registro form select, .registro form textarea{
	display: block;
    margin-top: 15px;
    width: 100%;
    float: left;
    margin-left: 0;
	padding: 15px;
}


.registro form {
    width: 100%;
	margin-left: 0;
    left: 0;
	padding: 0;
}

.registro label {
    margin-top: 30px;
    width: 100%;
    float: left;
    text-align: left;
    padding-right: 0;
    margin-bottom: -11px;
    padding-left: 27px;
}

.registro .olvide, .registro .soy_nuevo {
    width: 100%; font-size: 15px;
}

.registro {
    width: 100%;
    margin: 30px 0;
    padding: 30px;
    text-align: center;
    background-color: transparent;
    box-shadow: none;
}


.container_admin .selectAngostoX {
    width: 80% !important;
    margin-right: 0% !important;
    margin-top: 16px;
}

.container_admin .selectAngosto {
    width: 80% !important;
    margin-right: 19% !important;
}

.registro input[type="submit"] {
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
	width: 100%;
    padding: 15px;
    height: auto;
    cursor: pointer;
    color: black !important;
}

.container_admin .registro input[type="submit"] {
    color: white !important;
}

.formMasImgProd .fileMasImg {
    width: 90% !important;
    padding: 10px !important;
    height: auto !important;
    margin: 0 !important;
	margin-left: 5% !important;
    float: none;
    margin-right: 0px !important;
}

.formMasImgProd .submitMasImg {
    width: 90% !important;
    padding: 11px !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
	margin-left: 5% !important;
    clear: both;
}


.itemFaq {
    width: 90%;
    margin: 20px 5%;
}

.pregFaq {
    font-size: 18px;
}

.respFaq {
    font-size: 15px;
}

.respFaq img {
    width: 18px;
}



#popupCart {
    top: 40%;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 60%;
}

#popupCart .item_carrito .unitPopupCart, #popupCart .item_carrito .subtPopupCart{
	margin-left: 10px; width: 30%;
}


#popupCart .item_carrito .delete_item_cart {
    left: 0%;
}


#popupCart .carrito .buttons .button_cart b {
   top: 11px;
}

.btnShowFiltros{
	display: inline-block
}

.filtros {
    width: 90%;
    margin: 5px 5%;
    padding-left: 0;
	display: none;
}

.productos {
    width: 100%;
    margin: 15px 0%;
    padding: 0;
}


.productoFavorito img {
    margin-right: 11px;
    margin-top: 8px;
}


.item_producto_full .add_cart {
    font-size: 16px;
    width: 100%;
    margin: 45px 0;
    padding: 17px 0;
}


.envioGratis span {
    font-size: 17px;
}

.envioGratis span img {
    width: 28px;
    height: 28px;
    margin: 0 14px 0 0;
	
}

.item_producto_full .descuentoProductoFull {
    font-size: 24px;
}

.item_producto_full #form_prod {
}

.headCarrito {
    text-align: center;
}

.headCarrito img {
    margin-left: 0;
}

.botonBuscarMas{margin: 0px auto 20px auto; font-size:18px; }
.finBusquedas{margin: 0px auto 20px auto; }


.carrito .total_cart span {
    width: 40%;
}


.divCuotas>img {
    width: 23px;
    vertical-align: sub;
    margin-right: 5px;
}

.divCuotas span {
    font-size: 18px;
}

.divCuotas .mediosPago img {
    width: 76%;
}


#loadingPopupCart img {
    top: 100px;
    margin-left: 20%;
}


#formInvitado {
    padding: 20px 0%;
}


.item_producto_full .envioGratis{
	background-color: transparent;
}


.item_producto_full .envioGratis span{
	color: #00a650;
	font-size: 20px;
    text-transform: none;
}

.item_producto_full .envioGratis span img{
	display: inline-block;
}

.clearMovil{ clear:both}






}







/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; background:#CCC }   

/* workarounds */
html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
	background-color: var(--colorLight1);
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active, .ui-state-hover, .ui-state-active {
    font-weight: normal;
    margin: -1px;
	background-color: var(--color3) !important;

}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	color: white !important;
}