/* CSS INTERNAS SITE FATWIRE
CSS validado pelo w3c unicos erros encontrados são de opacity, necessário para dar transparencias em imagens.
Criado por: Júlio Fernandes Júnior
Versão: 00
*/

/*BODY - PARA EMPILHAMENTOS E NOTICIAS*/
body{background-color:#f5f5f5!important}

/* MENU - NAVEL 1 */
#menu ul.nivel-1{clear:both;width:988px;height:30px}
#menu ul.nivel-1 li{float:left}
#menu ul.nivel-1 li a{float:left;display:inline;padding:7px 10px;border-right:1px solid #282e30;height:16px;font:bold 12px arial;background:#4c5b5f}
#menu ul.nivel-1 li a.bdl{border-left:1px solid #000}
#menu ul.nivel-1 li a.segundo_nivel{text-decoration:none!important;background:url(http://i0.statig.com.br/css/images/LUXbg_menu_segundo_nivel.gif) repeat-x}
#menu ul.nivel-1 li a:hover, #menu ul.nivel-1 li a.habilitar{text-decoration:none!important;color:#282e30;background:#F5F5F5!important}
#menu ul.nivel-1 li a.segundo_nivel:hover{text-decoration:none!important;background:url(http://i0.statig.com.br/css/images/LUXbg_menu_segundo_nivel_hover.gif) repeat-x;color:#fff}
#menu ul.nivel-1 li a{color:#fff} 
#menu ul.nivel-1 li a.bdl{border-left:1px solid #1a1c1c}

/* BARRA DE NAVEGAÇÃO - TEMAS DO MOMENTO */
#barra-navegacao{float:left;margin-bottom:20px;width:988px;height:22px;border-bottom:1px solid #eee;vertical-align:bottom;padding-bottom:4px}
#barra-navegacao ul.navegacao{float:left}
#barra-navegacao ul.navegacao li{float:left;padding-right:5px;color:#999;line-height:22px;vertical-align:bottom}
#barra-navegacao ul.navegacao li a{font:12px arial;color:#333}
#barra-navegacao ul.navegacao li strong{font:normal 16px arial}
#barra-navegacao ul.navegacao li strong, #barra-navegacao ul.navegacao li a:hover strong{color:#566d6d!important}
#barra-navegacao ul.navegacao li a:hover strong{text-decoration:none !important}
#barra-navegacao ul.temas-momento{float:right}
#barra-navegacao ul.temas-momento li{float:left;padding-right:3px;color:#ccc;line-height:22px;vertical-align:bottom}
#barra-navegacao ul.temas-momento li a{font:bold 12px arial;color:#566D6D}
#barra-navegacao ul.temas-momento li strong{color:#333;font:bold 12px arial;height:22px} 

/* empilhamento*/
.empilhamento h3{display:block;font:normal 18px Arial;margin-bottom:13px;text-transform:uppercase}
.empilhamento ul.abas{float:left;margin-bottom:20px;border-bottom:1px solid #d4d4d4!important;width:652px;height:34px}
.empilhamento ul.abas li{float:left}
.empilhamento ul.abas li a{float:left;display:inline;margin-right:5px;padding:8px 10px 8px 28px;border:1px solid #ebebec!important;height:16px;font:bold 14px arial;color:#999;background:url(http://i0.statig.com.br/css/images/sprite_multimidia.gif) no-repeat;background-color:#ebebec!important}
.empilhamento ul.abas li a:hover,.empilhamento ul.abas li a.habilitar{position:relative;margin-bottom:-1px;border:1px solid #d4d4d4!important;border-bottom:2px solid #f5f5f5!important;color:#333;text-decoration:none;background-color:#f5f5f5!important}
.empilhamento ul.abas li a.todas{background-position:10px 10px}
.empilhamento ul.abas li a.textos{background-position:10px -26px}
.empilhamento ul.abas li a.fotos{background-position:10px -62px}
.empilhamento ul.abas li a.videos{background-position:10px -98px}
.empilhamento ul.abas li a.em-votacao{background-position:10px -134px}
.empilhamento ul.abas li a.encerrada{background-position:10px -170px}
.empilhamento #formBuscar{float:left;margin-bottom:20px;width:550px}
.empilhamento #formBuscar div.data{margin:0;width:315px}
.empilhamento #formBuscar div{float:left;display:inline;margin-right:5px;width:150px}
.empilhamento #formBuscar label{display:block;margin-bottom:2px;font:bold 12px arial;color:#666}
.empilhamento #formBuscar select{float:left;border:1px solid #ccc;width:150px;font:12px arial;color:#666}
.empilhamento #formBuscar select option{padding-left:2px}
.empilhamento #formBuscar select optgroup option{padding-left:10px}
.empilhamento #formBuscar input.botao-buscar{float:left;margin-left:5px;padding:3px 0 2px;border:1px solid #ccc;width:60px;font:bold 12px arial;color:#333;background:#eee url(http://i0.statig.com.br/css/images/form-bg-botoes.gif) top repeat-x;cursor:pointer}
.empilhamento ul.empilhamento-lista li{float:left;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #d8d8d8!important;width:652px}
.empilhamento ul.empilhamento-lista li img{float:left;margin-right:20px}
.empilhamento ul.empilhamento-lista li cite{padding-left:18px;font:bold 12px arial;color:#999;background:url(http://i0.statig.com.br/css/images/sprite_multimidia.gif) no-repeat}
.empilhamento ul.empilhamento-lista li cite span{color:#eee!important}
.empilhamento ul.empilhamento-lista li cite.texto{background-position:0 -36px}
.empilhamento ul.empilhamento-lista li cite.foto{background-position:0 -72px}
.empilhamento ul.empilhamento-lista li cite.video{background-position:0 -108px}
.empilhamento ul.empilhamento-lista li cite.em-votacao{background-position:0 -144px}
.empilhamento ul.empilhamento-lista li cite.encerrada{background-position:0 -180px}
.empilhamento ul.empilhamento-lista li h5{font:bold 16px arial;color:#333;margin:5px 0 2px 0}
.empilhamento ul.empilhamento-lista li p a{font:14px/18px arial;color:#666}
.empilhamento ul.empilha_galeria{float:left;width:652px; margin-top:6px}
.empilhamento ul.empilha_galeria li{float:left;width:204px;margin:0 20px 27px 0;height:208px}
.empilhamento ul.empilha_galeria li.ultima{margin-right:0}
.empilhamento ul.empilha_galeria li a img{float:left;width:204px;margin-bottom:8px}
.empilhamento ul.empilha_galeria li cite{float:left; width:204px;font:normal 12px/12px arial;color:#f3f3f3; margin-bottom:3px}
.empilhamento ul.empilha_galeria li cite strong{font-weight:bold;color:#999}
.empilhamento ul.empilha_galeria li cite span{color:#999}
.empilhamento ul.empilha_galeria li p{float:left; width:204px; font:12px arial; color:#333}
.empilhamento ul.empilha_galeria li a:hover,.empilhamento ul.empilha_galeria li a:hover cite,.empilhamento ul.empilha_galeria li a:hover p{text-decoration:underline; cursor:pointer}