Área das categorias desse tema

Qual é minha questão:
Queria  a área das categorias desse forum aqui: http://moldentecskins.forumeiros.com/

Gente eu tenho a css do tema ai fica mais facil de acha:

aqui está

Código:

a:link{text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
a:active {text-decoration: none !important;}
#pun-head { display:none!important; }
#pun-intro { display:none!important; }
#fieldset { border: none!important; }
#pun-foot {
clear: both;
width: 960px;
margin: auto;
}
#wrap { width: 960px; margin: auto; }
.main .main-foot, .main .main-head {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
background: url(http://i.imgur.com/oDuenBU.png) repeat 50% 100%;
background-color: rgb(36, 115, 177);
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
color: #fff;
font-size: 12px;
font-weight: 700;
overflow: hidden;
padding: 15px;
position: relative;
}
















.pun table.table {
  border: 1px solid #DDD!important;
 
}
.pun table.table td {
  border-bottom: 1px solid #DDD!important;
 
}
/*crumbs*/
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
/*css*/
html {
   overflow-y:scroll;
}
body {
   background: #21313d;
   color: #444;
   font-family: Arial, Sans-Serif;
   font-size: 13px;
   text-align: center; /* IE 5 fix */
   padding:0;
   margin:0;
   line-height: 1.4;
}
















.logo ,.forumdesc {
-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;
}
















a:link {
   color: #316180;
   text-decoration: none;
}
















a:visited {
   color: #344957;
   text-decoration: none;
}
















a:hover, a:active {
   color: #000;
   text-decoration: none;
}
















.noborder {
   border:0 !important;
}
.relative {
   position:relative;
}
#container {
   text-align: left; /* IE 5 fix */
}
















.main_width {
   width: 960px;
   margin:auto;
   position: relative;
}
.basicbox {
border:1px solid #ddd;
border-radius:2px;
}
.basicbox.pad {
padding:15px;
}
#header {
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
border-radius: 0 0 5px 5px;
box-shadow: 0 1px 0 rgba(255,255,255,0.2);
height: 193px;
margin-left: 350px;
margin-right: 350px;
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
background: url(http://i.imgur.com/nJdNZAq.png) repeat 50% 0%;
background-color: #2473b1;
}
.avatar img,.user-avatar {
padding: 1px;
border: 1px solid #DDD;
box-shadow: 0px 1px 3px -1px #BEBEBE;
}
.user-dropdown-box .user-avatar {margin:10px;}
.avatar img:hover, .user-avatar:hover {border-color:#aaa;}
.search-box {
    position: absolute;
    top: 32px;
    right: 0px;
}
















.search-box .textbox {
    border: 1px solid rgb(70, 83, 92);
   
    padding: 0px 10px;
    height: 31px;
    margin-right: -5px;
}
















.search-box .button {
    background: #353535 url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/icon-sprite.png) !important;
    color: transparent;
    height: 32px;
    border: 0;
    width: 34px;
    background-position: -50px -8px !important;
}
















.search-box .button:hover {
opacity:0.8;
}
































.logo , .forumdesc {
-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;
}
















.logo:hover {
    opacity:0.7;
}
















.branding {
display: table-cell;
vertical-align: middle;
height: 93px;
line-height: 93px;
margin: auto;
}
















#panel {
   color: #E9E9E9;
   font-size: 11px;
   height: 42px;
   font-family: georgia;
   font-style: italic;
   text-shadow: 0px -1px 0px #000;
   line-height: 42px;
}
















#panel a {
   color: #E9E9E9;
}
















#panel .registerlink {
    background: #8DB318;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 10px;
    border-radius: 2px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);
    margin-left: 10px;
}
#panel .loginlink {
   position:relative;
}
#panel .registerlink i {
}
















#panel .registerlink:hover {
    background: #78AD28;
}
















#panel .remember_me input {
   vertical-align: middle;
   margin-top: -1px;
}
















.social-icons {
}
















.social-icons a {
   background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/social_icons.png) 0px 0px;
   height: 16px;
   width: 18px;
   display: inline-block;
   position: relative;
   top: 5px;
   background-position: 0px -2px;
   opacity: 0.6;
}
















.social-icons a:hover {
    opacity:1;
}
















.a-icon-facebook {
    background-position: 19px -2px !important;
}
















.a-icon-youtube {
    background-position: 0px -2px !important;
}
















.a-icon-vimeo {
    background-position: 100px -2px !important;
}
















.a-icon-rss {
    background-position: 40px -2px !important;
}
















.a-icon-gplus {
    background-position: 80px -2px !important;
}
















.a-icon-twitter {
    background-position: 60px -2px !important;
}
















