/*RESETEO MTN*/

html {
	box-sizing: border-box;
	font-family: sans-serif;
	font-size: 1em;
	scroll-behavior:smooth;

}

*, ul, ol,
*:after,
*:before { 
	padding: 0;
	margin: 0;
	box-sizing: inherit;
	box-sizing: border-box;
}

img {
	max-width : 100%;
}

a {
	text-decoration : none;
}

a:hover {
	color: #208c02;
	text-decoration : underline;
}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

/*RESETEO MTN*/

.no-html5{display:none}
.cb { clear:both; }
.fl { float:left; }
.fr { float:right; }
.dn { display:none; }
.di { display:inline; }
.db { display:block; }
.w100 { width:100%; }
.w75 { width:75%; }
.w25 { width:25%; }
.w50 { width:48%; }
.w30 { width:33%; }
.w33100  { width:32%; }
.ac { text-align:center; }
.al { text-align:left; }
.ar { text-align:right; }
.tu{text-decoration: underline;}
.pacero{position:absolute;top:0px;right:0px;}
.m10{ margin:10px; }
.mb10{margin-bottom: 10px;}
.p10{ padding:10px; }
.dn { display:none; }
.mt10{margin-top: 10px;}
.m0{	margin:0px;}
.m5{	margin:5px;}
.p5{	padding:5px;}
.manito{cursor:pointer;}
/* 	.precios:before {content: "$";}
.loading{ } */

.cr{ color:#cd0a0a;	}

ol{
	margin:0; padding:0;
}

/*HACKS BOOTSTRAP*/

.col-centered{
	float: none;
	margin: 0 auto;
} 
.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
/* Sticky footer styles
-------------------------------------------------- */

html,
body {
	height: 100%;
	font-size: 14px;
	/*color:blue; overflow: hidden;*/
	overflow-x: hidden;
}

/* Wrapper for page content to push down footer */
#wrap {
	/*min-height: 100vh;*/
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto;
	/* Pad bottom by footer height */
	padding: 0 0;
/*
background:url('') transparent no-repeat fixed 50%;*/

}



/* Custom page CSS
-------------------------------------------------- * /
/* Not required for template or sticky footer method. * /

/*
#wrap > .container {
  padding: 0 ;
	max-width: 100%;
	/*****************GRID********************** /
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(4, fit-content);
	grid-gap: 1em;
	grid-template-areas: "header"
	"main"
	"aside"
	"footer";
	/*****************GRID********************** /
	}
	*/

#wrap > .container{
	padding: 0;
	max-width: 100%;
	width: 100vw;
	background-color: #b0c7bd;
	display: grid;
	grid-template-columns: 24% 1fr;
	/*grid-template-columns: 25% 2fr 25%;*/
	grid-template-rows: repeat(4,fit-content);

	/*grid-gap:0 0.6em;*/
	grid-template-areas: 
	"header header header header"
	"aside main main main"
	"home home home home"
	"ventajas ventajas ventajas ventajas"
	"footer footer footer footer";

}/*"ventajas ventajas ventajas ventajas"*/

#wrap > .containerLogin{
	padding: 0;
	max-width: 100%;
	width: 100vw;
	padding: 1em;
	background-color: #b0c7bd;

}

.header{
	grid-area: header;
	position: sticky;
	top: 0;	/**/
	z-index:100;
		/*display: flex;
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		justify-content: space-between;
		align-items: center;*/
		
	}


	.main{

		grid-area: main;
		display: flex;
		flex-direction: column;

	}
	
	.home{
		grid-area: home;
		display: flex;
		flex-direction: row;
	}
	
	
	.aside{
		grid-area: aside;
		/*background-color: #449c2c;
		max-height: 60vh;
		background-color: #b1dfb1;
		background-color: #008000c2;*/
	}

	.container .credit {
		margin: 20px 0;
	}


	
	#ventajas{
		grid-area: ventajas;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		align-items: stretch;
		margin: 1em 0;

	}

	#ventajas .infoDestacada {
		text-align: center;
		margin: 1.5em;
		flex: 1 1 20%;
		align-items: stretch;
		padding:0;
		/*border: 1px solid #e2e2e2;*/
		border: .1em solid #8a8a8b;
		border: 1px solid #646563;
		border-radius: .4em;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		height: 25vh;
		display: flex;
		align-items: flex-end;
	}

	#ventajas .infoDestacada:hover {
		box-shadow: .125em .27em .1em .2em rgba(11,28,42,.15);
	}

	/*.infoDestacada::after {
		position: relative;
		content: "";
		top: 0;
		right: 0;
		height: 42px;
		width: 1px;
		background: #ebebeb;
		
		}*/

		#ventajas .infoDestacada .fas, #ventajas .infoDestacada .far{
			font-size:2.5em;
			color: #555;
			color: #bf0f1e;
			margin: .5em;
		}


		.infoDestacada a {
			display: flex;
			flex-direction: column;
			width: 100%;
		}

		#ventajas .infoDestacada h3{
			text-transform: uppercase;
			letter-spacing: .125em;
			font-size: 1.2em;
			font-weight: 700;
			color: #52a33c;
			/*color: #449c2c;*/
			cursor:  pointer;
			background-color: #bf0f1e8c;
			color: #fff;
			padding: .5em;
		}

		#ventajas .infoDestacada span, .cabeceraInfo span{
			text-transform: uppercase;
			letter-spacing: 0em;
			font-size: .95em;
			font-weight: 700;
			color: #6e6e6e;
			background-color: #52a33cd1;
			color: #fff;
			display: block;
			text-align: center;
			padding: .2em 0;
			margin: 0;

		}

		.coordinamos-envios{
			background:url('https://www.laboticamilagrosa.com.ar/img/coordinamos-envios.png') no-repeat;
			background-position: center;
			background-origin: border-box;
			background-size: cover;
		}

		.compra-minorista{
			background:url('https://www.laboticamilagrosa.com.ar/img/compra-minorista.png') no-repeat;
			background-position: center;
			background-origin: border-box;
			background-size: cover;
		}


		.compra-mayorista{
			background:url('https://www.laboticamilagrosa.com.ar/img/envio-mayorista.png') no-repeat;
			background-position: center;
			background-origin: border-box;
			background-size: cover;
		}

		.sucursales-mapa{
			background:url('https://www.laboticamilagrosa.com.ar/img/sucursales.png') no-repeat;
			background-position: center;
			background-origin: border-box;
			background-size: cover;
		}

		.coordinamos-envios{
			background:url('https://www.laboticamilagrosa.com.ar/img/coordinamos-envios.png') no-repeat;
			background-position: center;
			background-origin: border-box;
			background-size: cover;
		}

		.medios-pago{
			background:url('https://www.laboticamilagrosa.com.ar/img/medios-pago-03.png') no-repeat;
			background-position: center;
			background-origin: border-box;
			background-size: cover;
		}

		.preguntas{
			background:url('https://www.laboticamilagrosa.com.ar/img/preguntas.png') no-repeat;
			background-position: center;
			background-origin: border-box;
			background-size: cover;
		}

		.cabeceraInfo{
			height:30vh; 
			background-position:center;
			display: grid;
			justify-content: stretch;
			align-content: flex-end;
			padding:0;
			text-align: center;
			margin: 1em 0;
			border-radius: .5em;
			-webkit-border-radius: .5em;
			-moz-border-radius: .5em;
			border: 1px solid #646563;
		}



		#footer {
			grid-area: footer;
			/*background: #152405;
			background-color: #BF0F1E;*/
			background-color: #999ac6;
			background-color: #347b20;
			color:#fff;
			

		}

		.footer-container{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-evenly;
			align-items: center;
			padding: 2rem 0 1rem;
			text-align: center;
		}

	/*#footer > .container {
		padding-left: 15px;
		padding-right: 15px;
		}*/


		/* BOTON SCROLL TOP */


		#btnScroll {
			display: none;  /*Hidden by default */
			position: fixed;
			bottom: .5em;
			right: 1em;
			z-index: 99;
			border: none;
			outline: none;
			background-color: red;
			color: white;
			cursor: pointer;
			padding: .4em;
			border-radius: .5em;
			font-size: 2.5em;
			transition: all 0.3s ease-out;
		}

		#btnScroll:hover {
			background-color: #555; /* Add a dark-grey background on hover */
		}


		/*  FIN BOTON SCROLL TOP */

		.form{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.sharingbox{
			/*clear:both;*/
			display: flex;
			margin: 0 auto;
			background-color:#D0CACA;
			background-color: #777;
			border-radius: 4px;
			padding:1em;
			justify-content: center;
			align-items: center;
		}
		.sharingbox a{
			margin: .4em;
		}
		.sharingbox span{
			margin:6px;
			color:#3F3F3F;
			font-size: 11px;
		}
		.sharingbox::before{
			content: ""
		}
/* 
-------------------------------------------------- */
/* FIN Custom page CSS */


.paginador{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: .6em;

}

.pagination {
	margin: 0px 0 0 0;
	color: #373737;
	display: flex;
	flex-wrap: nowrap;
}

.pagination a{
	color: #fff;
	color: #373737;
}

.pagination li a{
	margin: .2em;
	border-radius: .5em;
	float: none;
	text-decoration: none;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #7da392;
	color:#336600;
	color: #fff;
	
}
.paginadortxt{
	font-size:11px;
	color: #373737;
	clear: both;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span, .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span{
	border-radius:.5em;}


	.navbar-nav{
	/*grid-area: navbar-nav;
	order: 5;*/
	float: none;
	display: flex;
	grid-template-rows: repeat(auto-fit,1fr);
	flex: 1 1 65%;
	text-align: center;
	align-self: center;
	justify-content: center;
	border: 1px solid #e2e2e2;
	border: none;
	padding: .1em 0;
}


.navbar-default{
	border:0;
	/*border-bottom:6px solid #d9534f;*/
	background:inherit;
	background-repeat:repeat;
	background-position:0 top;
}
.navbar-brand{
	padding: 0;
	margin: 0;
	grid-area: navbar-brand;
	justify-self: center;
	place-items: center;
	flex: 1 1 10%;
	
}
/*.navbar-brand img{
	margin:0 auto;
	max-height: 100px;
	border:  2px solid blue;
	}*/


	#carroChicoCont{
		/*grid-area: carroChicoCont;*/
		position:relative !important;
		flex: 1 1 10%;
		display: flex;
		flex-direction: row;
		justify-content: stretch;
		

	}

	.headerRow{
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		align-items: strech;

	}

	#tituloCategoria{
		flex: 1 1 auto;
		align-items: center;
		display: flex;
		display: none;
		justify-content: space-around;
		color: #347b20;

	}

	#tituloCategoria h4{
		color: #347b20;
	}

	#tituloCategoria i{
		color: #347b20;
		font-size: 1.5em;
		font-weight: bold;
	}


	.tipoCliente{
		display: flex;
		display: none;
		flex-direction: column;
		flex: 1 1 20%;
		background-color: #449c2c;
		color: #fff;
		justify-content: center;
		align-items: center;
	}

	.tipoCliente select{
		width: 100%;
		color: #636363;
		font-size: 1.2em;
	}

	/*********Select Box Estilizado*******/


	.select-css {
		display: block;
		font-size: 16px;
		font-family: 'Verdana', sans-serif;
		font-weight: 400;
		color: #444;
		line-height: 1.3;
		padding: .4em 1.4em .3em .8em;
		width: 400px;
		max-width: 100%; 
		box-sizing: border-box;
		margin: .2em auto;
		border: 1px solid #aaa;
		box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
		border-radius: .3em;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background-color: #fff;
		background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
		background-repeat: no-repeat, repeat;
		background-position: right .7em top 50%, 0 0;
		background-size: .65em auto, 100%;
	}
	.select-css::-ms-expand {
		display: none;
	}
	.select-css:hover {
		border-color: #888;
	}
	.select-css:focus {
		border-color: #aaa;
		box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
		box-shadow: 0 0 0 3px -moz-mac-focusring;
		color: #222; 
		outline: none;
	}
	.select-css option {
		font-weight:normal;
	}


	.classOfElementToColor:hover {background-color:red; color:black}

	.select-css option[selected] {
		background-color: orange;
	}


	/* OTROS ESTILOS*/
	.styled-select { width: 240px; height: 34px; overflow: hidden; background: url(new_arrow.png) no-repeat right #ddd; border: 1px solid #ccc; }


	/***************************/
	.verCategorias{
		display: flex;
		border: 1px solid #e2e2e2;
		text-transform: uppercase;
		letter-spacing: .2em;
		background: #fff; /* Similiar a Nav ul li a */
		background-color: #e89005ff;
		background-color: #347b20;
		cursor: pointer;
		border-radius: .4em;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: .2em .4em;
		margin: 1.5em;
		text-align: center;
		font-size: .875em;
		color:#fff;
		font-weight: bold;
		white-space: nowrap;
		white-space: normal;
		transition: all .3s ease-out;

	}

	.verCategorias i{
		font-size: 1.2em;
		color:#fff;

	}

	.verCategorias:hover {
		background-color: #347b20;
		box-shadow: .125em .125em .125em #000;
		/* style */
	}
	

	.listaProductos, .categoriaListado{
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		/*grid-template-columns: repeat(auto-fill, minmax(20vw, 1fr));*/
		grid-auto-rows: inherit;
		grid-gap: 1em;
		grid-gap: 1.2em;
		margin: 1em;
		margin: 1em;
		justify-items: stretch;
		align-items: stretch;
		padding: .5em;
		padding: 0;
	}

	.listaProductos > div{


	}

	.itemListadoAcciones{
		display: flex;
		top: 5px;
		right: 5px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		z-index: 1;
		position: absolute;
		opacity: 0;
	}

	.btn {
		font-size: .9em;
		font-weight: 700;
		letter-spacing: .1em;
		text-decoration: none;
		padding:5px 15px;
		color: #449c2c;
		margin-top:.4em;

	}

	.btn-acciones{
		position: absolute;
		top: 0;
		right: 0;
		height: 35px;
		width: 35px;
		color: #9c9c9c;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		align-items: center;
		background: #fff;
		border: 1px solid #ebebeb;
		border-radius: 2px;
		/*transition: opacity .2s ease-in-out,transform .2s ease-in-out,border-color .15s ease-in-out,-webkit-transform .2s ease-in-out;*/
		transition: all 0.8s ease-out;
	}

	.btn-acciones:hover{
		color: #bf0f1e;
	}


	.btn-fav{
		/*position: absolute;
		top: 0;
		right: 0;*/
		height: 35px;
		width: 35px;
		color: #9c9c9c;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		align-items: center;
		background: #fff;
		border: 1px solid #ebebeb;
		border-radius: 2px;
		/*transition: opacity .2s ease-in-out,transform .2s ease-in-out,border-color .15s ease-in-out,-webkit-transform .2s ease-in-out;*/
		transition: all 0.8s ease-out;
	}

	.btn-fav:hover{
		color: #bf0f1e;
		background: #fff;
	}

	.imagenProductoBox{
		/*width: 31.25em;  500px;*/
		width: inherit;
		margin: 1em;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		flex:1 1 50%;
	}

	.detalleProductoBox{
		/*width: calc(100% - 32.25em);background-color: #f1f1f1;*/
		/*width: 100%;*/
		flex: 1 1 50%;
		margin: 1em;
		padding: 1em;
		align-self: stretch;
		align-self: center;
	}

	.detalleProductoBox h6{
		text-align: center;
	}


	.avisoStock{
	/*	position: absolute;
		top: 8em;
		left: 24em;*/
		z-index: 10;
		align-self: center;
	}

	.avisoOferta{
		position:relative;
		top:0;
		left:0;
		z-index:10;
		padding:.5em;
		color:#fff;
		background-color: #bf0f1e;
		border-radius: .5em;
		border: 2px solid #8c1e1e;
		box-shadow: .125em .27em 1em .2em rgba(11,28,42,.15);
	}

	.itemVariante{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
		/*border: 1px solid violet;*/
		padding: .4em;
		border-bottom: 1px dotted #c1c1c1;
		background-color: #fdfdfd;
		/*padding-bottom: .5em;*/
	}



	.nombreItemVariante{
		flex:1 1 45%;
		order: 1;
		align-self: center;
		display: flex;
		flex-direction: column;

	}

	.precioItemVariante{
		flex:1 1 30%;
		order: 3;
		justify-self: flex-end;
		text-align: right;
		/*align-self: center;*/
	}
	.cantidadItemVariante{
		flex:1 1 25%;
		display: inline-flex;
		justify-content: center;
		align-content: center;
		order: 2;
		margin: 0;
	}

	.cantidadItemVariante input{
		text-align:center;
		padding: .2em; 
		font-size: 1em; 
		font-weight: bold; 
		width:5em;
		vertical-align: middle;
		margin: 0 .4em;
		border: .1em solid #c1c1c1;
		border-radius: .4em;

	}

	.itemCategorias {
		display: flex;
		top: 0;
		left:0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		z-index: 1;
		position: absolute;
		opacity: 1;
		font-size: 0.8em;
		/*color: #fff;
		color: #555;*/
		background-color: #f2f2f2;
		background-color: #449c2c;

		padding: .2em 0.6em;
		transition: all 0.3s ease-out;
		border-radius: 0 0 .2em 0;
		letter-spacing: .1em;
	}

	a.itemCategorias {
		color: #fff;
	}

	a.itemCategorias:hover {
		color: #fff;
		background-color: #449c2c;
	}



	.navbar-toggle{
		padding:10px;
		margin-right:2px;
		margin-top: 18px;
		border:0px;
		padding:1px;
		order: 3;
		background-color: #fff;
		cursor: pointer;
		animation: all 1s ease-out;
	}


	.navbar-default .navbar-toggle {
	/*	border-color: #d9534f;
	border: 2px solid;*/
	color: #d9534f;
	color:#fff;
	background-color: none;
	margin:.5em 1em;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-top: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	/*background-image:url('/favicon.ico');*/
	background:none;
	background-repeat:repeat;
	background-position:0 0;
	
	color:#fff;
	color:#336600;
	color: violet;
}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	
	color:#e3e3e3;
	font-weight: 700;
	text-transform: uppercase;
	/* 	background-color: #d9534f; */

}
.navbar-header{
	/*width:100vw;*/
	float: none;
	/*display: grid;
	grid-template-columns: 20% repeat(3, 1fr) 30%;
	grid-template-areas: 'presencias presencias presencias presencias presencias'
	 'navbar-brand buscador buscador buscador carroChicoCont'
	 'navbar-nav navbar-nav navbar-nav navbar-nav navbar-nav';*/
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: stretch;
	 place-items: center;
	 text-align: center;

	}

	.nav > li > a {
		position: relative;
		display: block;
		/*padding: 4px 15px;*/
	}
	.navbar-toggle {
		/*padding: 6px 10px;
		margin: 1em 2.4em;*/
		margin: 0;
		padding: 0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	/*position:relative;
	padding-top:50px; */

}




