/*
--------------------------------------------------------------------
 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, a:focus{
  text-decoration: none;
  border:0;
}

a:hover {
  color:#000;
}

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

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

form fieldset {
  border:0;
}

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


/*TOPO*/

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

#topo #logo {
  width:329px;
  height:70px;
  margin:0 0 0 10px;
}

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



/*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;
}




/*MENU CIMA*/

#menu_cima {
  position:absolute;
  top:-10px;
  left:325px;
  z-index:2;
}



/*CABECALHO*/

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


#cabecalho #submenu {
  width:329px;
  height:262px;
  background:url(../img/bg_menu.jpg) no-repeat;
  margin:-24px 0 0 10px;
  float:left;
}

#cabecalho #animacao {
  width:400px;
  height:235px;
  float:left;
  position:absolute;
  top:95px;
  left:355px;
  z-index:1;
}


/*Submenu*/

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

#ecologia #submenu ul {
  margin-top:60px;
}



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

#submenu ul li a:hover{
  border-top:1px solid #000;
  color:#fff;
  background:url(../img/seta_bca.gif) no-repeat 15px 13px #000;
  filter: alpha(opacity=30);
  opacity: .3;
}

#submenu ul .atual{
  font-size:1.2em;  
  padding:10px 0 10px 35px;  
  border-top:1px solid #00591B;
  color:#fff;
  background:url(../img/seta_bca.gif) no-repeat 15px 13px #00591B; 
  opacity: .7;
}




/*CORPO*/

#corpo {
  clear:both;
}

#lateral {
  margin-top:20px;
  padding-bottom:50px;
  min-width:340px;
}



/*Fotos*/

#fotos {
  width:340px;
  margin-bottom:20px;
}

#fotos ul li{
  display:inline;
}

#fotos ul li {
  display:block;
  float:left;
  width:160px;
  height:130px;
  background:url(../img/bg_foto_lateral.jpg) no-repeat;
  margin:10px 0 0 10px;
}

#fotos ul li a {
  width:120px;
  height:90px;
  display:block;
  background:#fff;
  margin:16px 0 0 17px;
  border:3px solid #ddd;
}


#fotos ul li a:hover {
  border:3px solid #fff;
}


#lateral .foto_grande {
  clear:both;
  width:347px;
  background:url(../img/bg_foto_lateral2.jpg) no-repeat;
  margin:10px -5px 0 0;
  padding-bottom:20px;
}

#lateral .foto_grande img {
  margin:39px 0 0 43px;
}


#lateral .foto_grande h3 {
  font-size:1.3em;
  font-weight:normal;
  margin:50px 0 0 15px;
  background:url(../img/seta_pta.gif) no-repeat 0 4px;
  padding-left:10px;
}


#selo {
  margin:-40px 00px 0 20px
}



/*Assessoria Jurídica*/

#assessoria {
  margin-left:10px;
}

#assessoria h1 {
  background:url(../img/bg_tit.jpg) no-repeat;
  color:#fff;
  font-size:1.7em;
  height:30px;
  padding:8px 0 0 10px;
}

#assessoria h2 {
  font-size:1.4em;
  margin:25px 0 10px 0;
  color:#00591B;
  background:url(../img/folha.gif) no-repeat 0 0px;
  padding-left:28px;
}

#assessoria ul {
  width:220px;
  display:block;
  float:left;
}

#assessoria ul li {
  font-size:1.1em;
  background:url(../img/seta_pta.gif) no-repeat 5px 4px;
  padding-left:15px;
  margin-bottom:2px;
}

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

#assessoria .logo_assessoria {
  border:5px solid #ebe9df;
  margin:0 5px 10px 0;
  float:left;
}






/*ASSOCIADOS */

#b_imprimir {
  margin:0 0 15px 10px;
}

#associados {
  display:block;
  float:left;
  width:325px;
  height:290px;
  background:url(../img/bg_associados.jpg) no-repeat bottom;
  margin-top:20px;
  margin-left:10px;
}

#associados h2{
  color:#00591B;
  font-size:1.8em;
  margin-left:15px;
}

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

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

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

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

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


/*CONTEUDO */

#corpo #lateral {
  display:block;
  float:left;
}

#conteudo {
  width:400px;
  display:block;
  float:left;
  margin:20px 0 50px 17px;
}

#texto p {
  font-size:1.1em;
  line-height:1.5em;
}

#texto .legenda {
  font-size:0.9em;
  color:#777;
}

#texto p strong{
  color:#555;
  background:url(../img/seta_pta.gif) no-repeat 0 4px;
  padding-left:12px;
  font-size:1.1em;
}


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

}

#texto h2 {
  color:#00591B;
  background:url(../img/seta.gif) no-repeat 0 4px;
  padding-left:10px;
  margin-top:25px;
  font-size:1.6em;
}

#texto h3 {
  margin:20px -20px 0 0;
  font-size:1.3em;
  background:url(../img/bg_tit.jpg) no-repeat;
  padding:9px 0 9px 10px;
  color:#fff;
  clear:both;
}

#texto ul li {
  font-size:1.2em;
  background:url(../img/seta_pta.gif) no-repeat 0 4px;
  padding-left:10px;
  margin-top:10px;
  border-bottom:1px solid #C0BC9B;
  padding-bottom:5px;
}

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

#texto #galeria {
  margin-right:-10px;
}


#texto #galeria li{
  width:120px;
  height:185px;
  float:left;
  margin:0 15px 15px 0;
  background:url(../img/bg_presidentes.jpg) no-repeat;
  padding:0;
}



#texto #galeria li img {
  display:block;
  width:95px;
  height:115px;
  background:#000;
  margin:10px 0 0 10px;
  border:2px solid #fff;
}