.no-js .date-sep {
display:none;
}
















.top-date {
    color: #AAA;
}
















.date-sep, .panel-sep {
    position: relative;
    top: -3px;
    margin: 0 7px;
    color: #aaa;
}
















.user-dropdown {
background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/icon-sprite.png);
display: inline-block;
height: 20px;
width: 20px;
position: relative;
top: 7px;
cursor:pointer;
background-position: -90px -16px;
}
















.user-dropdown-box {
display:none;position: absolute;
min-width: 150px;
background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/trans/black8.png);color: #555;
top: 28px;border-radius: 0 4px 4px 4px;
padding: 5px;z-index: 88;
left: -5px;
box-shadow: none;
font-family: arial;
text-shadow: none;
font-style: normal;
}
.user-dropdown-box-inner {
    background: white;
text-align:center;
}
















.user-dropdown-box::before {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
position: absolute;
border-bottom: 5px solid #000000;
top: -5px;
left: 10px;
}
















.user-dropdown-box a {
text-shadow:none;color:#555 !important;
display: block;
height: auto;
line-height: 1.3;
padding: 10px;
border-top: 1px solid #ddd;
font-family: arial;
font-style: normal;
text-align:left;
}
.user-dropdown-box a:first-child {border-top:0;}
.user-dropdown-box a:hover {
color:#222 !important;
background: #F5F5F5;
}
















#quick_login .user-dropdown-box-inner {
padding: 10px;
}
#quick_login  .user-dropdown-box-inner a {
margin:-10px;
padding:15px;
background: #fafafa;
margin-top:0;
}
#quick_login .textbox{
padding: 8px;
margin-bottom: 10px;
}
#quick_login .textbox:last-child {margin-bottom:0;}
#quick_login .button {
   display: block;
   width: 100%;
   margin-bottom: 15px;
   padding: 10px;
   text-transform: uppercase;
   font-weight: bold;
}
.pms-unread {
font-family: sans-serif;
background:gray;
padding: 0px 4px;
display: inline-block;
height: 16px;
line-height: 16px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.56);
border-radius: 1px;
box-shadow: -1px 1px 0px rgba(0, 0, 0, 0.17);
margin-right: 4px;
}
















.pms-unread.unread {
background: #E43030 !important;
}
















#content {
   /* FIX: Make internet explorer wrap correctly */
   background: #fff;
   padding: 10px;
   
   border-radius: 0 0 5px 5px;
   padding-bottom: 0;
   box-shadow: 0 10px 20px rgba(0,0,0,.5);
   -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5);
   -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
}
















.menu {
   background: url(http://www.audentio.com/demo/mybb16/images/audentio/dazzle/trans/black3.png);
   height: 58px;
   border-radius: 4px 4px 0 0;
   box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07);
  border-radius: 0 0 5px 5px;
   overflow: hidden;
}
















.menu ul {
   color: white;
   font-weight: bold;
   padding: 0;
   list-style: none;
   margin: 0;
}
















.menu li:first-child {
    margin-left: 10px;
}
















.menu li:first-child a {
}
















.menu li:last-child {
    background: none;
}
















.menu li:last-child a {
}
















.menu ul a:hover .menu-item-subtitle {
color:#fafafa
}
















.menu ul a:link,.menu ul a:visited {
   color: #f8f8f8;
   text-decoration: none;
   margin-top: 16px;
   display: block;
   padding-right: 35px;
   padding-left: 2px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58);
}
















.menu ul a:visited {
   color: #f5f5f5;
   text-decoration: none;
}
















.menu ul a:hover, .menu ul a:active {
   color: #fff;
   text-decoration: none;
}
















.menu-item-subtitle {
    display: block;
    float: left;
    font-size: 10px;
    color: #868686;
    font-weight: normal;
font-style:italic;
}
































/* Additional CSS (Master) */
img {
   border: none;
}
















.clear {
   clear: both;
}
















.hidden {
   
   display:none !important;
   float: none;
   width: 1%;
}
















.hiddenrow {
   display: none;
}
















.selectall {
   background-color: #FFFBD9;
   font-weight: bold;
   text-align: center;
}
















.left, .float_left {
   float: left;
}
















.right, .float_right {
   float: right;
}
















.menu li {
   display: block;
   padding-left: 10px;
   float: left;
   background: url(../../../images/audentio/dazzle/menu-sep.png) no-repeat right 10px;
}
















.menu img {
   padding-right: 5px;
   vertical-align: top;
}
















#panel .links {
   margin: 0;
   float: right;
}
















#panel form {
   display:inline-block;
}
















.expcolimage {
   float: right;
   width: auto;
   vertical-align: middle;
   margin-top: 3px;
}
  /*footer*/
  #footer {
