/* ARCHIVO DE CAMBIOS RESPONSIVE DEL TEMA */
/* Aqui se definirán las reglas especiales que aplican cambios en la estructura de página en diferentes anchos de ventana */

@media screen and (max-width: 768px) {
	body {
		background-color: #ffffff;
		overflow-x: hidden;
	}
}
@media (min-width: 768px) { 
	.container-collapsable .collapse,
	.container-collapsable .collapsing {
		display:block !important;
		height:unset !important;
	}
	.navbar.productlistlinks.collapse,
	.navbar.productlistlinks.collapsing {
		display:block !important;
		height:unset !important;
	} 
}
@media screen and (min-width: 768px) {
	#page:after {
		background: none repeat scroll 0 0 #ffffff;
		content: "";
		display: block;
		height: 100%;
		left: 0;
		min-height: 100%;
		position: fixed;
		top: 0;
		width: 290px;
		z-index: 1;
	}
}
@media screen and (min-width: 768px) and (max-width: 768px) {
	#page:after {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	#page_aside {
		min-height: 100%;
		position: absolute;
		width: 272px;
		z-index: 1;
	}
}
@media screen and (max-width: 768px) {
	#page_main {
		background-color: #ffffff;
		background-image: none;
		background-repeat: repeat;
		box-sizing: content-box;
		left: 0;
		min-height: 100%;
		padding: 0;
		position: relative;
		-webkit-transform: -webkit-translateX(-1px);
		-webkit-transform: translateX(-1px);
		-moz-transform: translateX(-1px);
		-ms-transform: translateX(-1px);
		-o-transform: translateX(-1px);
		transform: translateX(-1px);
		-webkit-transition: all 0.25s ease-out 0s;
		-moz-transition: all 0.25s ease-out 0s;
		-ms-transition: all 0.25s ease-out 0s;
		-o-transition: all 0.25s ease-out 0s;
		transition: all 0.25s ease-out 0s;
		width: 100%;
		z-index: 2;
	}
	body.show_menu #page_main {
		-webkit-transform: -webkit-translateX(271px);
		-webkit-transform: translateX(271px);
		-moz-transform: translateX(271px);
		-ms-transform: translateX(271px);
		-o-transform: translateX(271px);
		transform: translateX(271px);
	}
}
@media screen and (max-width: 768px) {
	#page_main #page_main_header {
		display: block;
	}
}
@media screen and (max-width: 1023px) {
	#page_main #page_main_content {
		min-width: 0;
	}
}
@media screen and (max-width: 768px) {
	#page_main #page_main_content {
		margin: 0;
	}
}