#sidebar {
    color:#9A9A9A;
    position:fixed;
    width:200px;
    height:400px;
    margin-top:2px;
    text-align:left;
    margin-left: 140px;
    }
   
    #sidebar img {
    width:200px;
    margin-bottom:-10px;
      border: 1px double #aaa;
          padding: 3px;
    }
    
    

#links {
    font-family:consolas;
    z-index:5;
    position:absolute;
    margin-left:10px;
    width:180px;
    line-height:140%;
    font-size:9px;
    text-align:left;
    padding-left:5px;
    padding-bottom:3px;
    padding-top:3px;
    text-transform:uppercase;
    letter-spacing:0px;
    opacity:1;
    border-top: 1px dotted #000;
    font-weight:bolder;
    color:#b3b2b1;
    -webkit-transition: all 0.9s ease-in;
    -moz-transition: all 0.9s ease-in;
    -o-transition: all 0.9s ease-in;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}
 
#links a:hover {
    padding-top:0px;
    border-top:1px solid #e4e3e2;
    border-bottom:1px solid #e4e3e2;
    -webkit-transition: all 0.9s ease-in;
    -moz-transition: all 0.9s ease-in;
    -o-transition: all 0.9s ease-in;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}
 

 #desc {
padding: 6px;
width: 200px;
font-family: calibri;
font-size: 11px;
color: #555;
text-align: justify;
line-height: 13px;
margin-top:8px;
margin-left:-3px;
margin-bottom: 3px;
overflow: auto;
}

.tt {top:200px;opacity:0;  margin-left:55px;text-align:center; font-family:'Satisfy'; font-size:27px; color:transparent; position:absolute;-moz-transition-duration:1.2s;
    -webkit-transition-duration:1.2s;
    -o-transition-duration:1.2s;}
    
  
    
#sidebar:hover .tt{-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease; top:200px; opacity:1.0; color:{color:titulo};
    
    }