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

div#categories { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; }
div#categories
{
	min-height: 100vh;
	min-height: -webkit-calc( 100vh - 55px );
	min-height:    -moz-calc( 100vh - 55px );
	min-height:         calc( 100vh - 55px );
}
	div#categories div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 100px 0 0 0; text-align: center; font-size: 0; }

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

div#categories div.categories { display: block; position: relative; width: 100%; height: auto; margin: 0 0 35px 0; vertical-align: top; text-align: center; font-size: 0; }
div#categories div.categories
{
	background: #669443;
	background: -webkit-linear-gradient( left, #558139, #80b153 );
	background: -o-linear-gradient( left, #558139, #80b153 );
	background: -moz-linear-gradient( left, #558139, #80b153 );
	background: linear-gradient( to right, #558139, #80b153 );
}
	div#categories div.categories a { display: inline-block; position: relative; width: auto; height: auto; line-height: 35px; font-size: 18px; color: #ffffff; text-decoration: none; margin: 0 25px; vertical-align: middle; }
	div#categories div.categories a:hover { color: #84b555; }

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

div#categories div.products { display: block; position: relative; width: 100%; height: auto; margin: 35px 0 0 0; vertical-align: top; text-align: center; font-size: 0; }
	div#categories div.products a { display: inline-block; position: relative; width: 290px; height: 185px; margin: 10px 5px 0 5px; }
	div#categories div.products a:nth-child(1) { width: 590px; height: 385px; margin: 0 0 0 5px; }
	div#categories div.products a:nth-child(2) { width: 590px; height: 385px; margin: 0 5px 0 10px; }
		div#categories div.products a div.hover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/item_hover.png) repeat; opacity: 0; vertical-align: bottom; }
		div#categories div.products a:hover div.hover { opacity: 1; }
			div#categories div.products a div.hover h1 { display: block; position: absolute; bottom: 120px; height: 35px; font-size: 18px; line-height: 35px; left: 20%; width: 60%; overflow: hidden; color: #ffffff; }
			div#categories div.products a div.hover p { display: block; position: absolute; bottom: 40px; left: 20%; width: 60%; overflow: hidden; height: 80px; line-height: 20px; font-size: 14px; color: #ffffff; }
			div#categories div.products a:nth-child(1) div.hover h1,
			div#categories div.products a:nth-child(2) div.hover h1 { bottom: 155px; height: 45px; line-height: 45px; font-size: 24px; }
			div#categories div.products a:nth-child(1) div.hover p,
			div#categories div.products a:nth-child(2) div.hover p { bottom: 40px; height: 100px; line-height: 25px; font-size: 16px; }