@charset "utf-8";

@media screen and (min-width:1279px) {
.hidden-hx {
	display: inherit
}
.visible-hx {
	display: none
}
}

@media screen and (max-width:1279px) {
.hidden-hx {
	display: none
}
.visible-hx {
	display: inherit
}
#banners_footer li:first-child:nth-last-child(2),
#banners_footer li:first-child:nth-last-child(2)~li,
#filter_block form>section.column:first-child():nth-last-child(1),
#filter_block form>section.column:nth-last-child(2),
#filter_block form>section.column:nth-last-child(2)~section.column {
	width: 100%
}
#filter_block form>section.column:nth-last-child(3),
#filter_block form>section.column:nth-last-child(3)~section.column {
	width: 50%
}
#banners_footer li:first-child:nth-last-child(3),
#banners_footer li:first-child:nth-last-child(3)~li {
	width: 49%
}
#filter_block form>section.column:nth-last-child(4),
#filter_block form>section.column:nth-last-child(4)~section.column {
	width: 50%
}
#banners_footer li:first-child:nth-last-child(4),
#banners_footer li:first-child:nth-last-child(4)~li {
	width: 49%
}
#filter_block form>section.column:nth-last-child(5),
#filter_block form>section.column:nth-last-child(5)~section.column {
	width: 50%;
	border-top: 1px solid #CCC
}
#banners_footer li:first-child:nth-last-child(5),
#banners_footer li:first-child:nth-last-child(5)~li {
	width: 49%
}
#filter_block form>section.column:nth-last-child(6),
#filter_block form>section.column:nth-last-child(6)~section.column {
	width: 50%
}
#banners_footer li:first-child:nth-last-child(6),
#banners_footer li:first-child:nth-last-child(6)~li {
	width: 49%
}
#filter_block form>section.column:nth-last-child(7),
#filter_block form>section.column:nth-last-child(7)~section.column {
	width: 50%
}
#banners_footer li:first-child:nth-last-child(7),
#banners_footer li:first-child:nth-last-child(7)~li {
	width: 49%
}
#banners_footer li:first-child:nth-last-child(8)~li,
#filter_block form>section.column:nth-last-child(8),
#filter_block form>section.column:nth-last-child(8)~section.column #banners_footer li:first-child:nth-last-child(8),
#filter_block form>section.column:nth-last-child(9),
#filter_block form>section.column:nth-last-child(9)~section.column {
	width: 50%
}
#banners_footer li:first-child:nth-last-child(9),
#banners_footer li:first-child:nth-last-child(9)~li {
	width: 49%
}
#banners_footer li:first-child:nth-last-child(10),
#banners_footer li:first-child:nth-last-child(10)~li,
#filter_block form>section.column:nth-last-child(10),
#filter_block form>section.column:nth-last-child(10)~section.column {
	width: 25%
}
body.producto #content .column.first {
	display: none
}
body.producto #content .column.third {
	width: calc(98% - 535px);
}
}

@media screen and (min-width:980px) {
.visible-mx {
	display: none !important;
}
}

