/*
--------------------------------------------------------------------
 Arquivo:			principal.css
 Autor:			Ederson Morche
 E-mail:			eder@usinanet.com.br
 Data da Criacao:		07/02/2007
 Descricao:			Folha de Estilos principal
--------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------
 Pagina - Regras Gerais
--------------------------------------------------------------------
*/

html, body, a, div, form, h1, h2, h3, h4, h5, img, form, form input, object {
  padding: 0px;
  border: 0px;
  margin: 0px;
}

body {
  background:url(img/bg_pagina.jpg) repeat-y #fff;
  color: #595959;
  font:62.5% Arial, Helvetica, sans-serif;
}

a {
  color:#464646;
}

a:active, a:link, a:visited,  a:hover {
  text-decoration: none;
}

a:hover {
  color:#8D5442;
}

 h1, h2, h3, h4, h5 {
  color:#8E1021;
}

ul, li {
  list-style:none;
  margin:0;
  padding:0;
}

.clear {
  display:block;
  clear:both;
}


/*TOPO DA PęGINA*/


#index {
  background:#fff;
}

#index #inicial {
  position:absolute;  
  top:50%;
  left:50%;
  width:200px;
  height:90px;
  display:block;
  margin:-150px 0 0 -200px;
}




#topo {
  background:#fff;
  height:80px;
  border-bottom:10px solid #ccc;
}

#topo #logo{
  width:220px;
  height:70px;
  float:left;
  background:url(img/logo_sindicato.gif) no-repeat;
}

#topo #botoesCima {
  height:50px;
  margin-left:490px;
  padding-top:10px;
}

#topo #botoesCima ul li {
  display:inline;
  margin:15px 15px 0 0;
  padding-left:20px;
}

#topo #botoesCima ul .mapa {
  background:url(img/b_mapa.gif) no-repeat left;
}


#topo #botoesCima ul .restrito{
  background:url(img/b_login.gif) no-repeat left;
}

#topo #botoesCima ul .contato {
  background:url(img/b_contato.gif) no-repeat left;
}

#topo #botoesCima ul li:hover {
  color:#000;
}

#animacao {
  background:#8e1021;
  height:241px;
  border-bottom:10px solid #600B17;
}

.corpo {
  clear:both;
  margin-top:20px;
  margin-bottom:100px;
}




.corpo .conteudo {
  width:470px;  
  display:block;
  background:url(img/bg_secao.jpg) no-repeat 0 0px;
  float:left;
}

#pagina_inicial .corpo .conteudo {
  background:url(img/bg_secao.jpg) no-repeat;
}

.corpo .conteudo p{
  margin-right:40px;
  margin-left:40px;
}


/*CONTEUDO*/

.corpo .conteudo h1{
  margin:20px 80px 0 40px;
  color:#8E1021;
  font-size:2.4em;
  padding-top:12px;
}

.corpo .conteudo p{

  line-height:1.5em;
  text-align:justify;
  font-size:1.1em;
}

#contribuicao_sindical h1 {
  font-size:1.8em;
  padding-top:30px;
}

#contribuicao_sindical a{
  display:block;
  width:385px;
  border:1px solid #ccc;
  margin:5px 0 0 40px;
  background:url(../destaques/forum/topo_forum.jpg) no-repeat;
}

#contribuicao_sindical a:hover {
  border:1px solid #555;
}



/*Esquerda*/

/*Pęgina de Notęcias*/

.esquerda {
  width:290px;  
  display:block;
  float:left;
  margin-top:10px;
}

.esquerda .foto {
  width:250px;
  border:1px solid #ccc;
  background:#f2f2f2;
  margin:0 0 15px 0;
  border-top:5px solid #999;
  padding:10px 0 10px 0;
}

.esquerda .foto h3 {
  font-weight:normal;
  font-size:1.1em;
  color:#888;
  margin:5px 0 0 5px;
}

.esquerda .foto img {
  border:1px solid #ccc;
  display:block;
  margin:0;
  background:#ccc;
}

.esquerda .foto span {
  margin:5px 5px 0 5px;
  display:block;
  font-weight:normal;
  font-size:1.1em;
  color:#777;
}




/*Buscar Associados*/

.esquerda .foto .associados {
  margin:10px 0 20px 10px;
}

.esquerda .foto .associados li a {
  background:url(img/seta.gif) no-repeat 0 2px;
  padding-left:15px;
  font-size:1.2em;
  margin:5px 0 5px 0;
  display:block;

}

.esquerda .foto .associados li a:hover {
  margin-left:3px;
}

.esquerda .foto h2 {
  padding:10px 0 3px 5px;
  color:#666;
  font-size:1.6em;
  border-bottom:1px solid #ccc;
}

.esquerda .foto form fieldset {
  border:0;
  background:#fff;
  margin:10px 10px 10px 0;
  border:1px solid #ccc;
}

.esquerda .foto form fieldset{
  padding-top:10px;
}

.esquerda .foto form label {
  width:70px;
  text-align:right;
  display:block;
  margin:10px 0 5px 0;
  font-size:1.1em;
  font-weight:bold;
}

.esquerda .foto form input {
  border:1px solid #ccc;
  padding:3px 5px;
  width:210px;
  background:#f2f2f2;
  color:#555;
}

