/*
--------------------------------------------------------------------
 Arquivo:			inicial.css
 Autor:			Ederson Morche
 E-mail:			eder@usinanet.com.br
 Data da Criacao:		18/05/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) no-repeat #dedbca;
  color: #595959;
  font:62.5% Arial, Helvetica, sans-serif;
}

a {
  color:#624B3B;
}

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

a:hover {
  color:#000;
}

 h1, h2, h3, h4, h5 {
  color:#624B3B;
}

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

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


/*TOPO*/

#topo {
  display:block;
  width:760px;
  height:94px;
}

#topo #logo {
  display:block;
  width:329px;
  height:70px;
  margin:0 0 0 10px;
  background:url(img/logo_sindicato.png) no-repeat;
}


/*MENU CIMA*/

#menu_cima {
  position:absolute;
  top:-10px;
  left:320px;
}



/*CABECALHO*/

#cabecalho {
  display:block;
  clear:both;
  width:760px;
  height:238px;
}


/*TRADUCAO*/

#traducao {
  position:absolute;
  top:10px;
  right:0;
}

#traducao ul li {
  display:block;
  clear:both;
  margin:5px 0 0 0;
}

#traducao ul li a {
  display:block;
  width:20px;
  height:89px;
}

#traducao ul li .portugues{
  background:url(img/b_portugues.jpg) no-repeat;
}

#traducao ul li .portugues:hover {
  background:url(img/b_portugues.jpg) no-repeat bottom;
}

#traducao ul li .english {
  background:url(img/b_english.jpg) no-repeat;
}

#traducao ul li .english:hover {
  background:url(img/b_english.jpg) no-repeat bottom;
}

#traducao ul li .espanol{
  background:url(img/b_espanol.jpg) no-repeat;
}

#traducao ul li .espanol:hover {
  background:url(img/b_espanol.jpg) no-repeat bottom;
}

#traducao ul .atual .portugues {
  background:url(img/b_portugues.jpg) no-repeat bottom;
}

#traducao ul .atual .espanol{
  background:url(img/b_espanol.jpg) no-repeat bottom;
}

#traducao ul .atual .english{
  background:url(img/b_english.jpg) no-repeat bottom;
}


/*LATERAL*/

#corpo #lateral {
  display:block;
  float:left;
  width:298px;
  margin:0 20px 0 15px;
}

#corpo #lateral #selo {
  position:relative;
  top:-70px;
  left:-10px;
}

#banner .banners {
  margin: 0 0  20px 15px;
}


#associados {
  width:291px;
  height:317px;
  background:url(img/bg_associados_index.jpg) no-repeat bottom;
  padding-top:20px;
  margin-top:-20px;
}

#associados h2{
  color:#fff;
  font-size:1.8em;
  padding:7px 0 8px 10px;
  background:url(img/bg_tit_associados.jpg) no-repeat;
}

#associados h3{
  color:#4E3C2E;
  margin:0 15px 0 0;
  font-size:1.1em;
}

#associados ul{
  margin-top:10px;
  border-top:1px solid #00591B;
  border-bottom:1px solid #83c05a;
}

#associados ul li:hover {
  background:#000;
  filter: alpha(opacity=70%); opacity: .3
}

#associados ul li a{
  display:block;
  clear:both;
  margin:0;
  border-bottom:1px solid #00591B;
  border-top:1px solid #83c05a;
  padding:10px 0 10px 30px;
  font-size:1.2em;
  color:#003D12;
  font-weight:bold;
  background:url(img/seta.gif) no-repeat 15px 12px;
}

#associados ul li a:hover{
  border-top:1px solid #00591B; 
  color:#fff;
  background:url(img/seta_bca.gif) no-repeat 15px 12px;
}



/*CONTEUDO*/

#conteudo {
  width:420px;
  display:block;
  float:left;
  margin-bottom:50px;
}