.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: #d9534f;

}



.navbar-nav > li{
	float: none;
}

/*
.telefonos{
	position:absolute;
	right:135px;
	top:6px;
	color:#d9534f;
	color:#fff;
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	margin-top: 8px;

	}*/

	.presencias{
		/*grid-area:presencias;*/
		width: 100vw;
		display: flex;
		flex-direction: row;/**/
		font-size: 1.2em;
		line-height: 2em;
		justify-self: stretch;
		justify-content:flex-end;
		/*align-items: center;*/
		margin:0 0;
		background: #f3f3f3;
		background: black;
		padding: .6em;
		font-size: 1em;
		color: #fff;
		list-style-type: none;
		gap: .9em;
		
	}
	.presencias a{
		color:#777;
		color: #fff;
		font-weight: 400;
		margin: 0.4em 1.5em;
		font-size: .9em;
	}
	.presencias a:hover { color: #bf0f1e; text-decoration: none }
	.presencias img{
		margin: 0 ;
		width: 1.8em;
		height: 1.8em;
	}

	.telefonosAcceso a {
		margin:.5em 0;
		font-size: 1.2em;
		color: #336600;
	}
	.telefonosAcceso a:hover, .telefonosAcceso a:focus {
		color: #336600;
		text-decoration: underline;
	}




	.social-links {
		position:relative;
		right:150px;
		top:10px;
		font-size: 1em;
		font-weight: 700;
	}

	.social-links li{
		display:inline-block;
		padding: 0 1px;
	}
	
	.social-links li a , .social-links li a {
		color :inherit;
	}
	


	#cincoCategorias, #comollegar{
		/* background:#449c2c; */
		/* background-color: #DDEED4;*/
		margin:10px 0;
		border:0px solid #336600;
		/*border-bottom:6px solid #336600;*/
		border-radius: .4em;
		padding: 14px;
	}
	#cincoCategorias span{
		text-align: center;
		color:#1e1e1e;
		margin:0 auto;
	}


	.thumbnail{
		/*   width: 284px; 
		padding: 10px 10px 20px 10px;
	  border: 1px solid #BFBFBF;
		background-color: white; 
		box-shadow: 0 5px 5px 3px #aaaaaa;
		box-shadow: 2px 2px blue, 4px 4px red, 6px 6px green; 
		background-size: 75%;
		background-position: right 35px;*/
	}

	.thumbnail .action-control{
		padding:0px;
		bottom:0px;
		right:10px;	
	}

	.MAYORISTA{
		min-height: 400px;
	}


	.thumbnail img, .image img{
		display: inline-block;
		/* 	min-height: 200px; */
		/*height:250px;*/
		/* 	max-width: 100%; */
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		line-height: 1.428571429;
		position: relative;
		margin:0px;
	}
	.imagebox{
		position:absolute;
		width:100%;
		height:100%;
	}
	.image img, img{
		/*display: inline-block;*/
		height: auto;
		border: 0;
		/*height:250px;*/
		/* 	max-width: 100%; */
/*	position: relative;
	margin:0 auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;*/
  }
  img{
  	/*max-height:100%;*/
  	max-width:100%;
  }

  .btnBuscar{
  	/*width:34px; max-height: none; max-width: none;
  	width: 3em;*/
  	width: auto;
  	border: 0;
  	background-color: #449c2c;
  	color: #fff;
  	margin: 0;
  	padding:0;
  	display: inline;
  	border-radius: 0 0.4em .4em 0;
  	transition: all 0.5s;
  }

  .btnBuscar:hover{
  	background-color: #449c2c;
  	color: #B1DFB1;
  }


  .thumbnail .image { position:absolute; text-align:right; margin:-10px 5px 0 0;padding:5px 0px 0px 0px;z-index: -2;}
  /* .thumbnail .image img { max-height:115px; max-width:115px; padding: 0 8px 0 0;} */

