/******************************************************
 * Impressió
 ********************************************************/
@media print
{

}

/******************************************************************************************************
 * Definir els media querys
 ******************************************************************************************************/

/* Mobil vertical */
@media screen and (max-device-width : 480px)
{
	#logoHome
	{
		max-width: 100%;
		margin: 20px 0 50px;
	}
	
/*	#home .contForm
	{
		width: 100%;
		float: none;
	}
*/	


		#sidebar {
			width: 100%;
			transition: none;
		}	
	
		#sidebar.closed {
			margin-left: -100%;
		}

		#sidebar.closed ~ #content {
			margin-left: 0px;
		}
		
		#sidebar.open ~ #content {
			margin-left: 300px;
		}
		
		#content
		{
			padding: 40px 10px 0;
			transition: none;
		}
		
		h1
		{
			padding: 5px;
			width: 100%;
		}
		
	#contHome 
	{
		max-width: 100%;
	}
	
		#header #logo
		{
			position: unset;
			width: 100%;
		}
		
		#header #logo img
		{
			max-height: 50px;
		}
	
	#header #banners
	{
		width: 100%;
		margin-top: 5px;
	}	
	

	#intro .w60
	{
		width: 100%;	
	}
	
	#intro .w40
	{
		display: none;
	}
	
		
		.buttonMedium
		{
			min-width: 100px;
		}
		
		.w25
		{
			width: 50%;
		}
		
		.w33
		{
			width: 50%;
		}
		
		.w40
		{
			width: 100%;
		}
	
		.w50
		{
			width: 100%;
		}
		
		.w75
		{
			width: 100%;
		}
	
		#contFooter img
		{
			width: 30px;
		}
	
		#contFooter span
		{
			display: none;
		}
	
		.menuCatImg ul li
		{
			width: calc(33% - 10px); 
		}
		
		.menuCatImg ul .noImgCat
		{
			top: 10px;
		}
	
		.pagination
		{
			position: relative;
			transform: initial;
		}
		
	.no480
	{
		display: none;
	}
	
	.view480
	{
		display:block;
	}
	
	.llistatProductes td
	{
		text-align: left;
	}
	
	.contSearchProducts .buttonMedium
	{
		min-width: auto;
	}
	
	#pageDetailProduct #img, #pageDetailProduct #info, #pageDetailProduct #text
	{
		width: 100%;
		height: auto;
	}	
}

/* Mobil horitzontal, tablet vertical, table horitzontal */
@media screen and (min-device-width : 481px) and (max-device-width : 768px)
{
		#header #logo img
		{
			max-height: 75px;
		}
		
		#sidebar {
			width: 200px;
		}	
		
		#sidebar.closed {
			margin-left: -200px;
		}
		
		#sidebar.open ~ #content {
			margin-left: 200px;
		}
		.menu .iconMenu 
		{
			display: none;
		}	
		
		h1
		{
			width: 100%;
		}
		
	#intro .w60
	{
		width: 100%;	
	}
	
	#pUsuarios #formFiltres select	
	{
		max-width: 100%;
	}	
	
	
		#contFooter img
		{
			width: 40px;
		}
	
		#contFooter span
		{
			display: none;
		}
	
		.menuCatImg ul li
		{
			width: calc(25% - 10px); 
		}
	
	.no480
	{
		display: none;
	}
	
	.view480
	{
		display:block;
	}
	
	.llistatProductes td
	{
		text-align: left;
	}
	
	.contSearchProducts .w25
	{
		width: 50%;
	}
	
	#pageDetailProduct #img, #pageDetailProduct #info
	{
		width: 50%;
	}
	
	#pageDetailProduct #text
	{
		width: 100%;
		height: auto;
	}
}

/* Super mòbils   */
@media  screen and (min-device-width : 769px) and (max-device-width : 1023px)
{
	#pUsuarios #formFiltres label	
	{
		display: inline-block;
	}
	
	.menuCatImg ul li
	{
		width: calc(20% - 10px); 
	}
	
}

/* Obligar a ficar el menú mòbil quan el dispositiu fa menys de l'ample màxim pel que s'ha dissenyat la pantalla, sino les opcions no caben. Susana (19-5-2020) */
@media screen and (max-device-width : 1024px)
{

}