background: url(http://i.imgur.com/oDuenBU.png) repeat 50% 100%;
border-radius: 5px 5px 0 0;
margin-left: 350px;
margin-right: 350px;
background-color: #2473b1;
}
.footer-content {
   width: 95%;
   margin: 0 auto;
}
















#copyright {
   font: 11px 'PT Sans Caption', Arial, sans-serif;
   padding: 0 0 20px;
   color: #fff;
   margin: 0 auto;
}
















#copyright a {
   color: #e4dab8;
}
















#debug {
   float: right;
   text-align: right;
   margin-top: 0;
}
















.bottommenu {
   color: #000000;
   padding: 21px 20px;
   margin: 0 auto;
   position: relative;
   top: -14px;
}
















.bottommenu a {
   color: #fff;
   text-shadow: 1px 1px 0 rgba(0,0,0,.3);
   margin: 0 15px 0 0;
}
















.bottommenu-left {
   float: left;
   margin-left: -15px;
}
















.bottommenu-right {
   float: right;
   margin-right: -15px;
}
















.bottommenu-left, .bottommenu-right {
   width: 15px;
   height: 61px;
   position: relative;
   top: -14px;
}
















#lang_select {
   margin: -4px 0 0;
}
















.bigenglish-top {
   margin: -33px 0 0 15px;
   position: relative;
   top: 7px;
}
















.bigenglish-bottom {
   margin: -26px 0 0 15px;
   position: relative;
   top: 22px;
}
















.bigenglish-top .bottom {
   display: none;
}
















.bigenglish-bottom .top {
   display: none;
}
















.author_buttons, .post_management_buttons {
   height: 28px;
}
















.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}
  /*estatisticas*/
#estadisticas-IPB {
text-align: center;
}
#estadisticas-IPB .stat-bloque {
display: inline-block;
margin-right: 10px;
}
#estadisticas-IPB span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin: 2px;
}
.board_statistics {
margin: 20px 0 0 0;
padding: 10px 0;
border-top: 3px solid #D8D8D8;
}
.board_statistics h2 {
font-size: 14px;
font-weight: bold;
margin: 4px 0;
}
  body {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}
 
 
.user-basic-info a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
  /*quick-reply e input*/
dd.frm-input input, fieldset.frm-set.multi input.inputbox, #ucp input[type="text"], #ucp input[type="password"], input.inputbox {
font-size: 16px;
font-weight: bold;
padding: 5px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
display: block;
}
dd.frm-input input:focus, fieldset.frm-set.multi input.inputbox:focus, #ucp input[type="text"]:focus, #ucp input[type="password"]:focus, input.inputbox:focus {
outline: none;
background-color: #FEFEFE;
color: #555;
border-color: #3FA6E4;
-webkit-box-shadow: inset 0px 0px 4px #F7D5D5, #FDD 0px 0px 3px;
-moz-box-shadow: inset 0px 0px 4px #f7d5d5, #ffdddd 0px 0px 3px;
box-shadow: inset 0px 0px 4px #F7D5D5, #FDD 0px 0px 3px;
}
fieldset.frm-set, .pun .main .main-content.message {
  background-color: transparent;
}
.pun .frm-form {background: transparent;}
.main .main-content.frm {
background-color: transparent;
}
#pun-qpost .main-content.frm {
background: #EBEDEF;
padding: 9px;
}
#pun-qpost .frm-form {
background: #F6F8FA;
border: 1px solid #DCE2EC;
}
#pun-qpost .main-head {
font: bold Helvetica, Arial, sans-serif;
font-size: 16px;
background: transparent;
border: 0px;
box-shadow: 0 0px 0px 0 inset;
color: #323232;
text-shadow: 0px 0px 0px;
}
div.posting-block{width:95%;}
div.posting-block #text_editor_iframe,div.posting-block #text_editor_textarea{width:95%;}
#smiley-box {
border: 1px solid #DDD;
padding: 5px;
width: 99%;
}
input[type="password"]:focus,input[type="text"]:focus,textarea:focus{outline:none}
#quick_reply .frm-buttons {
border-top: 0px;
padding: 5px;
margin: 0 auto;
text-align: right;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
font: 13px normal;
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: #777;
padding-left: 20px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar14.png ) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border: 1px solid #3A4752;
font: normal 13px helvetica, arial, sans-serif;
padding: 4px 10px;
cursor: pointer;
}
input:active[type="button"], input:active[type="submit"], input:active[type="reset"] {
position: relative;
top: 1px;
}
input:hover[type="button"], input:hover[type="submit"], input:hover[type="reset"] {
color: #fff;
}
 /*topic*/