/*
.thumbnail:hover img{
	transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	margin: auto;
	vertical-align: middle;
	border:0px;
	}*/

	.thumbnail:hover .precio{
		border:1px solid gray;
		/* color:#fff; */
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transition: all 0.3s ease-in-out;

	}

	.thumbnail:hover .itemCategorias{
		background-color: #449c2c;
		color: #fff;

	}
	/*.thumbnail:hover .thumbnail-imagen{
			border: 1px solid #449c2c;
		
			}*/


			.thumbnail .caption{
				padding: 4px;
				color: #333;
			}

			.thumbnailDetalle{
				overflow: hidden;
				position: relative;
				-webkit-border-top-left-radius: 4px;
				-webkit-border-top-right-radius: 4px;
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				border-radius: .4em;
				border: 1px solid #e2e2e2;
				margin: 1em;
				padding: 0px;
				background: #fff;
				/* 	min-height: 20px;   box-shadow: 0 5px 5px 3px #aaaaaa; */

			}
			.thumbnailDetalle .paddingCms{
				padding: 1em 4em 2em;
			}

			.thumbnailDetalle .paddingCmsContacto{
				/*padding: 1em 4em 2em;*/
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				padding: 1.5em;
			}

			.datosContacto{
				margin: 1em;
			}


			.loginDetalle{
				overflow: hidden;
				position: relative;
				-webkit-border-top-left-radius: 4px;
				-webkit-border-top-right-radius: 4px;
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				border-radius: .4em;
				border: 1px solid #e2e2e2;
				padding: 0px;
				background: #fff;
				width:25%;
			}

			.paddingCms .coordinamos-envios h1, .paddingCms .compra-mayorista h1, .paddingCms .sucursales-mapa h1, .paddingCms .medios-pago h1, .paddingCms .preguntas h1{
				text-transform: uppercase;
				letter-spacing: .125em;
				font-size: 1.5em;
				font-weight: 700;
				color: #52a33c;
				/*color: #449c2c;*/
				cursor:  pointer;
				background-color: #bf0f1e8c;
				color: #fff;
				padding: .3em;
				margin: 0;
			}

			.thumbnailDetalle < .sinFilas{

			}

			.vistaDetalleProducto{
				display: flex;
				flex-direction: row;/**/
				justify-content: space-between;
			}

			.precio{
				font-size: 18px;
				padding: 2px;
				font-weight: bold;
				color: #452F04;
				color:#360;
				float:left;
				/*background-image:url('/img/precio.gif');*/
				background-color: #DDEED4;
				background-repeat:repeat;
				background-position:0 0;
				border: 1px solid #bcbcbc;
				border-radius: 4px;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
				line-height: 28px;
			}
			.precio>span{
				font-size: 18px;
				padding:5px;
			}

			.image{
				display: block;
				overflow: hidden;
				position: relative;
				text-align: center;
				position: relative;
				width: 100%;
				/* padding-bottom: 100%;*/
				margin-bottom:20px;
			}
/*	.image:hover{
		border:1px solid #452F04;

		}*/

			.itemCategoriaListado h2{
			color:#fff;
			text-align: center;
			margin: .4em 0;
			text-shadow: 2px 2px 2px rgba(11,28,42,.15);
		}/**/


		.itemCategoriaListado h3{
			background-color: red;
			margin: .4em 0;
		}/**/


		.img-thumbnail{
			padding: 10px;
			position: relative;
			top:20%;
		}

		.archivo_destacado img{
			margin:0 auto 20px;
			border:1px solid #E2D1D1;
		}
		.action-control{
			border: 0;
			display: block;
			height: auto;
			padding: 5px 0 5px;
			width: 100%;
			float:left;
		}

		.caption {
			position: relative;
				/*top: 50%;
				right: 0;*/
				background: none;
				width: 100%;
				height: 98%;
				padding: 2%;
				display: block;
				color: #FFF !important;
				z-index: 2;
			}





			.well {
				background-color: #f5f5f5;
				min-height: 0;
				padding:0;
				margin: 0;
				border-radius: .5em;
			/*background-image:url('/img/fondoRayado.jpg');
			background-repeat:repeat;
			background-position:0 0;
			border: 1px solid gray;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		hr {
			margin-top: 10px;
			margin-bottom: 10px;
			border: 0;
			background: #fff;
			height: 2px;
			border-top: 1px solid #336600;
		}
		.categoria{
			min-height: 20px;
			padding: 0 10px 0 0;
			margin: 20px 0;
	/*background-image:url('/favicon.ico');
	background:gray;
	background-repeat:repeat-x;
	background-position:0 0;
	background-color: #DEC290;
	border: 1px solid #C98544;*/
	border-bottom:4px solid #38A94A;
	border-bottom:2px dotted #336600;
	
}
.modulo{
	/*display:block; 
		float:left;
	background-image:url('/favicon.ico');
	background:#449c2c;
	border: 2px solid #336600;
 width:100%; 
	border-radius:4px; 
	margin:10px 0;
	padding: 10px 0;*/
}
.marcas{
	margin:0 0 20px 0;
	border-bottom: 2px solid #D8BA84;
	float:left;
	width: 100%;
}
.marcas h5{
	opacity: 1;
}
.marcas .col-md-2{
	width:12%;
}
.box_container{
	position: relative;

	padding-bottom: 100%;
	margin-bottom:0px;
}
.box{
	position:absolute;
	width:100%;
	height:100%;

}
.box img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;  
	opacity: .55;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.box img:hover{
	opacity: 1;
	transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	rotate:20;
}

.filtroResultado{
	/*background-color: #b1dfb1;
	background-color: #e89005;*/
	background-color: #f2f2f2;
	border-bottom: thin solid #e9e9ea;
	display: inline;
	padding: .4em .6em;
	letter-spacing: .1em;
	/*	border-radius: .4em;*/
	margin: .5em;
	align-self: stretch;
	border-radius: .2em;
	border: 2px solid #449c2c;
	text-align: left;

}

.filtroResultado::before{
	content: "Usted consultó por: ";
	color: #818281;
	font-size: .9em;
	font-style: normal;
	text-transform: capitalize;/**/
	font-weight: 700;
}

.mediosdepago{
	position: relative;
	margin:0 0 2em;
	padding: 0;
	list-style: none;
	text-align: center;
}

.mediosdepago li{

	background-image:url('/img/medios-de-pago-MERCADO-PAGO.png');
	background-repeat:no-repeat;
	text-indent: -5000px;
	display: inline-block;
	min-height: 38px;
	width: 60px;
	margin: 1.5em;
	overflow: hidden;
	text-align: left;
}
.visa{
	background-position: 0 0;
}
.mercadoPago{
	background-position: 0 -76px;
}
.mastercard{
	background-position: -120px -38px;
}
.american{
	background-position: -60px 0px;
}
.dinners{
	background-position: -120px 0;
}
.banelco{
	background-position: 0 -38px;
}
.cabal{
	background-position: -60px -38px;
}
.naranja{
	background-position: 0 -114px;
}
.shopping{
	background-position: -60px -114px;
}
.nativa{
	background-position: -120px -114px;
}
.pagoFacil{
	background-position: -60px -77px;
}
.rapipago{
	background-position: -120px -77px;
}
.cordial{
	background-position: 0 -153px;
}
.cordobesa{
	background-position: -60px -153px;
}
.cencosud{
	background-position: -120px -153px;
}
.provincia{
	background-position: 0 -193px;
}
.cargaVirtual{
	background-position: -60px -193px;
}


legend{
	text-align: center;
}

#desarrolladopor{
	width:80px;
	height:50px;
	display:block;
	background-image:url('https://www.laboticamilagrosa.com.ar/img//desarrolladoPorSisoc.png');
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;
	/*margin:10px auto;*/
}
#desarrolladopor:hover{
	/* 	background-position:0 -20px; */
	/* 	overflow:hidden; */
}

#agregarCarroYa{

	width: 75vw !important;
	height: 55vh !important;
}


.productoAgregadoMensaje{
	display: flex;
	min-height: 100%;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	text-align: center;
}

.productoAgregadoMensaje .fas{
	font-size: 3.5em;
	
	animation: myAnim 2s ease 0s 1 normal forwards;
}
@keyframes myAnim {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(-45px);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(-24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(-12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(-6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
	}
}



.productoAgregadoMensaje h5{
	font-size: 1em;
	margin: 0 auto;
}


.carroChicoFilas{
	/*background: #b0c7bd;*/
	background: #efefef;
	background: #fff;
	padding: 0.5em;
	margin: .5em;
	overflow: hidden;
	border: thin solid #e9e9ea;
	border-radius: .5em;
	display: flex;
	flex-direction: row;
	position: relative;
	justify-content: space-between;
	align-items: center;
	animation: all 1.5s ease-out;
}

.carroChicoFilas:hover{
	border: 1px solid #999;
	box-shadow: .2em .2em .2em .1em rgba(0,0,0,0.3);
-webkit-box-shadow: .2em .2em .2em .1em rgba(0,0,0,0.3);
-moz-box-shadow: .2em .2em .2em .1em rgba(0,0,0,0.3);
}

.carroChicoThumbnail{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: center;
}

.carroChicoThumbnail .carroChicoImagen{
	width: 100px;
	border: 1ps solid red;
}

.quitarItemCarrito{
	margin:5px; 
	position:absolute;
	right:.1em; 
	top:.1em;
	order: 3;
}


[seccionNovedad] {
	scroll-margin-top: 12ex;
}


/* FUENTES */
p{
	font-size: 16px;
	color:#3F3F3F;
	margin:0 0 20px;
}
#footer p, #footer address, .modulo address{
	font-size: .9rem;
	text-align: center;
	margin:10px;
	color:#fff;
}
#footer .footer-container > h6{
	color: #fff;
	font-size: .75rem;
}
a{
	/*color: #743C20;*/
	color:#d9534f;
	animation: all 1.5s ease-out;
}
a:hover, a:focus{
	color:#fff; 
	/*background-color: #449c2c;*/
	text-decoration: underline;
}
.linkRojo{
	background-color: #d9534f;
	padding:2px 4px;
	color:#fff;
	text-align: center;
	margin:0 auto;
}
address a:hover, a:focus{
	color:#743C20;
	text-decoration: none;
}
.thumbnail p{
	margin: 5px 0;
	font-style: italic;
	color: #302A2A;
	font-size: 11px;
}
.thumbnailDetalle h1{
	color: #202020;
	margin-bottom: .5em;
}

.thumbnailDetalle h3, .carroChicoFilas h3, .thumbnail h3{
	/* 	font-size: 20px; */
	line-height: 20px;
	color: #d9534f;
	color: #555;
	background:none;/* !important; */
	margin: .1em 0;
	font-size: 1.2em;
	line-height: 1.2em;
	/*color: #737373;*/
	color: #336600;
	font-weight: bold;
	margin: .4em 0 0;
}

h3.precio2 span, .nivelMinorista{
	margin: .5em auto;
	color: #2A2A2A;
	/*font-size: 1.2em;*/
	margin: 0.5em auto;
	color: #40423f;
	/*font-size: 1.2em;*/
	line-height: 1.2em;
}


.thumbnailDetalle h4{
	background-color: #b0c7bd;
	background-color: #333;
	color: #fff;
	font-size: .9em;
	padding: .5em;
	display: inline;
	line-height: 2.2em;
}

.thumbnailDetalle .faq{
	padding: 1.5em;
}

.faq li{
	padding:  0 0 1em .5em;
}

