/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

#products { display: block; position: relative; width: 100%; height: auto; margin: 0; padding: 0; }
	#products div.container { display: block; position: relative; width: auto; margin: 0 auto; padding: 50px 0; }

@media all and ( max-width: 1200px ) {
		#products div.container { margin: 0 15px; padding: 15px 0; }
}

/* ================================================================================================================== */
/* titulos */
/* ================================================================================================================== */

#products h1 { display: block; position: relative; font-size: 3.125em; color: #e81c24; text-align: center; }
#products p.description { display: block; position: relative; color: #a2a4a7; text-align: center; }

/* ================================================================================================================== */
/* colunas */
/* ================================================================================================================== */

#products div.categories { display: block; position: relative; margin-top: 50px; text-align: center; }
	#products div.categories a { display: inline-block; position: relative; margin: 0 25px; text-decoration: none; }
	#products div.categories a.selected,
	#products div.categories a:hover { color: #e81c24; }

@media all and ( max-width: 750px ) {
	#products div.categories { margin-top: 25px; }
		#products div.categories a { margin: 0 10px; }
}

/* ================================================================================================================== */
/* detalhes categorias */
/* ================================================================================================================== */

#products div.categories_details { display: block; position: relative; margin-top: 50px; text-align: center; }
	#products div.categories_details div.block { display: inline-block; position: relative; width: 50%; padding-right: 15px; margin-bottom: 50px; }
	#products div.categories_details div.block:nth-child(2n) { padding-right: 0; padding-left: 15px; }
		#products div.categories_details div.block a { display: block; position: relative; width: 100%; height: auto; text-decoration: none; }
			#products div.categories_details div.block a span.photo { display: block; position: relative; width: 100%; height: 500px; background: transparent no-repeat center center; background-size: cover; }
			#products div.categories_details div.block a p { display: block; position: relative; text-align: center; margin-top: 15px; }
			#products div.categories_details div.block a:hover p { color: #e81c24; }

@media all and ( max-width: 900px ) {
	#products div.categories_details { margin-top: 25px; }
		#products div.categories_details div.block { margin-bottom: 25px; }
		#products div.categories_details div.block a span.photo { height: 350px; }
}
@media all and ( max-width: 650px ) {
	#products div.categories_details div.block a span.photo { height: 250px; }
}
@media all and ( max-width: 500px ) {
	#products div.categories_details div.block { width: 100%; padding: 0; }
	#products div.categories_details div.block:nth-child(2n) { padding: 0; }
}

/* ================================================================================================================== */
/* detalhes produtos */
/* ================================================================================================================== */

#products div.products_details { display: block; position: relative; margin-top: 50px; text-align: center; }
	#products div.products_details div.block { display: inline-block; position: relative; width: 33%; padding: 0 15px; margin-bottom: 50px; }
		#products div.products_details div.block a { display: block; position: relative; width: 100%; height: auto; text-decoration: none; cursor: pointer; }
			#products div.products_details div.block a div.photo { display: block; position: relative; width: 100%; height: 350px; background: transparent no-repeat center center; background-size: cover; overflow: hidden; }
				#products div.products_details div.block a div.photo div.hover { display: block; position: absolute; bottom: -65px; left: 0; width: 100%; height: 65px; background-color: #e81c24; text-align: left; padding: 0 35px; cursor: default; }
				#products div.products_details div.block a:hover div.photo div.hover { bottom: 0; }
					#products div.products_details div.block a div.photo div.hover span.icon { display: inline-block; position: relative; width: 22px; height: 20px; background: transparent url(../images/wishlist_icon.png) no-repeat; background-size: 100% auto; vertical-align: middle; margin-right: 10px; cursor: pointer; }
					#products div.products_details div.block a div.photo div.hover span.icon[data-selected="false"] { background-position-y: 0; }
					#products div.products_details div.block a div.photo div.hover span.icon[data-selected="true"] { background-position-y: -21px; }
					#products div.products_details div.block a div.photo div.hover span.icon:hover { background-position-y: -21px; }
					#products div.products_details div.block a div.photo div.hover p { display: inline-block; position: relative; font-size: 0.75em; color: #ffffff; vertical-align: middle; }
			#products div.products_details div.block a p.text { display: block; position: relative; text-align: center; margin-top: 15px; }
			#products div.products_details div.block a:hover p.text { color: #e81c24; }

@media all and ( max-width: 1200px ) {
	#products div.products_details div.block { width: 33%; margin-bottom: 35px; }
		#products div.products_details div.block a div.photo { height: 250px; }
}
@media all and ( max-width: 900px ) {
	#products div.products_details div.block { width: 50%; margin-bottom: 35px; }
		#products div.products_details div.block a div.photo { height: 250px; }
}
@media all and ( max-width: 500px ) {
	#products div.products_details div.block { width: 100%; margin-bottom: 35px; }
		#products div.products_details div.block a div.photo { height: 250px; }
}