/* 

Layout: Hazor Passos | www.hcriativo.com.br
CSS e HTML: Hazor Passos
Programacao: Zero e Um

*/

/* CSS RESET */

#topo { width:100%; height:10px; clear:both; margin: auto; z-index:10; }


#barra_sites { width:980px; height:32px; margin:0 auto; font-family:Helvetica, sans-serif; background-color:#606060; position: relative; z-index: 10000; /* número máximo é 9999 */}
#barra_sites ul { width:980px; margin: 0 auto; list-style:none; margin-left:-40px;}
#barra_sites ul li{ float:left; position:relative; margin-right:8px; margin-left:45px; }
#barra_sites ul li a { display:block; padding:4px; text-decoration: none; color: #ffffff; font-size:16px; }
#barra_sites ul li:hover > a { background-color:#4e4e4e; color:#FFFFFF; }
#barra_sites ul li ul { display:none; position:absolute; }
#barra_sites ul li:hover ul { width:100%; display:block;  height:28px;}
#barra_sites ul li ul li { width:77%; background-color:#4e4e4e; color:#ffffff;}
#barra_sites ul li ul li a { color:#ffffff; font-size:12px;  }
#barra_sites ul li ul li:hover > a{ background-color:#3c3c3c; color:#ffffff; }
#barra_sites ul li ul li ul li{ display:none; }
#barra_sites ul li ul li ul { top:0; }
#barra_sites ul li ul li:hover ul li{ width:150px; display:block; background-color:#6d6d6d; z-index: 9999; }

.subitens_sites { height:auto; background-color:#4e4e4e; margin-left:-45px; }
.subitens_sites_ui_especiais { width:160px; height:auto; background-color:#6d6d6d; z-index: 9999; padding-left:40px; }

.lists { float:left; width:220px; }

