@charset "utf-8";
@font-face {
	font-family: 'fuenteAPP';
	src: url('http://www.appinformatica.com/fuentes/EncodeSansCondensed-500-Medium.ttf') format("truetype");
}
@font-face {
	font-family: 'fuenteAPP_light';
	src: url('http://www.appinformatica.com/fuentes/EncodeSansCondensed-300-Light.ttf') format("truetype");
}
@font-face {
	font-family: 'FontAwesome';
	src: url('/fonts/fontawesome-webfont.eot?v=4.6.2');
	src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'), url('webpo-copia/fonts/fontawesome-webfont.woff2?v=4.6.2') format('woff2'), url('webpo-copia/fonts/fontawesome-webfont.woff?v=4.6.2') format('woff'), url('webpo-copia/fonts/fontawesome-webfont.ttf?v=4.6.2') format('truetype'), url('webpo-copia/fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	width: 100%;
	height: 100%;
	/*  font: normal 13px arial,helvetica,sans-serif */
	font-family: fuenteAPP;
	background-color: #E6E6E6;
}
body {
	font-family: fuenteAPP;
}
/*
html  {

    backgound-color: #999999;	
  }

body {
  backgound-color: #999999;	
}
   */


.pagina {
	width: 100%;
	min-height: 100%;
	background-color: #E6E6E6;
}
h1 {
	text-align: center;
	color: #987;
}
h2 {
	text-align: center;
	color: #777;
}
.darkLayer {
	display: none;
}


.familias > ul {
	font-size: 17px;
	list-style: none;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	/* box-shadow: 2px 2px 2px #ccc; */
}


.familias > ul > li > a {
	display: block;
	padding: 10px 15px;
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #dadada;
	background-color: transparent;
}
.familias > ul > li.active > a {
	background-color: #dadada;
}
.familias > ul > li#mnuTOPVENTAS > a {
	color: #1462c6;
}
.familias > ul > li#mnuOFERTAS > a {
	color: #F00;
	text-decoration: none;/* padding-left:10px !important;*/
	border-bottom: solid 1px #eaeaea;
}
.familias > ul > li#mnuOFERTAS a:hover {
	color: #000;
	background-color: #ebebeb;
}
/*.familias > ul > li#mnuOFERTAS {border-left:solid 0px #FFF;}*/
.familias > ul > li > a:hover {
	color: #000;
	background-color: #f9f9f9;
}
/*New Menu Categories*/

#listaCategorias span {
	display: block;
	padding: 10px 15px;
	border-bottom: solid 1px #eaeaea;
	cursor: pointer;
}
#listaCategorias li:hover, #listaCategorias li.cat-current {
	background: #dadada;
}
#listaCategorias li:hover .subcategorie-menu {
	display: block !important;
}
#listaCategorias li:hover {
	background: #ebebeb;
}
/* li.submenu-trigger {position: relative;} */