@media screen and (max-width:979px) {
section.floating_notification.message {
	min-width: 90vw;
	max-width: 90vw;
	width: 90vw
}
body.pedido .column.right fieldset,
body.pedido .column.left fieldset {
	width: 100%;
	padding-bottom: 0;
}
.visible-mx {
	display: inherit;
}
.hidden-mx {
	display: none !important;
}
ul.pagination li.pagination_next b,
ul.pagination li.pagination_previous b,
.pedidos .navigator form#buscador_pedidos button,
button#filter_calendar span,
button#filter_status span {
	display: none;
}
button#filter_calendar,
button#filter_status {
	padding: 0;
	width: 2.8rem;
	border: none;
	background-position: center center;
}
.facturas header form#buscador_facturas,
.pedidos .navigator form#buscador_pedidos,
body > header > nav > ul > li form#buscador {
	width: 5rem;
}
.facturas header form#buscador_facturas input,
.pedidos .navigator form#buscador_pedidos input,
body > header > nav > ul > li form#buscador input {
	width: 5rem
}
.facturas header form#buscador_facturas input:focus,
.pedidos .navigator form#buscador_pedidos input:focus,
body > header > nav > ul > li form#buscador input:focus {
	width: 5rem;
}
ul.pagination {
	max-width: calc(100% - 11.25rem);
}
body.producto #content .column.second,
body.producto #content .column.third,
body.producto #content .column.first {
	width: 100%;
}
#menu_block,
#filter_block {
	position: absolute;
	left: 3vh;
	top: 3vh;
	right: 3vh;
	bottom: auto;
	max-height: 94vh;
	padding: 3vh 5vh 3vh 3vh;
	opacity: 0
}
menu_block button#close_menu_block,
#filter_block button#close_filter_block {
	right: 1vh
}
#main-container>footer .container>section,
#main-container>footer .container>section:first-child:nth-last-child(2),
#main-container>footer .container>section:first-child:nth-last-child(2)~section,
#main-container>footer .container>section:first-child:nth-last-child(3),
#main-container>footer .container>section:first-child:nth-last-child(3)~section,
#main-container>footer .container>section:first-child:nth-last-child(4),
#main-container>footer .container>section:first-child:nth-last-child(4)~section,
#main-container>footer .container>section:first-child:nth-last-child(5),
#main-container>footer .container>section:first-child:nth-last-child(5)~section {
	width: 50%;
	margin: 1% 0;
	border-left: none;
	border-top: 1px solid rgba(0,0,0,.25)
}
#main-container>footer .container>section:first-child {
	border-top: none
}
#main-container>footer .container>section * {
	text-align: left
}
#main-container>footer .container>section:nth-child(even) * {
	text-align: right
}
#main-container>footer .container>section:nth-child(even) li,
#main-container>footer .container>section:nth-child(even) ul {
	float: right;
	text-align: right
}
#cart hgroup h1 {
	text-align: center;
	margin: .5em 0;
}
#cart .line article > figure figcaption,
#cart hr,
#cart hgroup header {
	display: none;
}
#cart .line article > figure {
	text-align: center;
	width: 100%;
	padding: .5rem 0;
	height: 9rem;
}
#cart .line article > figure img {
	display: inline-block;
	float: none
}
#cart .line article > section {
	height: 2.5rem;
	line-height: 2.5rem
}
#cart .line article {
	position: relative
}
#cart .line article > section:nth-child(2) {
	width: 100%;
	text-align: center;
	padding: .2rem 0
}
#cart .line article > section:nth-child(3) {
	width: 50%;
	text-align: right
}
#cart .line article > section:nth-child(4) {
	width: 50%;
	text-align: left
}
#cart .line article > section:nth-child(5) {
	width: 100%;
	text-align: center;
	padding: .2rem 0
}
#cart .line article > section:nth-child(6) {
	width: 100%;
	margin-top: .5rem;
	background: #e2e2e2;
	border-top: 1px solid #DDD;
}
#cart .line article > section:nth-child(7) {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5000;
	width: 3rem;
}
#cart .line article > section button.remove {
	width: 1.5rem;
	height: 1.5rem
}
#cart hgroup,
#cart .line {
	border: 1px solid rgba(0,0,0,.2);
	margin: .2rem 0;
	padding: 0;
}
#cart {
	border: none
}
#cart > footer >label,
#cart > footer > input,
#cart > footer > button,
#cart > footer > a {
	width: 100%
}
}

@media screen and (min-width:768px) {
.visible-sx {
	display: none !important;
}
section.collection {
	width: 80%;
	float: left;
	clear: none;
	box-sizing: border-box;
}
}

