/* 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 */
/* En el siguiente enlace se documenta qué estilos deben ir en este archivo: http://soporte.mabisy.com/entries/46217938 */


@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 0px) and (max-width: 991px) {
}

@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 (min-width: 768px) and (max-width: 991px) {
	#header_container {
		width: auto;
	}
	#contMainMenu { /*Seccion que contiene el panel del Menú principal*/
		left: 0;
		margin-left: -15px;
		margin-right: -15px;
		position: absolute;
		right: 0;
		top: 130px;
	}
	#contMainMenu > .navbar{ /*Seccion que contiene el panel del Menú principal*/
		margin-bottom:0px;
	}
	#contHeadLogo {
		display: inline-block;
		margin-top: 30px;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		margin-top:50px;
	}
	.container-collapsable .collapse,
	.container-collapsable .collapsing {
		display:block !important;
		height:unset !important;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	.modal-dialog {
		margin-top:50px;
	}
	#page {
		position:relative;
	}
	#header_container { /*Contenedor que envuelve toda la Cabecera. Coge el ancho del cuerpo de página*/
		padding-top:107px;
	}
	#header_wrapper { /*Bloque de la capa que envuelve toda la Cabecera*/
		position:static;
	}
	#contTopMenu {
		position: absolute;
		left:0px;
		top:0px;
		width:22%;
	}
	#contHeadMyAccount { /*Seccion que contiene el panel del enlace Mi cuenta*/
		position: absolute;
		right:0px;
		top:0px;
		width:22%;
	}
	#contHeadSearch { /*Seccion que contiene el panel del buscador */
		position: absolute;
		right:22%;
		top:0px;
		width:28%;
	}
	#contHeadLanguages { /*Seccion que contiene el panel de los Idiomas*/
		position: absolute;
		right:50%;
		top:0px;
		width:28%;
	}
	#contHeadShoppingCart { /*Seccion que contiene el panel del Carrito de compra*/
		left: 75%;
		padding: 15px;
		position: absolute;
		right: 0;
		text-align: right;
		top: 107px;
	}
	#contMainMenu { /*Seccion que contiene el panel del Menú principal*/
		position: absolute;
		left:0px;
		right:0px;
		top: 0px;
		height:48px;
	}
	#contMainMenu > .navbar{ /*Seccion que contiene el panel del Menú principal*/
		margin-bottom:0px;
	}
	#contHeadInfo { /*Seccion que contiene los textos de telefono y gastos de envio*/
		margin-right: 50px;
		position: static;
		right: auto;
		top: auto;
	}
	#contHeadLogo {
		padding-left: 15px;
		padding-right: 70px;
		max-width: 100%;
	}
	.container-collapsable .toggler {
		cursor:pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.container-collapsable .toggler:before {
		content: "\f0fe";
		display: inline-block;
		float: right;
		width: 15px;
		height: 15px;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 1.2em;
	}
	.container-collapsable.in .toggler:before {
		content: "\f146";
	}
}

/*
html.no-js.lt-ie9 .container{ width:1170px; max-width:100%; margin:0 auto; }
html.no-js.lt-ie9 .container-fluid{ max-width:1170px; width:100%; margin:0 auto; }


html.no-js.lt-ie9 .col-sm-1{ width:8.33%; float:left; }
html.no-js.lt-ie9 .col-sm-2{ width:16.66%; float:left; }
html.no-js.lt-ie9 .col-sm-3{ width:33.33%; float:left; }
html.no-js.lt-ie9 .col-sm-4{ width:25%; float:left; }
html.no-js.lt-ie9 .col-sm-5{ width:41.66%; float:left; }
html.no-js.lt-ie9 .col-sm-6{ width:50%; float:left; }
html.no-js.lt-ie9 .col-sm-7{ width:58.33%; float:left; }
html.no-js.lt-ie9 .col-sm-8{ width:75%; float:left; }
html.no-js.lt-ie9 .col-sm-9{ width:66.66%; float:left; }
html.no-js.lt-ie9 .col-sm-10{ width:83.33%; float:left; }
html.no-js.lt-ie9 .col-sm-11{ width:91.66%; float:left; }
html.no-js.lt-ie9 .col-sm-12{ width:100%; float:left; }*/