ul.subcategorie-menu {
	background: #fff !important;
	display: none;
	z-index: 999999;
	position: absolute;
	top: 0px;
	left: 200px;
	width: 275px;
	min-height: 100%;
	padding: 0;
	text-align: left;
	/* box-shadow: -1px 1px 2px #eaeaea; */
	
    box-shadow: 0 5px 5px rgba(0,0,0,0.15);
}
ul.subcategorie-menu li {
	padding: 6px 35px;
	border-bottom: solid 1px #eaeaea;
}
ul.subcategorie-menu li:hover {
	background: #dadada;
}
ul.subcategorie-menu li a {
	text-decoration: none;
	color: #262626;
}
ul.subcategorie-menu li.subcat-current {
	/* border-left: solid 2px #008a85; */
	background: #dadada;
	padding-left: 35px;
}
.subfamilias {
	display: none;
	z-index: 9999;
	position: absolute;
	top: 0px;
	left: 190px;
	width: 230px;
}
.subfamilias:before {
	margin-bottom: 12px;
}
.subfamilias > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.btn-back {
	border-bottom: solid 1px #eaeaea;
	display: none;
	position: relative;
}
li.btn-back a {
	padding: 6px 15px 6px 0px;
	text-decoration: none;
}
li.btn-back img {
	position: absolute;
	top: 9px;
	left: 7px;
}
.subfamilias > ul > li > a {
	border-bottom: solid 1px #eaeaea;
	display: block;
	padding: 6px 15px 6px 35px;
	color: #666;
	background-color: #fff;
	-webkit-transition: background-color 0.15s ease-out;
	-moz-transition: background-color 0.15s ease-out;
	-o-transition: background-color 0.15s ease-out;
	transition: background-color 0.15s ease-out;
	height: 37px;
	box-shadow: -2px 2px 7px #bcbcbc;
}
.subfamilias > ul > li > a:hover {
	color: #000;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	background-color: #f2f2f2;
}

}
.subfamilias > ul > li.active > a {
	background-color: #cdcdcd;
	color: #000;
	padding-left: 20px !important;
}
.subfamilias > ul > li.active {
	border-left: 5px solid #07a8a2;
}
p {
	color: #000;
}
/* Columna de relleno */
div#columnarelleno {
	/*border: solid 1px #ccc;*/
	position: absolute;
	left: 1px;
	top: 115px;
	width: 100px;
	height: 100px;
}
div#rellenomenu {
	/*border: solid 1px #ccc;*/
	position: absolute;
	left: 1px;
	top: 69px;
	width: 290px;
	height: 35px;
	background-color: #07a8a2;
}
/* Columna */




div#menucategorias {
	/*border: solid 1px #ccc;*/
	position: absolute;
	left: 0px;
	top: 69px;
	width: 100%;
	background-color: #07a8a2;
	font-family: fuenteAPP;
	font-size: 14px;
}
/* Columna de categorias */

/* Columna de familias */

/* Columna de Artículos */
div#contenido {
	/* border: solid 1px #ccc; */
	position: absolute;
	overflow: hidden;
	left: 220px;
	top: 115px;
	width: 400px;
	padding: 5px 10px;
	background-color: #ffffff;
	font-family: fuenteAPP;
	font-size: 14px;
	height: 840px;
}
/* Columna de Provincias */
div#listadoProvincias {
	/* border: solid 1px #ccc; */
	position: absolute;
	overflow: hidden;
	left: 290px;
	top: 115px;
	width: 400px;
	padding: 5px 10px;
	background-color: #ffffff;
	display: none;
	font-family: fuenteAPP;
	font-size: 14px;
}
/* Columna de ficha individual */ 
div#contenido3 {
	/*   border: solid 1px #ccc; */
	position: absolute;
	overflow: hidden;
	left: 708px;
	top: 115px;
	width: 630px;
	height: auto;
	padding: 5px 10px;
	/* ponía 0 20 */
	margin: auto;
	background-color: #ffffff;
	font-family: fuenteAPP;
	font-size: 14px;
}
div#fichaDesc {
	/*   border: solid 1px #ccc; */
	padding: 10px 15px;
	background-color: #ffffff;
	font-family: fuenteAPP;
	font-size: 15px;
}
/* Columna de ficha individual */ 
div#stfichatienda {
	/*   border: solid 1px #ccc; */
	position: absolute;
	overflow: hidden;
	left: 708px;
	top: 115px;
	width: 460px;
	height: auto;
	padding: 5px 20px;
	margin: auto;
	display: none;
	background-color: #ffffff;
	font-family: fuenteAPP;
	font-size: 14px;
}
/* Columna de ficha para el pago */ 
div#vistapago {
	/*   border: solid 1px #ccc; */
	position: absolute;
	overflow: hidden;
	left: 708px;
	top: 115px;
	width: 630px;
	height: auto;
	padding: 5px 20px;
	margin: auto;
	display: none;
	background-color: #ffffff;
	font-family: fuenteAPP;
	font-size: 14px;
	display: none;
}
/* Columna del carrito de la compra */

div#datosEntrega {
	display: none;
	height: auto;
}
div#marco1, div#marco2 {
	height: 100%;
	width: 100%;
}
div#marco3, div#marco6 {
	height: 100%;
	width: 100%;
}
/* Selección */
.selechover:hover {
	list-style-position: inside;
	border: medium;
	border-left: medium;
	border-left-color: #07a8a2;
	background-color: #CCCCCC;
	font-weight: bold;
}
/* Tablas */