@media screen and (max-width:767px) {
#filter_block_2	{display: none;}
form#finalizar_pedido {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
body.pedido form * {
	font-size: .7rem
}
body.pedido header .column.right,
body.pedido header .column.left,
body.pedido .carrito input[name="importe"] {
	max-width: 100%;
	min-width: 0;
	width: 100%;
}
body.pedido .carrito hgroup.column.left {
	padding: .5rem 1rem 0
}
body.pedido .column.right label {
	padding-top: 0;
	height: 1rem;
	text-align: left;
}
form#user_data section.recaptcha,
form#user_data label,
form#user_data input {
	width: 100%;
	margin: .5rem 0 .1rem 0;
	text-align: left
}
form#user_data section.recaptcha,
form#user_data input {
	margin-top: 0
}
form#user_data label {
	padding: 0;
	border: none;
	line-height: 1.25rem;
	height: 1rem;
}
.visible-sx {
	display: block;
}
.hidden-sx {
	display: none;
}
table.documentos tr,
table.documentos td {
	display: inline-block;
	float: left;
	clear: none;
	background-color: transparent !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
table.documentos td {
	height: 2rem;
	vertical-align: top;
	border-bottom: 1px solid rgba(0,0,0,.1)
}
table.documentos td.icon {
	width: 12%;
	height: 4rem;
	vertical-align: middle;
	line-height: 3rem;
	border-bottom: none;
	border-right: 1px solid rgba(0,0,0,.1)
}
table#pedidos td.icon {
}
table#pedidos td.serie_numero {
	width: 44%;
}
table#pedidos td.fecha {
	width: 44%;
}
table#pedidos td.estado {
	width: 64%;
}
table#pedidos td.unidades {
	width: 24%;
}
table#pedidos td.total_bi {
	width: 50%;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 1%;
}
table#pedidos td.total {
	width: 50%;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 1%;
}
table#facturas td.icon {
}
table#facturas td.serie_numero {
}
table#facturas td.fecha {
}
table#facturas td.estado {
}
table#facturas td.unidades {
}
table#facturas td.total_bi {
}
table#facturas td.total {
}
table#vencimientos td.icon {
}
table#vencimientos td.facturas {
}
table#vencimientos td.fecha {
}
table#vencimientos td.estado {
}
table#vencimientos td.importe {
}
table.documentos tr {
	width: 100%;
	background-color: rgb(232, 232, 232);
	border: 1px solid rgba(0,0,0,.2);
	margin: .1rem 0;
}
table.documentos tr,
table.documentos tr:nth-child(odd) {
	width: 100%;
	background-color: rgb(225, 224, 225) !important;
}
nav.collections ul li {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}
#main-container>footer .container>section,
#main-container>footer .container>section:first-child:nth-last-child(2),
#main-container>footer .container>section:first-child:nth-last-child(2)~section,
#main-container>footer .container>section:first-child:nth-last-child(3),
#main-container>footer .container>section:first-child:nth-last-child(3)~section,
#main-container>footer .container>section:first-child:nth-last-child(4),
#main-container>footer .container>section:first-child:nth-last-child(4)~section,
#main-container>footer .container>section:first-child:nth-last-child(5),
#main-container>footer .container>section:first-child:nth-last-child(5)~section {
	padding: .5rem 0;
	width: 100%
}
#main-container>footer .container>section li,
#main-container>footer .container>section ul,
#main-container>footer .container>section:nth-child(even) *,
#main-container>footer .container>section:nth-child(even) li,
#main-container>footer .container>section:nth-child(even) ul {
	padding-left: 0;
	padding-right: 0;
	float: none;
	display: block;
	text-align: center
}
#main-container>footer .container>section:first-child {
	border-top: 1px solid rgba(0,0,0,.25)
}
#main-container>footer .container>section * {
	text-align: center
}
#main-container>footer .container>section {
	width: 100%
}
nav#filters_collection div#quicksearch_reference input {
	max-width: 200px
}
nav#filters_collection div#quicksearch_reference button,
nav#filters_collection button.size_changer {
	visibility: hidden;
	display: none
}
nav#filters_collection button.order_filter,
nav#filters_collection div#quicksearch_reference {
	vertical-align: middle;
	/* height: 2rem; */
	margin-bottom: 0;
	/* float: none; */
	margin: 0 0 0 .5rem;
}
nav#filters_collection div#quicksearch_reference {
}
nav#filters_collection {
	display: table;
	width: 100%;
	text-align: right;
	vertical-align: middle;
	padding: .5rem 0;
}
nav#filters_collection button.order_filter span {
	display: none
}
nav#filters_collection button.order_filter::before {
	margin-left: 0;/* margin: 0 0 0 .25rem; */
}
section.collection[data-column="2"] article,
section.collection[data-column="3"] article,
section.collection[data-column="4"] article {
	width: 100%;
	clear: left
}
#banners_footer li,
#filter_block form>section.column {
	width: 100%!important
}
}