/* 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: 992px) and (max-width: 1199px) {
	#contHeadInfo2 { /*Seccion que contiene los textos de telefono y gastos de envio*/
		height: auto;
		left: auto;
		position: static;
		right: auto;
		top: auto;
	}
}
@media (min-width: 768px) {
	#header_container { /*Contenedor que envuelve toda la Cabecera. Coge el ancho del cuerpo de página*/
		padding-left:0px;
		padding-right:0px;
	}
	#bodycenter_container { /*Contenedor que envuelve todo el cuerpo. Coge el ancho del cuerpo de página*/
		padding-left:0px;
		padding-right:0px;
	}
	#footer_container { /*Contenedor que envuelve todo el Pie. Coge el ancho del cuerpo de página*/
		padding-left:0px;
		padding-right:0px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	/* En este bloque, se meten los ajustes para cuando la ventana es de tamaño "tablet" (pequeño) */
	#contMainMenu .navbar-header {
        float: none;
    }
	#contMainMenu .navbar-left,#contMainMenu .navbar-right {
        float: none !important;
    }
    #contMainMenu .navbar-toggle {
        display: block;
		margin-right:0px;
    }
    #contMainMenu .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	#contMainMenu .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	#contMainMenu .navbar-collapse.collapse {
        display: none!important;
    }
	#contMainMenu .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	#contMainMenu .navbar-nav>li {
        float: none;
    }
	#contMainMenu .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	#contMainMenu .collapse.in{
  		display:block !important;
	}
	#contTopMenu .navbar .navbar-header .visible-sm {
		display: none !important;
	}
	#contHeadSearch { /*Seccion que contiene el panel del buscador */
		right:60px;
	}
	#contHeadSearch .form-search .form-group { /*Seccion que contiene el panel del buscador */
		width:100%;
	}
	#contHeadInfo2 { /*Seccion que contiene los textos de telefono y gastos de envio*/
		position:static;
		top:auto;
		left:auto;
		right:auto;
		height:auto;
	}
	#contHeadInfo {
		left: auto;
		max-width: 100%;
		position: static;
		right: auto;
		top: auto;
	}
	#contHeadLogo {
		max-width:50%;
	}
	#contHeadMyAccount {
		right: 30%;
	}
	#contHeadShoppingCart { /*Seccion que contiene el panel del Carrito de compra*/
		max-width:30%;
	}
	#contHeadSearch { /*Seccion que contiene el panel del buscador */
		bottom: auto;
		top: auto;
		position: static;
		right: auto;
		left: auto;
		text-align: right;
		width:auto;
		max-width:100%;
	}
}
@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) {
	.modal-dialog {
		margin-top:50px;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	.modal-dialog {
		margin-top:50px;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	/* En este bloque, se meten los ajustes para cuando la ventana es de tamaño "movil" (extra-pequeño) */	
	#contHeadSearch { /*Seccion que contiene el panel del buscador */
		bottom: auto;
		top: auto;
		position: static;
		right: auto;
		left: auto;
		text-align: center;
		width:auto;
		max-width:100%;
	}
	#contHeadInfo2 { /*Seccion que contiene los textos de telefono y gastos de envio*/
		position:static;
		top:auto;
		left:auto;
		right:auto;
		height:auto;
	}
	#contHeadInfo {
		left: auto;
		max-width: 100%;
		position: static;
		right: auto;
		top: auto;
	}
	#contTopMenu { /*Seccion que contiene el panel del Menu Superior*/
		position: absolute;
		left:0px;
		right:67%;
	}
	#contTopMenu .navbar .container-fluid .navbar-header { 
		margin-right:0px;
	}
	#contTopMenu .navbar .container-fluid .navbar-collapse { 
		margin-right:0px;
	}
	#contTopMenu .navbar .container-fluid .navbar-collapse > ul { 
		margin-left:0px;
		margin-right:0px;
	}
	#contHeadMyAccount { /*Seccion que contiene el panel de Mi cuenta*/
		position: absolute;
		right:0px;
		left:67%;
		top:0px;
		padding:0px;
		max-width:100%;
	}
	#contHeadLanguages{ /*Seccion que contiene el panel de Mi cuenta*/
		position: absolute;
		right:33%;
		left:33%;
		top:0px;
		padding:0px;
	}
	#contHeadShoppingCart{ /*Seccion que contiene el panel de Mi cuenta*/
		bottom: auto;
		display: block;
		left: auto;
		margin-bottom: 20px;
		max-width: 100%;
		position: static;
		right: auto;
		text-align: right;
		top: auto;
	}
	#contMainMenu > .navbar > .container-fluid > .navbar-collapse {
		margin-left:0px;
		margin-right:0px;
	}
	#contMainMenu > .navbar > .container-fluid > .navbar-collapse > .navbar-nav {
		margin-left:0px;
		margin-right:0px;
	}
	#contHeadLogo { /*Seccion que contiene el panel del Logo*/
		max-width:100%;
		text-align:center;
	}	
	#contHeadLogo #store_logo img{ 
		margin:0 auto;
	}
	.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: "\f067";
		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: "\f068";
	}
}
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; }