.thumbnailDetalle .precio2 label::before{
	content: "$  ";
	color: #2A2A2A;
	font-size: .9em;
	font-style: normal;
	text-transform: lowercase; 
	font-weight: 700;
	display: inline-block;
	}/**/


	.thumbnailDetalle label, #contenedor label, .ui-widget-content label{
		color:#2A2A2A;
	}
	.thumbnail h2, .well h2, h2 input{	
		color:#d9534f;
		font-weight: 700;
	}
	#agregarCarro h2, h2 input{
		color:#d9534f;
		height: 48px;
	}
	.boxh2 {
		opacity: 0.5;
		filter:  alpha(opacity=50);
	}

	.thumbnail h3, .well h3{
		text-transform: uppercase;
		font-size: 1em;
	}

	.varianteVisible{
		font-size: .8em;
		color: #626262;
		margin: 0 .5em;
	}

	.well h2{
		background-color:#bf0f1e8c ;
		color: #fff;
		padding: .4em .4em .4em .2em;
		/*padding: 0;*/
		margin:0;
		text-align: center;
	}

	.catCant{
		position: absolute;
		top: -8px;
		right: -9px;
		background: #449c2c;
		width: 2.8em;
		height: 2.8em;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1em;
		line-height: 0.9em;
		font-weight: bold;
		color: #fff;
		padding: 2px;
		transition: all .5s;
		text-align: center;
	}



	h1{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/* 	font-size: 30px; */
font-size: 1.5em;
font-weight: 700;
line-height: 1.5;
color: #d9534f;
margin:10px 0;
text-transform: uppercase;
}
/*	margin-top:5px;
	color:#fff;
	}*/
	.titulos{
		margin:20px 10px;
		text-align: center;
	}

	h2{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1.2em;
		font-weight: 700;
		line-height: 16px;
		color: #d9534f;
		margin:4px 0;
		letter-spacing: 0;
		/*text-shadow:0 1px 0 #336600;*/
		text-transform: uppercase;
		letter-spacing: 0.5px;
		line-height: 1.1em;
	}
	h3{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-size: 1.1em;
		font-weight: 500;
		font-weight: 700;
		line-height: 1.1em;
		color:#d9534f;
		margin:10px 0;
		/*letter-spacing: 0.5px;*/
		line-height: 1.1em;
	}
/*
a h3{
	color:#fff;
	}*/

	h4, theader{
		font-size: 18px;
		color: #5E7752;
		color:#fff;
		font-weight: 700;
		letter-spacing: .1em;
		text-transform: uppercase;
		margin:0;

	}
	#expliMayo > h4 {
		color: #d9534f;
	}
	theader{
		margin:10px;
	}
	h5{
		font-weight: 700;
		font-size: 18px;
		color: #d9534f;
		padding: 0;
		text-transform: uppercase;
		letter-spacing: .1em;
		text-decoration: none solid rgb(58, 21, 4);
		text-indent: 0px;
		text-shadow: rgba(255, 255, 255, 0.10) 0px 2px 0px;
		display:inline-flex;
		margin:5px;
	}
	/*h6{
		font-size: 1.2em;
	}*/
	span{
		font-size: 14px;
		text-align: left;

	}
	small{
		color:#2A2A2A;
	}
	#dialog{
		color:#333;
	}

/*
.confirmmsg, .errormsg {
	color:#333;
	margin-top: 25px;
}
.alert-info, .btn-warning {
	color: #FFF;
	background-color: #FF5C00;
	border-color: #FFFFF7;
	text-align: center;
}
.alert-danger {
color: #FFF;
background-color: #D2322D;
border-color: #FFF;
}
*/
/**/

.alert{
	margin-bottom: 0;
}



.alert-message
{
	margin: 20px 0;
	padding: 20px;
	border-left: 3px solid #eee;
}
.alert-message h4
{
	margin-top: 0;
	margin-bottom: 5px;
}
.alert-message p:last-child
{
	margin-bottom: 0;
}
.alert-message code
{
	background-color: #fff;
	border-radius: 3px;
}
.alert-message-success
{
	background-color: #F4FDF0;
	border-color: #3C763D;
}
.alert-message-success h4
{
	color: #3C763D;
}
.alert-message-danger
{
	background-color: #fdf7f7;
	border-color: #d9534f;
}
.alert-message-danger h4
{
	color: #d9534f;
}
.alert-message-warning
{
	background-color: #fcf8f2;
	border-color: #f0ad4e;
}
.alert-message-warning h4
{
	color: #f0ad4e;
}
.alert-message-info
{
	background-color: #f4f8fa;
	border-color: #5bc0de;
}
.alert-message-info h4
{
	color: #5bc0de;
}
.alert-message-default
{
	background-color: #EEE;
	border-color: #B4B4B4;
}
.alert-message-default h4
{
	color: #000;
}
.alert-message-notice
{
	background-color: #FCFCDD;
	border-color: #BDBD89;
}
.alert-message-notice h4
{
	color: #444;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#carroChico{
	grid-area: carrochico;
	display: flex;
	flex-direction: row;
	/*border: thin solid orange;*/
	justify-content: space-evenly;
	align-items: center;
	margin: .4em auto 0;
	color: white;
	list-style: none;
}
#carroChico, .boxDetalle{
	/* 	border: 2px solid #336600;
	border-bottom:6px solid #336600;
	border-radius: 55px;
	margin: 0px/* 10px;
	min-height: 20px;
	padding: 4px;*/
	

}
.boxDetalle > p{
	color:#fff;
	margin-bottom: 20px;
}
#carroChico ol{
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 700;
}

#caChico{
	/* 	display: block; */
	position: absolute;
	background: #fff;
	padding: 30px;
	width: max-content;
	right: 10px;
	margin: 8px -30px 8px 8px;
	z-index: 1000;
}

#carroChicoCont{
	/*position:absolute;
	position: relative;*/
	/*margin: 10px ;
	float: right !important;
	right: 0px;*/
}



.thumbnailCarrochico{
	width:64px;
	margin:3px;
	/*background-image:url('/img/madera-hover.jpg');*/
	background-repeat:repeat;
	background-position:0 0;

}
.bannerColum{
	margin:15px 0;
}
legend{
	border-bottom:1px dotted #F7764D;
}


.codProv{
	position: absolute;
	top: -21px;
	right: 2px;
	font-size: 1em;
	letter-spacing: .125em;
	color: #fff;
	padding: .2em;
	background-color: #449c2cd1;
	border: 1px solid #d5d5d5;
	border-radius: .2em;
	font-weight: 700;
	display: grid;
	justify-content: center;
	align-content: center;
	align-items: center;
	justify-items: center;
}

/*.codProv::before{
	content: "cod:";
	font-size: .9em;
	color: #078e3d;
	
	}*/

	.codProvDetalle{
		z-index: 99;
		/*position: absolute;*/
		top: -21px;
		top: 25%;
		right: -7px;
		right: 50%;
		font-size: 1.2em;
		letter-spacing: .125em;
		color: #fff;
		padding: .2em;
		background-color: #449c2cd1;
		border: 1px solid #d5d5d5;
		border-radius: .2em;
		font-weight: 700;
		display: grid;
		justify-content: center;
		align-content: center;
		align-items: center;
		justify-items: center;
	}

/*.codProvDetalle::before{
	content: "cod:";
	font-size: .8em;
	color: #078e3d;
	
	}*/

	.codProvItem{
		font-size: .9em;
		letter-spacing: .1em;
		/*color: #828282;*/
		color: #fff;
		/*background-color: #e8e8e8;
		border: 1px solid #d5d5d5;*/
		background-color: #449c2cd1;
		border: 1px solid #599d47;
		border-radius: .2em;
		font-weight: 500;
		z-index: 10;
		padding: .1em;
		align-self: end;
		/*display: none;*/
	}

	.codProvItem::before{
		content: "cod:";
		font-size: .8em;
		color: #078e3d;
		display: none;

	}



	.infopop{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
	}



	.form-control{

		border:2px solid lightgray;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1em;
		height: auto;


	}


	.form-control:focus {
		border-color: gray;
		box-shadow: inset 0 1px 1px gray, 0 0 8px gray;
		background: #FFF6E0;
		color: #5E7752;
		font-style: italic;
	}



	.inicioPrincipal{
		/*display: flex;
		flex-direction: row;
		justify-content: center;*/
		display: grid;
		grid-template-columns: 3fr 1fr;
		grid-template-areas: "bannersHome accesosVrs";
	}

	.bannersHome{
		grid-area: bannersHome;
		order: 1;
	}

	.accesosVrs{
		grid-area: accesosVrs;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		list-style: none;
		order: 2;
	}

	.accesosVrs li{
		border-radius: 0.4em;
		border: .2em solid #fff;
		background: linear-gradient(180deg, rgba(61,158,61,1) 0%, rgba(76,185,76,1) 100%);
		order:0;
		flex:1 1 auto;
		text-align: center;
		margin: 0.4em;
		line-height: 5em;
		cursor: pointer;
		animation: all 1.5s ease-out;
	}

	.accesosVrs li a{
		color: #fff;
		font-size: 1.2em;
		font-weight: 700;
		letter-spacing: .1vw;
		text-transform: uppercase;
		width: 100%;
		display: block;
		text-shadow: 2px 2px 2px rgba(11,28,42,.15);

		
	}

	.accesosVrs li:hover {
		/*background-color: linear-gradient(180deg, rgba(61,158,61,1) 0%, rgba(76,185,76,1) 100%);*/
		background: darkgreen;
		box-shadow: .125em .27em .1em .2em rgba(11,28,42,.15);
		
	}

	.seccionCategorias h4, .seccionNovedad h4{
		margin: 1em auto .1em;
		text-align: center;
		font-size: 3em;
		letter-spacing: .2em;
		font-weight: 700;
		border-bottom: .2em solid #bf0f1e;
		color:#fff;
		text-shadow: 2px 2px 2px rgba(11,28,42,.15);
		background: linear-gradient(180deg, rgb(176, 199, 189) 60%, rgb(202, 204, 203) 100%);
		padding: 0 .2em.2em;
	}


.avisoDolar{
	background-color: red;
	padding:1em;
	display: flex;
	align-content: center;
  justify-content: center;
  align-items: center;

}

.avisoDolar p{
	color:#fff;
	font-weight:400;
	font-size:1.4em;
	text-transform: uppercase;
	margin:.3em;
	letter-spacing: 1px;
	text-align: center;
	/*ANIMACION
	animation: aViso 5s ease 0s infinite normal forwards;
	animation: aViso 4s ease 0s infinite normal forwards;*/
}

.avisoDolar a{
	text-decoration: underline;
	color:#ffffff;
}
.avisoDolar a:hover{
	color:green;
}

	/* BANNER HOME */