.container1 {
	width: 100%;
	background-color: #eee;/* trick to extend bg colour around floating cols */
	/*border-bottom: 1px solid #ccc; */
}
#col1, #col2 {
	width: 20%;
	float: left;
}
#col2 {
	width: 80%;
	float: right;
}
.endfloats {
	clear: both;
}
.gap, .content {
	margin-top: 6px;
}
tr.tiendas:hover {
	color: #07a8a2;/*	font-weight: bold;*/
}
.tiendasnombre {
	margin-bottom: 2px;
	font-weight: normal;
	color: #000000;
	font-size: 13px;
	cursor: pointer;/*	font-weight: bold;*/
}
.tiendasdom {
	color: #999999;
	font-size: 11px;
	cursor: pointer;/*	font-weight: bold;*/
}
/* Para Ofertas */

.box {
	width: auto;
	height: auto;
	position: relative;
}
.ribbon {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}
.ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9BC90D 0%, #79A70A 100%);
 box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}
.ribbon span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #79A70A;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
}
.ribbon span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #79A70A;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
}
/* @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);*/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu:after, #cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#cssmenu #menu-button {
	display: none;
}
#cssmenu {
	width: 100%;
	height: 35px;
	/*  left:290px; */
/*  border-radius: 4px; */
	border: 1px solid #07a8a2;
	font-family: fuenteAPP;
	line-height: 1;
	background: #07a8a2;
	background: -webkit-linear-gradient(bottom, #07a8a2, #07a8a2);
	background: -ms-linear-gradient(bottom, #07a8a2, #07a8a2);
	background: -moz-linear-gradient(bottom, #07a8a2, #07a8a2);
	background: -o-linear-gradient(bottom, #07a8a2, #07a8a2);
	background: linear-gradient(to top, #07a8a2, #07a8a2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -2px 0px #07a8a2, inset 0 1px 0 #07a8a2;
}
#cssmenu > ul > li {
	float: left;
	left: 290px;
}
#cssmenu.align-center > ul {
	font-size: 0;
	text-align: center;
}
#cssmenu.align-center > ul > li {
	display: inline-block;
	float: none;
}
#cssmenu.align-right > ul > li {
	float: right;
}
#cssmenu > ul > li > a {
	padding: 10px 12px 10px 12px;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
