/* ---------------------------------------------------------------------------------------------- */
/* estrutura principal */

div#home { display: block; position: relative; width: 100%; padding: 0; background-color: transparent; margin: 0; text-align: center; }


/* ---------------------------------------------------------------------------------------------- */
/* banner */

div#home div#slideshow { display: block; position: relative; width: 100%; height: 366px; margin: 0 auto; }
	div#home div#slideshow div.banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#home div#slideshow div.banner a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#home div#slideshow div.banner h3 { display: block; position: absolute; bottom: 25px; left: 50px; font-family: 'HelveticaCondensedHeavy', sans-serif; color: #ffffff; font-size: 40px; line-height: 50px; height: 100px; width: 1000px; text-transform: uppercase; overflow: hidden; text-align: left; text-shadow: 0 0 10px #000000; }


/* ---------------------------------------------------------------------------------------------- */
/* artigos */

div#home div.articles { display: block; position: relative; width: 1100px; margin: 50px 0 0 0; text-align: center; }
	div#home div.articles a.item { display: inline-block; cursor: pointer; position: relative; width: 330px; height: 250px; margin: 15px; border: none; background-color: #ffffff; }
	div#home div.articles a.item:hover div.discount { display: none; }
	div#home div.articles a.item:hover div.details { display: block; }

        div#home div.articles a.item div.discount { display: block; position: absolute; top: -25px; left: -25px; width: 75px; height: 75px; background-color: #fac819; border-radius: 100%; z-index: 2; }
            div#home div.articles a.item div.discount p { display: block; position: relative; font-size: 23px; font-family: 'NudelyRegularOne', sans-serif; line-height: 75px; margin: 0; text-align: center; color: #000000; }
            div#home div.articles a.item div.discount p
			{
				-ms-transform: rotate( -25deg ); /* IE 9 */
				-moz-transform: rotate( -25deg ); /* Firefox */
				-webkit-transform: rotate( -25deg ); /* Safari and Chrome */
				-o-transform: rotate( -25deg ); /* Opera */
				transform: rotate( -25deg ); /* Opera */
			}

        div#home div.articles a.item div.details { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 1; }
        	div#home div.articles a.item div.details h1 { display: block; position: absolute; top: 25px; left: 5%; width: 90%; height: 150px; font-family: 'NudelyRegularOne', sans-serif; font-size: 35px; line-height: 50px; color: #2b2b2b; overflow: hidden; }
        	div#home div.articles a.item div.details div.price { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #2b2b2b; }
				div#home div.articles a.item div.details div.price p.discount { display: block; position: relative; width: auto; font-family: 'HelveticaCondensedHeavy', sans-serif; line-height: 50px; font-size: 25px; height: 50px; float: left; color: #ffffff; margin: 0 0 0 25px; }
					div#home div.articles a.item div.details div.price p.discount span { display: block; position: absolute; top: 50%; left: -5%; width: 110%; height: 3px; background-color: #fac819; border: none; margin: -1px 0 0 0; }
				div#home div.articles a.item div.details div.price p.price { display: block; position: relative; width: auto; font-family: 'HelveticaCondensedHeavy', sans-serif; line-height: 50px; font-size: 25px; height: 50px; float: right; color: #fac819; margin: 0 25px 0 0; }


/* ---------------------------------------------------------------------------------------------- */