@keyframes aViso {
	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}
		/* FlexSlider Necessary Styles
		*********************************/ 


	.flexsliderBannerHeader{ text-align: center; }
	.flexsliderBannerHeader > .flex-nav-container  {/*float: right; margin: 50px 0 35px; width: auto;*/ /*position: relative; */}
	.flexsliderBannerHeader .slides  { padding: 0; }
	.flexsliderBannerHeader .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexsliderBannerHeader .slides img {max-width: 100%; /*display: block; border:1px solid #DBA1A3; border-bottom: 2px solid #DBA1A3;*/}
	.flexsliderBannerHeader > .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.flexsliderBannerHeader > .slides:after {content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
		/* If you are not using another script, such as Modernizr, make sure you
		* include js that eliminates this class on page load */
		.flexsliderBannerHeader > .no-js .slides > li:first-child {display: block;}


		/* FlexSlider Default Theme
		*********************************/
		.flexsliderBannerHeader { position: relative; margin: 0 0; min-height: 400px; max-height: 400px; overflow:hidden; /*float:left;*/background:/*none#FFF*/ url(/img/load_var.gif) no-repeat center center/**/; 
			/*border:solid 2px #336600;*/ /*border-bottom: 12px solid #d9534f;  -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;*/ zoom: 1;/* box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);*/ 
		}
		/* 		body.flexdemobody .flexsliderBannerHeader  { min-height: 170px; } */
		.flexsliderBannerHeader .slides {zoom: 1;}
		.flexsliderBannerHeader .slides > li {position: relative;}
		/* Suggested container for 'Slide' animation setups. Can replace this with your own, if you wish */
		.flexsliderBannerHeader > .flex-container {zoom: 1; position: relative;}
		
		.flexsliderFullScreen >ul, .flexsliderBannerHeader > ul {
			list-style: none;
			z-index:50;
		}
		/* Caption style * /
		/* IE rgba() hack * /
		.flexsliderBannerHeader > .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
		.flexsliderBannerHeader > .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

		/* Direction Nav */
		.flex-direction-nav {*height: 0; padding: 0; list-style: none;} /*fix for IE 7 */
		.flex-direction-nav li a {width: 30px; height: 30px; margin: 10% 0 0; display: block; background: url(../js/flexslider2/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 20%; cursor: pointer; text-indent: -9999px; opacity: 0.8; filter:alpha(opacity=80); }
		.flex-direction-nav .flex-next {background-position: 100% 0; right: 25px; }
		.flex-direction-nav .flex-prev {left: 25px;}
		.flexslider:hover .flex-next {opacity: 0.6; }
		.flexslider:hover .flex-prev {opacity: 0.6; }
		.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
		.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

		/* Control Nav */
		.flex-control-nav {width: 100%; position: relative; bottom: 35px; margin-left: 20px; text-align: left; z-index: 333; display: none;}
		.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
		.flex-control-nav li {
		}
		.flex-control-nav li a {
			background: none;
			display: inline-block;
			overflow: hidden;
			width: 12px; 
			height: 12px;
			padding:5px;
			margin-top: 5px;
			text-align: center;
			border: 1px solid #000;
			border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
			box-shadow: 0 0 1px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.6);
			-moz-box-shadow: 0 0 1px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.6);	
			cursor:pointer;
		}  

		.flex-control-nav li a:after  { content: ''; display: inline-block; margin-top: 1px; overflow: hidden; height: 10px; width: 4px; padding-top: 4px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid red; }
		.flex-control-nav li:hover a, .flex-control-nav li a.active { background-color: #f47321; border: 1px solid #000; }

		.flex-control-nav li a.flex-active{
			background-color: #f47321;
			border: 1px solid #000; 

			width:20px;
			height:20px;
		}

		/* 						} */

						/*@media(max-width:768px){
						.flexsliderHome{
								min-height: 90px;
							}
						.flex-direction-nav li a{
							margin:0;
						}
						.flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; margin }
						.flex-direction-nav .flex-prev {left: 5px; margin}
						.form-horizontal .control-label {
													  text-align: left;

													}
													}*/

													#map {
														height:400px; 
														border:1px solid #6c588b; 
														margin:30px 0 40px 0;

													}
													#map2{border:1px solid #D71B1B;}
/*
		.flexsliderBannerHeader > .flex-control-nav li a:after  { content: ''; display: inline-block; margin-top: 2px; overflow: hidden; height: 0; width: 4px; padding-top: 4px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 100px solid red; }
	.flexsliderBannerHeader > .flex-control-nav li:hover a, .flex-control-nav li a.active { background-color: #293f67; border: 1px solid #000; */}



/* FlexSlider Necessary Styles FAQ
*********************************/ 
	.flex-nav-container  { 
		/* float: right;*/ margin: 0px 0 35px; width: auto; position: relative; }
		.flexslider .slides  { padding: 0; }
		.flexslider .slides > li {display: none;list-style-type:none} /* Hide the slides before the JS is loaded. Avoids image jumping */
		.flexslider .slides img {max-width: 100%; display: block;}
		.flex-pauseplay span {text-transform: capitalize;}

		/* Clearfix for the .slides element */
		.slides:after {content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
		html[xmlns] .slides {display: block;} 
		* html .slides {height: 1%;}

		/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { height: 100%; float:left;background: #fff url(https://www.laboticamilagrosa.com.ar//img/loader.gif) no-repeat center center; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1; box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); }
body.flexdemobody .flexslider  { min-height: 170px; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for 'Slide' animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
	.flex-caption {
		width: 100%;
		padding: 2%;
		/*position: absolute;*/ 
		left: 0;
		bottom: 0;
		/*background: rgba(0,0,0,.6); color: #fff;*/
		text-align: center;
		text-shadow: 0 -1px 0 rgba(0,0,0,.3);
		font-size: 14px; line-height: 18px;

	}



	.flexsliderBotonera > ul{padding:0px;}
	.flexsliderBotonera .slides{
		/* float: right; */
		padding: 0px;
		list-style:none;
		/* 		width: auto; */
		/* 		position: relative; */
	}


	.ui-widget-content a {
		color: #d9534f;
	}
	.ui-widget-header{
		color: #d9534f;
	}
	.ui-widget-content {
		border: 2px solid #DDD;
		background:#FFF;
		background-repeat:repeat;
		background-position:0 0;
		color: #AD492D;
		color:#444;
		/*color:#fff;*/
	}
	.avatar{
		/*margin:30px;*/
	}
	.table{
		width: 90%;
		margin:1% 5%;
		border:#749974;
		color:#171717;
	}
	.table > tbody > tr.success > th{
		background-color:#449c2c;
	}
	tr{
		border-color:#749974;
	}

	.table th{
		text-align: center;
	}

	.nav-tabs > li, .nav-pills > li {
		float:none;
		display:inline-block;
		color:green;
		margin:25px 10px 0;

	}

	.nav-tabs {
		text-align:center;
	}
	.nav-tabs > li > a{

	} 

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
		color: #FFFFFF;
		background-color: #d9534f;
		cursor: default;
		border: 1px solid #dddddd;
		border-bottom-color: transparent;
	}


	.nav-tabs > li > a:hover, .nav-tabs > li > a {
		border-color: #ddd;
		color: rgb(51, 102, 0);background-color: #FFFFFF;
		border-bottom-color: transparent;
	}
	.nav > li > a:hover, .nav > li > a:focus {
		text-decoration: none;
		background-color: #FFFFFF;
	}
	#formularioPedido {
		color:#444;
	}
/*.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -1px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
  }*/



  .btn-breadcrumb{
  	font-size: 1em;
  	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
  	padding: .2em  1em;
  	background-color: #b1dfb1;
  	background-color: #f2f2f2;
  	border-bottom: thin solid #e9e9ea;
  	justify-content: start;
  	align-content: center;
  }

  .btn-breadcrumb .fas{
  	font-size: 1em;

  }

  .btn-breadcrumb a{
  	color: #336600;
  	animation: all .5s ease-out;
  }

  .btn-breadcrumb a:hover, .btn a:active{
  	color: #868686;
  	text-decoration: underline;
  }

  
  .btn-breadcrumb > .btn-default{
  	border:none;
  	font-size: 3em;
  	color: red;

  }

  .obligatorios{
  	color: #F00;
  	font-weight: 700;
  	margin-right: 2px;
  	display:inline-block;
  	/* float:left;*/
  }

  .botonComprar{
  	position:relative;
  	bottom:0px;
  	width:100%;
  	padding:.5em 1em;
  	z-index:11;
  	display: flex;
  	flex-direction: column;

  }

  .aclaraciones{
  	font-size:14px; list-style:none; padding:5px; text-align:center;font-style: italic;
  }

.aclaracionesM{
  	font-size:14px; list-style:none; padding:5px; text-align:center;font-style: italic; border:1px solid red; border-radius:.4em; margin: 1em 0;
  }

  .thumbnail-imagen {
  	/*max-height: 135px;
  	height: 150px;*/
  	
  	/*margin-top: 1em;*/
  }
  .thumbnail-imagen a{
  	/*height: 150px;*/
  	display: inline-block;
  }
  .thumbnail-imagen a img{
  	min-height: 20vh;
  	text-align: center;
  	border: 1px solid #ebebeb;
  	
		/*width: 100%;
		margin-top: 2em;*/
	}
	/*.thumbnail-imagen a:hover img{
		border: 1px solid #008000;
		}*/

		.thumbnail-imagen > .btn .btn-success .vermas{
			display: none;
			animation: all .5s ease-out;
		}

		.btn.btn-success.vermas{
			overflow: hidden;

		}

		/*.btn.btn-success.vermas::after{
    content: "";
    width: 100%;
    height: 300px;
    background: #18a362;
    position: absolute;
    z-index: 1;
    top:-300px;
    left: 0;
    transition: .3s ease-in-out all;
    border-radius: 0 0  300px 300px;
}

.btn.btn-success.vermas:hover::after{
    top: 0;
}
*/

		.thumbnail .label{
			padding:3px;
			width:-moz-fit-content;
			font-size:.8em;
		}

	/*	h3.precio2 span{
			margin: .5em auto;
			color: red;
			margin: 0.5em auto;
			color: #40423f;
			font-size: 1.2em;
			
			line-height: 1.2em;
		}*/

		.tipo{
			/* 	font-size:50px; */
			/* 	color:red; */
			/* 	background:blue; */
		}

		#buscaRapido0Tgr{
			text-align:center;
			width:auto; 
			height:auto; 
			max-height: none;
			max-width: none;
			padding:0px;
		/* margin:10px 5px 10px 0px; 
  	background:none;
  	display:inline; */
  }

  #buscaRapido0{
  	/*max-width:215px; 
  	width:215px;
  	width: 50vw;
  	width: 100%;
  	height:39px; 
  	height: 2.2em;*/
  	/* 	display:inline;  */
  	/*margin:10px 0px; 
  	float:left;
  	border:0px;
  	position:absolute;
  	position: relative;
  	right:10px;
  	top:50px;
  	color: white;
  	background: slategray;
  	max-width:50vw; */
  	font-weight:500;
  	height:3.5em; 
  	font-size: 1.2em;
  	display:inline;
  	border:0px;
  	background:none;
  	background: #e1e1e1;
  	border:solid 2px ;
  	color: #f1f1f1;
  	margin: 0.6em 0;
  	padding: 0.8em 2em;
  	z-index:4px;
  }



  #logoResponsivo {
  	display: none;
  }

  .sucursales{
  	display: flex;
  	margin: 1em;
  	justify-content: stretch;
  	align-content:stretch;
  	align-items: stretch;
  	font-size: .9em;
  }

  .notasSucursales li{
  	list-style: none;
  	margin: 1em;
  }

  .itemSucursal{
  	border: 1px solid #e2e2e2;
  	background-color: #71d08475;
  	background-color: #57a642;
  	border-radius: 0 0 .5em .5em;
  	margin: .6em;
  	padding: .5em;
  	text-align: center;
  	flex: 1 1 33%;
  	justify-content: space-between;

  }
  .itemSucursal h3{
  	color: #fff;
  	background-color: #bf0f1e;
  	font-weight: 700;
  	margin-bottom: .5em;
  	padding: .5em 0;
  }

  .itemSucursal img{
  	vertical-align: center;
  	margin-right: .2em;
  }

  .itemSucursal span{
  	font-weight: 700;
  	font-size: 1em;
  	text-align: center;
  	color: #186d00;
  	color: #fff;

  }
  .itemSucursal a:hover{
  	color: #555;
  	text-decoration: underline;
  	font-weight: 500;
  }


  .fichaUsuario{
  	display: grid;
  	grid-template-columns: 1fr 2fr;
  	justify-content: center;

  }

  .fichaAvatar{
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	

  }
  .fichaDatos{
  	display: flex;
  	flex-direction: column;
  	margin: 1em;
  	justify-content: center;
  	align-items: stretch;
  }

  .fichaAcciones{
  	display: flex;
  	flex-direction: row;
  	justify-content: space-around;
  	margin-top: 1em;
  }

  .fichaAcciones .btn{
  	color:#fff;
  	margin: .2em;
  }

  .categoriaListadoFront{
  	background-size: 100%;
  	
  }



  #footer .sucursales .itemSucursal{
  	color: #fff;
  }



  .qrImg img{
	/*width: 14vw;
	height: 14vw;*/
}