#cssmenu > ul > li:first-child > a {
/*
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; */
}
#cssmenu.align-center > ul > li:first-child > a {
	border-radius: 0;
}
#cssmen.align-right > ul > li:first-child > a {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
#cssmenu > ul > li:hover > a {
	/*  color: #444444;
  border-bottom:inset;
  border-bottom: 5px solid #444444; */
	background-color: #368F85;/* -moz-box-shadow: inset 0 -4px white;
  -webkit-box-shadow: inset 0 -4px white;
   box-shadow: inset 0 -4px white; */
}
#cssmenu > ul > li.active > a {
	-moz-box-shadow: inset 0 -4px white;
	-webkit-box-shadow: inset 0 -4px white;
	box-shadow: inset 0 -4px white;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover {
/*background: rgba(125, 125, 125, 0.04);*/

}
#cssmenu > ul > li:after {
	content: '';
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	height: 20px;
	width: 1px;
	opacity: .15;
	background: rgba(0, 0, 0, 0.7);
	background: linear-gradient(to top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
}
#cssmenu.align-right > ul > li:after {
	right: auto;
	left: -1px;
}
#cssmenu > ul > li:before {
	content: '';
	position: absolute;
	top: 10px;
	right: -1px;
	display: block;
	height: 20px;
	width: 1px;
	opacity: .35;
	background: rgba(255, 255, 255, 0.8);
	background: linear-gradient(to top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01), #ffffff, rgba(255, 255, 255, 0.01));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
}
#cssmenu.align-right > ul > li:before {
	right: auto;
	left: 0px;
}
#cssmenu > ul > li:last-child:after, #cssmenu > ul > li:last-child:before {
	display: none;
}
#cssmenu.small-screen {
	width: 100%;
}
#cssmenu.small-screen > ul, #cssmenu.small-screen.align-center > ul {
	width: 100%;
	text-align: left;
}
#cssmenu.small-screen > ul > li, #cssmenu.small-screen.align-center {
	float: none;
	display: block;
	border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
	padding: 18px 25px;
}
#cssmenu.small-screen > ul > li:after, #cssmenu.small-screen > ul > li:before {
	display: none;
}
#cssmenu.small-screen #menu-button {
	display: block;
	padding: 18px 25px 19px 25px;
	cursor: pointer;
	font-size: 15px;
	text-decoration: none;
	color: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened {
	color: #444444;
}
#cssmenu.small-screen #menu-button:after {
	content: "";
	position: absolute;
	right: 25px;
	top: 20px;
	display: block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-top: 2px solid #fcfefb;
	border-bottom: 2px solid #fcfefb;
	width: 18px;
	height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
	border-top: 2px solid #444444;
	border-bottom: 2px solid #444444;
}
#cssmenu.small-screen #menu-button:before {
	content: "";
	position: absolute;
	right: 25px;
	top: 30px;
	display: block;
	width: 18px;
	height: 2px;
	background: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
	background: #444444;
}
.badge1 {
	position: absolute;
	float:right;
	top: 0px;
	right: 10px;
	font-size: 10px;
	background: red;
	color: white;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius: 50%;
	border-color: #000;
	border-width: 1px;
	box-shadow: 1px 1px 1px #fff;
}
.badge1[data-badge]:after {
	content: attr(data-badge);
	
}
.badgetop {
	position: relative;
}
.badgetop[data-badge]:after {
	content: attr(data-badge);
	position: absolute;
	/*top:-25px;*/
	left: 15px;
	font-size: 15px;
	background: #07a8a2;
	color: white;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	border-color: #000;
	border-width: 1px;
	box-shadow: 1px 1px 1px #fff;
}
.pagination>li {
	border-color: #999;
	color: #07a8a2;
}
.pagination>li.active>a {
	background: #07a8a2;
	color: #fff;
	border-color: #999;
}
.ordenseleccionado {
	background: #07a8a2;
	color: white;
}
.precios {
	display: inline-block;
	font-weight: bold;
	color: #FF6600;
	font-size: 16px;
	z-index: 3;
	/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
*/
	padding: 6px;
}
.preciosoferta {
	display: inline-block;
	color: #CE0000;
	font-weight: bold;
	font-size: 16px;
	z-index: 3;
	/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
*/
	padding: 6px;
}
.textofertaficha {
	color: #CE0000;
	font-weight: bold;
	font-size: 24px;
	padding: 6px;
	padding-right: 40px;
}
.preciosofertaficha {
	color: #CE0000;
	font-weight: bold;
	font-size: 24px;
	/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
*/
	padding: 6px;
}
.preciosficha {
	font-weight: bold;
	color: #FF6600;
	font-size: 24px;
	/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
*/
	padding: 6px;
}
<!--
- Codigo para la política de cookies-->  
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer {
0% {
bottom: 0px;
}
80% {
bottom: 0px;
}
100% {
bottom: -50px;
}
}
 @-webkit-keyframes desaparecer /* Safari and Chrome */ {
0% {
bottom: 0px;
}
80% {
bottom: 0px;
}
100% {
bottom: -50px;
}
}
 @keyframes aparecer {
0% {
bottom: -38px;
}
10% {
bottom: 0px;
}
90% {
bottom: 0px;
}
100% {
bottom: -38px;
}
}
 @-webkit-keyframes aparecer /* Safari and Chrome */ {
0% {
bottom: -38px;
}
10% {
bottom: 0px;
}
90% {
bottom: 0px;
}
100% {
bottom: -38px;
}
}
#cookiesms1:target {
	display: none;
}
.cookiesms {
	width: 100%;
	height: 43px;
	margin: 0 auto;
	padding-left: 1%;
	padding-top: 5px;
	font-size: 1.2em;
	clear: both;
	font-weight: strong;
	color: #333;
	bottom: 0px;
	position: fixed;
	left: 0px;
	background-color: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	transition: bottom 1s;
	-webkit-transition: bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index: 999999999;
}
.cookiesms:hover {
	bottom: 0px;
}
.cookies2 {
	background-color: #FFF;
	display: inline;
	opacity: 0.95;
	filter: alpha(opacity=95);
	position: absolute;
	left: 1%;
	top: -30px;
	font-size: 15px;
	height: 30px;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
}
/* Fin del CSS para cookies */


