@charset "UTF-8";
/* CSS Document */

/* Este sirve para colocar de cursor el puntero */
.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 {
	/* Resetear Estilos */
	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 {
	/* Resetear Estilos */
	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 {
	/* Resetear Estilos */
	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;
}


/* Piopialo Reducido */
.piopialobred {
	/* Resetear Estilos */
	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 {
	/* Resetear Estilos */
	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 {
	/* Resetear Estilos */
	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;
}
/* Fin del Reducido */

/*  Tema moderno */
.piopialobmod {
	/* Resetear Estilos */
	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 {
	/* Resetear Estilos */
	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 {
	/* Resetear Estilos */
	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;
}


/* --- FIn tema moderno Gris */

/*  Tema moderno */
.piopialobmodgris {
	/* Resetear Estilos */
	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: #60a8dc;*/
	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 {
	/* Resetear Estilos */
	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 {
	/* Resetear Estilos */
	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;
}


/* --- FIn tema moderno Gris */

/* Bounce To Bottom */
.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;
}
/* Botones de acción de los comentarios */
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;
}