#conteudo h1 {
  background:url(img/folha.gif) no-repeat;
  padding-left:30px;
  color:#00591B;
  margin-bottom:5px;
  font-size:2.2em;
}

#ult_noticia {
  width:400px;
  height:170px;
  background:url(img/bg_noticias_index.jpg) no-repeat;
  display:block;
  margin:10px 0 10px 0;
  padding:15px 10px 0 15px;
}


#ult_noticia #foto_destaque{
  display:block; 
  float:left;
}

#ult_noticia .inf {
  width:180px;
  display:block;
  float:left;
  margin:0 0 0 10px;
}


#ult_noticia #foto_destaque a{
  display:block;
  border:5px solid #DECFA6;
}

#ult_noticia h1 {
  color:#000;
  font-size:1.6em;
  margin:5px 10px 0 0;
  background:url(img/seta_pta.gif) no-repeat 0 5px;
  padding-left:10px;
}

#ult_noticia a{
  color:#624B3B;
}

#ult_noticia a:hover{
  text-decoration:underline;
}

#ult_noticia h2 {
  font-size:1.2em;
  margin:5px 10px 0 0;
}


/*Outras Noticias*/

#outras_noticias {
  margin-right:20px;
}



#outras_noticias ul li {
  font-size:1.2em;
  margin-bottom:8px;
  
}


#outras_noticias ul li a {
  background:url(img/seta.gif) no-repeat 0 2px;
  padding-left:10px;
  color:#624B3B;
}

#outras_noticias ul li a strong{
  color:#00591B;
}

#outras_noticias ul li a:hover {
  text-decoration:underline;
}


/*Destaques*/

.destaques {
  width:195px;
  height:150px;
  background:url(img/bg_dest_index.jpg) no-repeat;
  float:left;
  margin:15px 10px 0 0;
}

.destaques img {
  margin:32px 0 0 32px;
}

.destaques h2 {
  margin:7px 0 0 38px;
  font-size:1.1em;
}

.destaques h2 a{
  color:#fff;
}

.destaques h2 a:hover {
  text-decoration:underline;
  color:#fff;
}







/*RODAPE*/

#rodape {
  display:block;
  clear:both;
  width:760px;
  height:215px;
  background:url(img/bg_rodape.jpg) no-repeat;
}

#rodape #dados{
	display:block;
	float:left;
	width:275px;
	height:100px;
	margin-top: 115px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 13px;
}

#rodape #dados h2 {
  font-size:1.1em;
  line-height:1.1em;
  color:#000;
  margin:20px 60px 0 10px;
}

#rodape #dados h3 {
  font-size:1em;
  line-height:1.1em;
  font-weight:normal;
  margin:3px 20px 0 10px;
}

#rodape #logo_usina {
  display:block;  
  float:left;
  width:400px;
  height:20px;
  margin:137px 0 12px 70px;
}

#rodape #logo_usina a {
  display:block;  
  float:left;
  width:72px;
  height:20px;
  background:url(img/logo_usinanet.gif) no-repeat;
  margin-left:320px;
}

#rodape #menu_baixo {
  display:block;
  float:left;
  width:380px;
  height:48px;
  margin:0 0 0 88px
}

#rodape #menu_baixo ul li {
  display:inline;
}

#rodape #menu_baixo ul li a {
  display:block;
  float:left;
  font-size:1.1em;
  color:#000;
  padding:16px 7px;
  border-left:1px solid #EEE0B9;
  border-right:1px solid #876C21;
}

#rodape #menu_baixo ul .primeiro {
  height:46px;
  float:left;
  border-left:1px solid #876C21;
}

#rodape #menu_baixo ul .ultimo {
  height:46px;
  float:left;
  border-left:1px solid #DABC67;
}

#rodape #menu_baixo ul li a:hover {
  background:url(img/bg_rodape_on.jpg) no-repeat;
  color:#fff;
  border-left:1px solid #4A3B12;
  border-right:1px solid #4A3B12;
}