#texto #galeria li h4 {
  margin:5px 5px 5px 10px;
  font-size:1em;
  font-weight:normal;
  color:#444;
}


#texto .dissidio li {
  background:url(../img/b_pdf.gif) no-repeat 0px -3px;
  padding-left:25px;
}

#texto .dissidio li:hover {
  background:url(../img/b_download.gif) no-repeat 5px 2px;
}

#texto .dissidio {
  margin-bottom:10px;
}


#texto .word li {
  background:url(../img/b_word.gif) no-repeat;
  padding-left:25px;
}

#texto .word li:hover {
  background:url(../img/b_download.gif) no-repeat 4px 2px;
}

#texto .word {
  margin-bottom:10px;
}



#texto .download {
  width:200px;
  display:block;
  clear:both;
  margin-bottom:50px;
}

#texto .download a img{
  float:left;
  border:1px solid #888;
  padding:1px;
  margin-right:5px;
}

#texto .download a img:hover {
  border:1px solid #000;
}

#texto .download a h4 {
  font-size:1.1em;
  font-weight:normal;
  color:#555; 
}

#texto .download a h4:hover {
  text-decoration:underline;
}








/*PAGINA DE ASSOCIADOS*/

#inf_associados {
  width:400px;
  height:135px;
  background:url(../img/bg_inf_associados.jpg) no-repeat;
  margin:0 0  20px -10px;
}

#inf_associados .logo{
  width:150px;
  height:100px;
  display:block;
  float:left;
  background:#fff;
  border:3px solid #DECFA6;
  margin:15px 0 0 15px;
}

#inf_associados .logo img {
  position:relative;
  top:50%;
  left:50%;
}


#inf_associados .inf{
  display:block;
  float:left;
  width:210px;
  margin:15px 0 0 10px; 
}

#inf_associados .inf h4{
  font-size:12px;
  color:#000;
  margin-bottom:5px;
  font-weight:normal;
}

#inf_associados .inf h4 a:hover{
  text-decoration:underline;
}


#pag_associados #texto ul li {
  background:url(../img/seta_pta.gif) no-repeat 0 5px;
  font-size:1.3em;
  color:#00591B;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
}







/*BUSCAR ASSOCIADOS*/

#buscar {
  width:328px;
  background:#E7E6DA;
  border:1px solid #D3D0BB;
  margin:0 5px 0 10px;
}


#buscar .barra {
  background:url(../img/bg_menu.jpg) no-repeat bottom;
  height:10px;
  border-bottom:3px solid #fff;
}

#buscar h2{
  margin:10px 0 0 10px;
  font-size:2em;
}

#buscar h3{
  font-weight:normal;
  font-size:1.1em;
  margin:5px 10px 10px 10px;
}

#buscar form {
  margin-left:10px;
}

#buscar form label {
  font-weight:bold;
  font-size:1.1em;
  display:block;
  margin:10px 3px 0 5px;
}

#buscar form input {
  border:1px solid #D3D0BB;
  padding:2px 0 3px 5px;
  width:278px;
  margin-top:3px;
}

#buscar form select {
  border:1px solid #D3D0BB;
  padding:2px 2px 2px 0;
  width:285px;
  margin-top:3px;
}

#buscar form .botaoEnvia {
  width:75px;
  font-weight:bold;
  background:url(../img/bg_menu.jpg) no-repeat bottom;
  color:#fff;
  font-size:1.1em;
  margin:20px 0 20px 207px;
  padding:3px 5px;
  cursor:pointer;
}

#buscar form .botaoEnvia:hover {
  background:url(../img/bg_menu.jpg) no-repeat bottom right;
}






/*CONTATO*/

#conteudo form {
  width:395px;
  background:#ECE9D8;
}

#conteudo form label {
  display:block;
  clear:both;
  font-size:1.2em;
  color:#645B30;
  margin:10px 0 2px 10px;
}

#conteudo form input, #texto form textArea{
  border:1px solid #D4CCA5;
  width:350px;
  clear:both;
  background:#DEDBCA;
  padding:3px 0 2px 5px;
  margin-left:10px;
}

#conteudo form select {
  border:1px solid #D4CCA5;
  width:357px;
  clear:both;
  background:#DEDBCA;
  padding:3px 3px 2px 5px;
  margin-left:10px;
}


#conteudo form .botaoEnvia {
  display:block;
  width:70px;
  font-weight:bold;
  background:url(../img/bg_associados.jpg) no-repeat bottom;
  color:#fff;
  margin:20px 0 20px 298px;
  font-size:1em;
  padding:3px 5px;
  cursor:pointer;
}

#conteudo form .botaoEnvia:hover {
  background:url(../img/bg_associados.jpg) no-repeat center right;  
}


/*PROJETO ZOO*/

#projeto_zoo {
  position:relative;
  top:-20px;
  left:10px;
  margin-bottom:-30px;
}


#lateral #submenu {
  width:329px;
  height:725px;
  background:url(../img/bg_animais_projeto.jpg) no-repeat bottom;
  margin:20px 0 0 10px;
  float:left;
}

#lateral #submenu .barra {
  height:15px;
  background:url(../img/bg_animais_projeto.jpg) no-repeat bottom;
  border-bottom:5px solid #DEDBCA;
}


#lateral #submenu ul{
  margin-top:0px;
}

#placa_animais {
  position:absolute;
  top:80px;
  left:355px;
  margin-bottom:-30px
}

#projeto #texto{
  padding-top:0px;
}


#texto .fotos_projeto {
  display:block;
  padding:2px 2px 2px 2px;
  float:left;
  margin:10px 10px 10px 0;
  border:5px solid #f1f0e9;
}



/*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;
}