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

}

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

/* Mobil vertical */
@media screen and (max-device-width : 480px)
{
	#logoHome
	{
		max-width: 100%;
	}
	
	#home .contForm
	{
		width: 100%;
		float: none;
	}
	
	#header #logo
	{
		position: unset;
		width: 100%;
	}
	
	#header #banners
	{
		width: 100%;
		margin-top: 5px;
	}	
	
	#menuTop nav ul li a
	{
		padding: 5px;
	}

	#intro .w60
	{
		width: 100%;	
	}
	
	#intro .w40
	{
		display: none;
	}
	
	.iconsMenu
	{
		width: 53px;
		height: 54px;
	}
	
	.w25
	{
		width: 50%;
	}
	
	.w33
	{
		width: 50%;
	}
	
	.w50
	{
		width: 100%;
	}
	
	#contFooter img
	{
		width: 40px;
	}
	
	#contFooter span
	{
		display: none;
	}
	
	/*
	.tableResponsive table {
        width:100%;
    }
    .tableResponsive thead {
		display: none;
    }
	.tableResponsive tr:nth-of-type(2n) {
		   background-color: inherit;
	}
	   .tableResponsive tr td:first-child {
		   background: #f0f0f0;
		   font-weight:bold;
		   font-size:1.3em;
	   }
	  .tableResponsive tbody td {
		   display: block;
		   
	   }
	   .tableResponsive tbody td:before {
		   content: attr(data-th);
		   display: block;

	   }
      */
	.menuCatImg ul li
	{
		width: calc(33% - 10px); 
	}
	
	.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)
{
	#intro .w60
	{
		width: 100%;	
	}
	
	.iconsMenu
	{
		width: 73px;
		height: 74px;
	}
	
	#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-width : 769px)
{
	#pUsuarios #formFiltres label	
	{
		display: inline-block;
	}
	
}

/* 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)
{
	#menuTop nav
	{
		width:50%;
		height:100%;
		left:-100%;
		margin:0;
		position: absolute;
		z-index: 99999;
		text-align: center;
	}
	
	#menuTop nav ul
	{
		float: none;
	}
	
	#menuTop nav ul li {
		display:block;
		float:none;
		text-align: left;
	}
 
	#menuTop #menuBar {
		display:block;
		width:100%;
	}
	
	#menuTop .btMenu {
		display:block;
	}
	
	#menuTop .btMenu  div {
		padding: 5px;
	}
	
	#menuTop .btMenu img {
		float: right;
	}
	
	#menuTop .subMenu
	{
		position: relative;
		text-align: left;
		margin-left: 5px;
	}

	#menuTop nav ul li:hover > ul {
		display:none;
	}

	#menuTop .menuMbl
	{
		display: block;
	}
	
	#menuTop #iconsRight
	{
		display: none;
	}
}