html{ height:100%;}
body{ font-size:11px; height:100%; background:#8ABADA; padding:0; margin:0;}
.hide{ display:none}
.loading{ text-align:center;}
.loading img{ margin: 0 auto;}
a{color:#AF2D31; text-decoration:none}
a:hover{ text-decoration:underline;}
.activeUser{ font-size:14px; background:#3B5998; padding:5px; color:#fff; margin:3px 0 0 0}
.activeUser a{ float:left; display:inline; margin:0 5px 0 0}
.activeUser span{ float:left; width:80%}
.activeUser a.logo{ float:right; margin:2px 0 0 0 }

.module:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
#picoteoForm{padding:5px;}
#picoteoForm .twitterOption{ float:right; margin:3px 3px 0 0;}
#picoteoForm .twitterOption .publishButton{ float:left;}
#picoteoForm .twitterOption .publishButton label{ display:none}
#picoteoForm .twitterOption .publishButton span{ display:block; float:left; text-indent:-9999px; width:10px; height:10px; margin-top:2px;}
#picoteoForm .twitterOption .publishButton.twitter span{ background:url(/images/twitter02.png) no-repeat 0 0}
#picoteoForm .twitterOption .publishButton.picotea span{ background:url(/images/picoteo-picotea02.png) no-repeat 0 0}
#picoteoForm .twitterOption .publishButton.facebook span{ background:url(/images/facebook02.png) no-repeat 0 0}
#picoteoForm .twitterOption .publishButton.friendfeed span{ background:url(/images/friendfeed02.png) no-repeat 0 0}
input{ font-size:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
fieldset{ border:none}
img{ border:none}
.widgetContent{ height:93%; margin:0 0 3px 0; float:left; width:100%;}
.toggleWidget02 .toggleContent{}
.toggleWidget02 .toggleContent li{ display:none; width:100%; clear:both;}
.toggleWidget02 .toggleContent label{ float:left; padding:0 3px 0 0}
.toggleWidget02 .toggleContent input{ float:left;}
.toggleWidget02 .toggleContent .submit{ float:left;}
.toggleWidget02 .toggleMenu{ float:left; margin: 5px; padding:0; list-style-type:none}
.toggleWidget02 .toggleMenu li{ float:left; display:inline; margin:0 0 0 4px;}
.picoteoFormSubmit{ float:right;}
h1{ display:none}
#widget{ height:100%; overflow:hidden;}
#widgetPicoteos{  height:62%; overflow:auto; padding:0px; background:#fff; margin:5px 0}
.picoteoTextArea{ position:relative;}
#numPicoteos{ position:absolute; bottom:3px; right:9px; color:#8ABADA}
#picotear_picotea{ width:94%; height:40px;  margin: 0 auto; display:block; border:1px solid #3B5998; padding:5px;}
.widgetPicoteo01:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.widgetPicoteo01 .imageDetallePicoteo img{ width:20px;}
.widgetPicoteo01 .imageDetallePicoteo{ float:left; margin:0 3px 3px 0}
.widgetPicoteo01 .text{ float:left; width:78%;}
.widgetPicoteo01 .text .date{ display:block;}
.widgetPicoteo01 .imageDetallePicoteo img.picoteoType,.widgetPicoteo01 .imageDetallePicoteo img.picoteoType01,.widgetPicoteo01 .imageDetallePicoteo img.picoteoType02,.widgetPicoteo01 .imageDetallePicoteo img.picoteoType03{ width:10px;}
.accionesPicoteo{ float:right; visibility:hidden;}
.accionesPicoteo ul{ margin:0 ; padding:0; list-style-type:none}
.accionesPicoteo li{ float:left;}
.moreInfo{ float:left;}
.moreInfo * { display:inline;}
.widgetPicoteo01 .grupoAvatar{ float:right;}
.widgetPicoteo01 .grupoAvatar img{ width:15px}
.widgetMenu ul{ float:left; padding:0; margin:0; list-style-type:none; background:#3B5998; width:100%}
.widgetMenu ul li{ float:left;}
.widgetMenu ul li a{ display:block; background: #3B5998; color:#fff; padding:5px;}
.widgetPicoteo01{ border-bottom:1px solid #8ABADA; padding:0px}
.widgetPicoteo01 .subContent.onHover{ background:#DDEEF6}
.widgetPicoteo01 .subContent{padding:3px 0 0px 3px}
.widgetPicoteo01 .subContent:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.picoteoFormSubmit{ border:none; overflow:auto; background:#3B5998; color:#fff; font-size:10px; padding:3px; cursor:pointer; margin: 3px 4px 0 0}
#filtering-links{ background:#3B5998; padding:5px;}
#filtering-links a{ color:#fff}
.masPicoteosButton{ text-align:center; padding:4px 0 0 0}
.masPicoteosButton a{ color:#3B5998}

.loginModule { margin: 30% 0 0 0;}
.loginModule .button01{ margin:0 auto; display:block; border:none; overflow:auto; background:#3B5998; color:#fff; font-size:10px; padding:3px; cursor:pointer;}
.loginModule a {display:block; text-align:center}
.loginContent{ background:#fff; border:2px solid #375998}
.loginContent ul{ padding:0; margin:0 auto; list-style-type:none; width:50%;}
.loginContent ul label{ width:100px; display:block;}
.loginContent .error_list { color:#BF2338; width:100%;}

#listado_grupos, #listado_eventos{ background:#fff; height:90%; padding:10px;}
#listado_grupos ul, #listado_eventos ul{ padding:0; margin:0; list-style-type:none}
#listado_grupos .avatar img, #listado_eventos .avatar img{ width:24px}
.pagination{ text-align:center;}


.accionesPicoteo{ float:right; clear:both;}
.accionesPicoteo a{ width:16px; height:16px; display:block; text-indent:-9999px; overflow:hidden;}
.accionesPicoteo a.eliminarButton{ background:url(/images/comments_delete.png) no-repeat 0 0}
.accionesPicoteo a.addFavorito{ background:url(/images/favorito.png) no-repeat 0 0}
.accionesPicoteo a.responderButton{ background:url(/images/comment_add.png) no-repeat 0 0}
.accionesPicoteo a.rpButton{ background:url(/images/rp.png) no-repeat 0 0}
.accionesPicoteo a.desvincularButton{ background:url(/images/desvinc.png) no-repeat 0 0}
.modType01 .avatar{ float:left;}

#snapshot {
  padding:5px;
  position: absolute;
  color:#000;
  background-color: #fff ;
  border: 2px solid #8DBBD8;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}