/* ----------------------------------------------------------------------------------------------------------------- */
/* categorias */

div.categories { display: block; position: absolute; bottom: 20px; left: 0; width: 100%; height: 38px; border-top: 1px solid #bc313a; border-bottom: 1px solid #bc313a; border-left: none; border-right: none; }

    div.categories div.left { display: block; position: absolute; top: 0; left: -30px; width: 22px; height: 38px; cursor: pointer; background: transparent url(../../src/img/categories/left.png) no-repeat; }
    div.categories div.left:hover { background: transparent url(../../src/img/categories/left_hover.png) no-repeat; }
    div.categories div.right { display: block; position: absolute; top: 0; right: -30px; width: 22px; height: 38px; cursor: pointer; background: transparent url(../../src/img/categories/right.png) no-repeat; }
    div.categories div.right:hover { background: transparent url(../../src/img/categories/right_hover.png) no-repeat; }

    div.categories div.center { display: block; height: 38px; overflow: hidden; }
        div.categories div.center div { display: block; height: 38px; }
            div.categories div.center div a { display: block; float: left; line-height: 38px; font-size: 16px; text-shadow: 0 1px 0 #000000; color: #bc313a; text-decoration: none; padding: 0 20px; }
            div.categories div.center div a:hover { background-color: #dec5ba; color: #ffffff; text-shadow: none; }


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