.esquerda .foto form select{
  border:1px solid #ccc;
  padding:2px 2px 2px 5px;  
  width:222px;
  background:#f2f2f2;
  color:#555;
}

.esquerda .foto form input:hover,  .esquerda .foto form select:hover{
  border:1px solid #777;
  background:#E6E6E6;
}

.esquerda .foto form .botaoEnvia {
  background:#666;
  width:90px;
  display:block;
  color:#fff;
  font-size:1em;
  font-weight:bold;
  margin:10px 0 0 133px;
}

.esquerda .foto form .botaoEnvia:hover {
  background:#000;
}




/*Notęcias Destaque*/


.conteudo .noticiaPrincipal {
  margin:5px 40px 0 40px;
}

.conteudo .noticiaPrincipal img {
  border:1px solid #ccc;
  padding:5px;
  background:#fff;
  display:block;
  margin:0;
}

.conteudo .noticiaPrincipal h3 {
  margin:5px 0 5px 0;
  font-size:1.5em;
  color:#888;
}


.conteudo .outrosDestaques {
  margin:15px -27px 15px 40px;
  width:182px;
  float:left;
  border:1px solid #ccc;
}

.conteudo .outrosDestaques img{
  border:1px solid #ccc;
  display:block;
  float:left;
  margin:5px;
  background:#fff;
}

.conteudo .outrosDestaques h2{
  margin:5px 0 0 5px;
  font-size:1.2em;
}


.conteudo .outrosDestaques h3{
  font-weight:normal;
  color:#555;
  font-size:1.1em;
  margin:0 5px 10px 5px;
}

.conteudo .outrasNoticias {
  margin:15px 40px 0 40px;
  clear:both;
  
}

.conteudo .outrasNoticias h2 {
  margin-bottom:10px;
  font-size:1.8em;
}

.conteudo .outrasNoticias h3{
  font-weight:normal;
  border-bottom:1px dotted #ccc;
  padding:7px 20px;
  background:url(img/seta.gif) no-repeat 0 10px;
  color:#555;
}





/*Rodape*/


#rodape {
  background:#8E1021;
  border-top:10px solid #ccc;
  height:75px;
}

#rodape #dados {
  position:relative;
  width:281px;
  height:110px;
  top:-65px;
  left:0;
  background:url(img/bg_rodape_esq.jpg) no-repeat;
  padding:30px 20px 0 30px;
  font-size:1.1em;
  float:left;
  margin-bottom:-95px;
}


#rodape #dados h2 {
  width:150px;
  font-size:1.1em;
  color:#555;  background:url(img/simbolo_p.gif) no-repeat -5px 0;
  padding-left:35px;
}

#rodape #dados h3 {
  color:#888;
  font-size:1em;
  font-weight:normal;
  margin-top:20px;
}

#rodape #logoUsina {
  margin:12px 0 0 675px;
}

#rodape #logoUsina a{
  width:85px;
  height:20px;
  display:block;
  background:url(img/logo_usina.gif) no-repeat;
}


#rodape #menuBaixo {
  background:url(img/bg_menu_baixo.gif) no-repeat;
  width:502px;
  height:32px;
  margin:11px 0 0 290px;
  padding:2px 0 0 13px;
}

#rodape #menuBaixo ul{
  height:30px;
  border-left:1px solid #ccc;
}



#rodape #menuBaixo ul li a {
  padding:8px 20px;
  display:block;
  float:left;
  border-right:1px solid #ccc;
  border-left:1px solid #f2f2f2;
  font-size:1.1em;
  color:#666;
}


#rodape #menuBaixo ul li a:hover {
  background:#fff;
  color:#333;
}


/*Francal 2007*/


#francal {
  background:#fff;
  margin:0 0 30px 15px;
  border:10px solid #fff;
  height:185px;
}

#francal img{
  background:#ccc;
}

#francal h3 {
  font-weight:normal;
  margin:7px 5px 0 0;
  font-size:1.2em;
}

.tit_francal {
  color:#333;
  margin:10px 0 0 40px;
  font-size:1.4em;
}

#tabela_francal {
  width:400px;
  margin:10px 0 30px 40px;
  border-collapse: collapse;
}

#tabela_francal fieldset {
  display:none;
}

#tabela_francal thead {
  background:#8E1021;
  color:#fff;
  height:40px;
  text-align:center;
  font-weigth:bold;
  border-bottom:5px solid #ccc;
}

#tabela_francal thead tr th{
  border:1px solid #ccc;
}

#tabela_francal tbody tr td {
  border:1px solid #ccc;
  padding:4px 2px 4px 5px;
  font-size:1em;
}

/*Outros Destaques*/

#outros_destaques {
  margin-left:15px;
  margin-top:20px;
}

.outros_destaques {
  border:1px solid #ccc;
  display:block;
  float:left;
  width:200px;
  height:115px;
  margin:15px 5px 0 10px;
  border-top:5px solid #aaa
}

.outros_destaques img{
  width:180px;
  height:80px;
  display:block;
  background:#333;
  margin:10px 0 0 10px;
}


.outros_destaques h3{
  margin:5px 0 0 10px;
  color:#777;
  font-size:1.1em;
}