/* Cuadro de artículos */
.cuadroArticulos {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(166,164,166,1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(166,164,166,1);
	box-shadow: 0px 0px 5px 1px rgba(166,164,166,1);
}
.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1001;
	opacity: .45;
	-moz-opacity: 0.45;
	filter: alpha(opacity=45);
}
.modalimg {
	display: none;
	position: absolute;
	top: 100px;
	left: 25%;
	width: 600px;
	height: 600px;
	padding: 16px;
	background: #fff;
	color: #333;
	z-index: 1002;
	overflow: auto;
}
.modalprov {
	display: none;
	/* position: absolute;
	top: 0;
	right: 0;
	max-width: 900px !important;*/
	width: 100% !important;
	height: 500px;
	background: #fff;
	color: #333;
	z-index: 1002;
	overflow: hidden;
}
.tiendascercanas {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 10px 10px 20px;
	width: 100% !important;
	max-width: 900px !important;
	height: 500px;
	background: #fff;
	color: #333;
	z-index: 1002;
	overflow: auto;
}
#tblprovincias {
	list-style: none;
	margin: 0 -1% 40px;
	padding: 0;
	font-size: 0;
}
#tblprovincias li {
	display: inline-block;
	vertical-align: bottom;
	width: 22%;
	margin: 0 1.5%;
	padding: 3px 6px;
	cursor: pointer;
	font-size: 14px;
	color: #1c1c1c;
	border-left: 2px solid transparent;
}
#tblprovincias li:hover {
	border-left: 2px solid #07a8a2;
	background: #f2f2f2;
}
#tbltiendasprov {
	list-style: none;
	margin: 0 -1% 0;
	padding: 0;
	font-size: 0;
}
#tbltiendasprov li {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	margin: 0 1.5% 25px;
	font-size: 14px;
	color: #1c1c1c;

}
#tblprovincias.modal-padding {
	padding: 15px 20px !important;
}
#tbltiendasprov.modal-padding {
	padding: 15px 20px !important;
}
#tblfichatienda {
}
#tblfichatienda.modal-padding {
	padding: 0 !important;
}
#tblfichatienda h3 {
	font-size: 30px;
	color: #3e3e3e;
	margin: 0;
	font-weight: 900;
}
#tblfichatienda .one_half {
	width: 50%;
	float: left;
}
#tblfichatienda .data {
	position: relative;
	background: #f1f1f1;
	border-right: solid 1px #cdcdcd;
}
#tblfichatienda .form {
	padding: 20px;
	font-family: fuenteApp;
	font-size: 16px;
	line-height: 20px;
	color: #868686;
}
#tblfichatienda .form h3 {
	color: #7f7f7f;
	margin-bottom: 20px;
}
#tblfichatienda .form input[type='text'], #tblfichatienda .form textarea {
	border: solid 1px #dadada;
	background: transparent;
	font-family: fuenteApp;
	font-size: 16px;
	color: #868686;
	line-height: 20px;
	padding: 10px;
	width: 100%;
	margin-bottom: 12px;
}
#tblfichatienda .form textarea {
	height: 150px;
}
#tblfichatienda .form input[type='submit'] {
	float: right;
	border: solid 2px #00a29b;
	background: transparent;
	padding: 10px 50px;
	color: #00a29b;
	font-size: 14px;
}
#tblfichatienda .form input[type='submit']:hover {
	border: solid 2px #3d3d3d;
	color: #3d3d3d;
}
 #tblfichatienda ::-webkit-input-placeholder {
