@charset "UTF-8";
  .piopialo, .piogplus, .pioface, .piolinked, .piopialo-comment, .powered-link {
cursor: pointer;
}
span[class$="-frase"] {
cursor:pointer;
}
.piopialo-comment:hover {
text-decoration: underline;
}
.piopialob {
margin: 0;
padding: 0;
margin-top: 30px;
margin-bottom: 20px;
display: block;
clear: both;
zoom: 1;
max-width: 100%;
}
.piopialob-icon {
width: 100%;
text-align: center;
}
.piopialob-icon img {
border-radius: 50%;
background-color: white;
border: 1px solid #c3c3c3;
}
.piopialob-text { margin: 0;
padding: 0;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: none; border: 1px solid #c3c3c3;
border-radius: 5px;
padding: 35px 20px 20px 20px;
margin-top: -35px;
margin-bottom: 20px;
font-size: 200%;
line-height: 135%;
color: #c0c0c0;
font-weight: 100;
background-color: white;
}
.piopialob-text:hover {
-webkit-box-shadow: 0px 0px 30px 1px rgba(125, 125, 125, 0.45);
-moz-box-shadow:    0px 0px 30px 1px rgba(125, 125, 125, 0.45);
box-shadow:         0px 0px 30px 1px rgba(125, 125, 125, 0.45);
}
.piopialob-link { margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: none; font-size: 50%;
line-height: 135%;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.piopialob-powered { margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: none; font-size: 10px;
text-align: center;
margin-top: -20px;
} .piopialobred { margin: 0;
padding: 0;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: none; border: 1px solid #c3c3c3;
border-radius: 5px;
padding: 10px 10px 10px 10px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 200%;
line-height: 135%;
color: #c0c0c0;
font-weight: 100;
background-color: white;
max-width: 100%;
}
.piopialobred:hover {
-webkit-box-shadow: 0px 0px 30px 1px rgba(125, 125, 125, 0.45);
-moz-box-shadow:    0px 0px 30px 1px rgba(125, 125, 125, 0.45);
box-shadow:         0px 0px 30px 1px rgba(125, 125, 125, 0.45);
}
.piopialobred-link { margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: none; font-size: 50%;
line-height: 135%;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.piopialobred-powered { margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: none; font-size: 10px;
text-align: center;
margin: 10px 0px -20px 0px;
}  .piopialobmod { margin: 0;
padding: 0;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: none; border-radius: 3px 1px 1px 3px;
padding: 15px 10px 10px 30px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 200%;
line-height: 135%;
color: white;
font-weight: 100;
background-color: #60a8dc;
transition: all 0.3s ease-in-out;
max-width: 100%;
}
.piopialobmod:hover {
transition: all 0.3s ease-in-out;
background-color: #2098d1;
}
.piopialobmod a {
color: white;
}
.piopialobmod-link { margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: none; font-size: 50%;
line-height: 135%;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.piopialobmod-powered { margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: none; font-size: 10px;
text-align: center;
margin-top: -10px;
}  .piopialobmodgris { margin: 0;
padding: 0;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: none; border-radius: 3px 1px 1px 3px;
padding: 15px 10px 10px 30px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 200%;
line-height: 135%;
font-weight: 100; background-color: #f0f0f0;
transition: all 0.3s ease-in-out;
max-width: 100%;
}
.piopialobmodgris:hover {
transition: all 0.3s ease-in-out;
background-color: #60a8dc;
color: white;
}
.piopialomodgris:hover  a {
color: white !important;
}
.piopialobmodgris-link { margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: none; font-size: 50%;
line-height: 135%;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.piopialobmodgris-powered { margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
text-transform: none;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: none; font-size: 10px;
text-align: center;
margin-top: -10px;
}  .hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#pioton 
{
text-align: center;
position: relative;
width: 100px;
height: 40px;
padding: 5px 0px 5px 0px;
background: #f0f0f0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #aeaeae solid 1px;
}
#pioton a { margin-right: 10px; }
#pioton:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #f0f0f0 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 28px;
}
#pioton:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #aeaeae transparent;
display: block;
width: 0;
z-index: 0;
bottom: -16px;
left: 28px;
}
#pioton22 {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
background-color: white;
border: 1px solid #f0f0f0;
border-radius: 5px;
padding: 5px 5px 5px 5px;
z-index: 10000;
} p.follow-comment-author {
width: 30% !important;
margin-right: 2%;
float: left;
border: 2px solid #b3b3b3;
color: #b3b3b3;
text-align: center;
height: 30px;
border-radius: 3px;
font-size:0.85em;
overflow: hidden;
}
p.comment-quote-link {
width: 30% !important;
margin-right: 2%;
float: left;
border: 2px solid #b3b3b3;
color: #b3b3b3;
text-align: center;
height: 30px;
border-radius: 3px;
font-size: 0.85em;
overflow: hidden;
}
p.comment-quote-link:hover {
border: 2px solid #434343;
color: #434343;
}