/* Estilos genéricos */
body { padding-top:5px }
* { padding:0px; margin: 0px }
div, p, img, form, input, h1, h2, textarea { display: inline; float:left; font-size: 12px; font-family: Arial }
a { color: #000; text-decoration:none }	
a:hover { color: #000; text-decoration:underline }		
img { border: none }

/* Estilos comunes */
.verde_fos { color: #70d715 }
.fuente_grande { font-size: 18px }

#contenedora { width: 990px; margin: 0px auto; display:block; float:none }
#contenedora h1 { display:none }
#contenedora #cabecera { background: url(../img/ult_act_cab.gif) 278px 0px no-repeat; height: 143px; width: 990px }
#contenedora #cabecera .fecha_ultima { font-size: 28px; font-style:italic; width: 160px; margin:28px 0 0 280px; font-weight: bold; color: #343434 }
#contenedora #cabecera #calendario { background:url(../img/calendario_cab.gif) no-repeat; height: 143px; width: 238px; float:right; margin-right: 1px }

#contenedora #cuerpo { border: 8px solid #d9d9d9; width: 974px }
#contenedora #cuerpo span { display:none }
#contenedora #cuerpo .twitter, #contenedora #cuerpo .facebook, #contenedora #cuerpo .linkedin, #contenedora #cuerpo .google, #contenedora #cuerpo .popular { background:url(../img/twitter.gif); width: 100px; height: 39px }
#contenedora #cuerpo .facebook { background:url(../img/facebook.gif) }
#contenedora #cuerpo .linkedin { background:url(../img/linkedin.gif) }
#contenedora #cuerpo .google { background:url(../img/google.gif) }
#contenedora #cuerpo .popular { background:url(../img/popularIDi.gif); width:200px; }
#contenedora #cuerpo .barra_menu { background:#F2F2F2 url(../img/fnd_barra.gif) repeat-x scroll 0 0; height:51px; width:100%; }
#contenedora #cuerpo .barra_menu p { font-size: 14px; text-align: center; width: 100px; height:29px; background:url(../img/separador_menu.gif) no-repeat; padding: 8px 0px }
#contenedora #cuerpo .barra_menu p.datos_usu { text-align:left; padding: 15px 0 15px 10px; width: 364px; height:auto; background: none }
#contenedora #cuerpo .barra_menu p#p_ranking {width:200px; height:auto; padding:15px 0;}

#contenedora #cuerpo .separador { background: #d9d9d9; height: 6px; font-size: 1px; width: 100%; clear:both }

#contenedora #cuerpo .caja_datos { width: 100% }
#contenedora #cuerpo .caja_datos img { padding: 12px 6px }
#contenedora #cuerpo .caja_datos p { background-color:#FFF; text-align: center; font-size: 15px; width: 99px; padding: 36px 0px; border-left: 1px solid #fff; border-top: 4px solid #FFF; border-bottom: 4px solid #FFF; color:#000; }
#contenedora #cuerpo .caja_datos .r_twitter { background:#e5f2f4; }
#contenedora #cuerpo .caja_datos .r_facebook { background:#F6F3B2; }
#contenedora #cuerpo .caja_datos .r_googlelinks { background:#E0fEC6; }
#contenedora #cuerpo .caja_datos .r_linkedin { background:#ededed;}
#contenedora #cuerpo .caja_datos .r_ranking { background:#F2FFE6 url(../img/fnd_ranking.gif) no-repeat scroll 0 3px; color:#FFF; font-size:20px; font-weight:bold; height:87px; margin:5px; width:189px; }
#contenedora #cuerpo .caja_datos .datos_info { font-size: 12px; padding:10px 10px 15px 5px; width: 274px; text-align:left; border:none }

#contenedora #pie { text-align: center; width: 100%; padding: 25px 0px }

.barra_porcentaje {height:13px; width:40px; margin-top:37px; background-repeat:repeat-x;}
.b_twitter {background-image:url(../img/fnd_porcentajes.gif)}
.b_facebook {background-image:url(../img/fnd_porcentajes_2.gif)}
.b_linkedin {background-image:url(../img/fnd_porcentajes_3.gif)}
.b_googlelinks {background-image:url(../img/fnd_porcentajes_4.gif)}
.b_fin {background-color:#333; width:1px;}

#leyenda {float:right; margin:10px 35px;}
.c_leyenda {border:1px solid #999;height:15px;margin:3px 5px 0 17px;width:15px; background-color:#6CF;}
.c_leyenda#c_facebook {background-color:#FF6;}
.c_leyenda#c_linkedin {background-color:#EDEDED;}
.c_leyenda#c_google {background-color:#CF0;}