body{ 
	background:#e5e5e5 url(imagenes/bg_body.png) repeat-x;
	 font-family: 'Oswald', sans-serif, Arial !important;
	 font-size:12px;
	 padding-top: 59px;
	 background-color: #e5e5e5 !important;
	 }
#wrapper { background: #fff; }
/* Pie de encabezado */
.top-bar{
	background:#3e3e3e;
	border-bottom: solid 5px #97bf0d;
	left: 0px;
	top:0px;
	width: 100%;
	height:59px;
	z-index: 9999;

}
#wrapper #header { 
	position: fixed;
    width: 100%;
    z-index: 999;
    top: 60px;
    left: 0px;
    background: #fff;
	
}
#wrapper #header .busqueda a { 
	display:inline-block; 
	padding:0px 13px; 
	color:#FFF; 
	height:28px; 
	line-height: 30px; 
	text-decoration:none; 
	margin-bottom:8px; 
	cursor: pointer;
	text-align: center; 
}
#wrapper #header .busqueda a.ingreso { background:#97bf0d;}
#wrapper #header .busqueda a.registro { background: #008e4f;}

#wrapper #header .menu ul li { display:block;padding:0px 5px; cursor:pointer;  }
#wrapper #header .menu ul li a { text-decoration:none; color:#2a2a2a}
#wrapper #header .menu ul li a { text-decoration:none; color:#2a2a2a}
#wrapper #header .menu ul li.opc,#wrapper #header .menu ul li.opc a  { color:#666}
#wrapper #header .menu ul li:hover,#wrapper #header .menu ul li:hover a { color:#fff; background:#2a2a2a  }
#wrapper #header .menu ul li.select { background:#97bf0d;}
#wrapper #header .menu ul li.select:hover a, #wrapper #header .menu ul li.select a{ background:#97bf0d; color:#fff }

#wrapper .carrito {}
#wrapper .carrito .datos {
	color: #fff;
}

#wrapper .carrito .operacion-carrito {}
#wrapper .carrito .operacion-carrito > div{ 
	color:#fff;
}
#wrapper .carrito .operacion-carrito > div a{ color:#fff }
#wrapper .carrito .operacion-carrito > div #msg_revisar{background: url(imagenes/carrito-msg.png) no-repeat;width: 80px;margin-top: 2px;padding-left: 2px; display:none;}

#wrapper .carrito .operacion-carrito > div .mioficina {
	/* background: #97bf0d; */
    cursor: pointer;
    color: #FFF;
    display: inline-block;
    padding: 4px 8px;
    text-decoration: none;
    
}
#wrapper .carrito .operacion-carrito > div .mioficina  svg{
	font-size: 1.4em;
}
#wrapper .carrito .operacion-carrito > div .imagen { 
	cursor: pointer;
    position: relative;
    padding: 1px 18px;
    font-size: 24px;
}
#wrapper .carrito .operacion-carrito > div .imagen .badge{ 
    position: absolute;
    right: 5px;
    top: -8px;
    font-size: 13px;

}
#wrapper .carrito .operacion-carrito > div .articulos { margin:0px 5px ; color:#FFF; min-width:60px;   }
#wrapper .carrito .operacion-carrito > div .precio { 
	/* background: #f78f1e; */
    text-align: right;
    padding: 4px;
    color: #fff;
    /* color: #191919; */
}


#wrapper #shopping .ordenes .total-a-pagar{
	/*background-color: #343a40;*/
	position:fixed;
	bottom:0px;
	left:0px;
	width: 100%;
	z-index:99999;
	color:#fff;
}
#wrapper #shopping .ordenes .total-a-pagar .continuar{
	text-decoration: none;
    border: #7fa304 solid 1px;
    background-color: #a7cf19;
    text-align: center;
    cursor: pointer;
}
#wrapper #shopping .detalle,
#wrapper #shopping .ordenes{

	font-size: 13px;
    color: #2a2a2a;
    padding: 20px;
    background: #fff;
    border: solid 2px #c4c4c4;

}
#wrapper #shopping .cabecera {
	padding:0px;
	border-bottom: #3e3e3e solid 3px; 
}
/* 
@media (min-width: 576px) {
	#wrapper #shopping .ordenes{
		position:relative;
	}
} */
@media (min-width: 992px) {
	#wrapper #shopping .ordenes .total-a-pagar{
		position:relative;
		background:#fff;
		color:#2a2a2a;
	}
	#wrapper .carrito { width: 100%;}
	#wrapper .carrito .operacion-carrito > div{ 
		color:#fff;
		margin-top:23px }
	#wrapper #header { 
		position: relative;
		top:0px;
		
	}
	#wrapper .carrito .operacion-carrito > div .mioficina {
		background: #97bf0d;
	}
	#wrapper .carrito .operacion-carrito > div .precio { 
		background: #f78f1e;
		color: #191919;
	}

	#wrapper #shopping .cabecera { 

		padding-right: 50px;	
	   
   }
	#wrapper #header .menu ul li { display:inline-block;}
	
	#wrapper #header .logo { background: url(imagenes/logo-naturalbesa.png) repeat-x; float:left ; width:198px; height:89px;text-indent: -9999px; text-decoration:none; margin:9px 30px 11px; }
	#wrapper #header .busqueda { text-align:right;margin-top:18px;}
	#wrapper #header .busqueda .combobus{ float: left; height: 30px; }
	#wrapper #header .busqueda input { width:172px; height:28px; border:#747373 1px solid; float:left ; padding:0px 5px;   }
	#wrapper #header .busqueda .buscar { width:39px; height:30px; background:#747373 url(imagenes/btn-buscar.png) repeat-x; float: left; text-decoration:none; padding:0px 0px;  }
	#wrapper #header .menu { 
		
		border-top: 1px solid #2a2a2a; 
		border-bottom:1px solid #2a2a2a; 
		font-size: 14px;
		position: relative;
	}
	#wrapper #header .menu .home { width: 34px; height: 48px; position: absolute;  top:-1px;  background: url("imagenes/btn-inicio.png") no-repeat ;  left: 0px; }
	#wrapper #header .menu ul { 
		color: #2a2a2a;
		margin: 4px 34px;
	}



}
/* -------------------------- */
/* #wrapper #header .menu ul.nodis li { padding:0px 14px; }
#wrapper #header .menu ul li.nodis { display:none; } */

/* contenido */
#wrapper #contenido .presentacion_slide { 
	/* padding:9px ;  */
	background-color:#FFF; }
