/*************************************
              style.css
 Apocaliptic Hybrid 3.0 CSS Framework
              EMPCHILE
***************************************/
/**************************************/
/*         MEYER RESET v2.0           */
/**************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;	border: 0;font-size:100%;font:inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} table {border-collapse:collapse;border-spacing:0;}


/**************************************/
/*               GLOBAL               */
/**************************************/
html { background-color: #f5f5f5;; /*background-color:#666;*/ color: #676767; font-family: 'Open Sans', Helvetica, Arial, sans-serif!important; margin:0px; font-size:16px; font-weight: 400;}
body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;font-family: 'Open Sans', Helvetica, Arial, sans-serif!important;}
a, a:visited, a:link {text-decoration:none; color:#000; cursor: pointer;}
a:hover, a:active {}
.clr { clear:both;}
.clr-height { height: 20px;}

/*animations*/
.ani-flash {transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
.ani-fast {transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.ani-med {transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out;}
.ani-slow {transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}

/**************************************/
/*               BOXES                */
/**************************************/
/*level 0 boxes*/
.box-lvl0 { width:100%; clear:both; margin: auto;}

/*level 1 boxes*/
    .box-lvl1 {width:calc(100% - 0px); padding: 0 20px ;  margin: 0 auto; max-width: 1280px!important; }
/*h*/
h1 { display: block; font-size: 30px; font-weight: 700; line-height: 34px; color: #000;}
h2 { font-size: 22px!important; font-weight: 600!important; text-align: left; color: #000; display: block; padding: 0 0 30px 0; font-weight: 600;}
h2 span {color: #ff6600;}

/**************************************/
/*              HEADER                */
/**************************************/

.header { display: block; padding: 20px 0;}
.header-left { float: left;}
.header-center { float: left;}
.header-right { float: right;}

.header-left { width: calc(50% - 190px); text-align: left; padding-top: 23px; }
.header-center { width: 380px; text-align: center; }
.header-right { width: calc(50% - 190px); text-align: right; padding-top: 23px; }



/*logo*/
a.logo {width:318px; height: 82px; display: inline-block; background-image: url(../img/logo.svg); background-position: 50% 50%; margin:0; background-repeat: no-repeat;}
a.logo:hover { transform: translate(0px, -10px); transition:all 1s ease-in-out;}


@media screen and (max-width: 720px) {
	.header-center { text-align: left; width: 228px; margin-right: 20px; }
	a.logo {width: 100%;}
	.header-right { float: right;}
	.header-right { width: 32px;}
}

/*ingresar*/
a.button { background-color: #0cc6de; color: #fff; display: inline-block; padding:10px 20px; border-radius: 25px; font-size: 14px; font-weight: bold;}
a.button-xl { width: 100%; text-align: center;}
a.button:hover {background-color: #009581;}

a.button i { font-size: 24px; vertical-align: top; margin-right: 5px; transform: translateY(-1px);}
/*menu bars*/
a.bars-menu { color: #0cc6de; font-size: 36px; }
/*carrito*/
a.carrito-button { width: 90px; height: 44px; background-image: url(../img/carro.svg); background-size: 32px 32px; background-position: 0 50%; background-repeat: no-repeat; vertical-align: middle;}
a.carrito-button .carrito-icon { width: 20px; height: 20px; display: inline-block; font-size: 10px; color: #fff; background-color: #f8254b; text-align: center; line-height: 20px; border-radius: 50%; font-weight: 600; transform: translate(2px, -15px); font-weight: 600;}
a.carrito-button .carrito-text { display: inline-block; color: #000; font-weight: 600; padding:14px 0 0 0; font-size: 16px;  }
a.carrito-button:hover { text-decoration:none!important;}

a.carrito-button:hover .carrito-text { color: #f8254b; text-decoration: none;}
a.carrito-button:hover .carrito-icon { text-decoration: none!important;}

a.buscador-mo { font-size: 24px;  vertical-align: sub}

a.carrito-button-alt { width: 44px; height: 44px; background-image: url(../img/carro.svg); background-size: 32px 32px; background-position: 0 50%; background-repeat: no-repeat; vertical-align: middle;}
a.carrito-button-alt .carrito-icon { width: 20px; height: 20px; display: inline-block; font-size: 10px; color: #fff; background-color: #f8254b; text-align: center; line-height: 20px; border-radius: 50%; font-weight: 600; transform: translate(15px, -3px); font-weight: 600; }
a.carrito-button-alt .carrito-icon span { margin-left: 0px;}
a.carrito-button-alt .carrito-text { display: inline-block; color: #000; font-weight: 600; padding:14px 0 0 0; font-size: 16px;  }
a.carrito-button-alt:hover { text-decoration:none;}

.search-wrap-main { border: 1px solid #000; border-radius: 20px; float: left;}
.search-wrap-main input[type="text"] { max-width: 450px; display: inline-block; background-color: #fff; border: none; padding: 0 20px;}
.search-wrap-main input[type="text"]:hover, .search-wrap-main input[type="text"]:focus { border: none;}
.search-wrap-main input[type="submit"] { height: 40px; width: 24px; float: right; background-color: #fff; background-image: url(../img/search-btn.svg); text-indent: -9999px; margin: 0px 20px 0 0; padding: 0; background-position: 50% 50%; background-repeat: no-repeat;}
.search-wrap-main input[type="submit"]:hover { background-color: #fff; color: #f8254b;}


.header-b-row .search { float: left; }

/*header c*/
.header-c { padding-top: 30px; font-weight: 600;}
.header-c a { color: #009078; margin-left: 10px;}
.header-c span.separador { color: #009078;}
.header-c .cart-icon-head { display: inline-block; width: 26px; height: 26px; background-image: url(../img/cart-icon.svg); margin-right: 5px; transform: translateY(8px);}
.header-c .user-icon-head { display: inline-block; width: 26px; height: 26px; background-image: url(../img/user-icon.svg); margin-right: 5px; transform: translateY(8px);}
.header-c a i { font-size: 22px; vertical-align: middle;}

.hide { display:none!important;}

/*top header*/
.top-header { line-height: 28px;}
	.top-header-a { float: left;}
	.top-header-b { float: right;}



a.mayoristas { border:2px solid #000; padding: 0 10px;}
a.mayoristas:hover { text-decoration: none; color: #fff; background-color: #000;}

/*wellcome*/
.wellcome { display: block; text-align: right; margin: -11px 0 -10px 0; float: right;}
.wellcome a { color: #676767;}
.wellcome a:hover { text-decoration: underline;}


/*search*/
.header-search { margin-top: 10px;}
.header-search input[type="text"]{ width:50%; display: inline-block; border: none;}
.header-search input[type="text"]:hover { border:none;}
.header-search input[type="submit"]{ background-color: #fff; color: #000; font-family: 'FontAwesome'; height:36px; line-height: 36px; width: 36px; padding: 0px; border: none; }

/*MAIMENU MOBILE CATEGORY*/
/*
.menu-mo-cat {}
a.menu-mo-cat-main { height: 36px; display: block; width:calc(100% - 40px); background-color: #000; color: #fff; line-height: 36px; font-weight: 700; padding: 0 20px;}
a.menu-mo-cat-main i { float: right; line-height: 36px;}

.menu-mo-cat-wrap { background-color: #fff; padding: 20px; position: absolute; z-index: 99; right: 0; width: 100%; max-width: 260px;}
	.menu-mo-cat-group {}
	.menu-mo-cat-group a { color: #000; display: block; line-height: 24px; font-weight: 700;}
		a.menu-mo-cat-father { color: #000;}
		.menu-mo-cat-childs { display: block; margin: 10px 0;}
			.menu-mo-cat-childs a { text-indent: 20px;}
*/



/**************************************/
/*            BREADCRUMBS             */
/**************************************/
div.breadcrumbs { padding:0 0px 0 0; display: block; font-weight: 400; font-size: 14px; margin-bottom: 20px; font-weight: 600;}
div.breadcrumbs span { line-height: 15px; margin-right:5px; color: #000;}
div.breadcrumbs a { line-height: 18px;font-size: 12px; margin-right:5px; color: #000; }
div.breadcrumbs a:hover {text-decoration: underline; }
div.breadcrumbs a.current { color: #009078; }

/**************************************/
/*               HOME                 */
/**************************************/
/*cat-bar*/
.cat-bar { width: calc(100% + 20px); display: block; padding: 20px 0;}
.cat-bar a { width:calc(50% - 20px); margin-right: 20px; height: 50px; border-radius: 25px; color: #fff; float: left; text-align: center; line-height: 50px; font-size: 18px;}
.cat-bar .aa { background-color: #4c970a;}
.cat-bar .bb { background-color: #001f65;}
.cat-bar a:hover, .cat-bar a.current { text-decoration: underline;}

.cat-bar .icon { display: inline-block; height: 50px; width: 42px; vertical-align: top; margin-right: 10px;}

/*home search*/
.box-lvl0-home-search { background-image: url(../img/bg-search.png); background-size: cover; background-position: 50% 50%; padding: 50px 0; margin-bottom: 20px;}

/*home ver detalle*/
.box-lvl0-home-ver-video { background-color: #bbe6eb; padding:20px 0; margin-bottom: 20px;}


/**************************************/
/*              DETALLE               */
/**************************************/
.detalle-f { width:calc(100% - 40px); max-width: 900px; padding: 20px; border: 1px solid #000; position: absolute; top: 50px; background-color: #fff; margin: auto; left: 0;right: 0; z-index: 99; }
.main-product {}
.main-product-col { float: left;}

.main-product-a { float: left; margin-right: 20px;}
.main-product-b { float: left;}



	/*.detalle-a .mai float:left; width:calc(25% - 20px); margin-right:20px; {float: left; background-color: #fff; background-size: cover; background-position: 50% 50%; margin-bottom: 20px; background-repeat: no-repeat; width: calc(100% - 88px); border: 1px solid #000;}*/
	.main-product-a .img .price { width: 55px; height: 22px; float: left; text-align: center; line-height: 22px; color: #fff; background-color: #d80a0a; margin-top: 20px; }



	.main-product-b .title { display: block; margin-bottom: 20px; color: #fff;  text-transform: uppercase;}
	.main-product-b .codigo { display: block; margin-bottom: 20px; color: #fff; font-weight: 600; font-size: 16px;}



.description { display: block; margin-bottom: 30px;}
.description ul li {display: block; color: #777; margin-bottom: 15px; font-size: 16px;}

.prod-rosado { background-color: #f8254b; width: calc(100% - 40px); padding: 20px; margin-bottom: 20px;}
.rosado-a { float: left;}
.rosado-b { float: left;}
.rosado-b .price { margin: 50px 0 0 0;}
.rosado-a a { display: block; color: #fff; margin-bottom: 10px; font-size: 14px; font-weight: 600;}
.rosado-a a:hover { text-decoration: underline;}
.rosado-a a i { color: #340077;}

.espaciado { display:block; }
.espaciado2 { display:block;}

/*blocks add*/

.add-blocks-a { display: block; margin-bottom: 20px;}
.add-blocks-a-col {  float: left;}
.add-blocks-a-col .select-cont {background-color:#edecec; border: 1px solid #edecec;}

.add-blocks-b { display: block; margin-bottom: 20px;}
.add-blocks-b-col { margin-right: 20px; float: left;}

/*.subt-title { font-size: 16px; color: #444344; display: block; margin-bottom: 10px;}*/

.add-block {margin: 0 20px;}
.add-block .subt-title { font-size: 14px; color: #000; display: block; font-weight: 600; margin-bottom: 10px;}


/*blocks add*/





/*.main-product-detalle .img { height: 1000px;}*/

.main-product-b .subtitle { display: block; color: #000; margin-bottom: 10px; font-size: 12px; font-weight: 700}
.main-product-b .texto { display: block; margin-bottom: 20px; font-size: 12px; color: #000;}

.colors { display: block; margin-bottom: 20px;}
.colors a.color {display: inline-block; margin-right:5px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #c3c3c3;}
.colors a.color:hover, .colors .current { border: 1px solid #000; }

.tallas {display: block; margin-bottom: 20px;}
.tallas a.talla {display: inline-block; margin-right:5px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #fff; color: #000; text-align: center; line-height: 36px}
.tallas a.talla:hover, .tallas .current {border: 1px solid #000; text-decoration: none;}


	.main-product-b .price span.price-norm { color: #fff; font-size: 36px; }
	.main-product-b .price span.price-off { }
	.main-product-b .price span.price-old { display: block; color:#fff; font-size: 20px; text-decoration: line-through; margin-bottom: 10px;}
	.main-product-b .price span.price-off {  display: block; color:#fff; font-size: 36px;}
	.main-product-b .price span.price-old b { text-decoration: line-through!important; display: block; font-weight: 600;font-size: 20px; }

	.main-product-b .description { display: block;}
	.main-product-b .description a { float: left; background-color: #e0dcdc; padding: 5px 20px; border-radius: 25px; margin:20px 10px 20px 0; color: #b2b2b2;}
	.main-product-b .description a:hover { text-decoration: none; color: #0d50b0; }
	.main-product-b .description .texto { display: block; line-height: 18px; margin-bottom: 20px; }
	.main-product-b .description .texto-disclaimer { display: block; line-height: 18px; font-size: 12px; }

	.main-product-b .qty-add { display: block; margin-bottom: 20px;}
	.main-product-b .qty-tool { display: block; margin-bottom: 10px;}
	.main-product-b input[type="submit"] {}

.img .offer { width:53px; height: 53px; line-height: 53px; color: #fff; background-color: #f8254b; display: inline-block; margin: 10px; float: right; position: relative; border-radius: 50%; text-align: center; font-size: 14px;}

.img .nuevo { width:53px; height: 53px; line-height: 53px; color: #fff; background-color: #8100d3; display: inline-block; margin: 10px; float: right; position: relative; border-radius: 50%; text-align: center; font-size: 14px;}

	/*.main-product-b .icon-brand { width: 17px; height: 17px; display: inline-block; background: url(../img/store.svg) 0 0 no-repeat; margin-right: 5px; vertical-align: sub;}*/

/*qty tool*/
.input-group-addon {background-color: #fff; color: #000; cursor: pointer; display: inline-block; font-size: 16px; height: 30px; line-height: 30px; width: 30px; margin-left: 8px; margin-right: 8px; border-radius: 50%; padding: 0px!important; text-align: center; border: 1px solid #000;}
.input-group-addon:hover {background-color: #000;}

.input-group { width:150px;}
.input-group label { display: inline-block;}


/*CERRAR*/
a.cerrar { float: right; color: #000; margin-bottom: 20px;}

/*descripcion*/
.description p { color:#444344; line-height: 26px; font-size: 16px;}
/**************************************/
/*              BANNERS               */
/**************************************/
a.banners-home { float: left; background-position: 50% 0; background-repeat: no-repeat; background-size: cover;}
a.banners-home:hover { opacity: 0.6;}
a.banners-home img { width: 100%;}

/**************************************/
/*                CART                */
/**************************************/
.main-cart { display: block;}
.table-cart { display: block; width:calc(100% - 2px); background-color: #fff; margin-bottom: 20px; border: 1px solid #000;}
	.cell { float: left;  line-height: 22px; }
		.cell-a { text-align: center;}
		.cell-b {background-color: #f8254b; min-height: 156px; }
		.cell-c {}
.cell-d { }
		.cell-e {}
		.cell-f {}


.cell .img { display: inline-block; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
.cell .title { display: block; color: #000;  margin-bottom: 10px;}
.cell .txt { display: block; color: #000; font-weight: 600; }
.store { display: block; margin-bottom: 20px;  color: #0d50b0;}
/*.store span { width: 17px; height: 17px; display: inline-block; background: url(../img/store-ho.svg) 0 0 no-repeat; margin-right: 5px; vertical-align: sub;}*/
.cell a.delete { display: inline-block; color: #f8254b; font-weight: 700; font-size: 24px; margin-right: 10px}
.cell a.delete:hover { color: #000;}
.cell a.delete i { }

.cell .price { font-weight: 600; font-size: 16px;}
.cell .price-old { display: block; text-decoration: line-through;}
.cell .price-best { background-color:#0d50b0; color: #fff; font-size: 10px; padding: 0 5px; text-align: center;display: inline-block;}
.cell .price-new { background-color:#7b0dc8; color: #fff; font-size: 10px; padding: 0 5px; text-align: center;display: inline-block;}
.cell .price-pop { background-color:#f98c1b; color: #fff; font-size: 10px; padding: 0 5px; text-align: center;display: inline-block;}

.cell-b .txt { color: #fff; width:calc(25% - 20px); margin-right:20px;}
.cell-b .txt-title { color: #fff;margin-bottom: 20px; font-size: 24px; text-transform: uppercase;}

/*cart-footer*/
.table-cart-footer { display: block;float: right;}
.main-checkout-col .table-cart-footer { display: block; width:100%; float: right;}
.main-checkout-col .table-cart-footer .title { font-weight: 500!important}

.table-cart-footer .disclaimer { float: left; width:50%;}
	.table-cart-footer .disclaimer p { padding-right: 40px; font-size: 12px; line-height: 16px;}
	.table-cart-footer .disclaimer p a {}

.table-cart-total { float: right; border: 1px solid #f8254b; }
	.table-cart-total .value { float: left; padding: 20px; font-size: 18px; width:calc(100% - 40px); background-color: #fff; border-bottom: 1px solid #000; color: #000;}
		.table-cart-total .value .a {float: left;}
		.table-cart-total .value .b { float: right;}


.title .price { float:right; color: #000;}


/**************************************/
/*              CHECKOUT              */
/**************************************/

.main-checkout-col { float: left;}
.main-checkout-white { background-color: #fff; display: block; margin-bottom: 10px; padding: 20px;  font-size: 18px; border: 1px solid #000;}

.main-checkout-col .title { font-weight: 500; display: block; margin-bottom: 20px; color: #000; font-weight: 600;}

.main-login { margin: auto; width: 100%; max-width: 800px;}
.main-login .main-checkout-col {}



/*new register*/
.main-checout-col-register { width:100%!important;}
.main-checout-col-register .input-cont {  float: left;}
.main-checout-col-register .main-checkout-white { padding-right: 0px!important;}


a.seguir-comprando:hover { text-decoration: none; background-color: #000; }

/*cart footer*/
.nmb { margin-bottom: 0px!important;}
.main-checkout-col .title .price { float: right;}

/*cart mini-cart*/
.checkout-cart { display: block; float:left; width:calc(25% - 20px); margin-right:20px;; overflow-y: scroll; margin-bottom: 20px;}
.checkout-cart-row { display: block; margin-bottom: 20px;}

.checkout-cart-row .img { float: left; width: 86px; height: 86px; border: 1px solid #dedede; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; margin-right: 10px;}
.checkout-cart-row .txt { float: left; width: calc(100% - 108px);}
	.checkout-cart-row .txt .title {display: block; color: #0f60ad; font-size: 14px; margin-bottom: 10px;}
	.checkout-cart-row .txt a {display: block; margin-bottom: 10px; color: #a7a7a7; line-height: 18px; float:left; width:calc(25% - 20px); margin-right:20px;}
	.checkout-cart-row .txt a:hover { text-decoration: underline;}
	.checkout-cart-row .txt a b { color: #f98c1b;}

.cart-end-disclaimer { line-height: 18px; font-size: 12px; text-align: right;}
.cart-end-disclaimer a {}

.title a { background-color: #f8254b; color: #fff; padding: 2px 15px; margin: 0 10px; font-size: 16px;; }

.icon-title { display: table; width: 100%; background-color: #f8254b;}
.icon-title i { float: left; background-color: #5d9c70; color: #fff; height: 46px; width: 46px; text-align: center; line-height: 46px; border-radius: 50%; font-size: 18px; margin-right: 10px; display: none;}
.icon-title h2 { background-color: #fff!important; font-size: 21px; display: table-cell; vertical-align: middle; color:#ff2746; padding: 0px; height: 46px; text-align: left; line-height: 24px; text-transform: uppercase;}

label img { width:calc(100% - 28px); max-width: 256px; vertical-align: middle;}

.line-bottom { border-bottom: 1px solid #000;}

.cart-footer-block { border: none; width: 100%; margin-bottom: 10px; }
.price-text { font-size: 12px; font-weight: 400;}
.price input { height:24px!important; line-height: 24px!important; margin-top: -5px;}

.nmb-last {font-size: 24px; font-weight: 500;}



.disclaimer-one-click { display: block; margin-bottom: 20px; background-color: #edecec; font-size: 12px; line-height: 18px; padding: 20px;}
.disclaimer-one-click i { color: #5d9c70; font-size: 36px; float: left; margin-right: 20px;}

/**************************************/
/*              SLIDER                */
/**************************************/

.owl-item img { width:100%;}
.owl-theme .owl-controls .owl-buttons div { height: 53px; width: 52px; opacity: 0.8!important;text-indent: -9999px; padding: 0!important; background-color: transparent!important;}
.owl-theme .owl-controls .owl-buttons div:hover { opacity: 1!important; }

.owl-theme .owl-controls { position: absolute; top: 50%; margin-top: -30px!important; width:calc(100% - 20px); }
.owl-buttons {}
.owl-prev { float: left; background-image: url(../img/slider-left.png)!important;}
.owl-next { float: right; background-image: url(../img/slider-right.png)!important;}

.video-home { height: 590px; width: 100%; display: block; background-color: #C41416; margin: 20px 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.VueCarousel-navigation-button[data-v-7fed18e9] { top:50%!important; color:#ff2746!important; }
.VueCarousel-navigation-next[data-v-7fed18e9] { right: -20px!important; margin-right: 20px!important;}
.VueCarousel-pagination[data-v-7e42136f] { display: none!important; margin-top: -69px!important;
	z-index: 1000000!important;
	position: absolute!important;}

	.VueCarousel-dot-button[data-v-7e42136f] { background-color: #340077!important;}


.home-banners-3-b .VueCarousel-navigation .VueCarousel-navigation-button[data-v-7fed18e9] { top: 35%!important;}

/**************************************/
/*               CART ADD             */
/**************************************/
/**************************************/
/*               MI PANEL             */
/**************************************/
.main-panel { display: block; width: 100%;}
.main-panel-col-a { float: left;}
.main-panel-col-b { float: left;}

.white-box { display: block; padding: 20px; width: calc(100% - 43px);  background-color: #fff; border: 1px solid #000; }
.exito-box { display: block; padding: 0!important;  width: calc(100% - 4px);  background-color: #fff; border: 1px solid #33a01d; }
	.left-nav-panel h3 {  display: block; font-size: 18px; margin-bottom: 20px; color: #444344; font-weight: 600;}
	.left-nav-panel ul { margin-bottom: 40px}
	.left-nav-panel ul li {}
	.left-nav-panel ul li a { font-size: 18px; font-weight:600 ; padding: 5px 10px 5px 0px; display: block; width:calc(100% - 20px); margin-bottom: 10px; color: #000; }
	.left-nav-panel ul li a i{ margin-left: 10px;}
	.left-nav-panel ul li a:hover, .left-nav-panel ul li a.current { text-decoration: underline; font-weight: 600; }



.white-box-small { height: 200px;}
.panel-row-100 { display: inline-block; width: 100%; margin-bottom: 20px;}
.panel-row-50 { display: inline-block;  margin-bottom: 20px;  float: left;}
.panel-row-30 { display: inline-block;  margin-bottom: 20px;  float: left;}
	.panel-row-50 .white-box {min-height: 150px;}

/*caja texto*/
.panel-list-txt { display: block; overflow-y: scroll; height: 150px;}
	.panel-list-txt span { display: block; font-weight: 600;line-height: 18px;  margin-bottom: 10px; font-size: 16px; color: #0cc6de; }
	.panel-list-txt span b { display: block; font-weight: 600; font-size: 14px; color: #676767;  }

/*mensaje*/
.panel-msj { color: #777;}
.panel-msj h3 {color: #000; font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.panel-msj .txt { line-height: 22px; font-size: 16px;}
.panel-msj .txt b {color: #f8254b;font-weight: 600;}
.panel-msj a { color:#000; font-weight: 600;;}
.panel-msj a:hover {  text-decoration: underline;}



.exito-box .panel-msj { padding: 0px;}
.exito-box .panel-msj h3 { padding: 10px; background-color: #33a01d; color: #fff; margin-bottom: 0; }
.exito-box .panel-msj .txt { padding: 20px; color: #000; }

/*panel table*/
.main-panel .table-cart { display: block; width: 100%; background-color: #fff; margin-bottom: 20px;}
	.main-panel .cell { float: left; padding: 10px; line-height: 22px;}
		.main-panel .cell-a {}
		.main-panel .cell-b { }
		.main-panel .cell-c {}
		.main-panel .cell-d {}
		.main-panel .cell-e {}

.panel-list-txt a { color: #000; font-weight: 700; }

a.cart-back { background-color: #e0dcdc; border-radius: 25px; color: #0d50b0; display: inline-block; margin: 20px 10px 0 0; padding: 5px 20px;}
a.cart-back:hover { background-color: #0d50b0; color: #fff; text-decoration: underline;}


/*panel filters*/
.panel-filters { float: right;}

	.panel-filters span { float: left; line-height:32px; margin-right: 20px; color: #000;}
	.panel-filters input[type="text"] { float: left; width: 120px; margin-right: 10px; float:left; width:calc(25% - 20px); margin-right:20px;}
	.panel-filters .select-cont { float: left; width: 120px; margin-right: 20px;}
	.panel-filters input[type="submit"] { float: left; height: 36px; width: 36px; text-align: center; font-family: 'FontAwesome'; padding: 0px; line-height: 36px; border: 1px solid #444344;  float:left; width:calc(25% - 20px); margin-right:20px;background-color: #444344; color: #fff; margin-top: 5px;}
	.panel-filters input[type="submit"]:hover { background-color: #fff; color: #444344; }
	.panel-filters i { color: #000; float: left; line-height: 32px; margin-right: 20px; font-size: 24px;  }

.title-xl { font-size: 18px; float:left; width:calc(25% - 20px); margin-right:20px;}

.table-panel-cell .title { margin-bottom: 0px!important;}
a.ver-det {background-color: #f8254b; color: #fff; padding: 5px 30px; font-weight: 600; display: inline-block;}
a.ver-det:hover {background-color:#000; text-decoration: none;}

a.ver-det-desactivado { background-color: #edecec; color: #777}

.title-panel-table { display: block; font-size: 18px; color: #444344; margin-bottom: 20px;}

/*panel tienda editar*/
a.panel-edit-btn {background-color:#f98c1b; color: #fff; padding: 5px 10px; border-radius: 20px; margin: auto; width: 120px; display: block; text-align: center;}
a.panel-edit-btn:hover {background-color: #0d50b0; text-decoration: none;}



.agregar-editar-img {position: relative; z-index: 100; top: 0; text-align: center;}
.agregar-editar-img .panel-edit-btn {background-color:#f98c1b; color: #fff; padding: 5px 10px; border-radius: 20px; margin: auto; width: 120px; display: block; text-align: center;}
.agregar-editar-img .panel-edit-btn:hover {background-color: #0d50b0; text-decoration: none;}
.agregar-editar-img-me { top:180px;}

a.edit-info {color:#fff; margin-left: 16px; font-size: 14px;}
a.edit-info:hover {text-decoration: underline;}

/*editar pedidos*/
a.editar-panel { display: inline-block; margin-right: 10px; padding: 10px 0; color: #000; }
a.editar-panel i {color: #f8254b; }

.editar-descripcion {}
.editar-descripcion textarea { border-radius: 20px; margin-bottom: 20px; height: 150px; width: 50%;}
.editar-descripcion input[type="submit"] {background-color: #f98c1b; margin-bottom: 20px;}

a.editar-logo {background-color: #f98c1b; border-radius: 20px; color: #fff; display: block; margin: auto; padding: 5px 10px; text-align: center; width: 120px; position: relative; top: 140px;}
a.editar-logo:hover {background-color: #0d50b0; text-decoration:none;}

.sin-pedidos {}
.sin-pedidos h1 {}
.sin-pedidos span { color: #444344;}
.sin-pedidos a { background-color: #5d9c70;color: #fff;margin-top: 5px;padding: 5px 20px; margin-left: 10px; border-radius: 5px;}
.sin-pedidos a:hover { background-color: #000;}


.table-panel-cell .price, .table-panel-cell-alt .price { color:#000; font-size: 16px; font-weight: 600;}


/**************************************/
/*             CART FLOTANTE          */
/**************************************/
.cart-f { background-color: #fff; border: 1px solid #edecec; padding: 20px; position: absolute; top: 0px; z-index: 99; right: 0px;}

.cart-f-head { display: block; margin: 20px 0 40px 0;}
	.cart-f-head .title { display: block; text-align: left; font-weight: 600; color: #000; font-size: 24px;}
	.cart-f-head a {height: 23px;width: 23px;display: block;background: url(../img/equis-grey.png) 0 0 no-repeat;
position: absolute; top: 41px; left: 100%; margin-left: -43px;}
.lightbox a.cerrar {height: 23px;width: 23px;display: block;/*background: url(../img/equis-grey.png) 0 0 no-repeat;*/ font-size: 26px;
position: absolute; top: 41px; left: 100%; margin-left: -43px;}


.cart-f-wrap { display: block; margin-bottom: 20px; overflow-y: scroll;}
.cart-f-row { display: block; margin-bottom: 20px; border-bottom: 1px solid #000; padding-bottom: 10px;}
	a.cart-f-cell-a { float: left; width: 95px; height: 95px; margin-right: 10px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; border: 1px solid #000; }
	.cart-f-cell-b { float: left; width: calc(100% - 107px); color: #000;}

		.cart-f-cell-b a.dual { display: inline-block; margin-right:  5px;}
		.cart-f-cell-b span { display: inline-block; margin-bottom: 10px; color: #f8254b; font-size: 14px; font-weight: 700;}
		.cart-f-cell-b span.price { color: #000; font-weight: 600;}
		i.color { display: inline-block; margin-right:5px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #c3c3c3; vertical-align: text-bottom;}
		.cart-f-cell-b a.title { display: inline-block; font-weight: 700;margin-bottom: 5px; color: #000; text-transform: uppercase; font-size: 14px; }
		.cart-f-cell-b a.title:hover {}
		.cart-f-cell-b a:hover i { color: #000;}

.cart-f-total { display: block; font-size: 24px; color: #000; font-weight: 800; margin-bottom: 20px;}
	.cart-f-total .subtotal { float: left;}
	.cart-f-total .value { float: right;}

.cart-f-footer { display: block;}
	.cart-f-footer a { text-align: center; height: 46px; line-height: 46px; color: #fff; background-color: #f8254b; font-size: 18px; font-weight: 500; width: calc(50% - 10px); margin-right: 20px; float: left;}
	.cart-f-footer a:hover {}

.cart-f-cell-b span.price-norm { color: #000;  font-weight: 500; font-size: 14px;}
.cart-f-cell-b span.price-old { color: #000; text-decoration: line-through;  font-weight: 500; font-size: 14px;}

h3.exito-titulo { color: #a6b1b7;}
h3.fracaso-titulo { color: #da1e05;}


/**************************************/
/*                LOGIN               */
/**************************************/

.login { padding: 20px; background-color: #fff; border: 1px solid #000;  max-width: 560px; position: absolute; top: 20px; left: 0; right: 0; z-index: 99; margin: auto; }
	.login h3 { display: block; text-align: center; font-size: 24px; color: #000; font-weight: 800; margin-bottom: 5px; }
	 span.subt { display: block; text-align: center; margin:  0 0 40px 0; color: #444344; }
	.login a.cerrar { float: right; color: #000; font-size: 24px;}
.fb-login { display: block; margin: 20px 0; text-align: center;}
.cont-login-inputs { float: left;}

	.login-inputs { display: block; text-align: center; margin: auto; }
	.login-inputs .input-cont { display: inline-block; width: calc(50% - 22px); margin-right: 20px;}
	.login-inputs .input-cont label { text-align: left;}

	.login a.ingresar { 
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    height: 36px;
    line-height: 36px;
    background-color: #ff2746;
    color: #fff;
    padding: 0 30px;
    border-radius: 0px;
    font-size: 18px;
    outline: none;
display: inline-block;}
	a.forget-password { color:#000; text-align: center; display: block; margin: 20px 0 ; font-size: 16px;}
.login input[type="submit"]  { display: block; margin: auto;}

/*qty*/
.qty-tool { line-height:29px; font-size:18px; margin-left: -10px;}
.qty-tool button { border:none!important; background-color:#ff2746;  border-radius:50%; color:#fff;font-size:18px; margin: 0 5px; cursor:pointer; padding-bottom: 5px;
	 vertical-align: bottom; width: 25px; height: 25px; line-height: 22px!important; font-weight: 600; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.qty-tool button:hover { background-color:#340077; color:#fff; }

a.btn-grande { margin-top: 0px; color: #fff; float: left;}
input.boton-pagar { height: 60px;margin-top: -8px;font-size: 20px;}
input.boton-pagar:hover { background-color: #000;}

.cell .qty-tool { margin-left:0px;}
i.add-addr { font-size: 36px; color: #a6b1b7; vertical-align: middle; margin-right: 10px;}

.prod-box-addtocart .qty-tool { margin-top:10px; line-height: 28px;font-size: 14px;}
.prod-box-addtocart .qty-tool button {}

.no-img { background-position: 50% 50%!important;}

.add-panel-addr { display: block; margin-top: 20px 0;}
.add-panel-addr i { color: #444344;}
.add-panel-addr a { background-color: #5d9c70; border-radius: 10px; color: #fff; padding: 10px 20px;}
.add-panel-addr a:hover  { text-decoration: none!important; background-color: #444344; }

.wrap-btn-panel { display: block; margin-right: 20px}
.wrap-btn-panel a.l-left { float: left;}
.wrap-btn-panel a.r-right { float: right;}

.v2-date-wrap { height: 50px; border: 1px solid #000!important; border-radius: 20px!important; ;}
.v2-date-wrap .v2-picker-trigger { height: 48px; line-height: 45px; float:left; width:calc(25% - 20px); margin-right:20px;}


/*cerrar sesion*/
.close-session {  margin: 40px 0; text-align: center;}
.close-session h2 {border:1px solid #340077; padding: 20px 40px;border-radius: 10px; display: inline-block;}
.close-session h2 i { color: #340077; margin-right: 10px;}
.close-session .title { display: inline-block; margin: 20px 0; }


/**/
.level-menu a.current { text-decoration:underline;}
div.fb-signin-button { padding: 10px 20px!important;}
div.fb-signin-button i { font-size: 24px; margin-right: 20px; vertical-align: sub;}

/**/
.logedin { text-align: right; margin-bottom: 20px;}
.logedin a { color:#3E3E3E; font-weight: 700;}
.logedin a.link { color:#3E3E3E; font-weight: 100;}



/*garantias*/
/*input radiocont*/
.input-radio-cont { font-size: 16px; display: block; margin-bottom: 10px;}
.input-radio-cont input {}
.input-radio-cont .price-g { display: block; color: #5d9c70; padding-left: 28px; margin-top: 5px;}
.garantia-resumen-checkout {color: #5d9c70; display: block; margin-bottom: 10px; font-size: 16px;}




a.buscador-mobile { display: inline-block; vertical-align: top; height: 42px; line-height: 42px; text-align: center; padding: 0px; width: 42px; border-radius: 5px; font-size: 24px; margin-left: 0px; background-color: #444344; color: #fff; border-radius: 10px; }
.products-wrap { width: calc(100% + 20px);}
.products-wrap .morado-box .qty-tool span.qty { color:#fff;}
.buscador-wrap-mo input[type="text"] { border-radius:10px;}

.box-home-box2 h2:hover {text-decoration:underline;}

.cupon-descuento { display: block; margin:10px 0 0px 0; }
.cupon-descuento input { float: left;}
.cupon-descuento a.boton-qle { float: left; padding:16px 20px;}


.input-cont-2-col { float:left;}
.white-box-xxl { width:calc(100% - 20px)!important;}
.price-desc { font-size: 36px; font-weight: 600;}



/**************************************/
/*          INTELIGENT SEARCH         */
/**************************************/
.inteligent-search-wrap { z-index: 999999999999; background-color: #fff; position: absolute; border: 1px solid #000; margin-top: 10px; transform: translateY(31px);}
.inteligent-search-wrap .cerrar { margin: 10px 10px 10px 0px;}
	.inteligent-search-results { display: block; margin: 5px 0; overflow-y: scroll;}
		.inteligent-search-results a { text-transform: capitalize!important; display: block; color: #000; padding: 15px 0; margin: 0 20px; text-align: left;}
		.inteligent-search-results a:hover { color: #f8254b; text-decoration: none;}
		.inteligent-search-results a b { font-weight: 700;}
		.inteligent-search-results a i { color: #340077; margin-right: 10px; font-size: 18px; line-height: 20px;}

	.inteligent-search-sugestions { display: block; text-align: left; overflow-y: scroll; height: 300px; }
	.inteligent-search-sugestions-title { display: block; color: #fff; font-weight: 600; background-color: #340077; padding: 10px 20px; width: calc(100% - 40px);font-size: 22px;}
		.inteligent-search-sugestion { overflow-y: scroll; padding: 15px 20px; border-bottom: 1px solid #000;}
			.iss-block-col-a { width: 89px; height: 89px; float: left; border: 1px solid #000;}
			.iss-block-col-b { float: left; width: calc(100% - 184px); margin: 0 20px; }
				.iss-block-col-b a { font-size: 16px; color: #000; font-weight: 600; line-height: 18px; display: block; margin-bottom: 10px; text-transform: uppercase; margin-left: 0px;}
				.iss-block-col-b span.offer { display: inline-block; padding: 5px 10px; color: #fff; background-color: #f86f21; border-radius: 10px; }
			.iss-block-col-c { float: left; width: 53px; text-align: left; }
				.iss-block-col-b span.price { display: inline-block; font-size: 14px; margin-right: 10px; }
				.iss-block-col-b span.price-old { display: inline-block; text-decoration: line-through; font-size: 14px; margin-right: 10px;}

span.circle { width: 52px; height: 52px; display: inline-block; text-align: center; line-height: 52px; color: #fff; font-size: 14px; border-radius: 50%; }
span.circle-off { background-color: #f8254b; }
span.circle-new { background-color: #340077;}

/*************************/
/*          HOME         */
/*************************/
.slider {  float:left; width:calc(100% - 0px); margin-right:0px; display: block; margin-bottom: 20px;}

/*banners 3*/
.home-banners-3 {  display: block;  background-size: cover;}
a.home-banner-3 { float: left;  margin-right: 20px; background-color: #e6ebef; background-repeat: no-repeat!important; background-size: cover!important; height: 230px; margin-bottom: 20px;}
a.home-banner-3 .title { margin: auto; position: relative; top:79%; width:100%; background-color: #f8254b; color: #fff;  height: 50px; line-height: 50px; 
	 text-align: center; }
a.home-banner-3:hover { text-decoration: none; transform: scale(1.018);}
a.home-banner-3 img { background-repeat: no-repeat;} 

/*home rows*/
.home-que-es { display: block; margin-bottom: 20px;}
.home-como-funciona { display: block; margin-bottom: 20px;}
.home-ver-video { display: block; }
.home-en-que-ayuda { display: block; margin-bottom: 20px;}

/*home ver video*/
.home-ver-video { display: block; text-align: center; }
.home-ver-video a.ver-video { background-color: #009581; width: 140px; text-align: center; display: inline-block; }
.home-ver-video p { font-size: 18px; font-weight: 600; color: #2d2d2d; display: inline-block; margin-right: 30px; margin-bottom: 0px; }

@media screen and (max-width: 720px) {
	.home-ver-video p { margin-bottom: 20px; }

}
/*home que es*/
.home-que-es-a { float: left; margin-right: 20px; width: calc(100% - 385px); }
.home-que-es-a h2 {}
.home-que-es-a p {}
.home-que-es-a p strong { font-style: italic; color: #0cc6de; font-weight: 600;}

.home-que-es-b { float: left; width:365px; text-align: center;}
.home-que-es-b img { width:100%; max-width: 365px;}

@media screen and (max-width: 720px) {
	.home-que-es-a, .home-que-es-b { width: 100%; text-align: center;}
	.home-que-es-a h2 { text-align: center;} 
}

/*home como funciona*/
.box-lvl0-home-como-funciona { margin-bottom:0px; background-color:#f7f7f7 ; padding-bottom: 20px;}
.box-lvl0-home-como-funciona h2 { display: inline-block; text-align: center; margin: 30px 0; width: 100%;}

/*home ayuda*/
.home-en-que-ayuda {}
.home-en-que-ayuda h2 { display: inline-block; text-align: center; margin: 30px 0; width: 100%;}

.en-que-ayuda-blocks {display: block; text-align: center;}
.en-que-ayuda-block { display: inline-block; width: 20%; text-align: center; padding: 0 20px; vertical-align: text-top;}
.eqa-icon { height: 50px; text-align: center; margin-bottom: 10px;} 
.eqa-txt { font-size: 16px; font-weight: 600;} 

@media screen and (max-width: 720px) {
	.en-que-ayuda-block { width: 100%; text-align: center; padding: 0 20px}
}

/*newsletter home*/
.newsletter { text-align: center; margin: auto; margin-bottom: 20px;}
.newsletter h3 { display: block; margin-bottom: 20px; color: #fff; font-size: 24px;; }
.newsletter .subtitle {display: block; text-align: center; font-size: 18px; color: #fff; margin-bottom: 20px;;}
.newsletter .input-cont { width: 285px; }
.newsletter .input-cont input[type="text"], .newsletter .input-cont input[type="email"] { border: 1px solid #fff;}
.newsletter input[type="submit"] { display: inline-block; vertical-align: top; color: #fff; background-color: #009581; }

/*home rrss*/
.box-lvl0-home-rrss { background-color: #f7f7f7; padding:30px 0}
.home-rrss {}
.home-rss-a { float: left; width: 50%;}
.home-rss-b { float: left; width: 50%; text-align: center;}
.home-rss-b h2 { text-align: center; color: #000; font-size: 24px!important; font-weight: 400!important;}
.home-rss-icons a { color: #fff; font-size: 24px; border-radius: 50%; height: 50px; width: 50px; display: inline-block; line-height: 50px; margin: 0 10px; }

.core-rrss-b-int  { width: 100%;}

.home-rss-a-icon { width: 148px; height: 148px; display: inline-block; float: left; background-image: url(../img/icono-rrss.png); background-size: contain; background-repeat: no-repeat;margin-right: 40px;}
.home-rss-a-icon-b { float: left; padding-top: 30px;}
.home-rss-a a { display: block; text-align: center; width: 210px; margin-bottom: 10px; }

.home-rss-icons a.home-rrss-facebook {background-color: #0cc6de; }
.home-rss-icons a.home-rrss-instagram {background-color: #e3765b; }
.home-rss-icons a.home-rrss-twitter {background-color: #009581; }
.home-rss-icons a.home-rrss-youtube {background-color: #f0ab00; }
.home-rss-icons a.home-rrss-linkedin {background-color: #0cc6de; }

@media screen and (max-width: 720px) {
.home-rss-a { width: 100%;}
.home-rss-b { width: 100%;}
}

/*PAYMENT FAILED*/

.group-failed h2 { background-color: #ff2746; color:#fff; font-size: 36px; text-align: left; padding: 30px 0 30px 20px; margin: 20px 0; display: block;}

/*categorias home*//*
.categorias-home { display: block; width: calc(100% + 20px); margin-bottom: 25px;}
	a.categoria-home { width: calc(14.2% - 20px); margin-right: 20px; float: left; padding-top: 90px; background-repeat: no-repeat; background-position: 50% 0%; background-size: 80px 80px; height: 130px; margin-bottom: 20px; }
	a.categoria-home span { max-width: 130px; margin: auto; text-align: center; display: block; line-height: 18px; font-weight: 600; color: #292c2c; font-size: 12px;}
		.categoria-home-frutas-y-verduras { background-image: url(../img/frutas-y-verduras.svg);}
		.categoria-home-lacteos-y-huevos { background-image: url(../img/lacteos-y-huevos.svg);}
		.categoria-home-fiambres-y-embutidos { background-image: url(../img/fiambres-y-embutidos.svg);}
		.categoria-home-licoresjugos-y-bebidas { background-image: url(../img/licores-bebidas-jugos.svg);}
		.categoria-home-carnes-aves-y-pescado { background-image: url(../img/carnes-aves-y-pescados.svg);}
		.categoria-home-limpieza-e-higiene { background-image: url(../img/limpieza-e-higiene.svg);}
		.categoria-home-congelados { background-image: url(../img/congelados.svg);}
		.categoria-home-panaderia { background-image: url(../img/panaderia.svg);}
		.categoria-home-cafe { background-image: url(../img/cafe.svg);}
		.categoria-home-despensa-y-alimentos { background-image: url(../img/despensa-y-alimentos.svg);}
		.categoria-home-dulce-snacks-y-galletas { background-image: url(../img/dulces-snack-y-galletas.svg);}
@media screen and (max-width: 720px) {
	.categorias-home { display: block; width: calc(100% + 20px); margin-bottom: 45px;}
	a.categoria-home { width: calc(50% - 20px); margin-right: 20px; }
}
*/
/*carousel proveedores*/
.carousel-proveedores { display: block; margin-bottom: 40px;}





/*footer cols*/
.box-lvl0-footer {background-color:#0cc6de;}
.footer-cols {display: block; width: calc(100% + 20px); padding: 40px 0 20px 0; }
.footer-col {float: left; width: calc(25% - 20px); margin-right: 20px; margin-bottom: 20px; }
.footer-col h3 { color: #fff; display: block; font-weight: 600; margin-bottom: 20px; font-size: 16px; }
.footer-col a { color: #fff; display: block; margin-bottom: 10px; font-size: 14px; line-height: 18px;}
.footer-col a i {  width: 24px; text-align: center;}
.footer-col a:hover { text-decoration: underline;}
.footer-col a img {  width: 100%; max-width: 256px; }

.social-footer { display: block;}
.social-footer a {height: 45px; width: 45px; text-align: center; line-height: 45px; color: #fff; border-radius: 50%; margin-left: 5px; display: inline-block; font-size: 24px;}
.social-footer a:hover {background-color: #009581; color: #fff!important; }
.social-footer a:hover i {color: #fff!important; }

/*.foo-ssl { width: 135px; height: 39px; background-image: url(../img/ssl.png); background-size: contain; background-repeat: no-repeat; text-indent: -9999px;}*/

.foo-webpay { width: 100%; max-width: 219px; height: 50px; background-image: url(../img/webpay.svg); background-size: contain; background-repeat: no-repeat; text-indent: -9999px;}
.footer-credits	{ color: #fff; display: block; margin-bottom: 20px; font-weight: 600;}


@media screen and (max-width: 990px) {
	.footer-cols {display: block; width: calc(100% + 20px); padding: 40px 0; }
	.footer-col {float: left; width: calc(50% - 20px); margin-right: 20px; }
}
@media screen and (max-width: 720px) {
	.footer-cols {display: block; width: calc(100% + 0px); padding: 40px 0; }
	.footer-col {float: left; width: calc(100% - 0px); margin-right: 0px; }
}

/**************************************/
/*               CATALOGO             */
/**************************************/


.catalog { display: block; width: 100%; margin-bottom: 0px;}

.catalog-a { float: left; width: 260px; margin-right: 20px; margin-bottom: 40px;}
.catalog-b { float: left; width: calc(100% - 280px); margin-bottom: 40px;}

@media screen and (max-width: 720px) {
	.catalog-a { float: left; width:100%; margin-right: 0px;}
	.catalog-b { float: left; width: calc(100% - 0px);}
}

.fa-spin { position: fixed; font-size: 64px!important; left: 50%; top: 50vh; color: #ff2746;}
.no-result { color:#848484; font-size: 22px; text-align: center;}

/*tools mobile*/
.filters-mobile { display: block; margin:20px;}
.filter-mobile-col { float: left; }

/*prod box*/
.prod-box-wrap-white { background-color: #fff; display: block; width: 100%;}
.prod-box-wrap { display: block; max-width: 1280px; margin: auto; }
.prod-box { float:left; margin-right: 20px; text-align: left; margin-bottom: 30px; cursor: pointer;}
.prod-box:hover { text-decoration: underline; }
.openCart { color:#fff; font-weight: 600; line-height: 22px;}
.cat-col-b .prod-box { height: 330px; }
.cat-col-b .prod-box-pack { height: 182px; }

.prod-box  .img { display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 189px; border: 1px solid #000; width: calc(100% - 2px);}


.morado-box { background-color: #8100d3; padding: 0 10px 0px 10px; height: 155px;}
.pink-box { background-color: #f8254b; padding: 0 10px;}

.prod-box .title { display: block; font-size: 16px; color: #fff; height: 45px; padding: 10px 0; font-weight: 700;}
.prod-box:hover { text-decoration: none!important;}
.prod-box .prices { display: block; font-size: 14px; color: #fff; font-weight: 600; margin-bottom: 15px; float: left;}
.prod-box .prod-cart { width: 20px; height: 20px; float: right; text-align: center; line-height: 24px; transform: translate(0, -3px)}
.prod-box .prod-cart svg { fill:#fff;}


.prod-box:hover .img { margin-top:-5px;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;  }

.prod-box .prod-box-addtocart { display: block;}
.prod-box .prod-box-addtocart .qty-tool { float: right; width: 50%;}
.prod-box .prod-box-addtocart .input { float: right; width: 50%;}

.prod-box .prod-box-addtocart input[type="submit"]{ padding: 0 20px;}



/*pack*/
/*
.pack-price { width: calc(100% - 22px); padding: 10px; display: block; height: 110px; border: 1px solid #000;}
.pack-price { color: #000; text-align: center; }
	.pack-price-off { font-size: 30px; display: block; border-bottom: 1px solid #000; padding: 5px 0; margin: 5px 0 5px 0; font-weight: 700;}
	.pack-price-off:hover  { text-decoration: none!important;}
	.pack- price-old { height: 25px; font-size: 18px; display: block; text-decoration: line-through; padding: 5px 0;}
.prod-cart-pack { width:26px; height: 26px; display: inline-block;}
.core-pack { background-color: #d6d6d6!important;}
*/
/*menu cat*//*
.tools { display: block; margin-bottom: 20px;}
	.tools .title { float: left; color: #484848;}

.cat-menu { float:left; margin-top: 7px;}

.cat-menu-cont { float: left;}
	a.cat-menu-father { color: #a7a7a7; border-radius: 20px; background-color: #f2f2f2; margin-left: 10px; padding: 5px 10px;}
	a.cat-menu-father:hover { color: #fff; background-color: #0d50b0; text-decoration: none;}

	a.cat-more i { color: #0d50b0; font-size: 18px; vertical-align: text-top;}
	a.cat-more:hover i { color: #fff; }


	.cat-menu-childs { background-color: #e0dcdc; padding: 20px; position: absolute; margin-top: 20px;}
		a.cat-menu-child { display: block; color: #484848; line-height: 18px;}
		a.cat-menu-child:hover { color: #0d50b0;}

a.catalog-a-mobile-title { display: block; color: #fff; padding: 20px 20px; font-weight: 700; margin-bottom: 20px;}
a.catalog-a-mobile-title i { float: right;}
a.catalog-a-mobile-title-a { background-color: #009078;}
a.catalog-a-mobile-title-b { background-color: #6da397;}
.menu-nested-cell { padding: 0 20px;}
*/
/*ver mas*/
a.ver-mas { background-color: #000; color: #fff; display: block; margin:0 auto 20px auto; padding: 10px 20px; font-size: 18px; width: 100px; text-align: center;}
a.ver-mas:hover { background-color: #d80a0a; text-decoration: none; }



/*proveedor*/
.main-prov {}
	.main-prov .img { width: 187px; height: 187px; float: left; margin-right: 20px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; margin-top: 30px; background-color: #fff;}
	.main-prov .data { width: calc(100% - 207px); float: left; color: #fff; line-height: 18px;}
		.main-prov .data h1 { text-align: left}
		.main-prov .data .desc { display: block; margin-bottom: 20px;}
		.main-prov .data .contact { display: block; margin-bottom: 40px;}
		.main-prov .data .contact span { display: block; margin-bottom: 5px; }
		.main-prov .data .contact span i { width: 18px; text-align: center;}

/*menu left*/
/*
.cat-menu-left { display: block; width: 100%;}

.catalog-col-a h1 { color:#000; text-align: left; font-size: 18px; font-weight: 700;}
.tools h2 { color:#000; text-align: left; font-size: 18px; font-weight: 700; padding-bottom: 0;}

.cat-menu-left-group { display: block;}
	a.cat-menu-left-father { display: block; color: #000; margin-bottom: 10px; font-weight: 700;}
	.cat-menu-left-childs {display: block;}
		a.cat-menu-left-child {display: block; color: #000; margin-bottom: 10px; text-indent: 20px;}
*/
/**/
/**************************************/
/*                 MENU               */
/**************************************/
/*
.box-lvl0-menu {border-bottom: 2px solid #e3e3e3; margin-bottom: 10px;} 
@media screen and (max-width: 990px) {
.box-lvl0-menu {border-bottom: 2px solid #e3e3e3; margin-bottom: 10px; display: none;} 
}

.menu-item { float: left; margin-right: 50px; font-weight: 700;}
	a.menu-item-father { color: #292c2c; line-height: 24px;}
	a.menu-item-father:hover { color: #009078; }

	.menu-item-group { border: 1px solid #e3e3e3; position: absolute; background-color: rgba(255, 255, 255, 0.9); padding-bottom: 20px; z-index:9999!important;}
		.menu-item-group-2 { display: block;}
		a.menu-item-father-2 { padding: 10px 0 10px 20px; display: block; color: #9f9f9f;}
		a.menu-item-father-2:hover { background-color: #cfe7e3;}
		a.menu-item-father-2 i { float: right; margin-top: 1px; margin:0 10px 0 10px;}

	.menu-item-group-3 { border: 1px solid #e3e3e3; position: absolute; background-color: rgba(255, 255, 255, 0.9); padding-bottom: 20px; left: 100%; min-width: 250px; transform: translateY(-35px);}
		a.menu-item-3 {  padding: 10px 20px 10px 20px; display: block;  color: #9f9f9f; }
		a.menu-item-3:hover {  color: #009078; }
*/
/*
/*category icons*/
/*
.category-icon { width: 100%; height: 80px; display: block;}
.categoria-icon-frutas-y-verduras { background-image: url(../img/frutas-y-verduras.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-lacteos-y-huevos { background-image: url(../img/lacteos-y-huevos.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-fiambres-y-embutidos { background-image: url(../img/fiambres-y-embutidos.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-licoresjugos-y-bebidas { background-image: url(../img/licores-bebidas-jugos.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-carnes-aves-y-pescado { background-image: url(../img/carnes-aves-y-pescados.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-limpieza-e-higiene { background-image: url(../img/limpieza-e-higiene.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-congelados { background-image: url(../img/congelados.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-despensa-y-alimentos { background-image: url(../img/despensa-y-alimentos.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-cafe { background-image: url(../img/cafe.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-panaderia { background-image: url(../img/panaderia.svg); background-repeat: no-repeat; background-position: center;}
.categoria-icon-dulce-snacks-y-galletas { background-image: url(../img/dulces-snack-y-galletas.svg); background-repeat: no-repeat; background-position: center;}*/
.hide { display: none;}
/**************************************/
/*                 PACK               */
/**************************************/ 

.detalle-pack { display: block; margin: 0 auto 40px auto; max-width: 620px;}
.detalle-pack .mtitle { text-align: center; display: block; /*margin-bottom: 10px;*/ font-size: 24px; background-color: #f8254b; width: 100%; color: #fff; padding: 8px 0;}

.detalle-pack-blocks { display: block; /*margin-bottom: 10px;*/}
.detalle-pack-block { display: block; /*margin-bottom: 10px;*/ background-color: #eeeeee; color: #000; padding: 8px 0 0 0;}
.detalle-pack-block .title { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 600;}
.detalle-pack-block .text { display: block; font-size: 12px; font-weight: 700;}
.detalle-pack-cell-a { float: left; margin-bottom: 10px;}
.detalle-pack-cell-b { float: left; margin-bottom: 10px;}
.detalle-pack-cell-c { width: 15px; float: left; margin-bottom: 10px;}
.detalle-pack-cell-c a {font-size: 18px; color: #f8254b; /*margin-top: 10px;*/ display: block;} 

.detalle-pack-block .text-disabled { color: #a9a9a9; }
.detalle-pack-block .text-disabled b { color: #ff2746; font-size: 12px;}
.detalle-pack-block .text-disp { color: #ff2746; }

.detalle-pack-alternativa { display: block; margin-bottom: 10px; margin-top: -10px; background-color: #f8d0d3; padding: 15px; font-weight: 700;}
.detalle-pack-alternativa .title { display: block; margin-bottom: 20px; }
.detalle-pack-alternativa .radio-cont { display: block; margin-bottom: 10px;}
.detalle-pack-alternativa input[type="submit"] { float:right}

.alt-left { float: left;}
.alt-right { float: right;}




/*new prod boxes*/
.product-boxes { display: block; margin-bottom: 45px; width: calc(100% + 20px); margin-bottom: 25px;}
.product-box { float: left; width: calc(25% - 20px); margin-right: 20px; margin-bottom: 20px;}
/*col3*/
.catalog-b .product-box {width: calc(33.33% - 20px); margin-right: 20px;}
@media screen and (max-width: 720px) {
	.product-boxes { width: calc(100% + 20px);}
	.product-box, .catalog-b .product-box {width: calc(50% - 20px); margin-right: 20px;}
}

.product-box-image { height: 180px; display: block; margin-bottom: 10px; background-size: contain; background-position: 50% 50%; background-image: url(../images/cebolla.jpg);}
	.product-box-image div, .main-img div { padding:10px 20px; display: inline-block;}
	.badge-off { background-color: #ff6600; color: #fff;;}
	.badge-new {}
.product-box-title { display: block; margin-bottom: 10px; text-align: center; color: #009078; height: 34px; overflow: hidden; line-height: 18px; }
.product-box-price { display: block; margin-bottom: 10px; text-align: center; color: #292c2c;}
	.price-actual { font-weight: 600;}
	.price-old { text-decoration: line-through; font-size: 12px; }
.product-box-button { text-align: center; display: block; margin-bottom: 10px;}
.product-box-button a.add { display: inline-block; border-radius: 5px; border: 2px solid #ff6600; padding:5px 15px; color: #ff6600; font-size: 12px; background-color: #fff;}
.product-box-button a.add:hover { background-color: #ff6600; color: #fff;}
.product-box-button a.add .icon {}

/*menu nested*/
/*
.catalog-a h3 { color: #000; display: block; margin-bottom: 20px; font-size: 16px; font-weight: 600;}
.menu-nested { display: block; margin-bottom: 40px;}
.menu-nested a { display: block; margin-bottom: 20px; font-weight: 600; }
.menu-nested a:hover, .menu-nested a.current { text-decoration: underline;}

.menu-nested-level1 {}
a.menu-nested-faher-level1 { color: #9f9f9f;}

.menu-nested-level2 {}
a.menu-nested-faher-level2 {color: #009078; text-indent: 20px;}

a.menu-nested-level3 { text-indent: 40px;color: #009078; }
.menu-nested-level4 {}
a.menu-nested-faher-level3 {color: #009078; text-indent: 40px;}

.menu-nested i { float:right; color: #9f9f9f;}
*/
/*menu checkbox*/
/*.menu-check { display: block; margin-bottom: 40px;}
.menu-check-item { display: block; margin-bottom: 20px;}
.menu-check-item a { color: #9f9f9f; font-weight: 600;}
.menu-check-item a:hover { text-decoration: underline;}
.menu-check-item input { margin-right: 5px;}

a.menu-nested-ver-mas {color: #009078; font-weight: 600;}
a.menu-nested-ver-mas:hover {text-decoration: underline;}
*/
a.cargar-mas { display: block; font-weight: 600; font-size: 16px; text-align: center; padding: 20px 0; background-color: #7cb1a8; color: #fff;}
a.cargar-mas:hover { background-color: #009078;}

/*nuevo detalle*/
.detalle { display: block; width:calc(100% + 20px); padding: 40px 0; }
.detalle-col {float: left; width: calc(50% - 20px); margin-right: 20px; margin-bottom: 20px;}
.detalle-lock-width { max-width:950px; margin: auto;}
@media screen and (max-width: 720px) {
	.detalle { display: block; width:calc(100% + 0px);}
	.detalle-col {float: left; width: calc(100% - 0px); margin-right: 0px; margin-bottom: 20px;}
}

/*main-img*/
.main-img { width:100%; height: 350px; display: block; background-size: contain; background-position: 50% 50%; /*background-image: url(../images/cebolla.jpg);*/ margin: auto; margin-bottom: 20px;}
@media screen and (min-width: 720px) {
	.main-img { float: left;}	
	.thumbnails {float: left;}
}
@media screen and (min-width: 990px) {
.main-img { width:calc(100% - 86px);}
}
/*thumbnails*/
.thumbnails { text-align: center;}
.thumbnails-desk { width: 66px; margin-right: 20px;}
.thumbnails-desk a{ margin-bottom: 20px;}
.thumbnails-mobile { width: 100%;}
.thumbnails-mobile a { margin-right: 20px;}
.thumbnails a.thumbnail { width: 64px; height: 64px; border:1px solid #fff; display: block; background-size: contain; background-position: 50% 50; /*background-image: url(../images/cebolla.jpg);*/ display: inline-block; }
.thumbnails a.thumbnail:hover, .thumbnails a.current  { border:1px solid #d3d3d3;}

/*detalle info*/
.product-brand, .product-name, .product-category, .product-stock, .product-price, .product-disclaimer, .product-qty-tool, .product-add-button-wrap  { display: block; margin-bottom: 20px; padding: 0;}

.product-brand a { font-weight: 600; color: #ff6600; margin-bottom: 10px; }/*XD*/
.product-name { color: #009078; line-height: 26px; font-size:18px!important; font-weight: 700;}
.product-category { color: #444344; font-size: 14px!important;}
.product-stock { color: #444344; font-size: 14px!important;}
.product-price {}
	.product-price-normal { font-weight: 600; font-size: 18px; display: inline-block; margin-right: 10px;}
	.product-price-old { display: inline-block; text-decoration: line-through;}
.product-disclaimer {color: #444344; font-size: 12px; font-weight: 600;} 
.product-qty-tool {}
.product-add-button-wrap {}
	a.product-add-button {padding: 12px 30px; background-color: #ff6600; color: #fff; font-size: 14px; display: inline-block; font-weight: 600; }
	a.product-add-button:hover {}

/*detalle description*/
.detalle-descipcion h3 { display: block; margin-bottom: 20px; color: #444344; font-size: 12px;font-weight: 700;}
.detalle-descipcion p {display: block; margin-bottom: 20px;color: #444344; font-size: 12px;}



/*new-checkout*/
.checkout { display: block; margin-bottom: 40px; width: calc(100% + 20px);}
.checkout-col { float: left; width: calc(33.33% - 20px); margin-right: 20px;}
@media screen and (max-width: 720px) {
	.checkout { display: block; margin-bottom: 40px; width: calc(100% + 0px);}
	.checkout-col { float: left; width: calc(100% - 0px); margin-right: 0px;}
}

.checkout-col-inner { display: block; padding: 0 20px 20px 20px; background-color: #e2f4f1; margin-bottom: 20px;}
.checkout-col-inner h2 { padding: 15px 0; border-bottom: 1px solid #808080; margin-bottom: 20px; display: block;}
.checkout-col-inner h3 { font-size:100%!important; padding: 0; margin-bottom: 20px; display: block; color: #009078; font-weight:700;}
.checkout-col-inner h2 a { background-color: #009078; color:#fff; font-size: 14px; padding: 5px 10px; float: right;}
.checkout-col-inner h2 a:hover { background-color: #444344; }

.checkout-col-inner-light { display: block; padding: 0 0 20px 0; background-color: #fff; margin-bottom: 20px; border: 1px solid #808080;}
.checkout-col-inner-light h2 {  margin-bottom: 20px; display: block; color: #292c2c;padding: 15px 20px 15px 20px;background-color: #e2f4f1; }

/*checkout list*/
.checkout-cart-list { margin: 0 20px; max-height: 273px; overflow-y: scroll; }
.checkout-cart-list-item { border-bottom: 1px solid #bfbfbf;display: block; margin-bottom: 10px; }
.checkout-cart-list .info {  float: left; width: calc(100% - 140px); margin-right: 10px; line-height: 18px; color: #009078; font-weight: 600; }
.checkout-cart-list .info .txt { display: block; margin-bottom: 5px; }
.checkout-cart-list .info .price { display: inline-block; color: #292c2c; font-size:16px;  }
.checkout-cart-list .info .price-old { display: inline-block; color: #292c2c; text-decoration: line-through; }
.checkout-cart-list .info span { color: #ff6600; }
.checkout-cart-list .img { float: left; height: 80px; width: 80px; margin-right: 10px; background-size: contain; background-position: 50% 50%; background-image: url(../images/cebolla.jpg);}
.checkout-cart-list .cart-icon { background-image: url(../img/cart-icon.svg); background-position: 50% 30%; background-size: 50%;}
.checkout-cart-list .delete { float: left;  width: 30px; }
.checkout-cart-list .delete a { color: #444344; font-size: 24px; margin-top: 10px; display: inline-block;}
.checkout-cart-list .delete a:hover { color: #009078; }

/*cart end*/
.checkout-end { display:block; padding:20px; font-size:18px; font-weight:700; }
.checkout-end-row { display:block; margin-bottom:20px}
.checkout-end-col { float: left; width:50%}
.end-col-right { text-align:right;}
.checkout-end-row-color { color:#009078;}

.checkout-end-terms input { vertical-align: middle; margin-right: 10px;}
.checkout-end-terms a { font-size: 14px; vertical-align: middle;}

a.form-button { display: block; background-color:#009078; color: #fff; text-align: center; padding: 20px; font-weight: 700; font-size: 16px; border-radius: 5px; }
a.form-button:hover { background-color: #444344;  }
.disclaimer-payment-selection { background-color: #f7fffe; color: #000; display: block; border:1px solid #009078; text-align: center; padding: 10px; font-size: 12px; line-height: 16px;}

/*banner home x2*/
.banners-x2-wrap { display: block; width: calc(100% + 20px); margin-bottom: 45px;}
a.banner-x2 { display: block; float: left; width: calc(50% - 20px); margin-right: 20px; height: 315px;}
@media screen and (max-width: 990px) {
	.banners-x2-wrap { width: calc(100% + 0px); }
	a.banner-x2 { width: calc(100% - 0px); margin-right: 0px; margin-bottom: 20px;} 
}
.carousel-brands { display: block; margin-bottom: 40px;}

/*REGISTRO LOGIN*/
.main-registro-login { display: block; margin-bottom: 40px;}
.main-registro-login-editar { max-width:826px ; margin: auto;}
.main-registro-login-editar .registro-login-a { width: calc(50% - 20px); margin-right: 20px; float: left;  }
.main-registro-login-editar .registro-login-b { width: calc(50% - 20px); margin-right: 20px; float: left;  }
@media screen and (max-width: 720px) {
	.main-registro-login-editar .registro-login-a, .main-registro-login-editar .registro-login-b {width: calc(100% - 0px); }	
}


.registro-login { display: block; width: calc(100% + 20px);}
	.registro-login-a { width: calc(33.33% - 20px); margin-right: 20px; float: left;  }
	.registro-login-b { width: calc(33.33% - 20px); margin-right: 20px; float: left;  }
@media screen and (max-width: 720px) {
	.registro-login { width: calc(100% + 0px);}
	.registro-login-a { width: calc(100% - 0px); }
	.registro-login-b { width: calc(100% - 0px); }
	.registro-login-c { width: calc(100% - 0px); }
}
	.registro-login-col-inner { display: block; padding: 0 20px 20px 20px; background-color: #f7f7f7; margin-bottom: 20px;}
	.registro-login-col-inner h2 { padding: 15px 0; display: block;}
	.registro-login-col-inner h3 { padding: 0; margin-bottom: 20px; display: block; color: #000; font-weight:600; font-size: 16px;}
	.registro-login-col-inner h2 a { background-color: #009078; color:#fff; font-size: 14px; padding: 5px 10px; float: right;}
	.registro-login-col-inner h2 a:hover { background-color: #444344; }

a.form-link { display: block; margin-bottom: 20px;}
a.form-link:hover { text-decoration: underline;}

div.recuperar-contrasena { display: block; padding: 20px; margin-bottom: 20px; border: 1px solid #808080; }

.form-cols2-wrap { width: calc(100% + 20px); display: block;}
.form-cols2-wrap .input-cont { float: left; width: calc(50% - 20px); margin-right: 20px;}
@media screen and (max-width: 720px) {
	.form-cols2-wrap { width: calc(100% + 0px);}
	.form-cols2-wrap .input-cont { width: calc(100% - 0px); margin-right: 0px;}
}
h2.central {text-align: center;}
/*pasos*/
.pasos-registro { display: block; margin-bottom: 40px; text-align: center; width: calc(100% + 20px);}
.paso-registro { float:left; width:calc(25% - 20px); margin-right:20px; margin-bottom: 20px;}
	.paso-registro .icon { display: block; margin-bottom: 10px; background-position: 50% 50%; background-size: 80px 80px; height: 80px;}
		.paso-registro .icon-a { background-image: url(../img/paso1.svg);}
		.paso-registro .icon-b { background-image: url(../img/paso2.svg);}
		.paso-registro .icon-c { background-image: url(../img/paso3.svg);}
		.paso-registro .icon-d { background-image: url(../img/paso4.svg);}
	.paso-registro .paso-title { display: block; font-size: 16px; font-weight: 700; margin-bottom: 10px;}
	.paso-registro .txt { display: block; color: #9f9f9f; line-height: 18px; padding: 0 20px;}
@media screen and (max-width: 720px) {
	.pasos-registro { display: block; margin-bottom: 40px; text-align: center; width: calc(100% + 20px);}
	.paso-registro { float:left; width:calc(50% - 20px); margin-right:20px;}
}

/*panel*/
.panel-wrap { display: block; margin-bottom: 40px; width: calc(100% + 20px);}
.panel-a { float: left; width: 280px; margin-right: 20px; margin-bottom: 20px;}
.panel-b { float: left; width: calc(100% - 320px); margin-right: 20px;}
@media screen and (max-width: 990px) {
.panel-wrap { width: calc(100% + 0px);}
.panel-a { width: 100%; margin-right: 0px;}
.panel-b { width: calc(100% - 0px); margin-right: 0px;}
}

.panel-login-col-inner { display: block; padding: 0 20px 20px 20px; background-color: #e2f4f1; }
.panel-login-col-inner h2 { padding: 15px 0; border-bottom: 1px solid #808080; margin-bottom: 20px; display: block;}
.panel-login-col-inner h3 { padding: 0; margin-bottom: 20px; display: block; color: #009078; font-weight:700;}
.panel-login-col-inner h2 a { background-color: #009078; color:#fff; font-size: 14px; padding: 5px 10px; float: right;}
.panel-login-col-inner h2 a:hover { background-color: #444344; }
.panel-login-col-inner .content { display: block; min-height: 250px;}
.panel-login-col-inner a.link { display: inline-block; background-color: #009078; color: #fff; padding: 8px 20px; font-size: 12px; font-weight: 700;}
.panel-login-col-inner a.link:hover { background-color: #444344; }

.cols-3-wrap { width: calc(100% + 20px); display: block;}
.cols-3-col { float: left; width: calc(33.33% - 20px); margin-right: 20px; margin-bottom: 20px;}
@media screen and (max-width: 990px) {
	.cols-3-wrap { width: calc(100% + 0px); display: block;}
	.cols-3-col { float: left; width: calc(100% - 0px); margin-right: 0px; margin-bottom: 20px;}	
}
/*panel block*/
.panel-login-col-inner .content {  font-size: 13px; font-weight: 600;}
.content .panel-content-title { display: block; margin-bottom: 5px; line-height: 20px;}
.content .txt { display: block; margin-bottom: 20px; color: #009078;}

/*panel wellcome*/
.panel-a-wellcome { display: block; padding: 20px; border: 1px solid #e4e4e4; line-height: 20px; margin-bottom: 20px; font-size: 13px; font-weight: 700;}
.panel-a-wellcome span { color: #009078;}
.panel-a-wellcome a.link { display: inline-block; background-color: #009078; color: #fff; padding: 8px 20px; font-size: 12px; font-weight: 700;}
.panel-a-wellcome a.link:hover { background-color: #444344; }

/*menu panel*/
/*
.menu-panel { display: block; margin-bottom: 20px;}
.menu-panel a { display: block; margin-bottom: 20px; color: #9f9f9f; }
.menu-panel a:hover, .menu-panel a.current { color: #009078;}
.menu-panel a i { float: right;}
*/
/**************************************/
/*              lightbox             */
/**************************************/
.lightbox { width: 40%; position: fixed; top: 20vh; left: 50%; background-color: #c5eff4; transform: translateX(-50%); z-index: 999;}
@media screen and (max-width: 720px) {
	.lightbox {width: 90%;}
}
.lightbox-inner { display: block; padding: 20px;}
.lightbox a.close { float: right; font-size: 24px; color: #2d2d2d;}
.lightbox h4 { display: block; text-align: center; color: #000; font-size: 18px; margin-bottom: 20px; font-weight: 700; padding-bottom: 15px; width: calc(100% - 0px); text-indent: 25px;}
.lightbox p { display: block; text-align: center; margin-bottom: 20px; color: #2d2d2d; line-height: 20px; }
.lightbox p a { color: #009078;}

.buttons { display: block; text-align: center;}
.buttons input { display: inline-block!important; clear: both; margin-bottom: 20px; text-align: center; width: 200px;}
.buttons a { display: inline-block!important; clear: both; margin-bottom: 10px;}
.lightbox-form { max-width: 320px; display: block; margin: auto;}
/*panel voucher*/
.voucher-footer { display: block; margin-bottom: 40px; width: calc(100% + 20px);}
.voucher-footer .voucher-footer-col { float: left; width: calc(50% - 20px); margin-right: 20px;}
@media screen and (max-width: 990px) {
	.voucher-footer { width: calc(100% + 0px);}
	.voucher-footer .voucher-footer-col { width: calc(100% - 0px); margin-right: 0px;}	
}

/*mensajes voucher*/
.voucher-message {
	display: block;
    padding: 20px;
	background-color: #e2f4f1;
	margin-bottom: 20px;
}
.voucher-message-sucess {}
.voucher-message-error {}


.voucher-message h3 {color: #009078; font-weight: 700; font-size:18px; display: block; margin-bottom: 20px;}
.voucher-message-error h3 { color: #e73439;}
.voucher-message p { line-height: 20px;}
.voucher-message p b {color: #009078;}
.voucher-message p a {color: #009078; font-weight: 700; }
.voucher-message p a:hover { text-decoration: underline;}
.voucher-message ul { display: block; margin-bottom: 20px;}
.voucher-message ul li { line-height: 20px; list-style-type: square; list-style-position: outside;}

/*swall*/
.swal2-popup { border-radius:0px!important;}
.swal2-popup button {border-radius:0px!important;  background-color: #ff2746!important; font-size: 18px!important; text-transform: uppercase!important}
.swal2-icon.swal2-warning {border-color:  #ff2746!important; color:  #ff2746!important;}
.swal2-title { text-transform:uppercase!important; color: #8100d3!important;}

/*textos*/
.textos { display: block; width:calc(100% + 20px);}
.textos-col { display:block; float: left; width: calc(50% - 20px); margin-right: 20px;}
.textos-col p { margin-bottom: 30px; line-height: 24px; }
.textos-col p strong { font-weight: bold;}
.textos-col h2 { color: #009078; text-align: left; font-size: 16px; margin-bottom: 20px; padding: 0;}
@media screen and (max-width: 990px) {
	.textos { width:calc(100% + 0px);}
	.textos-col { width: calc(100% - 0px); margin-right: 0px;}	
}

/*pedidos*/
.orders-wrap { display: block; margin-bottom: 40px;}
.orders-filter { display: block; margin-bottom: 20px;;}
.orders-list { display: block;}

.order-table { display: block; margin-bottom: 20px; border: 1px solid #d2d2d2; padding: 20px 20px 0 20px;}
.order-cell { float: left; width: 16.66%; font-weight: 700; margin-bottom: 20px;}
@media screen and (max-width: 990px) {
	.order-cell { width: 100%; }
}
	.cell-title { display: block; margin-bottom: 10px;}
	.cell-data { display: block;color: #009078;}
	a.order-button { background-color:#009078; color: #fff; font-weight: 700; display: inline-block; text-align: center; width: 100%; padding: 8px 0; margin-bottom: 10px;}
	a.order-button:hover { background-color: #2d2d2d;}

	.estados { }
	.estados { display: inline-block; text-align: center; border: 1px solid #d2d2d2; border-radius: 5px; padding: 10px; background-color: #e2f4f1;  }
	.estados i { display: inline-block; margin:0 auto 10px auto; height: 22px; width: 22px; text-align: center; line-height: 22px; color: #fff;}
		.estado-aprobado i{ background-color:#bdd628;}
		.estado-rechazado i{ background-color: #de3a07;}
		.estado-alerta i{ background-color: #cfa820;}

/*h2 tools*/
.h2-tools {float: right; color: #292c2c;}
.h2-tools .txt { display: inline-block; margin-right: 20px;}
.h2-tools a { color: #292c2c; display: inline-block; }

/*cart-small*/
.cart-small { position: absolute; width: 100%; max-width: 380px; top: 100px; right: 0; z-index: 9;}
a.cart-small-button { width: 49%; display: inline-block;}
.btn-xs-wrap { display: block; width: calc(100% + 20px); margin-bottom: 20px; clear: both;}
.cart-xs-btn { float: left; width: calc(50% - 20px); margin-right: 20px; padding: 10px 0!important; font-size: 14px!important;  }
.cart-xl-but { background-color: #ff651b!important;}
.cart-xl-but:hover { background-color: #444344!important;}

/*menu mobile*/
/*
.menu-mobile {position: absolute; width: 100%; max-width: 380px; top: 80px; right: 0; background-color: #fff; border: 1px solid #808080; z-index: 9; font-weight: 700;}
.mobile-title { display: block; padding: 12px 20px; color: #009078;}
.menu-mobile-wrap { border-top: 1px solid #808080; border-bottom: 1px solid #808080;;}
.menu-mobile-wrap a {display: block; padding: 12px 20px; color: #8e8e8e;}
.menu-mobile-wrap a i { float: right;}
.menu-mobile-wrap a:hover { background-color: #c7e2dc;}
a.menu-mobile-link-alt {display: block; padding: 12px 20px;color: #009078;}
a.menu-mobile-link-alt:hover { background-color: #c7e2dc;}
.menu-mobile-wrap .menu-item-3 { text-indent: 20px;}*/
/*search mobile*/
/*
.search-mobile { display: block; padding: 20px 0; }
*/
/*i-search*/
     
.i-search-wrap { display: inline-block; width: 90%; margin-top: 30px;}
@media screen and (max-width: 990px) {.i-search-wrap { width: 100%; margin-top: 0;}}
.i-search-input-cont { border: 1px solid #009078; border-radius: 5px;}
	.i-search-input-cont input[type="text"] { width: calc(100% - 36px); float: left; border: none;}
	.i-search-input-cont input[type="submit"] { width:36px; width: 36px; padding: 0; float: left; background-color: #fff; background-image: url(../img/search.svg); text-indent: -9999px; background-position: 50% 50%; background-size: 24px 24px; }

.i-search-results { position: absolute; width: 100%; text-align: left;}
@media screen and (max-width: 990px) {.i-search-results { width: calc(100% - 40px);} }
.txt-results-none { padding: 20px 0 30px 0; }
@media screen and (min-width: 990px) {.i-search-results { max-width: 500px; }
.i-search-results .checkout-cart-list .info { width: calc(100% - 100px);} .i-search-wrap { max-width: 500px;} }
/*end*//*end*/

.product-qty-tool { line-height:29px; font-size:18px;}
.product-qty-tool button { border:none!important; background-color:#ff6600; color:#fff;font-size:18px; margin: 0 10px; cursor:pointer; padding-bottom: 5px;
	 vertical-align: bottom; width: 36px; height: 36px; line-height: 36px!important; font-weight: 600; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transform: translateX(-10px);}
.product-qty-tool button:hover { background-color:#009078; color:#fff; }
span.qty { display:inline-block; width: 36px; height: 36px; text-align: center;line-height: 36px!important; transform: translateX(-8px);}

/**************************************/
/*              FOOTER                */
/**************************************/

.footer-container { background-color: #340077;}
.footer { display: block; width: 100%;}

/*credits*/
.box-lvl0-credits { background-color: #009581;}
.credits { display: block; text-align: left; color: #fff; padding: 15px 0; }
.credits p.footer-p { margin-bottom: 0px;}

/**************************************/
/*              HOME SEARCH           */
/**************************************/
/*intro*/
.home-search {}
.home-search h1 { display: inline-block; width: 100%; text-align: center; font-size: 32px; font-weight: 600;}
.home-search h2 {display: inline-block; width: 100%; text-align: center;padding: 0 0 0 0;}
.home-search .home-search-bajada {display: inline-block; width: 100%; text-align: center; color: #000; font-size: 17px;}

/*tool*/
.home-search-tool { display: block; margin: 30px 0; background-color: #fff; border: 3px solid #f0ab00; border-radius: 10px; padding: 3px 0 0 0; overflow: hidden;}
.home-search-tool-new { display: block; margin: 30px auto; background-color: #fff; border: 3px solid #f0ab00; border-radius: 10px; padding: 3px 0 0 0; max-width: 700px;}
input[type="submit"].search-new { background-color: #f0ab00; color: #fff; font-weight: 800; display: block; width: 100%; text-align: center; cursor: pointer; font-size: 24px; padding: 20px 0; border-radius: 0;}
.home-search-tool-new .input-cont-m-search { width: 100%; border-bottom: 1px solid #e8e8e8;}
.home-search-wrap-cols { width: calc(100% + 0px); display: block; background-image: url(../img/separator.gif); background-position: 50% 0; background-repeat: repeat-y;}
.home-search-wrap-a { float: left; width: calc(50% - 0px); margin-right: 0px;}
.home-search-wrap-b { float: left; width: calc(50% - 0px); margin-right: 0px;}
.home-search-wrap-c { float: left; width: calc(50% - 0px); margin-right: 0px;}
@media screen and (max-width: 990px) {
	.home-search-wrap-a { float: left; width: calc(100% - 0px);}
	.home-search-wrap-b { float: left; width: calc(100% - 0px);}	
	.home-search-tool-new .input-cont-m-search { border-bottom: 1px solid #e8e8e8;}
	.home-search-wrap-cols {background-image:none;}
}
.home-search-wrap-cols label { margin-bottom: 5px;}
input.search-new:hover { background-color: #0cc6de;}
.selection-wrap	{ display: block; margin:0 10px 20px 10px; background-color: #e8e8e8; min-height: 32px; padding: 10px; border-radius: 10px;}
.number-label { display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; background-color: #0cc6de; margin-right: 5px; border-radius: 50%; font-weight: 700;}
.input-cont-m-search .select-cont{
	margin-bottom:0px; 
	width:100%; 
	display: block;
	padding: 7px 15px;
	border: none;
	border-radius: 0;
  height: 64px;
  z-index: 5px;
}
.input-cont-m-search .select-cont:hover { border: none;}
.input-cont-m-search { min-width: 150px; display: inline-block; vertical-align: top; }

.input-cont-tags {
  margin-bottom:0px; 
	display: block;
	background-color:#fff ;
  padding: 7px 15px;
  border: none;
	border-right: 1px solid #e8e8e8;
  border-radius: 0;
  height: 64px;
  position: absolute;
  z-index: 5px;
}

@media screen and (max-width: 1090px) {
	.input-cont-tags { width: 92%;}
}
@media screen and (max-width: 990px) {
	.input-cont-tags { width: 92%;}
}

.tags-cont { display: block; height: 34px; padding-top: 5px;}
input.buscar-m-search { float: right; background-color: #f0ab00!important; font-size: 24px!important; border-radius: 0px!important; padding:17px 20px!important; color: #fff; text-align: center; transform: translateY(-3px); margin-bottom: -3px; z-index: 5px;clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 5% 100%, 0% 50%);}
@media screen and (max-width: 1090px) {
	.input-cont-m-search { min-width: 50%; float: left;}
	input.buscar-m-search { width: 100%; margin-top: 70px!important;}

	.input-cont-tags-sp { width: 100%;}
}
@media screen and (max-width: 990px) {
	.input-cont-m-search { min-width: 100%;}
	input.buscar-m-search { width: 100%; margin-top: 70px!important;}

}
/**************************************/
/*                MENU                */
/**************************************/
.menu { padding: 30px; display: inline-block; position: absolute; z-index: 99; background-color: #0cc6de; top: 100px;}
a.close { width: 24px; height: 24px; float: right; background-image: url(../img/x-filter.svg); background-position: 50% 50%;  margin-bottom: 20px;}

menu { display: block; min-height: 180px;}
menu a { display: block; margin-bottom: 10px; color: #000; font-size: 18px; font-weight: 600;}

.social-menu { display: block;}
.social-menu a { display: inline-block; margin: 0 20px 0 0;}
.social-menu a i { color: #fff; font-size: 20px;}

/*core int*/
.box-lvl0-core-int { background-image: url(../img/bg-search.png); background-size: cover; background-position: 50% 50%; padding: 50px 0; margin-bottom: 20px;}
.box-lvl0-core-int h1 { text-align: center;  font-size: 32px; font-weight: 600;} 

/*register sms*/
.registersms { background-color: #c5eff4; padding: 20px;}
.registersms p { padding:0 20px; text-align: center;}
.registersms span { text-align: center; display: block; color: #000; font-size: 18px; font-weight: 600;}

/*wellcome panel*/
.wellcome-panel {background-color:#bbe6eb; width: calc(100% - 0px); padding:10px 20px; display: block; margin-bottom: 20px; border-radius: 10px;}
.wellcome-panel span {color: #000; font-size: 18px; font-weight: 600; padding-top: 8px; float: left;}

@media screen and (max-width: 768px) {
	.wellcome-panel a, .cyan-info a { margin: 10px 0; display: block;}
}

.fr-wellcome { float: right;}
.fr-wellcome { float: right;}
.fr-wellcome a.button { float: none;}
.fr-wellcome b { margin-right: 20px;}
.fr-wellcome .input-cont { margin: 0; float: left; max-width: 150px; margin-right: 10px; padding:3px 15px}
.fr-wellcome input[type="submit"] { margin: 0; float: left; width: 44px; height: 44px; padding:0px; background-color: #009581; border-radius: 10px; text-indent: -99999px; background-image: url(../img/search.svg); background-size: 22px 22px; background-position: 50% 50%;}

/**************************************/
/*              COTIZACION            */
/**************************************/
.cotizacion h2 { width: 100%; text-align: center;}
.laboratorio-desc {display: block; background-color: #f7f7f7; border-radius: 10px; margin-bottom: 20px; padding:20px}
.laboratorio-desc h3 {display: block; margin-bottom: 10px; color: #000; font-size: 16px; font-weight: 600;}
.lab-desc-cols-cont { display: block; width: calc(100% - 150px); float: left;}
.lab-desc-cols-col { float: left; width: calc(20% - 10px); margin-right: 10px;}
/*x2*/
.lab-desc-cols-col-x2 { width: calc(60% + 0px); float: left; }
.lab-desc-cols-col-x2-col { float: left; width: 50%;}



.lab-desc-cols-title { display: block; margin-bottom: 5px; color: #0cc6de; font-weight: 600;}
.lab-desc-cols-title i { margin-right: 5px;}
.lab-desc-cols-links { display: block; margin-bottom: 20px;}
.lab-desc-cols-links a { color: #676767; display: block;}
.lab-desc-cols-links a:hover { text-decoration: underline;}
.lab-desc-cols-links span { display: block;}

.lab-desc-col-desc { /*border-left: 1px solid #676767;*/ display: block; padding-left: 20px; min-height: 180px;}
.lab-desc-col-desc .title {display: block; margin-bottom: 10px; font-weight: 600; color: #000; font-size: 16px!important;}
.lab-desc-col-desc p {font-style: italic;}

@media screen and (max-width: 768px) {
	.lab-desc-cols-col-x2 { width: calc(100% + 0px); float: left; }
.lab-desc-cols-col-x2-col { float: left; width: 100%;}
.lab-desc-cols-cont { display: block; width: calc(100% - 0px); float: left;}
.lab-desc-col-desc { border-left: none; display: block; padding-left: 0px; min-height: 180px;}
}

/*col -logo*/
.lab-desc-cols-col-logotipo { text-align: center; width: 130px; margin-right: 20px; float: left; }
.lab-desc-cols-col-logotipo-logo { display: inline-block; width: 130px; height: 130px; background-image:url(../img/default.jpg); background-position: 50% 50%; text-indent: -999999px;}

/*col -mapa*/
.lab-desc-cols-col-mapa { text-align: center; width: 100%; float: left; margin-bottom: 20px; }
.lab-desc-cols-col-mapa-logo { display: inline-block; width: 100%; height: 130px; background-color: #777; background-size: contain; background-position: 50% 50%;}

/*cyan info*/
.cyan-info {background-color: #bbe6eb; width: calc(100% - 0px); padding: 10px 20px; display: block; margin-bottom: 20px; border-radius: 10px;} 
.cyan-info a.button { margin-right: 20px; display: inline-block;} 
.cyan-info a.button i { margin-right: 5px; font-size: 24px; vertical-align: top;} 

.cyan-info-info { display: inline-block; margin-right: 20px; vertical-align: middle;}
.cyan-info-title { display: block; font-size: 12px;}
.cyan-info-txt { display: block; color: #000; font-size: 18px; font-weight: 600;}

@media screen and (max-width: 768px) {

	.lab-desc-cols-col { width: calc(100% - 0px); margin-right: 0px;}
	.cyan-info-info { display: block; margin-bottom: 20px;}
	.lab-desc-cols-col-logotipo { margin-bottom: 20px;}
}

/*notas*/
.notas { display: block; margin-bottom: 20px;}
.notas-title { color: #000; display: block; margin-bottom: 5px; font-size: 16px;}
.notas p { font-size: 14px;}

/* filter h2 bottom*/
.h2-filter-bottom { display: block; text-align: center; margin-bottom: 20px; transform: translateY(-20px);}
span.filter-option { display: inline-block; background-color: #bbe6eb; padding:3px 5px 3px 10px; font-size: 12px; color: #000; font-weight: 600; border-radius: 10px; margin-bottom: 10px;}
i.x-filter { display: inline-block; width: 8px; height: 8px; background-image: url(../img/x-filter.svg); background-size: 8px 8px; background-color: #0cc6de; border-radius: 50%; padding: 8px; background-position: 50% 50%; vertical-align: middle; vertical-align: text-bottom; margin-left: 4px;}
i.x-filter:hover {background-color: #009581;}
a:hover i {color: #009581;}

/*total price*/
.total-price { background-color: #c5eff4; display: block; text-align: center; font-size: 24px; color: #0cc6de; font-weight: 600; padding: 5px 0; border-radius: 10px; margin-bottom: 20px;}
.total-price-phone { display: block; padding: 5px 0; color: #000; font-size: 16px; transform: translateY(-10px);}
.total-price-phone span {color: #0cc6de;}
.total-price-button { width: 100%; text-align: center; margin: auto; display: block;}

/*examen list*/
.examen-list { display: block; }
.examen { display: block; margin-bottom: 10px;}
.examen-a { float: left; width: 12px; margin-right: 10px;}
.examen-a i {color: #0cc6de;}
.examen-b { float: left; width: calc(100% - 22px); padding-right: 10px;}
.examen-b .code {}
.examen-b .code span {color: #0cc6de;}
.examen-b .examen-desc {font-style:italic ; font-size: 13px;}

.lab-desc-col-desc a.ver-todos { color: #0cc6de; margin-right: 20px; transform: translateY(-32px); float: right; margin-bottom: -32px;}


/*tabla cotizacion*/
.tabla-cotizacion { display: block; margin-bottom: 20px;}
.tabla-cotizacion-mobile { display: none; margin-bottom: 20px;}

.tabla-cotizacion table{}
.tabla-cotizacion table { width: 100%;}
.tabla-cotizacion table th {text-align: left; background-color: #f7f7f7; color: #0cc6de; font-weight: 600;}
.tabla-cotizacion table tr.grey { background-color: #f7f7f7!important;}
.tabla-cotizacion table tr td { padding: 10px;}
.tabla-cotizacion table tr th { padding: 10px; border-bottom: 1px solid #676767;}

/*table end*/
.tabla-cotizacion-end { float: right; min-width: 250px;}
.tabla-cotizacion-end h3 { color: #000; font-size: 18px; font-weight: 600;}
.tabla-cotizacion-end-title { display: block; font-size: 18px;}
.tabla-cotizacion-end-total {display: block;}

.tabla-cotizacion-end .lab-desc-col-desc {min-height: 100px; border: none; padding: 0;}
@media screen and (max-width: 768px) {
	.tabla-cotizacion-end { float: left; }
	.tabla-cotizacion { display: none;}
	.tabla-cotizacion-mobile { display: block;}
}

.tabla-cotizacion-item { display: block; padding: 20px; background-color: #f7f7f7; margin-bottom: 10px; border-radius: 10px;}
.tci-title { display: block; margin-bottom: 3px;color: #0cc6de;}
.tci-txt { display: block; margin-bottom: 10px;}

/*filter option*/
.filtros { background-color: #f7f7f7; border: 1px solid #0cc6de; padding: 20px; width: 320px; border-top-right-radius: 10px;  border-bottom-right-radius: 10px; position: absolute; top: 1090px;  z-index: 9999;}
.filtros-title { font-weight: 800; color: #000; display: block; margin-bottom: 20px; font-size: 22px;}
.filters-options { display: block; margin-bottom: 10px; transform: translateY(-10px);}
.filtros a.close { transform: translateY(-50px); float: right; margin-bottom: -20px;}
a.filter-show { background-color: #0cc6de; color: #000; padding:20px;position: absolute; top: 1000px; font-weight: 800; border-top-right-radius:5px ; border-bottom-right-radius:5px; z-index: 9999;}
a.filter-show i { color: #fff; font-size: 32px; vertical-align: middle; margin-right: 10px;}
a.filter-show:hover, a.filter-show:hover i { background-color: #e3765b;} 

a.button-user { background-color: #e3765b; padding: 0px; height: 32px; width: 32px; line-height: 32px; text-align: center;}
a.button-user:hover { background-color: #0cc6de;  }
a.button-user:hover i {color: #fff; }

a.button-user i { margin-right: 0; font-size: 16px; vertical-align: middle;}

a.button:hover i { color: #fff;}
.header-right.ooxx a.button:hover {background-color: #f0ab00;}
/*pagination*/
ul.pagination { display: block; text-align: center; margin-bottom: 20px; padding:0;}
ul.pagination li { display: inline-block; margin: 0 5px; }
ul.pagination li a {display: block; text-align: center; font-weight:bold; width: 32px; height: 32px; line-height: 32px; font-size: 15px; border-radius: 5px; background-color: #0cc6de; color: #fff;} 
ul.pagination li.active a, ul.pagination li a:hover  { background-color: #009581;} 
ul.pagination li.disabled a { background-color: #ddd;} 

/*select-txt*/
.select-cont.mt-4 { background-image: none;}
.filtros input[value="Filtrar"] { display: block; background-color: #0cc6de; color: #fff; text-align: center; width: 100%; padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: bold; cursor: pointer;}
	.filtros input[value="Filtrar"]:hover {background-color: #009581;} 

	.multiselect-cont { display: block; padding: 7px 15px 15px 15px;}
	.multiselect__select::before { display: none;}
	.multiselect__tags { background: #ededed!important; border: none!important; margin-bottom: 10px;}
	.input-cont-m-search-sm { border-bottom: 0!important;}
	.multiselect__input { font-size: 12px!important;  border-radius: 5px!important; margin-bottom: 10px;}
	.multiselect__placeholder {font-size: 12px;}
	.multiselect__tag {}
	.multiselect__content { font-size: 14px;}

	.home-search-wrap-a .input-cont-m-search:last-child { border-bottom: none;}
	.home-search-wrap-b .input-cont-m-search:last-child { border-bottom: none;}

	.input-cont-m-search .error { transform: translateY(-10px);}
.main-registro-login .input-cont .error {    transform: translateY(7px);}
h3.h3-lab {    border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 20px;}
.h3-addr { font-style: italic; color: #777; font-size: 14px;}


/*limpiar form*/
.limpiar-formulario { border-top:1px solid #e8e8e8; border-bottom: none!important; text-align: center; font-weight: bold; padding: 5px 0;}
.limpiar-formulario input { display: inline-block; vertical-align: middle; color: #0cc6de!important;padding: 0px!important; background-color: #fff!important;; cursor: pointer;outline: none;  }
.limpiar-formulario i {  display: inline-block; vertical-align: middle; color: #0cc6de; margin-right:5px;}

/*img-reg*/
.menu-reg-log { background-color: #0cc6de; padding: 20px 20px 10px 20px ; border-radius: 10px; position: absolute; z-index: 999; right:20px; top: 80px;}
.menu-reg-log a { display: block; color: #fff; font-weight: bold; margin-bottom: 15px;}

/****FAQ****/

.faq { background-color: #f2f5fa; border-bottom: 20px solid#fff;}
	.faqlvl1 h1 { color:#0cc6de; font-size: 26px; text-align: center; padding: 30px 0 0 0; margin:20px auto 30px auto; }
	.faqlvl1 p { margin: 0 0 10px 0; }
	.faqlvl1 .cols-2 { margin-bottom: 30px;}
.desplegables-faq { min-height: 30px; font-size: 16px; margin: 10px 0 0px 0; display: block; background-color: #fff; border-radius: 0px; border-bottom: 1px solid #cecece; padding-bottom: 10px; }
	.desplegables-faq b { line-height: 22px;  float: left; color:#000; font-weight: 600; width: calc(100% - 45px); margin-right: 20px;}
.cols-2 { width: calc(100% + 20px); display: block;}
.cols-3 { width: calc(100% + 20px); display: block;}
.cols-3-col { float: left;}
.cols-3-col .desp-faq { width: calc(100% - 40px); height: 100px;}
	.boton-desp { width: 25px; height: 25px; color:#fff; text-align:center; line-height: 25px; font-weight: 700; float: right; background-color: #0cc6de; border-radius: 50%; }
	.boton-desp:hover { background-color: #003374;}
	.desp-faq { background-color: #f7f7f7; border-radius: 10px; float: left; padding: 20px; width: 100%; margin: 10px 0 0 0;}
		.desp-faq p { text-align: left; width: 100%!important;}
		.col-faq { width: calc(50% - 20px); margin-right: 20px; float: left;}
		@media screen and (max-width: 768px) {
			.cols-2 { width: calc(100% + 0px);}
			.col-faq { width: calc(100% - 0px); margin-right: 0px; }
		}
/*contacto*/
.cont-inputs { display: block; width: calc(100% + 20px); max-width: 800px; margin: auto;}
.cont-inscribete { float: left; width: calc(50% - 20px)!important; margin-right: 20px;}
.contact-form { margin-bottom: 40px;}
.contact-form input[type="submit"] { display: block; margin: auto;}
.textarea-contact { width: calc(100% - 20px)!important;}
@media screen and (max-width: 768px) {
	.cont-inputs { width: calc(100% + 0px); }
.cont-inscribete { width: calc(100% - 0px)!important; margin-right: 0px;}
.textarea-contact { width: calc(100% - 0px)!important;}
}

/*slider*/
.VueCarousel-slide img { width: 100%;}
.VueCarousel-dot[data-v-438fd353] { margin-top: 20px!important;}
.VueCarousel-dot-container[data-v-438fd353] { margin-top: 0px!important;}

/*reg log*/
.reg-log { text-align: center; display: block; padding-top: 20px;}
.reg-log h4 { text-indent: 0; margin-bottom: 20px; padding:0;}

.footer-p a {color: #fff;}
a.button-back-panel { text-align: center;}

.date-dropdown-select {
  border-radius: 3px !important;
  margin-right: 30px !important;
  padding: 0px  !important;
	border: 0px !important;
	text-align: center !important;
}
.error-add { text-align: left!important; font-weight: bold;}

.tooltiptext {
	width: 260px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  z-index: 1;
	margin-left: 14px;
}
@media screen and (max-width: 1904px) {
	.tooltiptext {
		font-size: 12px;
	}
}
@media screen and (max-width: 1264px) {
	.tooltiptext {
		font-size: 12px;
	}
}
@media screen and (max-width: 960px) {
	.tooltiptext {
		font-size: 12px;
	}
}
@media screen and (max-width: 600px) {
	.tooltiptext {
		font-size: 10px;
	}
}

.multiselect__option--highlight {
  background: #f0ab00 !important;
}

.multiselect__option--highlight:after {
  background: #f0ab00 !important;
}

.info-label {
	display: inline-block;
	text-align: center;
	line-height: 20px;
	color: #0cc6de;
	border-radius: 50%;
	font-weight: 700;
	font-size: 14px!important;
}

/*landing proyectos*/
.como-funciona { display: block; width:calc(100% - 80px); text-align: center; padding:60px 40px; background-color: #fff;; }
.como-funciona h2 {display: block; width: 100%; text-align: center; font-size: 32px!important; font-weight: bold!important;}
.como-funciona p {display: block; width: 100%; color: #000; font-size: 18px; line-height: 24px; margin: auto; max-width: 760px}

.core-numbers { display: block; width: 100%}
.core-numbers-a { float: left; width: 50%; display: inline-block; min-height: 400px; background-image: url("../images/pasos.jpg"); background-size: cover; background-position: 50% 50%; text-indent: -9999px;}
.core-numbers-b { float: left; width: 50%; display: inline-block}
@media screen and (max-width: 960px) {
.core-numbers-a { width: 100%;}
.core-numbers-b { width: 100%;}
}
.core-numbers-item { display: block; width: calc(100% - 60px); padding: 30px;}
.number-g { float: left; width: 70px; font-size: 64px; font-weight: bold; color: #000}
.txt-g { float: left; font-size: 18px; line-height: 24px; color: #000; width: calc(100% - 70px); max-width: 420px}

.core-proyectos { display: block; text-align: center; padding: 40px 0}
.core-proyectos a { display: block; padding: 20px; text-decoration: underline; font-weight: bold; font-size: 18px;}
.core-proyectos a:hover { color: #ffcc00;;}
a.a-proyectos { float: left; width: 33.33%; background-size: cover; background-position: 50% 50%;  min-height: 230px; overflow: hidden}
a.a-proyectos-a {background-image: url("../images/01.jpg");}
a.a-proyectos-b {background-image: url("../images/02.jpg");}
a.a-proyectos-c {background-image: url("../images/03.jpg");}
a.a-proyectos-d {background-image: url("../images/04.jpg");}
a.a-proyectos-e {background-image: url("../images/05.jpg");}
a.a-proyectos-f {background-image: url("../images/06.jpg");}
a.a-proyectos-g {background-image: url("../images/07.jpg");}
a.a-proyectos-h {background-image: url("../images/08.jpg");}
a.a-proyectos-i {background-image: url("../images/09.jpg");}
.overlay-over { background-color: rgba(169, 169, 169, 0.6); text-align: center; color: #fff; padding: 60px 0; font-size: 24px;transform: translateY(230px);}
a.a-proyectos:hover .overlay-over { transform: translateY(62px);}
.overlay-over b { display: block}
@media screen and (max-width: 960px) {
    a.a-proyectos { width: 100%;}
    .overlay-over {transform: translateY(62px);}
}
.core-proyecto { display: block; width: 100%;  background-size: cover; background-position: 50% 50%; background-image: url("../images/bg-numbers.png"); padding: 80px 0}
.core-proyecto h1 { text-align: center; color: #fff; font-size: 48px; display: block; margin: auto; max-width: 790px; line-height: 60px; margin-bottom: 30px; letter-spacing: 5px}
a.a-core { display:block; margin:auto; max-width: 300px}
a.a-core img { width:100%;}

.general{
    font-family: 'Roboto Condensed', sans-serif;
    color: #757575;
    font-size: 13px;
    margin: auto;
}


.formulario{
    width: 45%;
    margin: 20px auto;

}


.titulo_form{
    text-align: center;
    font-weight: 300;
    font-size: 18px;
	padding: 25px 0;
}

.titles{
    padding: 0 0px;
}

.campos{
    width:100%;
    margin: 5px 0px 15px 0px;
    padding: 10px 0;
    border: 1px solid #d4d4d4;
}

.campos::placeholder{
    color: #757575;
    font-size: 12px;
}





.boton{

    margin: 0px 0px;
    text-align: center;

   
}


.boton button{
    background-color: #000000;
    color: #ffffff;
    border: none;
    padding: 15px 0;
    width: 100%;
    font-weight: bold;

}



@media screen and (max-width: 750px){
    
    .formulario{
    width: 70%;
    margin: 20px auto;

}
}