.desktopNO{
	display:none !important;
}
.desktopSI{
	display:inline-block;
} 


.fa-search{
	margin: .4em;
	padding: .4em;
	font-size: 1.2em;
}

h6.variantes, span.variantes{
	font-size: .9em;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0.2em;
	color:#555;
	text-align: left;
	display: -webkit-box;
  -webkit-line-clamp: 3; /* Limita el texto a 3 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  
}



.btn-info
/*.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info*/{
	color: #449c2c !important;
	background-color: #b9fd9a !important;
	border-color: #449c2c !important;
}

.alert-warning {
	/*color: #c09853;*/
	color: #449c2c;
	background-color: #b9fd9a;
	border-color: #449c2c;
}


.buscadorBucle{
	display: flex;
	flex-direction: row;
}


/* MODAL FAVORITOS */


.favoritosModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.5);
	/*z-index: 999;*/
	display: flex;
	--opacity: 0;
	--pointer: none;
	opacity: var(--opacity);
	pointer-events: var(--pointer);
	transition: opacity .5s;

}

/*.favoritosModal:target {
	--opacity: 1;
	--pointer: unset;
}*/

.favModalContent{
	margin: auto;
	background-color: #fff;
	/*width: 90vw;
	max-width: 740px;
	max-height: 90%;*/
	overflow: hidden;
	padding: 3em 1em 2.5em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	display: flex;
	flex-direction: row;
	grid-template-columns: 20% auto;
	position: relative;
	justify-content: center;
	align-items: flex-start;
	/*box-shadow: .5em .5em 0px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: .5em .5em 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: .5em .5em 0px 0px rgba(0,0,0,0.3);*/
}

.favModalContent > div:first-child{
	flex: 0 0 60%;
	margin: 0;
	padding: 0;
	align-self: center;
	text-align: center;
}



.favModalContent h2{
	margin: .5em auto;
	color: #555;
	text-align: center;
}

.favModalContent h5{
	line-height: 2em;
	margin: .2em 0;
}



h2 < .fas .fa-heart{
	color: #bf0f1e;
	font-size: 1.4em;

}

i.fa-heart{
	color: #bf0f1e;
}

i.fa-check-circle{
	color: #449c2c;

}

.favModalContent p{
	font-size: .9em;
	font-weight: 500;
}
.cerrarModal{
	position: absolute;
	align-self: flex-start;
	justify-content: flex-end;
	top: 0;
	right: 0;
	background: #bf0f1e;
	padding: 0.6em;
	display: block;
	color: #fff;
	border-radius: 0 0 0 0.5em;
	font-weight: 700;
}

.cerrarModal:hover{
	color: #fff !important;
	background: #f50f21;
}

.agregarModal{
	position: absolute;
	margin: .4em;
	padding: .4em;
	right: 0;
	bottom: 0;
	font-size: 1.4em;
	/*display: flex;
	flex-direction: column;*/
}

.agregarModal:hover{
	font-size: 1.5em;
}

.indicaciones{
	padding: 1em;
}

.indicaciones li{
	margin: 1em;
}



/*  FIN MODAL FAVORITOS */

.listadoItems{
	list-style:none outside none;
	padding:0.4em; 
	background: #b0c7bd;
	background: #f2f2f2;
	max-height: calc(100vh - 40vh);
	min-height: 40vh;
	overflow-y: auto;
	border: 1px solid #449c2c;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	margin: 1.5em 0;
}

.listadoItems h5{
	color: red;
}


.form-group{
		margin: 0 !important;
	}

/*
h2.variantes{
	clear:both;
	background:none !important; 
	font-size:1em; 
	vertical-align:top;
	color:red !important;
	}*/

	/* .ui-dialog-titlebar{position:absolute !important;} */
	#dialogPresupuesto  .ui-dialog-titlebar{
		position:absolute !important;
	}
	/* html body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix */

	




	/*Media querie para moviles */

	@media screen and (max-width:64em) {

		#wrap > .container {
			padding: 0 ;
			max-width: 100vw;
			width: 100vw;
			overflow: hidden;
			/*****************GRID**********************/
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: repeat(1, fit-content);
			grid-gap: 0;
			height: 100%;
			grid-template-areas: 
			"header"
			"aside"
			"home"
			"main"
			"ventajas"
			"footer";

			/*****************GRID**********************/
		}


		.header .navbar-default{
			border-bottom: 1px solid blue;
		}

		.navbar-header{
			flex-direction: row;
			width: 100vw;
		}

		.navbar-brand{
			
			/*flex: 1 1 auto;*/
			
		}

		.presencias{
			/*grid-area:presencias;*/
			flex-direction: row;/**/
			line-height: 2em;
			justify-self: stretch;
			justify-content:space-around;
			flex-wrap: wrap;
			margin:0 0;
			padding: .6em;
			font-size: 1em;
			color: #fff;
			gap:.8em;


		}
		
		.presencias a{
			color:#777;
			color: #fff;
			font-weight: 400;
			margin: 0;
			font-size: .9em;
			cursor: pointer;
		}
		.presencias a:hover { color: #bf0f1e; text-decoration: none }
		.presencias img{
			margin: 0 ;
			width: 1.8em;
			height: 1.8em;
		}

		.flex-nav-container{
			margin-bottom: 1em;
		}

		.aside{
			display: none;
			/*position: relative;
			transform: translateX(90%);
			height: 70vh;*/
		}

  	/*#wrap > .container{
  		grid-template-columns: 25% 1fr;
  		grid-template-rows: repeat(4,fit-content);
  		grid-gap: 1em;
  		grid-template-areas: "header header header"
  		"nav nav nav"
  		"aside main main"
  		"footer footer footer";
  		}*/


  		#ventajas{
  			flex-direction: column;
  			justify-content: space-evenly;
  			align-items: stretch;
  			margin: 1em 0;

  		}

  		#ventajas .infoDestacada {
  			text-align: center;
  			margin: .5em 1em;
  			flex: 1 1 20%;
  			align-items: stretch;
  			padding: 5em 0 0 0;
  			/*height: 30vh;*/
  			justify-content: center;
		/*
		border-radius: .6em;
		background: rgb(255,255,255);
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(177,223,177,1) 100%);*/
		
	}

	.loginDetalle{
		width: 100%;
	}


	.sucursales{
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0;
	}

	#footer {
		grid-area: footer;

	}

	.itemSucursal span{
		font-size: 1.2em;

	}


	.listadoItems{
		/*min-height: 25vh;*/
		margin-bottom: 1em;
}

	#dialogPresupuesto{ 
		/* 		width:100%; */
		display:none;
	}


	.social-links {
		position:unset;
		/* 		margin-bottom:2px; */
		margin:2px;
		padding:2px 5px 2px 2px;
		/* 		right:5px; */
		/* 		top:50px; */
	}

	#carroChicoCont{
		/*display: inline-block !important;
		float:right !important;
		position:relative !important;*/
	}
	#carroChico{
		margin: .5em auto;
	}
	
	.telefonos{
		/*position: relative;*/
		/*right: 110px;
		 top: 70px;             
		 right: 8px;*/
		 top: 85px;
		 color: #C83A3A;
		 color:#fff;
		 font-size: 16px;
		 font-weight: 700;
		 /*display: inline-block;*/
		 line-height: 16px;
		}
		.navbar-brand{
			/*padding: 0 2px 2px 2px;*/
		}
		.navbar-brand img{
			/*width:80%;
			margin:0.6em;*/
		}


		.navbar-collapse{min-width:150px;}

		.navbar-default .navbar-nav > li > a {
		/*color: #5E7752;
		border-top: 1px solid #d9534f; */
		font-weight: 500;
		text-transform: uppercase;
		text-align: center;
		/*margin-bottom: 1px;*/

	}
	.navbar-default .navbar-nav > li > a:hover {
		/* 		color: #fff; */
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		text-decoration:underline;
		/* 		text-decoration-color: */
		/* 		border-top: 2px solid #336600; */
	}
	.navbar-collapse.in{
		padding-top: 0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		position:relative; 
		padding-top:0px;
	}

	.navbar-default img#logo{
		padding:.5em;
		max-height:100px;
		/*display: none;
		visibility: hidden;
		border:  2px solid red;*/

	}

	#logoResponsivo{
		width: 30vw;
		margin-top: .2em;
	}
	.headerRow{
		position: relative;
	}
	.navbar-nav {
		position: absolute;
		margin: 0;
		flex-direction: column;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		right: 0;
		left: 0;
		z-index: 99;
		background-color: #b0c7bd;
		transform: translateX(-150%);
		justify-content: flex-start;
		transition: all .7s;
	}


	.menu-toggle{
		transform: translateX(0%);

	}


	.divBuscar {
		margin: 0.8em;

	}

	.btn-breadcrumb{
		font-size: .9em;
		padding: .1em;

	}

	.codProvDetalle{
		font-size: 1.2em;
		top: 30%;
		right: 1%;

	}
	.categoriaListado{
		display: grid;
		grid-template-columns: repeat(2, minmax(46%, 100%));
		grid-template-columns: repeat(2, 1fr);
		grid-template-columns: repeat(2, 42vw);
		grid-gap: 4vw;
		padding: 0;
		margin: 6vw;
		/**/
		grid-template-columns: repeat(2, 46vw);
		grid-gap: 3vw;
		margin: 2vw;
		padding: 0;
	}

	.thumbnail{
		margin: .5em 0;
		
	}

	.btn{
		padding: .5em;
	}


	.thumbnailDetalle h3, .carroChicoFilas h3, .thumbnail h3{
		font-size: 1em;
		text-align: center;
	}

	h3.precio2 label{
		margin: .5em auto;
		color: red;
		margin: 0.5em auto;
		color: #40423f;
		color: #515151;
		/*color: blue;*/
		font-size: 1.1em;

		line-height: .8em;
	}



	.avisoStock{
		/*position: absolute;
		top: 8em;
		left: 16em;*/
	}

	.avisoOferta{
		/*position: absolute;
		top: 10em;
		left: 24em;*/
		
	}

	.inicioPrincipal{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(1, fit-content);
		grid-gap: 0;
		/*height: 100%;*/
		grid-template-areas: 
		"bannersHome"
		"accesosVrs"
		;
		width: 100vw;
	}

	/*.bannersHome{
		display: none;
		}*/
		.accesosVrs{
			width: 100vw;
		}
		.accesosVrs li{
		/*width: 48vw;
		display: inline;*/
		line-height: 3em;
	}


	.well h2{
		font-size: 1em;
	}

	.seccionCategorias h4, .seccionNovedad h4{
		margin: .2em 0;
		width: 100vw;
		font-size: 2em;
		letter-spacing: .1em;
		text-align: center;
	}

	.sharingbox{
		justify-content: space-around;
		margin: 0;
		padding: 1em 0 0;
	}

	.estadoPedido{
		background: #b9fd9a; /*#9aff35*/
		padding: .25em !important;
		color: #034803;
		border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		border: thin solid #034803;
		font-size: .9em
	}

	.flex-nav-container  { 
		/*margin:-17px -10px !important;
		margin: 0 !important; */
	}

	.flexsliderBotonera .flex-nav-container {
		/* float: right; */
		margin: 0px 0 15px;
		width: auto;
		position: relative;
	}
	.form-horizontal .control-label {
		padding-top:0;
		text-align: left;
	}

	.form-group{
		margin: 0 !important;
	}
	.flexsliderHome{
		min-height: 90px;
	}
	.flex-direction-nav li a{
		margin:0;
		top: 40%;
	}
	.flexsliderBannerHeader { 
		min-height: 130px;
		max-height: 140px;
		min-height: 100%;
		max-height: 100%;

	}
	.flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; margin:0 }
	.flex-direction-nav .flex-prev {left: 5px; margin:0}
	.form-horizontal .control-label {text-align: left;}



	#tituloCategoria{
		display: none;
	}

	.fichaAvatar{
		margin: 1em;
	}

	.listaProductos{
		/*grid-template-columns: 1fr;
		grid-gap: 1em;
		margin: 1em;*/

		grid-template-columns: repeat(2, minmax(46%, 100%));
		grid-template-columns: repeat(2, 47vw);
		grid-gap: 2vw;
		margin: 2vw;
		padding: 0;
		
	}

	.carroChicoFilas{
		flex-direction: column;
	}

	.quitarItemCarrito{
		order: 0;
	}

	.thumbnailDetalle h1{
		margin: .5em;
	}

	.thumbnail-imagen {
		height: 100%;
		/*border-bottom: 2px solid red;
		margin-top: 1em;*/
	}

	.imagenProductoBox{
		margin: 0;
	}


	.vistaDetalleProducto{
		flex-direction: column;
	}

	.detalleProductoBox{
		flex: 1 1 100%;
		margin: 0 1em 1em;
		padding: 0 1em 1em;
	}

	.itemVariante{
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.nombreItemVariante{
		flex: 1 1 100%;
		margin: .5em;
		align-self: center;
		flex-direction: row;

	}

	h6.variantes, span.variantes{
		text-align: center;
		font-size: .8em;
		font-weight: 700;
	}
	.cantidadItemVariante input{
		font-size: 1.2em;
	}
	.precioItemVariante{
		flex: 1 1 100%;
		align-self: center;
		margin: .5em;
	}
	.precio2{
		font-size: 1.4em;
		
	}

	/*.table{
		width: 100%;
	}*/

	.table tr{
		display: flex;
		flex-direction: column;
		border: 1px solid #e2e2e2;
		margin: .5em;
		padding: 0;
	}

	.table tr::first-child(){
		display: none;
		visibility: hidden;
	}

	.table th{
		display: none;
	}


	.favModalContent{
		flex-direction: column;
		justify-content: center;
		padding: 0;
	}

	.favModalContent h2{
		margin:0;
	}

	.favModalContent h5{
		font-size: 1em;
		text-align: center;
	}

	.favModalContent > div:first-child{
		flex: 0 0 100%;
		margin: 0 0 1em 0;
		padding: 0;
		align-self: center;
	}


	.indicaciones{
		padding: 0 1em;
	}

	.indicaciones li{
		margin: 0.5em 1em;
	}



	/*************** RESETEOS LUKA MOBILE**********************/
	.mobileNO{display:none !important;}
	.mobileNOahora{display:none;}


	.mobileSI{display:inline-block !important;}

	.desktopNO{
		display:block;
	}
	.desktopSI{
		display:none;
	} 

	.w50{width:100%}
	/* .w30{width:100%} */
	.w25{width:50%}

	.w33100  { width:100%; }

	.w75 { width:100%; }
	/* 	.w25 { width:25%; } */

	.contenedorVariantes{
		margin:10px;
	}

	.thumbnailDetalle{
		padding: 0px;	
		margin:1em;
	}


	.thumbnailDetalle .paddingCms{
		padding: 0 1em 1em;
	}

	.thumbnailDetalle .paddingCmsContacto	{
		grid-template-columns: repeat(1, 1fr);
		padding: .5em;	
	}

	/*
	#busqueda .thumbnail h2, #busqueda .thumbnail .label, #cincoArticulos h2, #cincoArticulos .label{
		font-size:110%;	
		}*/

		/*.thumbnailDetalle h3{
			font-size: 1.2em;
			align-self: center;

		}*/

		.thumbnailDetalle h3 label{
			margin: .5em;
			font-size: 1.4em;
		}
		.codProv{
			top: -35px;
			right: 1px;
			font-size: 1.1em;
			padding: .3em;

		}

		.codProvItem{
			align-self: center;
		}

		.fichaUsuario{
			display: grid;
			grid-template-columns: 1fr;
			justify-content: center;

		}

		.fichaAcciones{
			display: flex;
			flex-direction: column;
			justify-content: space-around;


		}

		.fichaAcciones .btn{
			color:#fff;
			margin: .4em;
		}

		.categoriaListadoFront{
			background-size: 100%;
			
			
		}




		.nav > li{
			margin:10px 0px;
		}

		.ui-dialog .ui-dialog-content{ padding:1em;}

		/* 	#etiQ{display:none;} */
		#formularioPedido{display:none;}
	}