#wrapper #contenido .destacados {

}



#wrapper #contenido .destacados .contenido { background:#fff ; padding:9px;}
#wrapper #contenido .destacados .contenido h2 { height:29px; font-size:18px; padding-left:60px; line-height:33px; background:url(imagenes/hoja-verde-claro.png) no-repeat; background-position:0px center ; margin-bottom:5px; }
#wrapper #contenido .destacados .contenido h2.amarilla { background:url(imagenes/hoja-amarilla.png) no-repeat; }
#wrapper #contenido .destacados .contenido h2.verde { background:url(imagenes/hoja-verde-osucro.png) no-repeat; }
#wrapper #contenido .destacados .contenido ul { 
	background:#e5e5e5 ; 
	text-align: center;
	overflow: hidden;
	/* display: flex;  */
  	/* justify-content: space-between;  */
}
#wrapper #contenido .destacados .contenido ul li { 

}
.square {
    float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-color:#1E1E1E;
    overflow:hidden;
}

.square .content {
    position:absolute;
    height:100%;
	width:100%; 
	background-color: #fff;
}
.square  .table{
    display:table;
    width:90%;
	height:90%;
	margin: 5%;
	
	
}
.square  .table-cell{
    display:table-cell;
	vertical-align:middle;
	text-decoration: none;
	height:100%;
	width:100%;
	border:#fff solid 4px;  
	background:#fff url(imagenes/bg-top-producto.jpg)  ; 
}
#wrapper #contenido .destacados .contenido ul li a{ 

	text-decoration: none;
}
#wrapper #contenido .destacados .contenido ul li a img { 
	width: auto; 
	height: 35%;
}
#wrapper #contenido .destacados .contenido ul li .etiqueta {


	background:url(imagenes/trans.png); 
	text-align:center; 
	line-height: 17px; 
	font-size: 14px;color: #fff; 
	visibility:hidden;
	position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

#wrapper #contenido .destacados .contenido ul li:hover .content{ background-color:#060;}
#wrapper #contenido .destacados .contenido ul li:hover .etiqueta{visibility:inherit}
#wrapper #contenido .destacados .contenido.anuncio {
	 background:#fff; 
	}
#wrapper #contenido .destacados .contenido.anuncio a img:hover { opacity:0.6 ; filter:alpha(opacity=60); -moz-opacity: 0.6; }
#wrapper #contenido .destacados .contenido.anuncio .recomienda{
	 background: url(/imagen/portada_recomienda.png) no-repeat;  
	 background-size: 100% auto;
	 }
#wrapper #contenido .destacados .contenido.anuncio .recomienda img{ 
	width: 50%;
    display: block;
	margin: auto;
	
}
.portada.categorias .wrapper{ 
	color:#fff;
}
.portada.categorias .wrapper h2{  
	text-align:center;
	font-size:1rem;
	padding:1rem;
	position:relative
}
.portada.categorias .wrapper a{  
	color: #fff;
    position: absolute;
    right: 30px;
    bottom: 12px;
}
.portada.categorias .wrapper.salud{
	background: #8ba62f;
}
.portada.categorias .wrapper.salud h2{
	background: #8ba62f;
}
.portada.categorias .wrapper.cuidado-personal{
	background: #58ce9b;
}
.portada.categorias .wrapper.cuidado-personal h2{
	background: #6aeaf5;
}

.portada.categorias .wrapper.hogar{
	background: #3d772a;
	
}
.portada.categorias .wrapper.hogar h2{
	background: #4a8743;
}

.portada.categorias .wrapper.belleza {
	background: #ac5041;
	
}
.portada.categorias .wrapper.belleza h2 {
	background: #cf5b66;

}
.portada.categorias .wrapper.naturalbesa{
	background: #ac5041;
	
}
.portada.categorias .wrapper.naturalbesa h2{
	background: #f26511;

}


/* #wrapper #contenido .destacados .contenido.anuncio a.recomienda:hover { opacity: 0.6;} 
/* #wrapper #contenido .categorias {width: 980px; height: 406px; margin-bottom:12px ; overflow:hidden; } */
/* #wrapper #contenido .categorias ul { height:406px ; text-align:center; } */
/* #wrapper #contenido .categorias > div { background:#fff;}

#wrapper #contenido .categorias > div h2 {  
	font-size: 18px; 
	background:url(imagenes/hoja-verde-claro.png) no-repeat; 
	background-position:0px center ; 
	text-align:left;
	margin-bottom: 5px;
	padding-left: 59px;
}
#wrapper #contenido .categorias > div h2.h-azul {
	 background:url(imagenes/hoja-azul.png) no-repeat; 
	}
#wrapper #contenido .categorias > div h2.h-amarilla { background:url(imagenes/hoja-amarilla.png) no-repeat; }
#wrapper #contenido .categorias > div h2.h-roja { background:url(imagenes/hoja-roja.png) no-repeat; }
#wrapper #contenido .categorias > div h2.h-verde { background:url(imagenes/hoja-verde-osucro.png) no-repeat; }
#wrapper #contenido .categorias > div h2.h-lila { background:url(imagenes/hoja-lila.png) no-repeat; }
#wrapper #contenido .categorias > div a img { border:#fff solid 4px;}
#wrapper #contenido .categorias > div a:hover img { opacity:0.85 ; filter:alpha(opacity=85); -moz-opacity: 0.85;}
#wrapper #contenido .categorias > div a:hover img.opc1 { border:#4db2d0 solid 4px;}
#wrapper #contenido .categorias > div a:hover img.opc2 { border:#a23fbb solid 4px;}
#wrapper #contenido .categorias > div a:hover img.opc3 { border:#97bf0d solid 4px;}
#wrapper #contenido .categorias > div a:hover img.opc4 { border:#f78f1e solid 4px;} */

/* categorias */
#wrapper #categorias { margin-top: 10px; }
#wrapper #categorias .barra-der {  }

#wrapper #categorias .barra-der .menu { color:#616161; background:#fff; padding-top:9px; margin-bottom:0px; }
#wrapper #categorias .barra-der .menu h2 { height:32px; font-size:18px; line-height:33px; color:#FFF; }
#wrapper #categorias .barra-der .menu h2 span { float:left; width:11px; height:32px; background:#fff; margin-right:59px; }
#wrapper #categorias .barra-der .menu ul {width: 219px; padding:9px; font-size:15px}
#wrapper #categorias .barra-der .menu ul li {
	border-bottom:#dfdfdf solid 1px ; 
	line-height:35px; background:url(imagenes/bule-menu.png) no-repeat; background-position: left center; cursor:pointer  }

