@charset "utf-8";
/* 
###############################################################  
Description: SINTEPI.ORG.BR
Version: 1.0
Author: Elias Ferreira Junior
Author URL: http://www.eliasjunior.com.br/
###############################################################  
*/ 
*{margin: 0; padding: 0;}
html{background: url(../img/bg-geral.gif) top center repeat-x; }
body{background:url(../img/bg-header.jpg) top center repeat-x; background-position:100% 96px; color:#333; font: 70%/1.5em "Segoe UI", Arial, Helvetica, sans-serif;}
a img, table{border:0;}
hr{margin:10px 0; clear:both;}

fieldset{ padding:10px;}
legend{text-transform:uppercase; padding:0 5px; font-weight:bold;}
option{padding-left:5px;}

a {color:#666666; text-decoration:none; outline:0;}
a:link {color:#000; outline:0;}
a:visited {color:#000; outline:0;}
a:hover {color:#00C; outline:0;}
a:active {color:#000; outline:0;}

h1 {font-size:1.6em;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:0.8em;}

p {font-size:1.1em;}
p a{/* color:#000 !important;font-weight:bold;*/}

.botao {background:#090;color:#FFFFFF;font-size:1em;border:#FF0000 outset 2px;float:right;margin-top:5px;padding:0 5px;font-weight:bold;font-size:0.8em;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase; width:auto !important;outline:0;}
.botao:active {border:#FF0000 inset 2px; outline:0;}
.lista-principal li{list-style:none;background:url(../img/bullet-square-big.png) top left no-repeat;background-position:0 2px;padding-left:20px;}
.lista-principal li:hover{background:#fafafa url(../img/bullet-square-big.png) top left no-repeat; background-position:0 2px;}
.lista-secundaria li{list-style:none; background:url(../img/bullet-square-small.png) top left no-repeat; background-position:0 5px; padding-left:10px;}
.lista-secundaria li:hover{list-style:none; color:#000000 !important; background:#f6f6f6 url(../img/bullet-square-small.png) top left no-repeat; background-position:0 5px; padding-left:10px;}
.lista-secundaria li a{display:block}
/* 
CSS DESIGN DO SITE
*/ 

#container {width:767px; margin:0 auto; padding:0; clear:both; background:url(../img/bg-container.gif) top center no-repeat; }

#header {height:152px; width:765px; margin:0 auto; position:relative;}

#header h1 a{display:block; margin-left:30px; _margin-left:15px; text-indent:-900em; background:url(../img/logo-sintepi.gif) top left no-repeat; width:339px; height:77px; float:left; margin-top:10px; margin-bottom:9px;}
#header p {display:block; background:url(../img/filiadoaFNU-CUT.gif) top left no-repeat; width:105px; height:11px; text-indent:-900em; float:right; margin-top:60px; margin-right:10px;}

#menu-topo {width:745px; clear:both; height:40px; margin-left:15px;}
#menu-topo ul{}
#menu-topo ul li{display:inline;}
#menu-topo ul li a{display:block; float:left; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#fff; display:block; font-weight:700; text-transform:uppercase; margin-right:4px; padding:4px 14px; text-align:center; background:#222c76 url(../img/bg-menu-a.gif) top center repeat-x; border:#000066 solid 1px; border-top:none;}
#menu-topo ul li a:hover{background:#222c76 url(../img/bg-menu-ahover.gif) top center repeat-x; border:#003399 solid 1px; border-top:none;}
#menu-topo ul li a.ativo{color:#000066; font-size:1.3em; padding-top:8px; text-decoration:none; background:#FFFFFF url(../img/bg-menu-selecionado-hover.gif) top center repeat-x !important;  border:#FFFFFF solid 1px !important; border-top:none !important;}

/* MENU SECUNDARIO/VERTICAL ======================= */
#menu-secundario {margin-top:50px; margin-left:15px; _margin-left:10px; background:url(../img/bg-menu-secundario.gif) left top; width:185px; height:auto; border-top:#cc0000 solid 6px; float:left;}
#menu-secundario h2 {padding:10px 0 0 10px; color:#cc0000; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#menu-secundario ul {height:908px;background:none; background: url(../img/bg-menu-secundario-fade-bottom.png) bottom left no-repeat;}
#menu-secundario ul li span{display:block; solid 3px; padding:5px 0 5px 15px; font-size:1.2em; font-weight:bold; background:url(../img/bg-menu-secundario-secao.png) top left repeat-y;}
#menu-secundario ul li {display:block;}
#menu-secundario ul li ul {padding:0px 0; height:auto; background:none; border:none;}
#menu-secundario ul li ul li{display:block;}
#menu-secundario ul li ul a{display:block; background:url(../img/bg-menu-secundario-item.png) left bottom no-repeat; padding:4px 5px 6px 15px; color:#000 !important; font-size:1.2em;}
#menu-secundario ul li ul a{_border-bottom:#CCCCCC solid 1px; _background:none; _height:10px;}
#menu-secundario ul li ul a:hover{background:#fff; border-left:#eee solid 1px;}
#menu-secundario ul li ul a.ativo{background:#fff url(../img/bg-menu-secundario-item-hover.png) repeat-y; border-bottom:#eee solid 1px; text-decoration:underline;}

/* MENU SECUNDARIO/VERTICAL ======================= */

#conteudo{/*background:#FFFFFF url(../img/bg-conteudo.png) top left repeat-x;*/ height:1200px; }
#conteudo a:hover{text-decoration:underline}
#conteudo h2.titulo{color:#FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:2em; margin-left:15px;}

#texto {width:370px; float:left; margin:20px;}
#sidebar {width:140px; margin-top:20px; padding:15px 0 0 0; float:left; text-align:center}
#banners a img{margin-bottom:10px;}

#banners, #filiacao, #jornal {margin-bottom:10px; padding:5px; border:#eee solid 1px;}
#banners {padding:15px 0;}

#jornal {margin-bottom:10px;}

#filiacao, #jornal {background:#f8f8f8;}
#filiacao h2, #jornais h2, #jornal h2{font-size:1.2em;}


#agenda {border-bottom:#eee solid 3px; padding-bottom:10px; padding-top:20px;}
#agenda h3, #agenda h4, #agenda div{line-height:1.5em; display:block; margin-bottom:3px; background:#f8f8f8; padding:5px;}
#agenda div {height:auto}
#agenda div img {float:left; padding:5px; border:#aaa solid 1px; background:#FFFFFF; margin-right:10px;}

.jornais {border:#ccc solid 1px; width:150px; text-align:center; padding:5px; margin-right:10px; background:url(../img/bg-degrade.png) left bottom repeat-x; float:left;}
.jornais:hover {border:#000 solid 1px;}

#texto h4{font-size:2em; line-height:1em;}


#paginador {margin:20px auto;}
#lista_outras_noticias {border:#CCCCCC solid 1px; padding:10px; background:#fcfcfc;}
#lista_outras_noticias h4{display:block; margin-bottom:10px; font-size:1.4em;}
#lista_outras_noticias ul li {list-style:none;background:url(../img/bullet-list-folha.gif) left top no-repeat;background-position:0 20px;padding-left:20px;}
#lista_outras_noticias ul li a:hover{color:#000000;text-decoration:underline;}
#lista_outras_noticias ul li span{color:#999999;font-style:italic;}

#footer {background:url(../img/bg-footer.gif) top left repeat-x; height:65px; border:#eee solid 1px; clear:both;}
#footer p{display:block; background:url(../img/sintepi-rodape.gif) center center no-repeat; text-indent:-900em; height:60px; width:765px; margin:0 auto; text-align:center; padding-top:5px;}
#footer p span {display:block;}