/* FIN Media querie para moviles */
html, body {
	color:#000;
	height: 100%;
}

.fwb{
	font-weight: bold;
	color: #2E4160/*#2E4160*/;
}




.modulo{
	/*background:transparent;rebeccapurple;*/
	margin:0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/*display:block; 
	background-image:url('/favicon.ico');
	float:left; 
	width:100%; 
	border: 0px solid #f37101;
	border-radius:4px; 
	*/
}





#carroChicoCont{
/*	border: 0px solid #f37101;
border-radius: 5px;*/
position: relative;
order: 8;
display: inline;
align-items: stretch;

}
#carroChico, .boxDetalle{
	/*border: 0px solid #f37101;
	border-bottom:0px solid #f37101; 
	border-radius: 55px;
	margin: 0px;
	min-height: 20px;
	padding: 0px 10px;
	background:transparent;
	background:#b1b1b1;*/
}
/*#carroChico{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin: .4em auto 0;
	color: white;
	list-style: none;
}*/

#carroChico li a{
	position: relative;
	display: flex;
	flex-direction: column;
	align-self: center;
	justify-content: center;
	align-items: center;
	color: #555;
	align-items: stretch;
	
	transition: all .5s;
}

#carroChico  li a i{
	color: #449c2c;
	color: #bf0f1e;
	/*width: 2em;
	height: 2em;*/
	font-size: 1.2em;
	margin: 0 auto;
	transition: all .5s;
}


#carroChico li a i:hover {
	color: #449c2c;
	color: #347b20;
	font-size: 1.2em;
	/*background: #347b20;
  text-shadow: 
    0 1px 0 #b1dfb1,
               0 2px 0 #b1dfb1,
               0 3px 0 #b1dfb1,
               0 4px 0 #b1dfb1,
               0 5px 0 #b1dfb1,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}


#carroChico  li a:hover .cantProds {
	box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);*/
}


#carroChico li a .cantProds {
	position: absolute;
	top: -10px;
	right: -10px;
	background: #449c2c;
	width: 1.8em;
	height: 1.8em;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .9em;
	line-height: 0.9em;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	transition: all .5s;
	text-align: center;
}

#carroChico li a:hover .cantProds{
	color: #fff;
	width: 1.8em;
	height: 1.8em;
	background: #347b20;
	border: .2em solid #336600;
	font-weight: bold;
}


#dialogComprare .cantProds{
	/*position: absolute;
	top: -10px;
	right: -10px;*/
	background: #449c2c;
	width: 1.8em;
	height: 1.8em;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .9em;
	line-height: 0.9em;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	transition: all .5s;
	text-align: center;
	margin-right: .5em;
}




#caChico{
	border: 0px solid #f37101;
	border-bottom:0px solid #f37101;
	border-radius: 5px;
	/*margin: 0px;
	min-height: 20px;
	padding: 0px 10px;
	background:transparent;*/
}







.table > tbody > tr.success > th{
	background-color:transparent;
}


tr{
	border-color:#f37101;
}


#cincoCategorias, #comollegar{
	 /* background:transparent;
	 background-color: #DDEED4;
		 border:0px solid #f37101;
		 */
		 margin:10px 0;

		 /*border-bottom:0px solid #f37101;*/
		 border-radius: 4px;
		 padding: 14px;
		}

		.thumbnail{
			
			/*overflow: hidden;
			overflow-y: auto;*/
			border: 2px solid #ebebeb;
			border: 2px solid #e6e6e6;
			padding: 2em 0 0;/**/
			position: relative;
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-items: stretch;
			align-self: stretch;
			background-color: #f2f2f2;

		/*background: transparent;
		background-repeat: repeat;
		background-position: 0 0;
		background-size: 75%;
		background-position: right 35px;
		border: 0px solid #f37101;
		max-height: auto;
		box-shadow: 1px 1px 2px 1px #f37101;
		max-height: 270px;
		min-height: 270px;
		margin: 0;
		margin-bottom: 15px;
		border-bottom: 0px solid #f37101;
		border-left: none;
		min-height: 400px; 
		box-shadow: 2px 2px blue, 4px 4px red, 6px 6px green; */
		


	}

	.thumbnail:hover{
		/*box-shadow: 2.5px 4.33px 50px 5px rgba(11,28,42,.15);*/
		border: 2px solid #b1dfb1;
		border: 2px solid #449c2c;
		box-shadow: .125em .27em .2em .4em rgba(11,28,42,.15);
		box-shadow: 0.1em 0.1em 0.2em 0.2em rgb(11 28 42 / 25%);
	}

	.thumbnail:hover .itemListadoAcciones{
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.thumbnail:hover .itemCategorias a{
		color: #fff;
		color: rgba(0,0,0,0.2);	
		background-color: #449c2c;
		background-color: #f2f2f2;

	}

	/*.thumbnail-imagen{
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 100%;
		
		}*/



		.thumbnail h2, #agregarCarro h2, h2 input, .thumbnailDetalle h2  {
			color:#2E4160;
			/* 		background-color: #ffd1a9; */
			/* 		opacity: 0.5; */
			padding:5px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}	 


		/*.thumbnail h3{
			font-size: 1em;
			line-height: 1.2em;
			color: #737373;
			color: #336600;
			font-weight: bold;
			margin: .5em;

		}*/


		.thumbnail h2 span{
			/* 		font-size:90%; */
			color: #000;
		}

		/*.thumbnailDetalle{
			border: 0px solid #f37101;
			 	border-bottom: 6px solid #f37101;	 
			background: transparent;
		}*/

		.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{

			border: 1px solid #f37101;
		}

		.navbar-brand {
			float: none;
			/*padding: 1em auto;*/
			font-size: 18px;
			line-height: 20px;
			/*margin: 15px;*/
			order: 1;
		}


		.navbar-default {
			border: 0;
			border-bottom: 1px solid #b0c7bd;/**/
			background: transparent;
			background-image: none;
			background-repeat: no-repeat;
			background-position: 0 o;
			/*
			margin-bottom: 5px; 
			padding-bottom: 5px;*/
			background-color: linear-gradient(180deg, #ffffff 26%, #d6d6d6 100%);
		}
		.navbar-default .navbar-toggle {
		/*	border-color:#f37101;
		border: 0px solid #f37101;*/
		color: #d9534f;
		color: #bf0f1e;
		font-size: 2em;
		}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-top: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	/*background-image:url('/favicon.ico');*/
	/* 	background:#ffd1a9; */
	background-repeat:repeat;
	background-position:0 0;
	
	color:#fff;

	color:#336600;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*color: #2E4160;*/
	color:#204214; 
	color: #e3e3e3;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #ffd1a9; 
	background: rgb(61,158,61);
	background: linear-gradient(180deg, rgba(61,158,61,1) 0%, rgba(76,185,76,1) 100%);
	border-radius: .5em;
	/*border: .2em solid #e3e3e3;
	background-color: cyan;*/
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.14);
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.14);
	
}

