#pposts li {
 list-style: none outside none;
 background: white;
 border: 1px solid #D2D5D9;
 border-radius: 3px;
 box-shadow: 0 1px 0 rgba(113, 117, 129, 0.2), rgba(190, 190, 190, 0.62) 0 0 5px;
 float: left;
 margin: 7px 7px;
 padding: 5px;
 position: relative;
 -moz-transition: 0.7s;
 -webkit-transition: 0.7s;
}

#pposts li:hover {
 background:#6eb1e0;
 border: 1px solid #177bc0;
 border-bottom-color: #0f4d78;
 -moz-box-shadow:0 1px 10px rgba(0,0,0,0.29),0 1px 4px rgba(23,148,232,0.81),inset 0 1px 0 #bbecf3;
 -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.29),0 1px 4px rgba(23,148,232,0.81),inset 0 1px 0 #bbecf3;
 box-shadow:0 1px 10px rgba(0,0,0,0.29),0 1px 4px rgba(23,148,232,0.81),inset 0 1px 0 #bbecf3;
}

.portada img {
 background: white;   
}

.pinfo {   
 padding: 3px;
 position: absolute;
 moz-transition: 0.7s;  
 -webkit-transition: 0.7s;
 background-color: rgba(0, 0, 0, 0.6);
 line-height: 1;      
 text-align: center;  
 width: 163px;    
 bottom: 5px;
 z-index: 15;
 opacity: 0;
 color: white;
}

.ptext {
font-weight: bold;
text-shadow: #00B8FF 0 0 4px;
}

.ptitulo {
display: block;
margin: 5px 0 5px 0;
padding-bottom: 5px;
border-bottom: 2px dashed rgba(255, 255, 255, 0.3);
}

.pdesc {
  font-size: 11px;  
}

.pavatar {
position: absolute;
z-index: 16;
left: 116px;
top: 120px;
moz-transition: 0.7s;
-webkit-transition: 0.7s;
padding: 1px;
background: white;
border: 1px solid #DDD;
}

#pposts li:hover .pinfo {
 opacity: 1;
  moz-transition: 0.7s;  
 -webkit-transition: 0.7s;
}

#pposts li:hover .pavatar {    
 opacity: 0;
  moz-transition: 0.7s;  
 -webkit-transition: 0.7s;
}

#pposts .popular {    
background: url('to-up/popular.png') transparent no-repeat;
position: absolute;
z-index: 20;
right: 57px;
bottom: 137px;
width: 140px;
height: 40px;
}