#wrapper #categorias .barra-der .menu ul li a { text-decoration:none; font-weight:lighter;  color:#616161; display:block;  padding-left:15px;  }
#wrapper #categorias .barra-der .menu ul li:hover {background-color: #F5F5F5;} 
#wrapper #categorias .barra-der .menu ul li.select{background-color: #F5F5F5;}
#wrapper #categorias .barra-der .menu.salud h2 { background:#97bf0d url(imagenes/icon-menu.png) no-repeat; background-position:0px center; }
#wrapper #categorias .barra-der .menu.salud h2 span { background:#6d8c01;}
#wrapper #categorias .barra-der .menu.salud ul li:hover a { color:#6d8c01;} 
#wrapper #categorias .barra-der .menu.salud ul li.select a { color:#6d8c01;}
#wrapper #categorias .barra-der .menu.belleza h2 { background:#a23fbb url(imagenes/icon-menu.png) no-repeat; background-position:0px center; }
#wrapper #categorias .barra-der .menu.belleza h2 span , .productos.belleza { background:#74178c;}
#wrapper #categorias .barra-der .menu.belleza ul li:hover a { color:#74178c;} 
#wrapper #categorias .barra-der .menu.belleza ul li.select a { color:#74178c;}
#wrapper #categorias .barra-der .menu.cuidado-personal h2 {background: #F9D99D url(imagenes/icon-menu.png) no-repeat;background-position: 0px center;}
#wrapper #categorias .barra-der .menu.cuidado-personal h2 span { background: #D9A037}
#wrapper #categorias .barra-der .menu.cuidado-personal ul li:hover a { color:#D9A037}
#wrapper #categorias .barra-der .menu.cuidado-personal ul li.select a { color:#D9A037}
#wrapper #categorias .barra-der .menu.hogar h2 { background:#f78f1e url(imagenes/icon-menu.png) no-repeat; background-position:0px center; }
#wrapper #categorias .barra-der .menu.hogar h2 span { background:#d06e03;}
#wrapper #categorias .barra-der .menu.hogar ul li:hover a { color:#d06e03;}
#wrapper #categorias .barra-der .menu.hogar ul li.select a { color:#d06e03;}
#wrapper #categorias .barra-der .menu.superacion-personal h2 { background:#A59B7C url(imagenes/icon-menu.png) no-repeat; background-position:0px center; }
#wrapper #categorias .barra-der .menu.superacion-personal h2 span { background:#635B43;}
#wrapper #categorias .barra-der .menu.superacion-personal ul li:hover a { color:#635B43;}
#wrapper #categorias .barra-der .menu.superacion-personal ul li.select a { color:#635B43;}

#wrapper #categorias .barra-der .menu.servicios h2 {background:#17a2b8  url(imagenes/icon-menu.png) no-repeat; background-position:0px center; }
.pfrecuente .respxx {  color : #cccccc line-height:1.5rem}
.fbelleza{ background:#a23fbb }
.fsalud  { background: #97bf0d}
.fcuidado-personal{ background:#F9D99D }
.fsuperacion-personal{ background:#A59B7C }
.fhogar{ background:#f78f1e }
.fbuscador{background:#A59B7C }



.anuncio_izq .anuncio { display:none }
.anuncio_izq .anuncio h2 { height:32px; font-size:18px; line-height:33px; color:#FFF; padding-left:55px; }
.anuncio_izq .anuncio h2.promociones { background:#ffba00 url(imagenes/icon-menu2.png) no-repeat; background-position:0px center; }
.anuncio_izq .anuncio h2.asistente { background:#1b62b2 url(imagenes/icon-menu2.png) no-repeat; background-position:0px center; }
.anuncio_izq .anuncio h2.contacto { background:#be1e1e url(imagenes/icon-menu2.png) no-repeat; background-position:0px center; }


#wrapper #categorias .barra-izq {}
#wrapper #categorias .barra-izq .slider { background:#fff ; margin-bottom:6px;}
#wrapper #categorias .barra-izq .slider .fondo { width:100%; height:auto; }
#wrapper #categorias .barra-izq .mapa { 
	border: #c4c4c4 solid 1px;
    border-radius: 7px;
    background: #fff url(imagenes/apuntador.png) no-repeat;
    padding-left: 50px;
    font-size: 14px;
    line-height: 29px;
    margin-bottom: 6px;

}






#wrapper #categorias .barra-izq .productos { }
#wrapper #categorias .barra-izq .productos .pagina {  }
#wrapper #categorias .barra-izq .productos .product_list { font-size:13px; margin-bottom:12px; }
#wrapper #categorias .barra-izq .productos .product_list .producto {
	border: #9f9f9f solid 1px;
    background: #FFF;
    padding: 10px;
    height: 100%;
 }
#wrapper #categorias .barra-izq .productos .product_list .producto:hover {background-color: #F5F5F5; }
#wrapper #categorias .barra-izq .productos .product_list .producto img { width: 152px; margin: 10px 0px; height:119px; }
#wrapper #categorias .barra-izq .productos .product_list .producto h3 {
	font-weight: bold;
	overflow: hidden;
	font-size: 1em;
}
#wrapper #categorias .barra-izq .productos .product_list .producto p { font-weight:lighter; width:100%; height:40px; overflow:hidden; margin-bottom:10px;   }
#wrapper #categorias .barra-izq .productos .product_list .producto .vermas { font-weight:normal; margin-bottom:10px; color:#3e3e3e; float:left; width:100%;   }
#wrapper #categorias .barra-izq .productos .product_list .producto .precio { font-weight:normal; color:#e85005; float:left; width:100%; font-size:18px; height: 30px; text-align: center;  }
#wrapper #categorias .barra-izq .productos .product_list .producto .cantidad {width: 80px;height: 28px;background: #333333;color: #FFF;float: left;
margin-right: 6px;padding-left: 9px;padding-top: 2px; }
#wrapper #categorias .barra-izq .productos .product_list .producto .cantidad input { width:17px; margin-left: 3px;text-align: center; }
#wrapper #categorias .barra-izq .productos .product_list .producto .agregar {height: 30px;background: #97bf0d ;float:left; padding:0px 5px;line-height: 26px;margin-left: 0px; text-decoration:none; color:#2a2a2a; cursor:pointer; }
#wrapper #categorias .barra-izq .productos .product_list .producto .agregar.cargando{background: #E9E9E9 url(imagenes/cargando.gif) no-repeat;
background-position: center center;color: transparent;}
#wrapper #categorias .barra-izq .paginas { 
	border:#9f9f9f solid 1px; 
	border-radius:7px; 
	background:#fff ; 
	font-size:1rem; 
	line-height:35px; 
	margin-bottom:6px; 
	text-align:center; 
}
#wrapper #categorias .barra-izq .paginas a { cursor: pointer;padding:3px 8px 3px 8px; border:#9f9f9f solid 1px ; font-size:1rem ; text-decoration:none; color:#666666; font-weight:lighter;}
#wrapper #categorias .barra-izq .paginas a:hover {border:#e85005 solid 1px ; background:#e85005 ; color:#fff  }

#wrapper #categorias .barra-izq .detalle {
	background:#fff ; 
	/* width:717px; min-height:888px; height:auto; padding:9px; 
	margin-bottom:6px;  */
}
#wrapper #categorias .barra-izq .detalle .banda { margin-bottom:4px;} 
#wrapper #categorias .barra-izq .detalle .mapa,#wrapper #categorias #motros1.mapa {
	 border:#c4c4c4 solid 1px; border-radius:7px; 
	 background:#fff url(imagenes/apuntador.png) no-repeat; 
	 padding-left:50px; 
	 font-size:14px; line-height:29px; margin-bottom:6px; }
#wrapper #categorias #motros1.mapa{ 

}
#wrapper #categorias .barra-izq .detalle .informacion { 

}
#wrapper #categorias .barra-izq .detalle .informacion img { 
	border:#9f9f9f solid 1px; 

}
#wrapper #categorias .barra-izq .detalle .informacion h1 { 
	font-size:24px;

}
#wrapper #categorias .barra-izq .detalle .informacion p { 

	font-size:15px; 
	font-weight:lighter; 
	line-height: 19px; 
}
#wrapper #categorias .barra-izq .detalle .informacion p strong { 

	font-weight: 400; 
}