color:#868686;
}
#tblfichatienda :-moz-placeholder {
color:#868686;
opacity:1;
}
#tblfichatienda ::-moz-placeholder {
color:#868686;
opacity:1;
}
#tblfichatienda :-ms-input-placeholder {
color:#868686;
}
#tblfichatienda .data .info-wrapper {
	padding: 20px;
	font-family: fuenteApp;
	font-size: 16px;
	line-height: 20px;
	color: #868686;
}
#tblfichatienda .data b, #tblfichatienda .data strong {
	display: block;
	margin-bottom: 16px;
	color: #3d3d3d;
}
#tblfichatienda .data .link-change {
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #00aaa1;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
}
#tblfichatienda .data .link-change:hover {
	color: #3d3d3d;
}
#tblfichatienda .data .image-wrapper {
	max-height: 225px;
	overflow: hidden;
}
#tblfichatienda .data .image-wrapper img {
	width: 100%;
	height: auto;
}
#tblfichatienda label {
	margin-left: 5px;
}
.cierraVentana {
	float: right;
	margin: 15px 20px;
	font-family: fuenteAPP;
	font-size: 15px;
	color: #818181;
}
#listaProvincias .cierraVentana {
	position: absolute;
	top: 15px;
	right: 20px;
	font-family: fuenteAPP;
	font-size: 15px;
	color: #818181;
}
.topredondeado {
	color: #07a8a2;
	border-color: #07a8a2;
	-khtml-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/*
table.articulos tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #D3D3D3;;
}
*/
.articuloson {
	color: #07a8a2;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	border-right: medium;
	border-right: 5px solid #07a8a2;
}
.articulosoff {
	color: #000;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	border-right: none;
}
.articuloactivo {
	color: #000;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	border-right: medium;
	border-right: 5px solid #07a8a2;
}
input:focus {
	outline: none;
}
.cuadroBuscador {
	position: relative;
	overflow: hidden;
	/*  left: 290px; 
  top: 20px;
  width: 400px;
  padding: 5px 10px; */
	background-color: #E6E6E6;
	font-family: fuenteAPP;
	font-size: 17px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:   #000000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #000000;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #000000;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #000000;
}
.pasoscompra > ul > li {
	position: relative;
	display: inline;
	list-style: none;
	color: #000;
	padding: 17px;
	padding-top: 25px;
	line-height: 5px;
	margin: 0 0 0 0;
	font-size: 13px;
	margin-top: 5px;
}
.pasoscompra > ul > li > a {
	color: #000;
	text-decoration: none;
	display: inline;
	list-style-type: none;/* font-weight: bold; */
}
/*   
.pasoscompra > ul > li > a:hover {

  cursor:pointer; cursor: hand;
  text-decoration: none;
  color: #07a8a2;

  }
.pasoscompra > ul > li:hover {
  cursor:pointer; 
  cursor: hand;
  text-decoration: none;
  color:#000;
  background:#CCC;

  }    
 */
.pasoscompra > ul > li.active {
	/*  color: #07a8a2;*/
	text-decoration: none;
	border-top: medium;
	padding-top: 5px;
	border-top: 5px solid #07a8a2;
}
span.numredondo {
	background: #FF8000;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #ffffff;
	display: inline-block;
	line-height: 1.6em;
	text-align: center;
	width: 1.6em;
	font-size: 12px;
}
span.numredondo.desactivado {
	background: #999999;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #ffffff;
	display: inline-block;
	line-height: 1.6em;
	text-align: center;
	width: 1.6em;
	font-size: 12px;
}
.numeroredondotop {
	background: #07a8a2;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	color: #ffffff;
	display: inline-block;
	line-height: 2em;
	text-align: center;
	width: 2em;
	font-size: 16px;
}
.numerotoplistaoff {
	background: #ffffff;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #000000;
	display: inline-block;
	line-height: 1.6em;
	text-align: center;
	width: auto;
	padding-left: 5px;
	font-size: 13px;
}
.numerotoplistaon {
	background: #07a8a2;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #ffffff;
	display: inline-block;
	line-height: 1.6em;
	text-align: center;
	width: 1.6em;
	font-size: 13px;
}
#lblentienda {
	color: #000000;
}
#lblentienda.desactivado {
	color: #666666;
}
#lbladomicilio {
	color: #000000;
}
#lbladomicilio.desactivado {
	color: #666666;
}
.legal {
	color: #999999;
	font-size: 12px;
	text-align: right;
	margin-bottom: 0px;
}
.noavisoonline {
	/*border: solid 1px #ccc;*/
	float: right;
	font-size: 21px;
	text-decoration: none;
	color: #07a8a2;
	position: absolute;
	left: 1300px;
	top: 20px;
	width: auto;
	font-family: fuenteAPP;
	font-size: 18px;
}
#barraaceptacion {
	display: none;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding-bottom: 20px;
	width: 100%;
	text-align: center;
	min-height: 50px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	z-index: 99999;
}
.inner {
	width: 100%;
	position: absolute;
	padding-left: 5px;
	font-family: verdana;
	font-size: 12px;
	top: 30%;
}
.inner a.ok {
	padding: 4px;
	color: #07a8a2;
	text-decoration: none;
}
.inner a.info {
	padding-left: 5px;
	text-decoration: none;
	color: #000000;
}
div#buscatiendas {
	background: #e7e7e7;
	padding: 10px 20px;
	font-family: fuenteAPP;
}
div#buscatiendas input[type='text'] {
	background: transparent url(images/icon-search.png) no-repeat right center;
	background-size: auto 100%;
	border: none;
	width: 100%;
	height: auto;
	padding: 3px 40px 3px 0;
	font-family: fuenteAPP_light;
	font-size: 24px;
	line-height: 36px;
	box-shadow: none !important;
	outline: 0 !important;
}
div#lightescaparate {
	font-family: fuenteAPP;
	/*border: solid 1px #ccc;*/
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	top: 0px;
}
div#escaparate {
	font-family: fuenteAPP;
	/*border: solid 1px #ccc;*/
	position: absolute;
	left: 0px;
	width: 100%;
	top: 0px;
}
a#montatuapp {
	/* text-decoration:none;	*/
	color: #000;
	font-size: 15px;
	text-align: right;
}
a.legal {
	text-decoration: none;
	color: #999999;
	font-size: 12px;
	text-align: right;
	margin-bottom: 0px;
}
/*a.enlaceFam{
  text-decoration:none;
  color: #000;
  margin:5px;  
  padding:3px;  
  line-height:12px;	
}*/

