+ margin-top: 2em;
+
+ .act_counter {
+ float: left;
+ margin-right: .5em;
+ font-size: 2em;
+ }
+
+ .info {
+ float: right;
+ width: 135*$px;
+
+ .infobox {
+ padding: 1em 0;
+ border-top: 1px solid #c9ccce;
+ h1 {
+ text-transform: uppercase;
+ font-weight: bold;
+ margin: 0 0 .5em -35*$px;
+ padding-left: 35*$px;
+ line-height: 24px;
+ font-size: 1em;
+ }
+ p {
+ margin: 0;
+ }
+
+ }
+ .time h1 {
+ background: url(/static/img/icons/activity-time.png) 0 0 no-repeat;
+ }
+ .kind h1 {
+ background: url(/static/img/icons/activity-kind.png) 0 0 no-repeat;
+ }
+ .materials h1 {
+ background: url(/static/img/icons/activity-tools.png) 0 0 no-repeat;
+ }
+ }