/*lines button*/
.cont_btn {
	display:none;
	position:absolute;
	z-index:2;
	right:0;
	top:50%;
	margin-top:-24px;
}
button.lines-button {
	position:relative;
	padding: 22px 12px;
	line-height: 3px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	cursor: pointer;
	user-select: none;
	border-radius: 0;
	border: 0;
	background:none;
	cursor:pointer;
	outline:none;
	z-index:2;
}
.lines-button:hover {
	opacity: 1;
}
.lines-button:active {
	transition: 0;
}
.lines, .lines:before, .lines:after {
	display: block;
	width: 34px;
	height: 3px;
	background: #000;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.lines {
	position: relative;
}
.lines:before, .lines:after {
	content: '';
	position: absolute;
	left: 0;
	-webkit-transform-origin: 100% center;
	-moz-transform-origin: 100% center;
	transform-origin: 100% center;
}
.lines:before {
	top: 8px;
}
.lines:after {
	top: -8px;
}
.lines-button.close {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.lines-button.x.close .lines {
	background: transparent;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0 !important;
	width: 100%;
}
.lines-button.x.close .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}
/*termina lines button*/

@media (max-width:1200px) {
.banner_tel .tel {
	font-size:70px;
}
}
@media (max-width:1023px) {
#art-main {
    margin: 0 auto;
	height:auto;
	min-height:0;
}
.push {
	display:none;
}
.art-footer {
    height: auto;
    margin: 0;
}
/*header*/
.art-header {
	height:auto;
}
.art-header .wrapper, .art-footer .wrapper {
	width:100%;
}
.art-header, .fixedheader {
	height: 212px;
}
.logo, .art-nav, .menu_cat {
	position:relative;
	left:auto;
	top:auto;
	right:auto;
	bottom:auto;
	text-align:center;
	margin:0 auto;
}
.art-nav {
	padding-bottom:5px;
}
/*banners*/
.banner_main {
	position:relative;
	margin:0 -40% 0 0;
}
.banner_main .navigation-container {
    margin: 0 30% 0 2% !important;
}
.banner_tel .texto {
	padding-top:50px;
    text-align: center;
	display:block;
}
/*vista de categoría*/
.icono_banner {
	margin:0 auto;
}
.category_description {
	width:auto;
	font-size:1em;
}
.width16 {
    width: 33.3%;
}
.art-layout-cell {
	display:block;
	width:auto;
	padding:0;
}
.art-sidebar1 {
	margin-top:-30px;
}
.art-sidebar1>.mod_buscar {
	padding:0 15px;
}
.art-sidebar1>.mod_buscar .art-blockheader, .art-sidebar1>.mod_buscar .art-blockcontent {
	display:inline-block;
	vertical-align:middle;
	width:48%;
}
.art-sidebar1 .mod_buscar h3 {
	margin-bottom:0;
	border:0;
	text-align:right;
	padding-right: 10px;
}
input#mod-search-searchword, input#mod_virtuemart_search, .virtuemart_search .inputbox {
	width:auto;
}
.menu_lateral h3 {
	transition:.2s;
	cursor:pointer;
	margin-bottom:0;
}
.menu_lateral.opened h3 {
	margin-bottom:15px;
}
.menu_lateral h3:active {
	background:rgba(255,255,255,.2);
}
.menu_lateral h3:after {
	content:'Ver subcategorías';
	display:block;
	float:right;
	font-weight:normal;
	font-style:italic;
	font-size:.8em;
}
.menu_lateral.opened h3:after {
	content:'Ocultar subcategorías';
}
.menu_lateral li {
    margin: 0;
}
.menu_lateral li a {
	height:0;
	line-height:24px;
	overflow:hidden;
    padding: 0 5px;
	transition:.2s;
}
.menu_lateral.opened li a {
	height:24px;
}
.menu_lateral li ul {
    padding: 0;
    border-top: 0;
    border-bottom: 0;
	transition:.2s;
}
.menu_lateral.opened li ul {
    padding: 10px 0 10px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
}
@media (max-width:768px) {
/*header*/
.art-header, .fixedheader {
	height: 202px;
}
.menu_cat ul li li a {
	font-size:14px;
}
.menu_cat ul li a img {
	width:30px;
}
/*banners*/
.banner_main .slide-desc-text h2, .banner_tel .texto h2 {
	font-size:40px;
}
.banner_main .slide-desc-text h3, .banner_tel .texto h3 {
    font-size: 30px;
}
.banner_main .boton_banner a, .productdetails-view a.product-details {
    font-size: 16px;
}
.banner_tel .tel {
	font-size:80px;
	padding:.5em .3em;
}
/*vistas de grid*/
.browse-view div.product {
    width: 46%;
}
}
@media (max-width:740px) {
/*header*/
.fixedheader {
    border-bottom: 3px solid #000;
}
.art-header, .fixedheader {
	height: 74px;
}
.logo a{
    display: inline-block;
    padding: 5px 0;
	width:80px;
}
.logo img {
	width:100%;
}
.cont_btn {
	display:block;
}
.fixedmenu {
	position:fixed;
	z-index:1;
	right:0;
	top:0;
	bottom:0;
	width:250px;
	padding-top:74px;
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,.2);
	overflow:auto;
	transform:translateX(110%);
	transition:.5s cubic-bezier(0.01, 0.65, 0.2, 1);
}
.fixedmenu.mostrar {
	transform:translateX(0);
}
.art-nav ul, .art-nav ul li, .buscador, .menu_cat ul li {
	display:block;
	margin:0;
	text-align:left;
}
.art-nav ul li a, .menu_cat ul li li a, .buscador {
	text-align:left;
	padding:10px;
}
.art-nav ul li:before {
	display:none;
}
/*banners*/
.banner_main {
	position:relative;
	margin:0 -50% 0 0;
}
.banner_main .navigation-container {
    margin: 0 35% 0 2% !important;
}
.banner_main .slide-desc-text h2, .banner_tel .texto h2, .banner_prod h2, h1, .category-view h1, .productdetails-view h1, .ask-a-question-view h1 {
	font-size:30px;
}
.banner_main .slide-desc-text h3, .banner_tel .texto h3, h2 {
    font-size: 20px;
}
.banner_tel .tel {
	font-size:50px;
}
/*sucursales*/
.col20, .col80, .pag_contacto .formResponsive .formHorizontal .formControlLabel, .pag_contacto .formResponsive .formHorizontal .formControls {
    display: block;
    width: auto;
    margin: 0 0 1em;
}
.pag_contacto .formResponsive .formHorizontal .formControlLabel {
	text-align:left;
	margin-bottom:0;
}
/*vista de categoría*/
.category-view h2 a span.titulo {
	font-size:1em;
}
/*detalle de producto*/
.productdetails-view .product-neighbours {
	display:none;
}
.back-to-category {
    float: none;
}
}
@media (max-width:600px) {
/*header*/
.art-header, .fixedheader {
    height: 60px;
}
.logo a {
    width: 60px;
}
button.lines-button {
	line-height:2px;
}
.lines, .lines:before, .lines:after {
	height:2px;
}
.fixedmenu {
	padding-top:60px;
}
/*banners*/
h1, .category-view h1, .productdetails-view h1, .ask-a-question-view h1, .banner_main .slide-desc-text h2, .banner_tel .texto h2, .banner_prod h2 {
	font-size:24px;
}
.banner_main .slide-desc-text h3 {
    font-size: 13px;
	font-weight:bold;
	font-family:inherit;
}
.banner_main .boton_banner a, .productdetails-view a.product-details {
    font-size: 14px;
	padding:5px 10px;
}
.banner_main li .boton_banner a img {
    width: 20px !important;
}
.banner_tel .tel {
	font-size:40px;
}
/*marcas*/
.pag_marcas img {
	width:33.33%;
}
/*vistas de grid*/
.output-billto span.values, .output-shipto span.values, .floatleft, span.floatleft, .display-number, .control-buttons {
	float:none;
	text-align:left !important;
	margin-bottom:1em;
}
.art-sidebar1>.mod_buscar {
	padding-bottom:10px;
}
.art-sidebar1>.mod_buscar .art-blockheader, .art-sidebar1>.mod_buscar .art-blockcontent, .vm-product-container .vm-product-media-container, .vm-product-details-container {
    display: block;
    width: auto;
	float:none;
}
.art-sidebar1 .mod_buscar h3 {
	text-align:left;
}
.menu_lateral h3, .art-sidebar1 .mod_buscar h3 {
	font-size:1.1em;
}
/*detalle de producto*/
.productdetails-view .main-image a {
	max-width:280px;
}
}
@media (max-width:480px) {
/*vistas de grid*/
div[class*="-view"] .row {
	display:block;
}
.browse-view div.product {
	width:auto;
	float:none;
}
.menu_lateral h3:after {
	float:none;
}
}
@media (max-width:400px) {
.category-view .row .category .spacer h2 {
    height: 40px;
}
}
@media (max-width:380px) {
.art-footer ul, .art-footer ul li {
	display:block;
}
.art-footer ul li:before {
	display:none;
}
.art-footer ul li a {
	padding:10px;
	font-size:12px;
}
}