.tooltip2 {
      position: absolute;
      top: -39px;
      left: 90%;
      width: 40px;
      height: 34px;
      line-height: 25px;
      padding: 2px;
      font-size: 13px;
      text-align: center;
      color: rgb(255, 255, 255);
      background-position: 0;
      background-repeat: no-repeat;
      background-image: url(../images/tip.png);
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
}

.tarea {
      position: absolute;
      top: -32px;
      left: 87%;
      width: 95px;
      height: 23px;
      line-height: 18px;
      padding: 2px;
      font-size: 13px;
      text-align: center;
      color: rgb(56, 56, 56);
      background-position: 0;
      background-repeat: no-repeat;
      background-image: url(../images/t-area.png);
      font-weight: bold;
}

.bar { 
    height: 20px;
    position: relative;
    background:#cfcfcf;
    border-width:1px;
    border-style:solid;
    border-color: #aaa #bbb #fff #bbb;    
    box-shadow:inset 0px 2px 3px #bbb;    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin:0 auto 20px auto;
    padding:0px;
}
    
.bar > span {
	height:100%; 
	position:absolute;
	font-size: 14px;
	color:#fff;
	font-weight:bold;
	margin: -1px auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
	-webkit-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;	 
	box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;	
	background-color: #279fea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#279fea), to(#2875a4));
	background-image: -webkit-linear-gradient(top, #279fea, #2875a4);
	background-image: -moz-linear-gradient(top, #279fea, #2875a4);
	background-image: -ms-linear-gradient(top, #279fea, #2875a4);
	background-image: -o-linear-gradient(top, #279fea, #2875a4);
	-webkit-animation: move 2s linear;
	-moz-animation: move 2s linear;
	-ms-animation: move 2s linear;
	-o-animation: move 2s linear;
	-animation: move 2s linear;
}

.bar > span:hover {  
        border-color: rgba(204, 204, 204, 0.8);
        outline: 0;
        /* IE6-10 */
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6);
}


.animate > span:after {
	 display: none;
}

@-moz-keyframes move {0%  { width:0px;}  }
@-webkit-keyframes move {0%  { width:0px;}  }
@-ms-keyframes move {0%  { width:0px;}  }
@-o-keyframes move {0%  { width:0px;}  }
@keyframes move {0%  { width:0px;}  }
						
.orange > span { 

	background-color: #ff6600;
	background-image: -moz-linear-gradient(top, #ff6600, #b84a00);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ff6600),color-stop(1, #b84a00));
	background-image: -webkit-linear-gradient(#ff6600, #b84a00); 
	background-image: -ms-linear-gradient(top, #ff6600, #b84a00);

}



.red > span {
	background-color: #fb1700;
	background-image: -moz-linear-gradient(top, #fb1700, #a01303);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fb1700),color-stop(1, #a01303));
	background-image: -webkit-linear-gradient(#fb1700, #a01303);
	background-image: -ms-linear-gradient(top, #fb1700, #a01303);
}

.green > span {
	background-color: #9eff00;
	background-image: -moz-linear-gradient(top, #9eff00, #8bbf37);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9eff00),color-stop(1, #8bbf37));
	background-image: -webkit-linear-gradient(#9eff00, #8bbf37);
	background-image: -ms-linear-gradient(top, #9eff00, #8bbf37);
}

.purple > span {
	background-color: #9b46b7;
	background-image: -moz-linear-gradient(top, #9b46b7, #764786);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9b46b7),color-stop(1, #764786));
	background-image: -webkit-linear-gradient(#9b46b7, #764786);
        background-image: -ms-linear-gradient(top, #9b46b7, #764786);
}
		
		
/* Only Phones */
@media (max-width: 767px) {
}