@media all and ( max-width: 799px )
{
	#category { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 30px 0; }

		/* categorias */
		#category div.categories { display: none; }


		/* fotos */
		#category div.photos { display: block; position: relative; width: 100%; min-height: 50px; margin: 15px auto 0 auto; text-align: center; font-size: 0; }
			#category div.photos a { display: inline-block; position: relative; width: 276px; height: 276px; margin: 10px; background-color: #ffffff; overflow: hidden; border: 2px solid #E9E9E9; }
			#category div.photos a { transition-property: all; transition-duration: 250ms; }
}
@media all and ( min-width: 800px )
{
	#category { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 30px 0; }

		/* categorias */
		#category div.categories { display: block; position: relative; width: 100%; margin: 15px 0 0 0; height: 25px; text-align: center; white-space: nowrap; }
			#category div.categories a { display: inline-block; position: relative; margin: 0 10px; font-family: 'FuturaMdBTMedium', sans-serif; font-size: 16px; line-height: 25px; color: #c4c5c7; text-decoration: none; }
			#category div.categories a { transition-property: all; transition-duration: 400ms; }
			#category div.categories a:hover { color: #0584b5; }
			#category div.categories a.selected { color: #0584b5; }


		/* fotos */
		#category div.photos { display: block; position: relative; width: 900px; min-height: 50px; margin: 15px auto 0 auto; text-align: left; font-size: 0; }
			#category div.photos a { display: inline-block; position: relative; width: 276px; height: 276px; margin: 10px; background-color: #ffffff; overflow: hidden; border: 2px solid #E9E9E9; }
			#category div.photos a { transition-property: all; transition-duration: 250ms; }

			#category div.photos a
			{
				-webkit-filter: grayscale( 1 );
				-webkit-filter: grayscale( 100% );
				filter: grayscale( 100% );
				filter: url( #greyscale );
				filter: gray;
			}

			#category div.photos a:hover
			{
				border: 2px solid #0584b5;
				-webkit-filter: grayscale( 0 );
				-webkit-filter: grayscale( 0 );
				filter: grayscale( 0 );
				filter: none;
				filter: none;
			}
}