* { margin:0; padding:0; list-style:none; }
body { width:530px; font-family:Verdana, Geneva, sans-serif;}
div.LineTittle { display:inline; float:left; width:530px; margin-bottom:10px; }
div.LineTittle span { display:inline; float:left; width:auto; margin-left:1.9%; }
div.LineTittle ul { display:inline; float:right; width:58%; }
div.LineTittle li { display:inline; float:left; width:auto; margin-right:1.82%; }

div.MaskNot { position:relative; display:inline; float:left; width:530px; height:290px; overflow:hidden; }
div#box8 { position:absolute; }
div#box8 div { display:inline; float:left; width:530px; height:290px; overflow-y:scroll; }
div#box8 div ul li { display:inline; float:left; margin-bottom:10px; }
div#box8 div p { margin-right:10px; }

div#box8 div.tecnicas a { font-size:11px; font-weight:bold; color:#227b16; text-decoration:none; }
div#box8 div.estaduais a { font-size:11px; font-weight:bold; color:#ff8400; text-decoration:none; }
div#box8 div.empresariais a { font-size:11px; font-weight:bold; color:#cb0000; text-decoration:none; }
div#box8 div.artigos a { font-size:11px; font-weight:bold; color:#4a0abb; text-decoration:none; }
div#box8 div a:hover { text-decoration:underline; }
div#box8 div a span { width:auto; display:inline; float:left; font-size:10px; color:#666666; cursor:pointer; }
div#box8 div span.Data { width:500px; display:inline; float:left; font-size:10px; font-weight:bold; color:#000; }

div#box8 div h3.tecnicas { font-size:16px; font-weight:bold; color:#227b16; margin-bottom:15px; }
div#box8 div h3.estaduais { font-size:16px; font-weight:bold; color:#ff8400; margin-bottom:15px; }
div#box8 div h3.empresariais { font-size:16px; font-weight:bold; color:#cb0000; margin-bottom:15px; }
div#box8 div h3.artigos { font-size:16px; font-weight:bold; color:#4a0abb; margin-bottom:15px; }

/* BOTOES */
.buttons span.tecnicas{ width:60px; height:17px; background:url(bt_tecnicas.gif) no-repeat 0 0; cursor:pointer; text-indent:-5000em;}
.buttons span.tecnicas.active, .buttons span.tecnicas:hover{ background:url(bt_tecnicas_hov.gif) no-repeat 0 0;}

.buttons span.estaduais{ width:68px; height:17px; background:url(bt_estaduais.gif) no-repeat 0 0; cursor:pointer; text-indent:-5000em;}
.buttons span.estaduais.active, .buttons span.estaduais:hover{ background:url(bt_estaduais_hov.gif) no-repeat 0 0;}

.buttons span.empresariais{ width:93px; height:17px; background:url(bt_empresariais.gif) no-repeat 0 0; cursor:pointer; text-indent:-5000em;}
.buttons span.empresariais.active, .buttons span.empresariais:hover{ background:url(bt_empresariais_hov.gif) no-repeat 0 0;}

.buttons span.artigos{ width:53px; height:17px; background:url(bt_artigos.gif) no-repeat 0 0; cursor:pointer; text-indent:-5000em;}
.buttons span.artigos.active, .buttons span.artigos:hover{ background:url(bt_artigos_hov.gif) no-repeat 0 0;}