*{margin:0; padding:0; outline:none}
img{border:none}
h1{font-size:1.2em; padding:5px 10px; color:#ccc; width:940px; margin:0 auto}
h1 a{color:#fff}
h1 span{font-weight:normal}
#footpanel{ font:10px normal Verdana,Arial,Helvetica,sans-serif; position:fixed; bottom:0; left:0; z-index:9999; background:#e3e2e2; border:1px solid #c3c3c3; border-bottom:none; width:94%; margin:0 3%}

*html #footpanel{margin-top:-1px; position:absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight):document.body.scrollTop+(document.body.clientHeight-this.clientHeight))}

#footpanel ul{padding:0; margin:0; float:left; width:100%; list-style:none; border-top:1px solid #fff; font-size:1.1em; text-align:left; }
#footpanel ul li{padding:0; margin:0; float:left; position:relative}
#footpanel ul li a{padding:5px; float:left; text-indent:-9999px; height:16px; width:16px; text-decoration:none; color:#333; position:relative}
html #footpanel ul li a:hover{background-color:#fff}
html #footpanel ul li a.active{background-color:#fff; height:17px; margin-top:-2px; border:1px solid #555; border-top:none; z-index:200; position:relative}

#footpanel a.home{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/home.png) no-repeat 15px center; width:50px; padding-left:40px; border-right:1px solid #bbb; text-indent:0}
#footpanel a.post{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/post.png) no-repeat 15px center; width:95px; padding-left:40px; border-right:1px solid #bbb;  border-left:1px solid #bbb; text-indent:0;         margin-left:25px}
#footpanel a.visitas{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/visitas.png) no-repeat 15px center; width:100px; padding-left:40px; border-right:1px solid #bbb; text-indent:0}
#footpanel a.comentarios{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/comentarios.png) no-repeat 15px center; width:120px; padding-left:40px; border-right:1px solid #bbb; text-indent:0}
#footpanel a.ranking{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/ranking.png) no-repeat 15px center; width:115px; padding-left:40px; border-right:1px solid #bbb; text-indent:0}
#footpanel a.newUser{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/newUser.png) no-repeat 15px center; width:90px; padding-left:40px; border-right:1px solid #bbb; text-indent:0}

a.profile{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/user.png) no-repeat center center}
a.encuesta{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/encuesta.png) no-repeat center center}
a.playlist{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/document_music_playlist.png) no-repeat center center}
a.videos{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/youtube.png) no-repeat center center}
a.messages{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/mail.png) no-repeat center center}
a.newPost{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/add-post.png) no-repeat center center}
#footpanel a.chat{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/balloon.png) no-repeat 15px center; width:126px; border-left:1px solid #bbb; border-right:1px solid #bbb; padding-left:40px; text-indent:0}
a.alerts{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/newspaper.png) no-repeat center center;}

#footpanel li#chatpanel, #footpanel li#alertpanel{float:right}

#footpanel a small{ text-align:center; width:70px; background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/pop_arrow.gif) no-repeat center bottom; padding:5px 5px 11px; display:none; color:#fff; font-size:1em; text-indent:0}
#footpanel a:hover small{display:block; position:absolute; top:-35px; left:50%; margin-left:-40px; z-index:9999}

#footpanel ul li div a{text-indent:0; width:auto; height:auto; padding:0; float:none; color:#00629a; position:static}
#footpanel ul li div a:hover{text-decoration:underline}

#footpanel .subpanel{position:absolute; left:0; bottom:27px; display:none; width:198px; border:1px solid #555; background:#fff; overflow:hidden; padding-bottom:2px}
#footpanel h3{background:#526ea6; padding:5px 10px; color:#fff; font-size:1.1em; cursor:pointer}
#footpanel h3 span{font-size:1.5em; float:right; line-height:0.6em; font-weight:normal}
#footpanel .subpanel ul{padding:0; margin:0; background:#fff; width:100%; overflow:auto}
#footpanel .subpanel li{float:none; display:block; padding:0; margin:0; overflow:hidden; clear:both; background:#fff; position:static;  font-size:0.9em}

#chatpanel .subpanel li{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/dash.gif) repeat-x left center}
#chatpanel .subpanel li span{padding:5px; background:#fff; color:#777; float:left}
#chatpanel .subpanel li a img{float:left; margin:0 5px}
#chatpanel .subpanel li a{padding:3px 0; margin:0; line-height:22px; height:22px; background:#fff; display:block}
#chatpanel .subpanel li a:hover{background:#3b5998; color:#fff; text-decoration:none}

#alertpanel .subpanel{right:0; left:auto}
#alertpanel .subpanel li{border-top:1px solid #f0f0f0; display:block}
#alertpanel .subpanel li p{padding:5px 10px}
#alertpanel .subpanel li a.delete{background:url(/GENERAL/estaticos-generales/componentes/pannel-face/image/delete_x.gif) no-repeat; float:right; width:13px; height:14px; margin:5px; text-indent:-9999px; visibility:hidden}
#alertpanel .subpanel li a.delete:hover{background-position:left bottom}
#footpanel #alertpanel li.view{text-align:right; padding:5px 10px 5px 0}