#wrapper #categorias .barra-izq .detalle .informacion .valores{
	/* float: left;
	margin: 12px;
	text-align: center; */
	font-size: 15px;
}
#wrapper #categorias .barra-izq .detalle .informacion .valores {}
#wrapper #categorias .barra-izq .detalle .informacion .valores .color{
	color: #97bf0d;
    font-size: 1.3em;
}
/* #wrapper #categorias .barra-izq .detalle .informacion div.publico{float: left;font-size: 20PX;width: 305px;text-align: center;margin: 18px;} */
#wrapper #categorias .barra-izq .detalle .informacion div.publico span{color: #97bf0d;    font-size: 1.3em;}
#wrapper #categorias .barra-izq .detalle .informacion .nomostrar{ display:none;}

/* #wrapper #categorias .barra-izq .detalle .informacion .compra {float: right; width:346px; height:44px; margin-left:10px; border:#e2e2e2 solid 0px; font-size:17px; padding:10px 10px; clear:both} */
#wrapper #categorias .barra-izq .detalle .informacion .compra {
	/* float: right; width:346px; height:44px; margin-left:10px; border:#e2e2e2 solid 0px; font-size:17px; padding:10px 10px; */
}
#wrapper #categorias .barra-izq .detalle .informacion .compra  .cantidad {
	background: #333333;
	color: #FFF;

}
#wrapper #categorias .barra-izq .detalle .informacion .compra  .cantidad input { width:30px; text-align:center; margin-left: 13px;}
#wrapper #categorias .barra-izq .detalle .informacion .compra  .agregar_borrar {

	background:#97bf0d; 
	text-decoration:none; 
	color:#2a2a2a;
	text-align: center; 
	cursor:pointer; 
}
#wrapper #categorias .barra-izq .detalle .informacion .compra  .agregar {

	background:#000000; 
	font-size :calc(.1em + 1vw);	
	text-decoration:none; 
	color:#FFFFFF;
	font-weight:bold;
	text-align: center; 
	cursor:pointer; 
}
#wrapper #categorias .barra-izq .detalle .informacion .compra  .agregar.cargando{background: #E9E9E9 url(imagenes/cargando.gif) no-repeat;
background-position: center center;color: transparent;}
#wrapper #categorias .barra-izq .detalle .opciones {
	 /* width:717px; height:455px; margin-bottom:11px; font-size:17px; font-weight:normal;  */
}
#wrapper #categorias .barra-izq .detalle .opciones .menu {
	/* width:717px; height:33px */
	margin-bottom:0px;
}
#wrapper #categorias .barra-izq .detalle .opciones .menu .caracteristica{ 
	line-height:30px;
	text-align:center; 
} 
/*
#wrapper #categorias .barra-izq .detalle .opciones .menu .caracteristica{ 
	border-left:#929292 solid 1px;
	border-top:#929292 solid 1px;
	border-right:#929292 solid 1px;
	line-height:30px;
	text-align:center;   
}
*/
/*#wrapper #categorias .barra-izq .detalle .opciones .menu .caracteristica.activo {background:#929292; color:#FFF;} */
#wrapper #categorias .barra-izq .detalle .opciones .menu .caracteristica.activo {background:#000000; color:#fff;} 
/*#wrapper #categorias .barra-izq .detalle .opciones .menu .caracteristicali.activo:hover {background:#929292; color:#FFF;}*/ 
#wrapper #categorias .barra-izq .detalle .opciones .menu .caracteristicali.activo:hover {background:#EBEBEB; color:#FFF;} 

/*#wrapper #categorias .barra-izq .detalle .opciones .menu .caracteristica:hover { background:#F5F5F5; color:#929292; cursor:pointer; }*/

#wrapper #categorias .barra-izq .detalle .opciones .menu .caracteristica:hover { background:#cccccc; color:#929292; cursor:pointer; }
#wrapper #categorias .barra-izq .detalle .opciones .opcion { 
	font-weight: lighter;
    border: solid 1px #d1d1d1;
    padding: 12px;
	background: #f2f0f0;
	margin-bottom: 10PX;
	display:none; 
}
#wrapper #categorias .barra-izq .detalle .opciones .opcion.activo { display: block;  }
#wrapper #categorias .barra-izq .detalle .opciones .novisible { display:none;}
#wrapper #categorias .barra-izq .detalle .opciones .visible { display:block;}
#wrapper #categorias .barra-izq .detalle .opciones ul.lpadece{ list-style-type:square; margin-left:15px; }