#btncomprar {
	padding-bottom: 5px;
	padding-top: 20px;
}
/* Añadido 12/07/2016 */
.modalpresupuesto {
	display: none;
	font-family: 'fuenteAPP';
	position: absolute;
	top: 25px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 96%;
	max-width: 800px;
	height: 600px;
	padding: 16px;
	background: #fff;
	color: #333;
	z-index: 1002;
	overflow: auto;
}
.presu_listadoArticulos {
	font-family: 'fuenteAPP';
	padding-left: 200px;
	max-height: 100%;
}
.presu_subfamilias {
	position: absolute;
	top: 40px;
	left: 0;
	font-family: 'fuenteAPP';
	width: 200px;
	max-height: 100%;
	padding-left: 15px;
	overflow-y: scroll;
}
.presu_subfamilias > ul {
	list-style: none;
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 10px;
}
.presu_subfamilias > ul > li {
	list-style: none;
	color: #000;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	padding-top: 10px;
	line-height: 10px;
}
.presu_subfamilias > ul > li > a {
	color: #000;
	text-decoration: none;
	list-style-type: none;
	height: auto;/* font-weight: bold; */
}
.presu_subfamilias > ul > li > a:hover {
	color: #000;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	background-color: #f2f2f2;
}
.presu_subfamilias > ul > li:hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	color: #000;
	background: #f2f2f2;/*color: #07a8a2;*/
}
.presu_subfamilias > ul > li.active {
	background-color: #dadada;
	color: #000;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	border-left: medium;
	padding-left: 5px;
	border-left: 5px solid #07a8a2;
}
ul.pagination {
	display: inline-block;
	padding: 0;
	margin: 0;
}
ul.pagination li {
	display: inline;
}
ul.pagination li a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
}
ul.pagination li a.activo {
	background-color: #07a8a2;
	color: white;
}
ul.pagination li a:hover:not(.activo) {
	background-color: #ddd;
}
.botoncomprar {
	float: right;
	border: solid 2px #00a29b;
	background: #00a29b;
	;
	padding: 8px 25px;
	color: white;
	font-size: 14px;
}
.enlaces-tiendas:hover {background-color: #f9f9f9;}