.navbar-default .navbar-nav > li > a {
	color: #2E4160;
	/* 	color:#fff; */
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: .1vw;
	text-align: center;
/* 	-webkit-border-radius: 4px;
	border-radius: 0 0 4px 4px;
	background-color: #f37101;  */
	margin:0 .5em;
/*	border:2px solid #f37101;
 	background: #0ad48b; 
 	border-radius: 55px;*/
 	padding: .5em;
 	border-radius: .6em;
 	border: .2em solid #fff;
 	transition: all .3s;
 }
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 	color: #fff;
 	background-color: #ffd1a9;
 	background-color: #0ad48b;
 	background-color: #b1dfb1;
 	background: rgb(61,158,61);
 	background: linear-gradient(180deg, rgba(61,158,61,1) 0%, rgba(76,185,76,1) 100%);
 	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.14);
 	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.14);
 	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.14);
 	text-decoration: none;
 	border-radius: .5em;
 	/*border: .2em solid #e3e3e3;*/


 }

 /*.navbar-nav a[href*="Ofertas"]{
 	padding:.5em;
 	color:#fff !important;
 	background-color: #bf0f1e;
 	border-radius: .6em;
 	border: 2px solid #8c1e1e;
 	box-shadow: .125em .27em 1em .2em rgba(11,28,42,.15);
 }*/


 .social-links li a , .social-links li a {
 	color:#2E4160;
 }

 h1, h2, h3, h4, h5{
 	color:#2E4160;
 	margin: 0;
 }


 .modulo h1 {
 	color:#2E4160;
 	/*color: #fff;*/
 }


 .linkRojo{
 	background-color: #2E4160;
 }

 .navbar-default img#logo{
 	/*color:#2E4160;*/
 	margin:0;
 	height: 80px;
 }

 #footer {
 	color:#2E4160;
 	color: #fff;
 	/*background-color: transparent;*/
 	border-top: 0px solid #f37101;
	/*border-bottom:8px solid #f37101;
	
	box-shadow: 0px 0px 3px 0px #f37101;*/
}
/*#footer p, #footer address, .modulo address{
	color:#2E4160;
	}*/


	.thumbnail:hover .precio{
		color:#f37101;
	}
	.thumbnail:hover .precio a{
		color:#FFF;
	}


	.thumbnail:hover h2{
		/*text-decoration:underline;
		font-size:110%; */
	}
	.precio/*, .thumbnailDetalle .precio, #agregarCarro .precio*/{
		color:#2E4160;
		background-color: #ffd1a9;	
	}

	.presentacionFL{
		color:#2E4160;
		font-weight:bold;
	}

	.label{
		margin:.2em 0;
		/* 	font-size: 90%; */
		font-weight: 100;
		letter-spacing: .05em;
		padding: .5em;

	}
	span.label{
		font-size: 75%;
		color:#D0D0D0;
			color: #fff !important;
		background-color:#bf0f1e;
		font-size:.8em;
		font-weight: 700;
		padding: .4em;
		margin-left: .2em !important;
		align-self: flex-end;
		
	}
	.label a{
		/* 	color:#fff; */
		color:#2E4160;
		font-weight:bold;
	}
	.label-primary{
		color:#fff;
		font-size: 100%;
		background-color: #449c2c;
		margin:0 auto;
	}
	.label-danger{
		background-color: #d9534f;
		font-weight: 500;
		font-size: 14px;
	}

	.label-default{
		display: block;
		text-align: left;
		/* 	width: 100%; */
		white-space: normal;
		background-color: inherit /*#ffd1a9*/ !important;
		padding:.2em;
		font-weight: 500;
		color: #626262;
		margin: 0 .5em;
		/*width: intrinsic;            Safari/WebKit uses a non-standard name */
		/*width: -moz-max-content;     Firefox/Gecko */
		/*width: -webkit-max-content;  Chrome */
	}
	.label-warning{
		font-weight: 500;
		font-size: 14px;
		background-color: #ffd1a9;
		color: #fff;
	}



	button{
		background: none;
		border: none;
	}

/*
	.btn {
		font-size: .9em;
		font-weight: 700;
		letter-spacing: .1em;
		text-decoration: none;
		padding:5px 15px;
		color: #449c2c;
 	margin:2px 4px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 55px;
	
	
}*/
.btn-success {
	color: #ffffff;
	background-color: #2E4160;
	border-color: #2E4160;
}

/*
.btn-success {
	color: #2E4160;/*#fff#ffd1a9;/*#360* /
	background-color: #ffd1a9;/*#DDEED4;* /
	border-color: #ffd1a9;
	font-weight: 700;
	transition: all 0.3s ease-in-out;
	
	
}
.btn-success:hover{
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	color: #ffffff;
	background-color: #ffd1a9;
	border-color: #f37101;
}


.btn-default {
	color: #2E4160;
	background-color: #ffd1a9;
	border-color: #f37101;
	font-weight:bold;
}
.btn-default:hover{
	color:#fff;
	background-color: #d9534f;
	border-color:#f37101;
}
.btn-primary {
	color: #FFF;
/* 	background-color: #d9534f; * /
	background-color: #2E4160;
	border-color: #f3;
}

.btn-primary:hover{
/* 	background-color: transparent; * /
	border-color:#f37101;	
	}*/

	.btn-block {
		display: inline-block;
		width: auto;
		padding-right: 0;
		padding-left: 0;
	}


	.item {
		border:1px solid #f37101;
		background: transparent;
		border: 1px solid #fff;
		background-color: #347b20;
		margin:6px;
		padding:.2em .4em;
		text-transform: uppercase;
		letter-spacing: .2em;
		cursor:pointer;
		border-radius: .4em;
		list-style: none;
	}


	.itemBox{
		border: 1px solid #f37101;
		border: 1px solid rgba(0, 0, 0, .1);
		/*border-bottom: 4px solid #F73114;*/
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;	
		margin:6px;
		padding:6px;
		text-transform: uppercase;
		letter-spacing: .1em;
		border-radius:4px;
		background: transparent;
		cursor:pointer;
		font-size: 13px;
	}


	.item a {
		font-size: .875em;
		color:#2E4160;
		color: #fff;
		font-weight: bold;
		margin:3px;
		white-space: nowrap;
		white-space: normal;
		transition: all .3s ease-out;
	}


	.item:hover, .item.active, .itemBox:hover{

		border: 1px solid #ffd1a9;
		border: 1px solid #347b20;;
		color: #ffd1a9;
		color: #347b20;
		background: #f37101;
		background: #fff;


	}


	
	/*.item a:hover{
		box-shadow: 2px 1px 6px 0px rgba(0,0,0,0.51);
		-webkit-box-shadow: 2px 1px 6px 0px rgba(0,0,0,0.51);
		-moz-box-shadow: 2px 1px 6px 0px rgba(0,0,0,0.51);
		} LO DEBO PROBAR EN VRS BROWSER*/

		.item:hover a, .active a.active {
			font-weight: 700;
			color: #347b20;
		}

	/*.item:hover a:hover{
	text-decoration: none;
	
	}*/

	.botonUsuario{
		color:#2E4160; 
		font-weight: 500; 
		text-transform: uppercase; 
		text-align: center; 
		border:0px solid #f37101;
		border-radius: 55px;
		-webkit-border-radius: 55px; 
		background-color: transparent; 
		margin:0 2px; 
		padding:4px 15px; 
	}


	a{
		color:#2E4160;
	}
	a:hover, a:focus{
		color: #208c02;
		text-decoration: underline;
		text-decoration: none;
	}

	.flex-control-nav li:hover a, .flex-control-nav li a.active { background-color: #ffd1a9; border: 1px solid #f37101; }

	.flex-control-nav li a.flex-active{
		background-color: #ffd1a9;
		border: 1px solid #f37101; 
	}
	.flexsliderBannerHeader, flexsliderBannerColumn {
		/* 	border:solid 2px #f37101 ; */
	}



	.nav-tabs > li, .nav-pills > li {
		float:none;
		display:inline-block;
		color:#2E4160;
		margin:25px 10px 0;

	}

	.nav-tabs {
		text-align:center;
		border-bottom: 1px solid #f37101;
	}
	.nav-tabs > li > a{
		/* 	border: 0px solid #f37101; */
	} 

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
		color: transparent;
		background: #ffd1a9 !important;
		cursor: default;
		border: 0px solid #f37101;
		border-bottom-color: transparent;
	}


	.nav-tabs > li > a:hover, .nav-tabs > li > a {
		border-color: #f37101;
		color: #2E4160;
		background-color: transparent !important;
		border-bottom-color: transparent;
	}
	.nav > li > a:hover, .nav > li > a:focus {
		text-decoration: underline;
		background-color: #fff;
	}

	.sharingbox{
		background:transparent;
		color:#2E4160;
	}
	#buscaRapido1Form{}



	.divBuscar{
	/*border:solid 2px #f37101;
	margin-right:10px;
	border-radius: 55px;
	grid-area: buscador;
	background-color: darkcyan;*/
	padding: 0.5em auto;
	display: flex;
	order:5;
	flex: 1 1 auto;
	position: relative;
}

.divBuscar input, #buscaRapido0{
	border: 1px solid #fff;
	background: rgb(240,241,242);
	background: linear-gradient(0deg, rgba(240,241,242,1) 0%, rgba(225,225,225,1) 100%);
	color: #373737;
	color: #6f7964;
	font-size: 1.25em;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 3rem;
	padding: 0 1rem;
	width: 100%;
	box-sizing: border-box;
}

.divBuscar input::placeholder { 
	color: #373737; 
	font-weight: 500; 
}


.divBuscar input:focus,.divBuscar input:active {
	/* 	max-width:180px;  */
	/* 	height:28px;  */
	/* 	display:inline; 
	border:2px solid blue !important;
	border: 1px solid blue;*/
	background:none;
	box-shadow:none;
	/*background:#efefef;*/
	background: #e1e1e1;
	background: rgb(240,241,242);
	background: linear-gradient(0deg, rgba(240,241,242,1) 0%, rgba(225,225,225,1) 100%);
	/*border:1px solid #f37101;*/
	color: #333;
	color: #336600;
	font-style: normal;
	/*font-weight: bold;*/
	
	
}
/*.divBuscar input:active{
	box-shadow: 2px 1px 1px 4px #449c2c;
	}*/



	.form-control{

		border:1px solid #f37101/*lightgray*/;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1em;


	}


	.form-control:focus {
		border-color:  #f37101;
		box-shadow: inset 0 1px 1px #f37101, 0 0 5px #2E4160;
		background: #FFF6E0;
		color: #5E7752;
		font-style: italic;
		color: red;
	}

	.ui-widget-content {
		border: 0px solid #f37101;
		/*box-shadow: .5em .5em 0px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: .5em .5em 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: .5em .5em 0px 0px rgba(0,0,0,0.3);*/
	}
	.ui-widget-header{color:#2E4160;}


	.well {
		background-color: transparent;
		border-color: #f37101;
		background-origin: #fff;
		border-radius: .2em;
		border: .2em solid #fff;
	}

	.categoriaListadoFront{
		position: relative;
		box-shadow: 0; /*2px 2px 1px #f37101;
		height:250px; */
		height: 28vh;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
		background: #bf0f1e8c;
		transition: all 0.3s ease-in-out;
		overflow: hidden;
		/*vertical-align:baseline; 	*/
	}

	.categoriaListadoFront:hover{
		background: #bf0f1e;
		box-shadow: 0 2px 2px 1px #f37101;
		box-shadow: 0 2px 2px 1px #221d1da6;
	}


	.banner_top_inside{
		float:left;
		margin-left:10px;
		margin-top:10px;
		/* 	max-width:50%; */
		max-height:100px;
		overflow:hidden;
	}


@media screen and (max-width:64em) {

	.well h2 {
		font-size: 2em;
		}



		.categoriaListadoFront{
			height: 18vh;
			border:1px solid yellow;
		}



		}