.otros-productos  .producto{ 
    border: #9f9f9f solid 1px;
    background: #FFF;
    padding: 10px;
}

.otros-productos  .producto:hover {background-color: #F5F5F5; cursor:pointer }

.otros-productos  .producto a{ text-decoration:none; color:#2a2a2a;}

.otros-productos  .producto img { width: 152px; height:119px; margin: 10px 0px; }

.otros-productos  .producto h3 { font-weight:normal; width: 100%; height:50px; overflow:hidden; margin-bottom:10px; font-size:14px;line-height:15px;  }

.otros-productos  .producto p{ font-weight:lighter; width:100%; height:40px; overflow:hidden; margin-bottom:10px; line-height:13px;   }




/* Carrito de Compras */
.cargando_carrito{ background:url(imagenes/cargando.gif) no-repeat center center; color:transparent !important; height:20px;}
a.mas-menos{
    /* cursor: pointer;
    background: #97bf0d;
    border: 1px solid #B0B1AD;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold; */
}

a.mas-menos.menos{
/* 
	border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px; */
}
a.mas-menos.mas{ 
	/* border-top-right-radius: 5px;
	border-bottom-right-radius: 5px; */
}


.notificacion_borrar{ 
	width: 172px;
	height: 117px;
	position: absolute;
	right: 0px;
	bottom: 56px;
	background: url(imagenes/notificacion.png) no-repeat; 
	padding-top:23px; display:none;}
	
.notificacion{ 
	width: 172px;
	height: 117px;
	position: absolute;
	right: 0px;
	bottom: 56px;
	font-size:.5rem;
	background: url(imagenes/notificacion.png) no-repeat; 
	padding-top:23px; display:none;}	
	
.notificacion span{color: #EEEEEE;float: left;margin: 0px 5px 10px 30px; }
/* .notificacion.vermas{left: 533px;top: 175px;} */

#wrapper #shopping { background:#fff; margin: 10px 0px;}
#wrapper #shopping .barra-title { 
	background:url(imagenes/barra-compras.png) no-repeat; 
	height:32px; line-height:31px; 
	font-size:17px; padding-left:74px;
	 color:#fff; 
	 margin: 10px 0px 20px 0px; 
	
	}
#wrapper #shopping .mapa { 
	border:#c4c4c4 solid 1px; 
	border-radius:7px; }
#wrapper #shopping .mapa > div{ 
	font-size: 14px;
	background: #97bf0d;
	position:relative
}
#wrapper #shopping .mapa > div::after{ 
    content: '';
    display: inline-block;
    border: solid 20px transparent;
    border-top: 20px solid #97bf0d;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -40px;
}


@media (min-width: 992px) {

	#wrapper #shopping .detalle { height:440px;overflow: auto; padding-right:50px; }
}


#wrapper #shopping .detalle .cantidad.input-group {    
	max-width: 100%;
    width: 100px;}
#wrapper #shopping .detalle .cantidad input.cantidad{ width: 30px;}



#wrapper #shopping .ordenes ul.totales { width:200px; float:right; margin-right:25px; font-size: 13px; }
#wrapper #shopping .ordenes ul.totales li { float:left; width:50%; height:23px; }
#wrapper #shopping .ordenes ul.totales li.cantidad { text-align:right; color: #e95b15}
#wrapper #shopping .ordenes ul.totales li.nodis{ display:none;}








/* Pie de pagina */
#footer { 
	/* min-height:345px; */
	background:#3e3e3e url(imagenes/bg-pie.png) 
	repeat-x bottom; } 
#footer .wrapper {background:#FFF; padding-top:9px; overflow:hidden  }
#footer .wrapper .opciones { 
	color: #2a2a2a;
    border-bottom: #97bf0d solid 2px;
    line-height: 23px;
    border-right: 1px dotted#2a2a2a;  }
/* #footer .wrapper .opciones.salud { width:208px; } */
/* #footer .wrapper .opciones.snaturalbesa { width:170px; } */
#footer .wrapper .opciones.otroslink1 h2 { background:#d3d3d3 }
#footer .wrapper .opciones.otroslink2 h2 { background:#e5e5e5 }
#footer .wrapper .opciones h2 {
    font-size: 13px;
    background: #cacaca;
    line-height: 26px;
    text-align: center;

}
#footer .wrapper .opciones ul {
	min-height: 144px;
    color: #2a2a2a;
}
#footer .wrapper .opciones.otroslink2 ul { border-right: #fff solid 1px ; }
#footer .wrapper .opciones ul li {
	padding-left: 20px;
    background: url(imagenes/bule.png) no-repeat;
    margin-bottom: 10px;
    font-size: 13px;
 }
#footer .wrapper .opciones ul li a { text-decoration:none; color:#2a2a2a ; cursor:pointer;   }
#footer .wrapper .opciones ul li a:hover { text-decoration: underline; color:#97bf0d  }
#footer .wrapper .opciones li.supera { background: none; margin-bottom: 4px; padding-left: 0px; margin-left: -1px;  margin-top: 22px;}

