/* tooltip */

.tooltip { position: relative; }
.tooltip span {
  position: absolute;
  right: 0;
  top: -30px;
  display: none;
  min-width: 50px;
  padding: 3px 8px;
  white-space: nowrap;
  font-size: 11px;
  text-align: right;
  background-color: rgba(0,0,0,.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
}
.tooltip span small {
  position: absolute;
  right: 10px;
  bottom: -6px;
  border-top: 6px solid rgba(0,0,0,.8);
  border-left: 6px solid transparent;
}
.tooltip:hover span { display: block; }

.tooltip span { background-color /*\**/: #000\9  }
.tooltip span small { border-top /*\**/: 6px solid #000; }

.leftmenuindex a {display: block; text-decoration: none; background-repeat: no-repeat;font-family: Verdana; line-height: normal;}
a.free {
  width: 196px; height: 94px; background-image: url(http://www.htmlblog.ru/images/free.png); font-size: 9px;
  font-weight: bold; text-transform: uppercase; color: #005FC4; padding-top: 20px;
  padding-left:20px;}
a.free span {font-size: 15px; color: #DB1716;float: left;}
a.free span + span {font-size: 12px; color: #005FC4; float: left;}