/* ---------------------------------------------------------------------------------------------- */
/* slide escondido */

div#category { display: block; position: relative; width: 100%; background-color: transparent; margin: 0; padding: 50px 0 0 0; }


/* ---------------------------------------------------------------------------------------------- */
/* descricao e titulo */

div#category h1.title { display: block; position: relative; width: 100%; font-family: 'HelveticaCondensedThin', sans-serif; font-size: 35px; line-height: 50px; }
div#category img.general { float: left; display: block; width: 35%; margin: 15px 0 50px 0; }
div#category p.description { display: block; width: 60%; margin: 15px auto 50px auto; font-size: 16px; color: #babcbe; line-height: 25px; text-align: left; float: right; }


/* ---------------------------------------------------------------------------------------------- */
/* menu */

div#category div.menu { display: block; position: relative; float: left; width: 200px; overflow: hidden; padding: 20px 0; background-color: #ffffff; margin: 20px 0 0 0; text-align: left; }
	div#category div.menu a { display: block; position: relative; width: 200px; font-size: 18px; line-height: 25px; margin: 0 auto 10px auto; color: #babcbe; text-decoration: none; }
	div#category div.menu a:hover { color: #2b2b2b; }


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

div#category div.articles { display: block; position: relative; width: 900px; margin: 20px 0 0 0; text-align: center; float: right; }
	div#category div.articles a.item { display: inline-block; cursor: pointer; position: relative; width: 265px; height: 220px; margin: 15px; border: none; background-color: #ffffff; }
	div#category div.articles a.item:hover div.discount { display: none; }
	div#category div.articles a.item:hover div.details { display: block; }

        div#category 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#category 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#category 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#category 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#category div.articles a.item div.details h1 { display: block; position: absolute; top: 15px; left: 5%; width: 90%; height: 150px; font-family: 'NudelyRegularOne', sans-serif; font-size: 28px; line-height: 50px; color: #2b2b2b; overflow: hidden; }
        	div#category div.articles a.item div.details div.price { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #2b2b2b; }
				div#category 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: 22px; height: 50px; float: left; color: #ffffff; margin: 0 0 0 25px; }
					div#category 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#category 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: 22px; height: 50px; float: right; color: #fac819; margin: 0 25px 0 0; }


/* ---------------------------------------------------------------------------------------------- */
/* paginacao */

div#category div#page_numbers { display: block; position: relative; width: 100%; height: 25px; margin: 50px auto; text-align: center; }
	div#category div#page_numbers a { display: inline-block; position: relative; font-family: 'NudelyRegularOne', sans-serif; font-size: 14px; line-height: 35px; width: 35px; height: 35px; text-decoration: none; background-color: #fac819; text-align: center; border-radius: 100%; color: #000000; }
	div#category div#page_numbers a:hover { color: #ffffff; }
	div#category div#page_numbers a.selected { background-color: #2b2b2b; color: #ffffff; }


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