upravil jsem to takhle, ale výsledek je takový že když najedu na box, tak je pruhledný, akorat nevím kde to zadat aby ty boxy byli pořád pruhledné..


* ----------------------- BOXES ------------------------- */

.box {margin-bottom:20px;}
.box-head{ background:#f13543; font-size:17px; line-height:20px; color:#fff; font-weight:bold; text-transform:uppercase; margin:0; padding:11px 18px;}
.box-head a{ color:#fff; text-decoration:none;}
.box-head a:hover{ color:#eca8a9;}
.box-body{ background:#fff; padding:10px;}

filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
.box-body ul{ padding:0; margin:0;}
.box-body ul li{ font-size:14px; line-height:38px; text-transform:uppercase; padding-bottom:1px;}
.box-body ul .category-products{ text-transform:none;}
.box-body ul li a{ display:inline-block; text-decoration:none; color:#000000; padding:0 10px; background:#ffffff;}
.box-body ul li a:hover{ background:#fff; color:#f13543; opacity: 0.5;
filter: alpha(opacity=50)}

.box-body ol{ padding:0; margin:0;}
.box-body ol li{ font-size:14px; line-height:38px; text-transform:uppercase; padding-bottom:1px;}
.box-body ol .category-products{ text-transform:none;}
.box-body ol li a{ display:inline-block; text-decoration:none; color:#fff; padding:0 10px; background:#ffffff;}
.box-body ol li a:hover{ background:#fff; color:#f13543; ;}