.contenido{ width: 990px; margin: 0 auto; position: relative; }
/*demo styles*/
table {width: 500px; height: 200px; margin-left: 30px; }
table.accessHide { position: absolute; left: -999999px; }
td, th {  font-size: 1.2em; padding: 2px; width: 13%; }
th { background-color:#f4f4f4; } 
caption { font-size: 1.5em;  }
h2{ color: #c30; margin-bottom: 0; left: 20px; font: normal 40px/40px rockwell, Helvetica, Arial, sans-serif; }
ul#sub_nav{ display: block; overflow: hidden; position: absolute; right: 6px; top: 12px; padding: 0; }
ul#sub_nav li{ display: inline; float: left; padding: 0; margin: 0 5px 0 0; }
ul#sub_nav li.activa a{  background: #c30; color: #FFF;}
ul#sub_nav li a{ display: inline; float: left; padding: 6px 12px; margin: 0; text-decoration: none; color: #333; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px;}
ul#sub_nav li a:hover{ background: #333; color: #FFF;}
.graficas{ background: #FFF;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }

#bubbles{ position: absolute; top: 40px;  left: 30px; width: 910px; height: 500px; }
span.bubble{ border-left: 1px solid #CCC; padding: 0 5px; color: #c30;position: absolute; display: block; overflow: hidden;  z-index: 9999; font-weight: bold; }
.visualize-area span.bubble,
.visualize-line span.bubble{ color: #666; border: none; padding: 0; font-size: 12px;}

/*plugin styles*/
.visualize {  position: relative; margin: 10px auto; padding: 50px 40px; font-size: 11px; } 
.visualize ul,.visualize li { margin: 0; padding: 0;}

/*table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; position: absolute; top: 15px; color: #BBB; margin-bottom: 0; left: 40px; font: normal 16px/14px rockwell, Helvetica, Arial, sans-serif;}

.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative; padding: 5px; background: #FFF;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
.visualize ul.visualize-key .visualize-key-label { color: #000; }

/*pie labels*/
.visualize-pie .visualize-labels { list-style: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }

/*line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 10px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;}
.visualize-labels-y li { width: 100%;  }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; border-style: dotted;  opacity: .6;}
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }

/*visualize extension styles*/
.visualize-labels-x li{ border-left: 1px dashed #CCC; }
.visualize canvas {  margin: 0; border-bottom: 3px solid #CCC; border-top: 1px solid #EEE; top: 40px; position: absolute;}
.visualize-area canvas {  border-bottom: 3px solid #666;  }
.visualize-labels-x, .visualize-labels-y { top: 40px; left: 40px; z-index: 100; }
.visualize-pie .visualize-labels { position: absolute; top: 70px; left: 40px; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { color: #aaa; font-size: 1.3em; padding-right: 5px; }
em{ margin: 5px 0 0; padding: 0 0 0 5px;display: block; color: #c30; font: bold 14px/12px Rockwell, helvetica, Arial, Sans-serif; border-left: 1px solid #c30; text-align: left;}
.visualize .visualize-info { border: 0; position: static;  opacity: 1; background: none;}
.visualize ul.visualize-key { position: absolute; top: 10px; z-index: 10; padding:0; color: #aaa; width: 200px; right: 40px; list-style: none;  }
.visualize ul.visualize-key li { font-size: 12px;  margin-left: 0px; padding-left: 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.visualize ul.visualize-key .visualize-key-color { width: 10px; height: 10px;  margin-top: -5px; margin-left: 5px; }
.visualize ul.visualize-key .visualize-key-label { color: #666;  }