#footer .wrapper .ref-red {
	background: #e5e5e5;
    background-position: 0px center;
    margin-top: 4px;	
}
#footer .wrapper .ref-red ul.redes {
 text-align: right;
}
#footer .wrapper .ref-red ul.redes li { 
	display: inline-block;
}
#footer .wrapper .ref-red a {
	text-decoration: none;
    display: inline-block;
    width: 34px;
    height: 34px;
}
#footer .wrapper .ref-red  a.facebook {background:#e5e5e5 url(imagenes/red-facebook.png) no-repeat ;}
#footer .wrapper .ref-red  a.twitter {background:#e5e5e5 url(imagenes/red-twitter.png) no-repeat ;}
#footer .wrapper .ref-red  a.google {background:#e5e5e5 url(imagenes/red-google.png) no-repeat ;}
#footer .wrapper .ref-red  a.youtube {background:#e5e5e5 url(imagenes/red-youtube.png) no-repeat ;}
#footer .derechos {  color:#FFF }
#footer .derechos p { margin:11px 0px 0px; text-align:center}
#footer .derechos p span { color:#97bf0d}
#footer .derechos p a { text-decoration:none ; color:#FFF; }
#footer .derechos p a:hover { text-decoration: underline ; color:#97bf0d}
#avisos { position: fixed; width: 100%; height: 100%; background: url(imagenes/trans.png); top: 0px; display:none ; z-index:9999 }
#avisos #contenedor { background:#6d8c01 url(imagenes/bgfondo2.png) no-repeat ; width:700px; margin:10% auto; min-height:523px; border:#97bf0d solid 2px }
#avisos #contenedor .close { float:right ; position: relative; background:url(imagenes/btn-cerrar.png) no-repeat ; width:38px; height:37px; top:-18px; left:19px; cursor:pointer; }
#avisos #contenedor #pizarra { width:659px; height:480px; float:left; border:#495e00 solid 2px ; background:#f9ffe4;margin: 0px 19px; position: relative; top: -15px;   }
#avisos #contenedor #pizarra .precargar {background:#f9ffe4 url(imagenes/loader-1.gif) no-repeat; width:70px ; height:70px ; margin: 200px auto;}
#avisos #contenedor #pizarra .encabezado { background: url(imagenes/encabezado.png) no-repeat ; width:397px; height:130px; margin: 0px auto; position: relative; top: -42px;}
#avisos #contenedor #pizarra .encabezado h2 { font-size: 25px;text-align: center;margin-top: 98px;float: left;width: 100%;color: #2a2a2a; font-weight:lighter;}
#avisos #contenedor #pizarra .acuerdo { width:98% ; height:345px; margin: 0px auto; overflow: auto; line-height: 16px; font-size:14px ; font-weight:normal; }
#avisos #contenedor #pizarra .acuerdo h2 { font-size:14px; font-weight: bold; line-height:30px;}
#avisos #contenedor #pizarra .acuerdo p { margin:12px 10px;}
#avisos #contenedor #pizarra .acuerdo ul { margin:20px;}
#avisos #contenedor #pizarra .acuerdo ul li { margin-bottom:10px;}

.acceso { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5) url(imagenes/trans.png); top: 0px; display:none ; z-index:9999 }
.acceso #contenedor > div .wrap-pizarra{ 
	/* background:#6d8c01 url(imagenes/bgfondo2.png) no-repeat ; 
	width:564px; 
	margin:10% auto; 
	min-height:369px; 
	border:#97bf0d solid 2px  */
	background:#6d8c01;
	border:#97bf0d solid 2px;
	padding:1em;
}
.acceso #contenedor .close { 
	position: absolute;
    background: #fff url(imagenes/btn-cerrar.png) no-repeat;
    width: 38px;
    height: 37px;
    top: -18px;
    right: -18px;
    cursor: pointer;
    border-radius: 20px;
    opacity: 1;
}
.acceso #contenedor #pizarra {
	 /* width:524px; 
	 height:327px; 
	 float:left; 
	 border:#495e00 solid 2px ; 
	 background:#f9ffe4;margin: 0px 19px; 
	 position: relative; 
	 top: -15px;    */
	 border: #495e00 solid 2px;
	 position: relative; 
	 background: #f9ffe4;
	}

.acceso #contenedor #pizarra .encabezado {
	 /* background: url(imagenes/encabezado.png) no-repeat ; 
	 width:397px; 
	 height:130px; 
	 margin: 0px auto; 
	 position: relative; 
	 top: -42px; */
	 background: url(imagenes/encabezado.png) no-repeat center;
	 height: 130px;
	 margin: 9px auto;

	}
.acceso #contenedor #pizarra .encabezado h2 {
	 /* font-size: 20px;text-align: center;margin-top: 103px;float: left;width: 100%;color: #2a2a2a; */
	 font-size: 20px;
    text-align: center;
    width: 100%;
    color: #2a2a2a;
    position: relative;
    top: 100px;
    left: 0px;
}
.acceso #contenedor #pizarra .formulario { 
	/* width:285px ; height:230px; margin: 0px auto; line-height: 16px; font-size:14px ; font-weight:normal;top:-33px;position:relative;  */
 }
.acceso #contenedor #pizarra .formulario #mensaje_login {height: 30px;margin-bottom: 10px; text-align:center; }
.acceso #contenedor #pizarra .formulario #mensaje_login h3 {font-size: 13px; line-height:24px; width:100%; color:#d04f4f; border-bottom:#d04f4f solid 1px; border-top:#d04f4f solid 1px; float:left; }
.acceso #contenedor #pizarra .formulario input {
	 /* font-size:14px; line-height:30px; width:260px; padding:0px 10px;  */
	}
.acceso #contenedor #pizarra .formulario .clave { float:left; font-size:13px;  width:260px; color:#535353 ; margin: 16px 0px; cursor:pointer }
.acceso #contenedor #pizarra .formulario .ingresar { 
		/* float:left; font-size:14px; 
		width:90px; 
		color:#2a2a2a ; 
		margin: 16px 0px;
		padding: 8px;
		text-align: center;
		margin-left: 100px; */
			background:#ec960a;  
		 cursor:pointer */
	}

/* 
#invitado { position: fixed; width: 100%; height: 100%; background: url(imagenes/trans.png); top: 0px; display:none ; z-index:9999 }
#invitado #contenedor { background:#6d8c01 url(imagenes/bgfondo2.png) no-repeat ; width:564px; margin:10% auto; min-height:369px; border:#97bf0d solid 2px }
#invitado #contenedor .close { float:right ; position: relative; background:url(imagenes/btn-cerrar.png) no-repeat ; width:38px; height:37px; top:-18px; left:19px; cursor:pointer; }
#invitado #contenedor #pizarra { width:524px; height:327px; float:left; border:#495e00 solid 2px ; background:#f9ffe4;margin: 0px 19px; position: relative; top: -15px;   }
#invitado #contenedor #pizarra .encabezado { background: url(imagenes/encabezado.png) no-repeat ; width:397px; height:130px; margin: 0px auto; position: relative; top: -42px;}
#invitado #contenedor #pizarra .encabezado h2 { font-size: 20px;text-align: center;margin-top: 103px;float: left;width: 100%;color: #2a2a2a;}
#invitado #contenedor #pizarra .formulario { width:285px ; height:230px; margin: 0px auto; line-height: 16px; font-size:14px ; font-weight:normal;top:-33px;position:relative;  }
#invitado #contenedor #pizarra .formulario #mensaje_login {height: 30px;margin-bottom: 10px; text-align:center; }
#invitado #contenedor #pizarra .formulario #mensaje_login h3 {font-size: 13px; line-height:24px; width:100%; color:#d04f4f; border-bottom:#d04f4f solid 1px; border-top:#d04f4f solid 1px; float:left; }
#invitado #contenedor #pizarra .formulario input { font-size:14px; line-height:30px; width:260px; padding:0px 10px; }
#invitado #contenedor #pizarra .formulario .clave { float:left; font-size:13px;  width:260px; color:#535353 ; margin: 16px 0px; cursor:pointer }
#invitado #contenedor #pizarra .formulario .ingresar { float:left; font-size:14px;  width:90px; color:#2a2a2a ; margin: 16px 0px; background:#ec960a; padding: 8px;text-align: center;margin-left: 100px; cursor:pointer} */

