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

div#promotions { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; }
	div#promotions div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0; font-size: 0; }

@media all and ( max-width: 1199px )
{
	div#promotions div.container { width: auto; margin: 0 10px; }
}

/* ================================================================================================================== */
/* titulo */
/* ================================================================================================================== */

div#promotions div.title { display: block; position: relative; width: 100%; padding: 350px 0 75px 0; background: transparent url(../images/bg_promotions.jpg) no-repeat bottom center; background-size: cover; }
	div#promotions div.title h1 { display: block; position: relative; font-size: 100px; line-height: 120px; color: #ffffff; }

@media all and ( max-width: 1199px )
{
	div#promotions div.title { padding: 150px 0; }
		div#promotions div.title h1 { width: auto; margin: 0 10px; font-size: 35px; line-height: 40px; }
}

/* ================================================================================================================== */
/* items */
/* ================================================================================================================== */

div#promotions div.items { display: block; position: relative; padding: 0; margin: 0; font-size: 0; text-align: left; }
	div#promotions div.items div.category { display: block; position: relative; padding: 0; margin: 50px 0 0 0; padding: 0; font-size: 0; text-align: left; border-bottom: 2px solid #d9dbdc; }
	div#promotions div.items div.category:last-child { border-bottom: none; }
		div#promotions div.items div.category h1.title { font-size: 30px; line-height: 35px; margin: 0 0 50px 0; }

	div#promotions div.items a { display: inline-block; position: relative; width: 384px; margin: 0 24px 50px 0; vertical-align: bottom; text-decoration: none; }
	div#promotions div.items a:nth-child(3n) { margin-right: 0; }
		div#promotions div.items a div.photo { display: block; position: relative; width: 100%; height: 250px; margin: 0 0 15px 0; text-align: center; }
			div#promotions div.items a div.photo img { display: inline-block; position: relative; max-width: 100%; max-height: 250px; margin: 0; vertical-align: middle; }
		div#promotions div.items a h1 { display: block; position: relative; font-size: 18px; line-height: 25px; color: #010101; text-align: center; }
		div#promotions div.items a:hover h1 { color: #eb2227; }
		div#promotions div.items a span.discount { display: block; position: absolute; top: 0; left: 0; background-color: #eb2227; line-height: 30px; padding: 0 20px; color: #ffffff; }

	div#promotions div.items a:hover *,
	div#promotions div.items a:hover { transition-property: width, height, top, left, background-color, color; -webkit-transition-property: width, height, top, left, background-color, color; -moz-transition-property: width, height, top, left, background-color, color; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }
	div#promotions div.items a *,
	div#promotions div.items a { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }

@media all and ( max-width: 1199px )
{
	div#promotions div.items { text-align: center; }
		div#promotions div.items div.category { margin: 25px 0 0 0; text-align: center; }
			div#promotions div.items div.category h1.title { margin: 0 0 25px 0; }

		div#promotions div.items a,
		div#promotions div.items a:nth-child(3n) { width: 280px; margin: 0 5px 35px 5px; }
}