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

div#cat_articles div#page_numbers { display: block; position: relative; float: right; height: 25px; margin: 10px auto; }
    div#cat_articles div#page_numbers a { display: block; position: relative; float: left; font-size: 14px; line-height: 25px; height: 25px; padding: 0 8px; text-decoration: none; }
    div#cat_articles div#page_numbers a:hover { color: #BC313A; }
    div#cat_articles div#page_numbers a.selected { color: #BC313A; }


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

div#cat_articles { display: block; position: relative; float: right; width: 70%; overflow: hidden; margin: 0; }

    div#cat_articles div.art { display: block; cursor: pointer; position: relative; float: left; width: 30%; margin: 0 2% 20px 1%; height: 235px; border: 1px solid transparent; }
    div#cat_articles div.art:hover { border: 1px solid #BC313A; }

        div#cat_articles div.art div.img { display: block; position: absolute; top: 5%; left: 5%; width: 90%; height: 175px; overflow: hidden; }
            div#cat_articles div.art div.img img { display: block; width: 100%; min-height: 100%; }

        div#cat_articles div.art div.discount { display: block; position: absolute; top: 10px; left: 0; width: 80px; height: 80px; color: #ffffff; }
            div#cat_articles div.art div.discount p { display: block; font-size: 24px; font-weight: bold; margin: 0; text-align: center; color: #ffffff; text-shadow: 1px 1px 0 #BC313A, -1px -1px 0 #BC313A, -1px 1px 0 #BC313A, 1px -1px 0 #BC313A; -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg); }

        div#cat_articles div.art h1.name { font-size: 14px; display: block; position: absolute; top: 185px; left: 5%; width: 90%; height: 25px; line-height: 25px; overflow: hidden; }

        div#cat_articles div.art div.with_discount { position: absolute; top: 205px; left: 5%; width: 90%; height: 25px; overflow: hidden; }
            div#cat_articles div.art div.with_discount p.old_price { color: #000000; font-size: 14px; line-height: 25px; float: left; }
            div#cat_articles div.art div.with_discount p.discount { color: #626262; font-size: 12px; line-height: 25px; float: left; margin: 0 0 0 10px; }
            div#cat_articles div.art div.with_discount p.actual_price { color: #97112b; font-size: 14px; line-height: 25px; float: left; margin: 0 0 0 10px; }

        div#cat_articles div.art div.without_discount { position: absolute; top: 205px; left: 5%; width: 90%; height: 25px; overflow: hidden; }
            div#cat_articles div.art div.without_discount p { color: #000000; font-size: 14px; line-height: 25px; float: left; }


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