#MiContrato { position: fixed; width: 100%; height: 100%; background: url(imagenes/trans.png); top: 0px; display:none ; z-index:9999 }
#MiContrato #contenedor { background:#6d8c01 url(imagenes/bgfondo2.png) no-repeat ; width:800px; margin:10% auto; min-height:670px; border:#97bf0d solid 2px }
#MiContrato #contenedor .close { float:right ; position: relative; width:38px; height:37px; top:-18px; left:19px;  }
#MiContrato #contenedor #contra_pizarra { width:760px; height:627px; float:left; border:#495e00 solid 2px ; background:#f9ffe4;margin: 0px 19px; position: relative; top: -15px; overflow:auto  }
#MiContrato #contenedor #contra_pizarra .encabezado { background: url(imagenes/encabezado.png) no-repeat ; width:397px; height:130px; margin: 0px auto; position: relative; top: -42px;}
#MiContrato #contenedor #contra_pizarra .encabezado h2 { font-size: 20px;text-align: center;margin-top: 103px;float: left;width: 100%;color: #2a2a2a;}
#MiContrato #contenedor #contra_pizarra .formulario { width:700px ; height:230px; margin: 0px auto; line-height: 16px; font-size:14px ; font-weight:normal; position:relative;  }
#MiContrato #contenedor #contra_pizarra .formulario .aceptar { float:left; font-size:14px;  width:120px; color:#2a2a2a ; margin: 16px 0px; background:#ec960a; padding: 8px;text-align: center;margin-left: 100px; cursor:pointer}
#MiContrato #contenedor #contra_pizarra .formulario .rechazar { float:left; font-size:14px;  width:120px; color:#2a2a2a ; margin: 16px 0px; background:#ec960a; padding: 8px;text-align: center;margin-left: 100px; cursor:pointer}
#MiContrato #contenedor #contra_pizarra .formulario h2 { font-size: 16px;text-align:left;margin-top:20px;float: left;width: 100%;color: #2a2a2a;}
#MiContrato #contenedor #contra_pizarra .formulario p { line-height:14px; margin-top:8px; font-size:12px; text-decoration:none; text-align:justify; padding:0px 5px 0px 5px;}


#invitadoNew { position: fixed; width: 100%; height: 100%; background: url(imagenes/trans.png); top: 0px; display:none ; z-index:9999 }
#invitadoNew #contenedor { background:#6d8c01 url(imagenes/bgfondo2.png) no-repeat ; width:564px; margin:10% auto; min-height:369px; border:#97bf0d solid 2px }
#invitadoNew #contenedor .close { float:right ; position: relative; background:url(imagenes/btn-cerrar.png) no-repeat ; width:38px; height:37px; top:-18px; left:19px; cursor:pointer; }
#invitadoNew #contenedor #pizarra { width:524px; height:327px; float:left; border:#495e00 solid 2px ; background:#f9ffe4;margin: 0px 19px; position: relative; top: -15px;   }
#invitadoNew #contenedor #pizarra .encabezado { background: url(imagenes/encabezado.png) no-repeat ; width:397px; height:130px; margin: 0px auto; position: relative; top: -42px;}
#invitadoNew #contenedor #pizarra .encabezado h2 { font-size: 20px;text-align: center;margin-top: 103px;float: left;width: 100%;color: #2a2a2a;}
#invitadoNew #contenedor #pizarra .formulario { width:285px ; height:230px; margin: 0px auto; line-height: 16px; font-size:14px ; font-weight:normal;top:-33px;position:relative;  }
#invitadoNew #contenedor #pizarra .formulario #mensaje_login {height: 30px;margin-bottom: 10px; text-align:center; }
#invitadoNew #contenedor #pizarra .formulario #mensaje_login h3 {font-size: 13px; line-height:24px; width:100%; color:#d04f4f; border-bottom:#d04f4f solid 1px; border-top:#d04f4f solid 1px; float:left; }
#invitadoNew #contenedor #pizarra .formulario input { font-size:14px; line-height:30px; width:260px; padding:0px 10px; }
#invitadoNew #contenedor #pizarra .formulario .clave { float:left; font-size:13px;  width:260px; color:#535353 ; margin: 16px 0px; cursor:pointer }
#invitadoNew #contenedor #pizarra .formulario .ingresar { float:left; font-size:14px;  width:90px; color:#2a2a2a ; margin: 16px 0px; background:#ec960a; padding: 8px;text-align: center;margin-left: 100px; cursor:pointer}


#registro{position: fixed; width: 100%; height: 100%; background: url(imagenes/trans.png); top: 0px; display:none ; z-index:9999}
#registro #contenedor {background: #89ad0d;width: 788px;margin: 10% auto;height: 476px;padding: 18px;}
#registro #contenedor .fondo{background: #FFF;float: left;height: 476px;}
#registro #contenedor .fondo .close { float: right;position: relative;background: url(imagenes/cerrar-reg.png) no-repeat;width: 50px;height: 50px; top: -11px;left: 16px;cursor: pointer; }
#registro #contenedor .fondo .encabezado-img{ background: url(imagenes/logo-nat.png) no-repeat center;float: left;height: 120px;width: 735px;}
#registro #contenedor .fondo .encabezado {padding: 15px;float: left;width: 718px;background: #99999b;color: #FFF;margin: 20px;font-size: 18px;}
#registro #contenedor .fondo .opciones{float: left;width: 217px;text-align: center;height: 250px;border: #cdcdcd solid 2px;margin-left: 20px; margin-right: 20px;}
#registro #contenedor .fondo .opciones:hover{ background:#F3F3F3;}
#registro #contenedor .fondo .opciones p{background: #3e3e3e;margin: 15px;padding: 8px;font-size: 16px;color: #FFF;}
#registro #contenedor .fondo .opciones div{ height: 145px;}
#registro #contenedor .fondo .opciones .img_reg{margin: 10px;width: 104px;cursor:pointer}
#registro #contenedor .fondo .btn_registrar{background:#89ad0d; padding:8px;cursor:pointer;font-size: 15px;}


