@import url("css_reset.css"); 

html,body{font-family:Arial;font-size:12px;color:#7e7e7e;}
a{color:#BB000A;text-decoration:none;}
a:hover{text-decoration:underline;}
#container{width:400px;height:600px;margin:0 auto;background:url(img/fondo.jpg) no-repeat;position:relative;}
#logo{margin:10px;float:left;}
#chats{position:absolute;top:140px;left:50px;width:80%;}
#chats p{margin:10px 0; text-align:justify;}
#leyenda{position:absolute;bottom:40px;left:70px;}
#leyenda li{display:inline;margin-right:20px;background:url(img/botones-estado.jpg) no-repeat;padding-left:12px;}
#leyenda li.desconectado{background-position:0 3px;}
#leyenda li.ausente{background-position:0 -10px;}
#leyenda li.conectado{background-position:0 -23px;}
#pie{position:absolute;text-transform:uppercase;font-size:10px;width:400px;border-bottom:#e2e2e2 solid 1px;border-top:#e2e2e2 solid 1px;padding:6px 0;text-align:center;bottom:0;left:0;}
#ifr{position:absolute;top:250px;left:50px;width:80%;height:250px;}