#border-topic {
  padding: 8px;
  background: white;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}




.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
padding: .6em 1.3em .3em;
}




.post_field {
background: white none;
color: #3E3E3E;
border: 1px solid #D9D9D9;
padding: 2px;
margin-top: 2px;
text-align: left;
}




/*user*/
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 5px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}




.pun .post .user { 
    margin-top: 10px;
    display: block;
    position:relative;
    font-size: 12px;
    text-align: center;
}




.pun .user .user-ident .user-basic-info {
  text-align: center;
}




.pun .post {
  background: #F7F7F7;
  border: 1px solid #D9D9D9;
}




.pun .postmain {
  background: #FEFDFD url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/rowBG.png) repeat-x left bottom;
}




.pun .posthead {
background: #363636 url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x;
border-bottom: 0px;
color: white;
margin-top: 5px;
font: normal 12px arial, helvetica, sans-serif;
border: 0 solid none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}




.postfoot {
background: #E4E4E4 none;
border-top: 1px solid #CCC;
clear: both;
margin-left: -235px;
padding: .5em 1em;
text-align: right;
}




/*profile*/
#profile-advanced-right {
float: left;
width: 260px;
background-color: #F1F1F1;
background-image: url('http://i46.tinypic.com/mmr9mh.png');
background-repeat: repeat-x;
border: 1px solid #C1C1C1;
padding-top: 20px;
border-radius: 6px;
}
#profile-advanced-layout {
float: right;
margin-left: -360px;
width: 100%;
margin-right: 0px;
margin-top: 18px;
}
#profile-advanced-left {
margin-left: 265px;
margin-right: 0px;
}
#profile-advanced-layout #new-message {
position: relative;
}








#profile-advanced-right .module.main .main-head {
  background: transparent;
}




#profile-advanced-right .module.main .main-head em {
  color: black;
}




#profile-advanced-right .module.main {
color: #424242;
background-color: #F1F1F1;
border: 0px;
border-radius: 0px;
background: transparent url(http://www.purevb.com/demo/images/gradients/bottom-shadow.png) repeat-x left bottom;
}




#profile-advanced-right .module .main-content {
  background-color: #F1F1F1;
}




#profile-advanced-right .module .main-content  img {
border: 3px solid white;
outline: 1px solid #D9D9D9;
max-width: 220px;
height: auto;
}




#tabs ul li a {
  font-weight: bold;
  border-radius: 6px 6px 0 0;
  color: #424242;
  background-color: #F1F1F1;
  border-color: #C1C1C1;
  background-image: url('http://i50.tinypic.com/2rcpvd3.png');
  background-repeat: repeat-x;
}
#tabs ul li.activetab a:hover {
background-color: #363636;
}
#tabs ul li a:hover {
background-color: #F4F4F4;
border-color: #333;
}
#tabs ul li.activetab a {
color: white;
background-color: #363636;
border-color: #363636;
background-image: url('http://i50.tinypic.com/9qky9y.png');
background-repeat: repeat-x;
text-decoration: none;
}
#profile-advanced-details .main-head {
  border-radius: 0px;
  border-top: 3px solid #363636;
  background: #F1F1F1;
}
#profile-advanced-details .main-head .subtitle {
  color: black;
}
















#textarea_content dt {display:none}




a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin: 0px 0.25em;
overflow: visible;
padding: 2px 3px;
}

Endereço do meu fórum:
http://moldentec.forumeiros.com

Versão do fórum:
PUNBB

Saudações!

Aceda à "Folha de estilo CSS":
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Crescente o código a seguir:

Código:

.main .main-foot, .main .main-head {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
background: url(http://i.imgur.com/oDuenBU.png) repeat 50% 100%;
background-color: rgb(247, 251, 255);
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
color: #fff;
font-size: 12px;
font-weight: 700;
overflow: hidden;
padding: 15px;
position: relative;
}

Valide!

não é amigo.

Olá,

Fiz uma edição antes de te enviar e me esqueci de colocá-lo ao normal novamente. Eu testei o código abaixo e obtive resultado no meu fórum de testes:

Código:

.main .main-foot, .main .main-head {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
background: url(http://i.imgur.com/oDuenBU.png) repeat 50% 100%;
background-color: rgb(36, 115, 177);
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.4) 0 0 0 1px, rgba(0,0,0,0.3) 0 1px 4px;
color: #fff;
font-size: 12px;
font-weight: 700;
overflow: hidden;
padding: 15px;
position: relative;
}

.pun table.table {
  border: 1px solid #DDD!important;
 
}
.pun table.table td {
  border-bottom: 1px solid #DDD!important;
 
}
/*crumbs*/
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}

Resolve?
Até mais!

Resolvido.