/* Descripcion Pagina Internet */

.lisprod { background:#FFF; float:left; width:100%}
.lisprod li{ line-height:22pX; margin:5PX 0PX}
.lisprod span.desc{ float:left; width:500px; }
.lisprod span.pper{ float:left; width:50px; }
.lisprod span.enc{ color:#000; font-size:16px; float:left; font-weight:bold }

#wrapper #categorias .barra-der .menu.lprod h2 { border-bottom: 1px solid; }
#wrapper #categorias .barra-der .menu.lprod,#mos_producto { width: 718px; height: auto; color: #616161; background: #fff; padding-top: 9px; margin-bottom: 0px;}
#wrapper #categorias .barra-der .menu.lprod ul { width: 100%; padding: 9px; font-size: 15px;}
#wrapper #categorias .barra-der .menu.lprod ul li {width: 100%; height: 24px; border-bottom: #dfdfdf solid 1px; line-height: 23px;cursor: pointer; background:none; }
#wrapper #categorias .barra-der .menu h2.descatego, #mos_producto .descatego {height: 32px; font-size: 18px; line-height: 33px; color: #FFF; background-color:#97bf0d; padding-left: 15px; width:703px; float:left; }
#wrapper #categorias .barra-der .menu h1.descatego{	color: #000; 	background: #e5e5e5 url(../css/imagenes/icon-menu.png) no-repeat; 	background-position: 0px center;	padding-left: 80px;
	width: 638px;	height: 32px; 	font-size: 18px; 	line-height: 33px; 	float:left; 	padding-top:0px !important;}
#wrapper #categorias .barra-der .menu h2.descatego{ background-position-y: 8px;	padding-left: 84px; width:634px; }
#wrapper #categorias .barra-der .menu h2.descatego.belleza { background: #a23fbb url(../css/imagenes/icon-menu.png) no-repeat;  background-position-y: 8px;}
#wrapper #categorias .barra-der .menu h2.descatego.salud { background: #97bf0d url(../css/imagenes/icon-menu.png) no-repeat; background-position-y: 8px;}
#wrapper #categorias .barra-der .menu h2.descatego.supera{ background: #A59B7C url(../css/imagenes/icon-menu.png) no-repeat; background-position-y: 8px; }
#wrapper #categorias .barra-der .menu h2.descatego.hogar { background: #f78f1e url(../css/imagenes/icon-menu.png) no-repeat;  background-position-y: 8px;}
#wrapper #categorias .barra-der .menu h2.descatego.cuidado { background: #F9D99D url(../css/imagenes/icon-menu.png) no-repeat;  background-position-y: 8px;}

.optionBlanca {	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px;	color: #000000;}
#mos_producto .catego,#wrapper #categorias .barra-der .menu.lprod .catego{ float:left; width:700px;}
#mos_producto { width: 980px; color: #83a61b; float:left; vertical-align:top; }
#mos_producto ul { width: 98%; padding: 9px; font-size: 15px;  float:left; background:#FFF;}
#mos_producto ul li { height: auto; border-bottom: #dfdfdf solid 1px;  }
#mos_producto ul li.text { min-height:89px; height: 100px !important; }
#mos_producto ul.sisprod li {width: 320px; float:left; cursor: pointer; }
#mos_producto ul li span{  float:left; width: 130px; margin-left: 20px }
#mos_producto ul li textarea{ background:transparent; float:left; resize:none }
#mos_producto .descatego { width:966px; }
#wrapper #categorias .barra-der .menu.lprod .CaptionNAzul{ background-color:#83a61b;  }
#mos_producto ul li span.internet{ float: none; margin-left: 10px; }
#mos_producto ul li span.contenido{ float: none; margin-left: 136px; }
#mos_producto .optionBlanca,#wrapper #categorias .barra-der .menu.lprod .optionBlanca { 	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000000;}
#mos_producto .guardar { height: 32px; background: #83a61b; float: right; padding: 0px 5px; line-height: 26px; margin-left: 0px; text-decoration: none; color: #2a2a2a; cursor: pointer; }

#wrapper #categorias .barra-der .anuncio .recomienda{ 
    background: url(../imagen/prod_recomienda.png);
    background-size: 100% auto;
}
/* menu_izquierda*/
#wrapper #categorias .prod_reco{ text-decoration:none;   }
#wrapper #categorias .prod_reco h3 {
    color: #000;
    font-size: .9rem;
    margin-top: 13px;
    padding: 0 18px;
    text-align: left;

}

 /* promociones*/
#wrapper #categorias .barra-der .menu.promociones ul { padding: 9px 0px 9px 9px; }
#wrapper #categorias .barra-izq ul.productos li .producto.buscador.promo .cbusqueda {margin-top: 36px; }
#wrapper #categorias .barra-izq ul.productos li .producto.buscador.promo .pbusqueda {margin-top: 36px; }


.btn-primary{
	color: #fff;
    background-color: #17586f;
    border-color: #289742;

}
.btn-primary:hover{
	color: #fff;
    background-color: #17586f;
    border-color: #289742;

}
.btn-primary:not(:disabled):not(.disabled):active{
	color: #fff;
    background-color: #17586f;
    border-color: #289742;
}
.lista-compra{
	position: relative;
    padding: 10px 0;
}
.detalle .lista-compra:nth-child(odd){
	background:#c4c4c4;
}
.lista-compra .eliminar{
	position: absolute;
    top: -5px;
    right: 5px;
}
.lista-compra .eliminar a{
	color: #7b7b7b;
	font-family: monospace;
	text-decoration: none;
	font-size: 1.2rem;
}
.VerMas{
	font-size :.75 rem; 
}
.etiprod{
	font-size:1rem;
	font-weight:bold;
}
@media all and (min-width:800px) {
	.Bien {
		top:300px;
		
	}
}
@media all and (min-width:700px) {
	.Bien {
		padding:30px 30px 50px 30px;	
		
	}
}

@media all and (max-width:590px) {
	.Bien {
		height:100%;
		padding:0px 0px 20px 0px;	
		
	}
}

.Bien {
		
		position:absolute;		
		float:left; display:block;			
		text-align:center;
		z-index:200;
		
		
			
	} 
.Bien2 {
	background:#87E2E0;
}
 .res{ background:#C4F2F1;
			border:1px solid #52ACC7 ;
	
}