/*-- Font Awesome --*/
@font-face{font-family:font-awesome-400;src:url(fonts/fa-regular-400.eot);src:url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.woff) format("woff"),url(fonts/fa-regular-400.ttf) format("truetype"),url(fonts/fa-regular-400.svg#fa-regular-400) format("svg");font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:font-awesome-brands;src:url(fonts/fa-brands-400.eot);src:url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-brands-400.woff2) format("woff2"),url(fonts/fa-brands-400.woff) format("woff"),url(fonts/fa-brands-400.ttf) format("truetype"),url(fonts/fa-brands-400.svg#fa-brands-400) format("svg");font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:font-awesome;src:url(fonts/fa-solid-900.eot);src:url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("truetype"),url(fonts/fa-solid-900.svg#fa-solid-900) format("svg");font-weight:normal;font-style:normal;font-display:swap;}

/*-- Montserrat Family --*/
@font-face{font-family:MontserratRegular;src:url(fonts/Montserrat-Regular.eot);src:url(fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/Montserrat-Regular.woff2) format("woff2"),url(fonts/Montserrat-Regular.woff) format("woff"),url(fonts/Montserrat-Regular.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:MontserratSemiBold;src:url(fonts/Montserrat-SemiBold.eot);src:url(fonts/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(fonts/Montserrat-SemiBold.woff2) format("woff2"),url(fonts/Montserrat-SemiBold.woff) format("woff"),url(fonts/Montserrat-SemiBold.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:MontserratBold;src:url(fonts/Montserrat-Bold.eot);src:url(fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Montserrat-Bold.woff2) format("woff2"),url(fonts/Montserrat-Bold.woff) format("woff"),url(fonts/Montserrat-Bold.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap;}

/*==============================================================================
  2. BASE / TIPOGRAFÍA / RESET
==============================================================================*/

* {
  box-sizing: border-box;
}

body {
  font-family: MontserratRegular, helvetica, sans-serif !important;
  font-size: 18px;
  line-height: 1.4;
  background-color: #fff;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1{color: #0085bd;}
.ficha h2,.pagecms h2{color: #0085bd;font-size: 2.2em;border-bottom: 2px solid;}
.ficha h3,.pagecms h3{color: #0085bd;font-size: 2.0em;border-bottom: 2px solid;}
.titulogrande{font-family: MontserratSemiBold, helvetica, sans-serif;font-size: 42pt!important;}

/* comunes */
.negrita{font-family: MontserratSemiBold, helvetica, sans-serif !important;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.ucase{text-transform: uppercase;}
.marginelem{margin-top: 15px;margin-bottom: 15px;}
.col25{{float: left;width: 25%;position: relative;}}
.col40{float: left;width: 40%;position: relative;}
.col50{float: left;width: 50%;position: relative;}
.col60{float: left;width: 60%;position: relative;}
.colpag{padding-left: 15px;padding-right: 15px;}
.colpad{padding: 0px 15px;}
.azulc{color: #0085bd}
.clearfix{clear: both;}
.badge{font-size: 9pt;color: #fff;background-color: #0085bd;padding: 2px 6px;border-radius: 5px;}
.margenboton{margin: 10px;}
.margenv{margin: 10px auto;}
.text-medium{font-size: 90%;}
.txtsm{font-size: 80%;}
.txtmd{font-size: 90%;}
.txtmd .alert{padding-top: 5px;padding-bottom: 5px;margin-bottom: 10px;}
.blue{color: #2f6bdd;}
.red{color: #ff3300;}
#mensreqcode{padding: 5px 0px;}
.upper{text-transform: uppercase;}

.fright{float: right;}
.ablack{color: #606060;}
label{max-width: 100%;}
.colorok{color: #5AD161;}
.colorko{color: #990000;}
.cnowrap{white-space: nowrap;}
.aunder{text-decoration: underline;}
.alert-small{padding-top: 4px;padding-bottom: 4px;}
a:hover,a:active,a:focus{text-decoration: none;}

.mensglobal{background-color: #ffffcc;color: #606060;padding: 10px 20px;font-size: 9pt;margin-bottom: 10px;}
.mensglobal .fa{margin-right: 5px;font-size: 12pt;color: #999;}

.logocontainer{text-align: center;}



#cestatienda{
	position: absolute;
	right: 15px;
	margin: 10px 0px;
	padding: 0px;
}
#cestatienda li{
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
#cestatienda li a{
	font-family: MontserratBold, helvetica, sans-serif !important;
	text-transform: uppercase;
	color: #0085bd;
	display: block;
	margin: 4px;
	padding: 4px 12px;
	border: 0;
	outline: 0;
	font-size: 10pt;
	border-radius: 100px;
}
#cestatienda li a:hover{
	color: #fff;
	background-color: #0085bd;
}

#menutienda{
	clear: both;
	text-align: center;
	width: 100%;
	margin: 5px auto;
	padding: 0px;
	list-style: none;
}

#menutienda li{
	display: inline-block;
	padding-left: 5px;
	padding-right: 14px;
	font-size: 14px;
}
#menutienda li a{
	font-family: MontserratBold, helvetica, sans-serif !important;
	text-transform: uppercase;
	color: #0085bd;;
	display: block;
	position: relative;
	margin: 0;
	padding: 4px 12px;
	outline: 0;
	font-size: 10pt;
	border: #0085bd 3px solid;
	border-radius: 100px;
}
#menutienda li a:hover{
	background-color: #0085bd;
	color: #fff;
}
#menutienda li.active a{
	background-color: #0085bd;color: #fff;
}

.sepwrap{height: 200px;}
.pagewrap{}
.sep{clear: both;height: 100px;}
.sepmed{clear: both;height: 40px;}
.sepbig{clear: both;height: 180px;}
.products{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none outside;
	clear: both;
}
.products li{
	margin: 0px;
	display: inline-block;
	margin-bottom: 20px;
	padding: 0;
	position: relative;
	list-style: none outside;
}
.products a:hover{color: #00425E;}
.products h2{
	text-transform: uppercase;
	margin: 10px auto 0px auto;
	font-size: 1.6rem;
	line-height: 14pt;
	min-height: 60px;
	max-width: 280px;
	font-weight: normal;
	color: #0085bd;
}
.products .price{
	text-align: center;
	color: #0085bd;
	font-size: 22px;	
}
.botoncomprar,.botonprimary{
	font-family: MontserratSemiBold, helvetica, sans-serif !important;
	font-size: 1.4rem;
	padding: 6px 34px;
	text-transform: uppercase;
	background: #0085bd;color: #fff;
	border-radius: 100px !important;
	border: 3px solid #0085bd !important;
}
.botoncomprar:hover,.botoncomprar:active,.botonprimary:hover,.botonprimary:active{
	background: #fff!important;color: #0085bd!important;
	border: 3px solid #0085bd !important;
	cursor: pointer;
}
.botonmargen{margin: 5px 0px;}
.botongigante{
	width: 100%;
	padding-top: 15px;padding-bottom: 15px;
	font-size: 2.8rem;
	border-radius: 50px!important;
}
.botongris{
	font-family: MontserratSemiBold, helvetica, sans-serif !important;
	font-size: 1.4rem;
	padding: 6px 34px;
	text-transform: uppercase;
	background: #bbb!important;
	color: #fff !important;
	border-radius: 100px !important;
}
.botongris:hover{background: #0085bd !important;color: #fff;}

.botonsmall{font-size: 8pt;}
.botongrande{margin: 10px;font-size: 120%;padding: 4px 30px;}

.bmenos{
	display: inline-block;
	font-family: MontserratSemiBold, helvetica, sans-serif !important;
	border: 0px;
	color: #0686b0;
	text-decoration: none !important;
	cursor: pointer;
	background-color: transparent;
}
.bmas{
	display: inline-block;
	font-family: MontserratSemiBold, helvetica, sans-serif !important;
	border: 0px;
	border-left-color: #fff;
	color: #0686b0;
	text-decoration: none !important;
	cursor: pointer;
	background-color: transparent;
}
.bmenos:hover,.bmas:hover,.bmenos:hover,.bmas:hover{font-weight: bold;}

.qty{
	display: inline-block;
	font-family: MontserratSemiBold, helvetica, sans-serif !important;
	border: 0px;
	text-align: center;
	color: #0085bd;
	background-color: transparent;
}
.qty:focus{border: 0px!important;}

/* listado producto */
.subcategoria{
	font-family: MontserratRegular, helvetica, sans-serif !important;
	font-size: 5rem;
	text-transform: uppercase;
	color: #0085bd;
	border-top: 2px #0085bd solid;
	padding-top: 30px;
}

.catedescrip{text-align: right;}
.cateimage{text-align: left;}

.dquantity{
	width: 164px;margin: 6px auto;
	background: url('/img/qty-lg.gif') no-repeat center;
}
.dquantity .bmas,.dquantity .bmenos{
	width: 32px;height: 32px;font-size: 18px;
}
.dquantity .qty{
	width: 100px;height: 32px;font-size: 18px;
}
/* ficha */
.dquantityficha{
	float: right;
	width: 260px;height: 60px;margin: 10px auto;
	background: url('/img/qty-big.gif') no-repeat center;
}
.dquantityficha .bmas,.dquantityficha .bmenos{
	width: 48px;
	height: 60px;
	font-size: 30px;
}
.dquantityficha .qty{
	width: 160px;
	height: 60px;
	font-size: 30px;
}
/* cesta */
.cquantity{
	width: 164px;margin: 6px auto;
	background: url('/img/qty-lg.gif') no-repeat center;
}
.cquantity .bmas,.cquantity .bmenos{
	width: 32px;height: 32px;font-size: 18px;
}
.cquantity .qty{
	width: 100px;height: 32px;font-size: 18px;
}


.bloqueclaims{
	clear: both;margin: 10px auto;
}
.bloqueclaims .probiotico{
	float: left;margin: 10px;
}
.bloqueclaims .claim{
	float: left;margin: 2px 10px;
}
.bloqueclaims .claim{
	font-family: MontserratSemiBold, helvetica, sans-serif !important;
	background: url('/img/ico-ok.png') no-repeat 4px 6px;
	padding: 6px 8px 6px 34px;
	color: #0085BD;
	font-size: 10pt;
	margin-right: 6px;
}
.bloqueclaimssep{
	clear: both;padding-top: 20px;
	border-bottom: 2px #0085BD solid;
}
.bloqueeco{
	margin: 5px auto;
	padding: 5px 10px;
}
.bloqueeco img{float: left;margin: 5px 10px;}
.bloqueeco .frase{
	float: left;
	font-family: MontserratSemiBold, helvetica, sans-serif;
	margin: 15px 10px;
	font-size: 12pt;
	color: #0085BD;
}


/* listado productos */
.listaproductos{margin-top: 20px;}
.listaproductos li{width: 25%;margin-bottom: 20px;min-height: 420px}
.cartelagotado{
	max-width: 200px;margin: 9px auto;padding: 4px 10px;text-align: center;font-size: 10pt;
	background-color: #FFE8A9;color:#909090;border-radius: 4px;
}
.cartelmargen{height: 30px;}
.boxquantity{margin: 0px auto;}
.productoanadido{
	position: fixed;z-index: 10000;
	width: 100%;
	bottom: 0px;
}
.productoanadido .contenido{
	margin: 0px auto;
	padding: 5px 10px;
}
.productoanadido .botoncerrar{
	float: right;margin: -10px 10px;
}


.productoanadido .alert{margin-bottom: 0px;}

/* tabs solapas */
.tabs{list-style: none;border-bottom: 4px #909090 solid;min-height: 44px;margin: 20px 0px!important;}
.tabs li{display: inline;}
.tabs li a{
	float: left; display: block; 
	padding: 7px 40px; margin-left: 10px;margin-right: 10px;margin-top: 1px;
	position: relative; 
	border: 1px 1px 0px 1px;
	border-color: #909090;
	background-color: #f0f0f0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.tabs li.active a{padding: 10px 40px;background-color: #909090;color: #fff;margin-top: -4px;}
.tabs li a:hover{background-color: #a0a0a0;color: #fff;}

/* mis pedidos */
.pagetienda table{width: 100%;}
.pagetienda table.tablapedidos td{padding: 8px!important;}
.bloqueinfo{margin-top: 5px;margin-bottom: 5px;clear: both;}
.bloqueinfo .col-lg-3,.bloqueinfo .col-lg-9{margin-bottom: 10px;}
.etiquetainfo{
	background-color: #909090;color: #ffffff;
	padding: 5px 15px;text-align: right;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.hojapedido{
	padding: 10px;margin: 15px;
	border: 4px #c0c0c0 dotted;
	font-size: 80%;
}
.hojapedido table{max-width: 600px;}
.hojapedido .cquantity{width: auto;}
.hojapedido .foot{display: none;}

.cabecera{display: none}
.pedidobadge{color: #fff;font-size: 10pt;padding: 3px 10px;border-radius: 5px;}
.pedidoPEN{background-color: #ff9900!important;}
.pedidoELA{background-color: #98BC2A!important;}
.pedidoFIN{background-color: #AED43C!important;}
.pedidoCAN{background-color: #909090!important;}
.pedidoROJ{background-color: #AA3300!important;}


/* ficha producto fichaproducto */
.product_title{font-size: 4rem;line-height: 40px;text-transform: uppercase;}
.zoomimage img{max-width: 100%;}
.ficha .price{font-family: MontserratBold, helvetica, sans-serif !important;font-size: 5rem;margin: 10px;}
.descripcion{margin-top: 10px;margin-bottom: 15px;font-size: 18pt;color: #555;}
.etiquetas{
	border-top: 1px #e0e0e0 solid;
}
.infonutri table{min-width: 340px;}
.infonutri table tr:nth-child(even) {background: #f2f2f2;}
.infonutri table tr:nth-child(odd) {background: #fff;}
.infonutri table th{background: #0085bd;color: #fff;}
.infonutri table td{padding: 4px;font-size: 10pt;}
.fila{clear: both;}
.ititulo{
	display: inline-block;
	width: 230px;text-align: right;font-weight: bold;margin-bottom: 10px;padding-top: 5px;padding-right: 5px;
	
}
.icontenido{
	display: inline-block;
	width: calc(100% - 250px);
	background-color: #eef6fa;
	border-left: 2px #d0d0d0 solid;
	margin-bottom: 10px;margin-right: 10px;
	padding: 5px 10px 5px 20px;
}

.infoaddd{clear: both;margin-top: 20px;margin-bottom: 20px;}
.preciosiniva{float: right;font-style:italic;margin: 4px;font-size: 9pt;}

.descuentocaja{
	margin: 20px auto;
	font-size: 9pt;padding: 5px 10px;background-color: #f0f0f0;
}

/* formularios bootstrap */
.fgroupsm{margin-left: 0px!important;margin-right: 0px!important;}
.input-medium{width: 300px!important;max-width: 100%;}
.ishort{max-width: 160px;}
.ilabelccheck{font-weight: normal;padding-top: 10px;}
.ireq{color: #990000;}
.ireq:after{content: "*";}
.inphigh{border: 1px #990000 solid;}


.form-group{width: 100%;clear: both;box-sizing: border-box;position: relative;display: table;border-collapse: separate;margin-bottom: 10px;}
.form-group:before{content: " ";display: table;}
.form-group:after,.input-group:after{clear: both;}
.group-addon:first-child{border-bottom-right-radius: 0;border-top-right-radius: 0;}
.input-group-addon:last-child{border-bottom-left-radius: 0;border-top-left-radius: 0;}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon:first-child {border-right: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;}
.input-group{
	position: relative;
	display: table;
	border-collapse: separate;
}
.input-group-addon{
	box-sizing: border-box;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
		border-right-color: rgb(204, 204, 204);
		border-right-style: solid;
		border-right-width: 1px;
	border-radius: 4px;
}
.form-control {
	box-sizing: border-box;
    display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	height: 34px;
	padding: 6px 12px!important;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f0f0f0!important;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.idisabled{background-color: #d0d0d0!important;}
textarea.form-control{height: auto;}
.input-group .form-control:last-child{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.form-horizontal .control-label{
	text-align: right;
	margin-bottom: 0;
	padding-top: 7px;
}


/*cesta */
.pageminheight{min-height: 400px;}

.tablasubtotal{border-top: 1px solid #E1E5E8;}

.dbloquesel{margin-bottom: 15px;}
.dbloquepad{padding-left: 15px;padding-right: 15px;}
.dbloqueselcon{padding: 15px 0px;margin-bottom: 15px;background-color: #ffffff}

.bloquesel{
	font-family: MontserratSemiBold, helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	padding: 5px 10px;
	color: #0085bd;
	font-size: 16pt;
	border-top: 1px #0085bd solid;
	border-bottom: 1px #0085bd solid;
	transition: opacity 200ms linear, color 200ms linear;
}

.bloquesel:hover,.bloquesel:active,.bloquesel:focus{background-color: #0085bd;color: #fff;}
.bloquecon{padding: 0px 15px;margin-bottom: 30px;}

.botonescesta{text-align: right;}

.cesta table{width: 100%;}
.cesta .linea{background-color: #ffffff;}
.cesta .liproducto{width: 50%;}
.cesta .liproducto .dimg{float: left;margin: 0px 10px 0px 10px;width: 120px;text-align: center;}
.cesta .liproducto .dcodigo{float: left;width: 80px;min-height: 60px;}
.cesta .liproducto img{max-height: 100px;width: auto;}
.cesta .liproducto .nombre{display: block;margin: 10px 10px 0px 10px;}
.cesta .liproducto .launidad{color: #909090}
.cesta .precio{text-align: right;padding: 20px;}
.cesta .subtotal{text-align: right;}
.cesta .preciosubtotal{font-size: 120%;background-color: #ffffff;text-align: right}
.cesta .preciototal{font-weight: bold;}
.tabledir{width: 100%;}
.tabledir td{padding: 10px;border-bottom: 1px #c0c0c0 solid;}
.tabledir .tdlabel{display:table-cell;background-color: #f0f0f0;text-align: right;}
.tablefpago td{padding: 10px;border-bottom: 1px #c0c0c0 solid;}
.tablefpago .tdlabel{background-color: #f0f0f0;width: 30%;}
.tablefpago .faico{float: left;margin-right: 10px;font-size: 240%;width: 40px;color: #707070;}
.titulobloque{background-color: #666666;padding: 4px 10px;color: #f0f0f0;}
#formcesta input[type=radio]{width: 18px;height: 18px;}

/* bootstrap */ 
.alert {
	padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  border-color: #b2dba1;
}
.alert-info {
	background-color:#d9edf7;border-color:#bce8f1;color:#31708f
}
.alert-warning {
  color: #8a6d3b;
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  border-color: #dca7a7;
}
.alert-small{padding: 5px 15px;}

/* elcantero */
.container{max-width: 1280px;}
.conrelative{position: relative;}
#main-header{position: fixed;width: 100%;background-color: #fff;border-bottom: 1px #f0f0f0 solid;z-index: 1000;}

#navbar{position: relative;}
.dbuttoncon{padding: 10px 15px 0px 15px;}
button.navbar-toggle{
	float: none;width: 100%;
	font-family: MontserratSemiBold, helvetica, sans-serif;
	margin: 0px auto;
	padding: 15px;
	background-color: #0085bd;color: #fff;
	font-size: 11pt;
}

.top-menu-nav{
	margin: 0px auto;
}
#top-menu{text-align: center;margin: 0px auto;padding: 0px;list-style: none;}
#top-menu li{
  display: inline-block;
  margin-right: 2px;margin-left: 2px;
  color: #0085bd;
}
#top-menu li a{
  font-family: MontserratBold, helvetica, sans-serif;
  color: #0085bd;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 5px 20px;
  border-radius: 50px;
}
#top-menu li.current_page_item > a, #top-menu li a:hover {
  background-color: #0085bd;
  color: #fff!important;
}

.foot{
	min-height: 440px;padding-bottom: 140px;
	background: #0085bd url('/img/footer-cantero.jpg') no-repeat center bottom;
	background-size: 100% auto;
}
.foot .autor{color: #fff;}
.foot .copy{color: #fff;font-size: 1.3rem;color: #f0f0f0;}
.foot h3{font-size: 1.8rem;margin: 10px auto;}
.foot h4{font-size: 1.6rem;margin: 10px auto;}

.logoseco{margin: 10px auto;}
.logoseco img{margin: 10px;}

.redes{margin: 20px auto;border-bottom: 1px #f0f0f0 solid;}
.redes a{
	display: inline-block;
	color: #eee;font-size: 3rem;
	padding: 2px 10px;
	margin: 20px 10px;
	border-radius: 10px;
}
.redes a:hover{
	opacity: 0.6;
}

.menuinferior{margin: 20px auto 10px auto;}
.menuinferior a{
	display: inline-block;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 30px;
	color: #fff;
}

.estasen{
	text-align: center;
	font-family: MontserratBold, helvetica, sans-serif !important;
	padding: 10px;
	color: #0085bd;
	font-size: 12px;
	border-bottom: 2px #0085bd solid;
	text-transform: uppercase;
	clear: both;
}
.estasen a,.estasen .azul{
	text-transform: none;
	color: #0085bd;font-size: 18px;
	margin: 5px 5px;
}
.estasen .azul{color: #0085bd;}
.estasen a:after{content: ' / ';}
.estasen a:last-child:after{content: '';}
.estasen a:hover{
	color: #cecece;
}
.estasenafter{clear: both;padding-bottom: 15px;}

.recogido .logocontainer{text-align: left;float: left;}
.recogido .logocontainer img{width: 80px;height: auto;}
.recogido #cestatienda{
	position: absolute;z-index: 1000;
	margin: 2px 5px;
}

.recogido #cestatienda li a{
	padding: 4px 8px;
	font-size: 10pt;
}

.recogido #top-menu{
	margin-left: 80px!important;
	margin-top: 30px;
}
.recogido #top-menu li a{
	font-size: 16px!important;
	padding: 4px 16px;
}
.recogido #menutienda{
	margin-top: 5px;
	margin-bottom: 5px;
}
.recogido .sepwrap{height: 220px;}

/* home */
.listadocategorias h2{text-transform: uppercase;line-height: 24pt;font-size: 140%;}
.listadocategorias a{display: block;text-align: center;border-top: 2px #ffffff solid;}
.listadocategorias .verprod{
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	border: 4px solid;
	padding: 8px 15px;
	border-radius: 20px;
}
.listadocategorias a:hover .verprod{background-color: #006eab;color: #fff;}
.listadocategorias a img{margin: 5px auto;}

.colorcabra{color: #76b729;}
.coloroveja{color: #f0821b;}
.colorvaca{color: #006eab;}
.coloraqua{color: #006eab;}

.ventajas{background-color: #f0f0f0;}
.ventajas .container{margin: 0px auto;padding: 40px 15px 20px 15px;}
.ventajas .col{padding-left: 15px;padding-right: 15px;}
.ventajas h3{
	text-align: left;
	max-width: 200px;margin-left: 60px;margin-top: 0px;margin-bottom: 0px;
	line-height: 18pt;
	color: #0086be;
}
.ventajas .icono{float: left;}
.ventajas p{font-size: 70%;text-align: left;margin-left: 60px;margin-top: 4px;}

.ventajaspost{background-color: #f0f0f0;text-align: center;}
.ventajaspost .colpost{padding-left: 15px;padding-right: 15px;max-width: 300px;margin: 10px auto;}
.ventajaspost .container{margin: 0px auto;padding: 20px 15px 40px 15px;}
.ventajaspost h3{
	line-height: 12pt;
	color: #0086be;
}
.ventajaspost p{font-size: 70%;margin-top: 4px;}


/* otras paginas */
.tablepad td{padding: 6px;}
.tablesm td{font-size: 9pt;}


/* cookies */
#idmenscookie{
	display: block;
	margin: 0px auto;
	position: fixed;
	text-align:center;
	padding: 10px 15px;
	font-size: 80%;
	display: none;
	max-width: 100%;
	z-index: 8002;
}
#idmenscookie .btn-close{
	color: #fff!important;opacity: .8;
}

#idmenscookie .contenedor{
	display: block;
	position: relative;
	text-align:left;
	padding: 20px;
	background-color: #303030;
	border: 1px #c0c0c0 solid;
}
#idmenscookie p{color: #ffffff;}
#idmenscookie p a{color: #fff;text-decoration: underline;}
#idmenscookie a.btn{text-decoration: none!important;margin-bottom: 4px;}
#idmenscookie .btn-close{margin-left: 10px;font-size: 20pt;}

.switch{display: block;min-width: 80px;height: 37px;padding-left: 80px;margin-bottom: 10px;text-decoration: none!important;line-height: 34px;}
.switchon{background: url('/img/switch-on.jpg') no-repeat left;}
.switchoff{background: url('/img/switch-off.jpg') no-repeat left;}
.switchdisabled{opacity: 0.6;}


@media (min-width: 1200px){
	.container {width: 1180px;}
}

@media (max-width: 1200px){
	.logocontainer img{width: 80px;height: auto;}

	#top-menu li a{
		font-size: 15px!important;
		padding: 4px 10px;
	}
	#menutienda li{padding-left: 5px;padding-right: 5px;}
	#menutienda li a{font-size: 10pt;padding: 4px 10px;}

}
@media (max-width: 992px){

	.listaproductos li{width: 50%;}

	.col40,.col50,.col60{float: none;width: 100%;margin-bottom: 15px;}
	.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-7,.col-md-9{
		float: none;width: 100%;margin-bottom: 15px;padding-left: 0px;padding-right: 0px;
	}
	.ishort{max-width: 100%;}
	.colpad{padding: inherit;}

	.cesta .dimg{margin: 0px;}

	.listadocategorias h2{text-transform: uppercase;line-height: 18pt;font-size: 100%;}

	.recogido #top-menu li a{
		font-size: 15px!important;
		padding: 2px 10px;border: 1px solid;	
	}
}


@media (max-width: 768px){
	.hidemob{display: none;}

	#main-header{position: relative;}
	#main-header .container{padding-left: 5px;padding-right: 5px;}
	
	.sepwrap{height: 0px;}

	#cestatienda li{display: block;}

	#menutienda li{padding-left: 2px;padding-right: 2px;}
	#menutienda li a{
		font-size: 9pt;
		padding: 6px 4px;
		margin-bottom: 4px;
	}

	.dbuttoncon{border-radius: 5px;padding: 20px auto;}
	#navbar{margin-top: 2px;background-color: #0085bd;}
	#top-menu{}
	#top-menu li{display: block;margin: 0px;border-bottom: 1px #2EA3F2 solid;padding: 0px 10px;}
	#top-menu a{
		font-family: MontserratBold, helvetica, sans-serif;
		color: #fff!important;padding: 10px 10px!important;text-transform: none!important;
	}


	.ficha .price{text-align: center;}
	.dquantityficha{float: none;}
	.cquantity{width: 100%;background: none;}
	.cquantity .bmas,.cquantity .bmenos{width: 100%;background-color: #ddd;}
	.cquantity .qty{width: 100%;}
	.cquantity a{clear: both;display: block;}
	.fright{float:none;text-align: right;margin: 10px;}

	.ititulo{display: block;text-align: left;font-weight: bold;margin-bottom: 10px;padding-right: 5px;}
	.icontenido{
		float: none;width: 100%;
		background-color: #eef6fa;
		border-top: 2px #d0d0d0 solid;
		border-left: 0px;
		margin-bottom: 10px;
		padding: 5px 10px 5px 10px;
	}

	.etiquetainfo{text-align: left;padding-left: 10px;}


	.form-horizontal .control-label{text-align: left;}
	.ilabelccheck{max-width: calc(100%-100px)!important;}

	.pagehome h1{font-size: 22pt;}
	.titulogrande {font-size: 28pt !important;line-height: 0.6;}

	.catedescrip{text-align: center;}

	.bloqueclaims .probiotico{float: none;margin: 10px auto;text-align: center;}
	.bloqueclaims .claim{float: none}

	.logoseco img{margin: 0px;}
}


@media (max-width: 480px){
	.listaproductos li{width: 100%;float: none;margin-bottom: 15px;}
	.listaproductos h2{font-size: 100%;min-height: auto;}

	.divmob{display: block;clear: both;width: 100%;}
	.botonmob100{width: 100%;display: block;margin-bottom: 10px;}

	.input-medium{width: 220px!important;}

	.cesta .liproducto{width: auto;}
	.cesta .liproducto img{width: 60px;height: auto;}
	.cesta .linea td{padding: 0px!important;}


	.tabs{min-height: 36px;}
	.tabs li a{
		padding: 3px 10px;margin-left: 5px;margin-right: 5px;margin-top: 2px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.tabs li.active a{padding: 5px 10px;margin-top: -2px;}

}

