@charset "utf-8";
/* CSS Document */




/****************************************CSS RESET*******************************************/

*{ margin:0px;
padding:0px;}


#clock{ position:absolute;
z-index:14;
margin-top:207px;
}


.login_senha{ position:absolute;
z-index:15;
}


form#formulario_login{ font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#900;
margin-top:75px;}

input#login{ width:200px;}

input#senha{ width:200px;}

input#botao_logar{ padding:2px;
background:#900;
color:#FFF;
font:Verdana, Geneva, sans-serif;
font-size:12px;
border:none;}

.pesquisa{ position:absolute;
z-index:16;
margin-top:125px;
margin-left:785px;
*margin-left:390px;
}

input#digite{
width:150px;}

input.btn{ width:60px;
height:20px;
background:#900;
border:0;
font-size:12px;
color:#FFF;}





/******************************************banner flutuante***************************************/

div.banner {
  margin: 0;
  font-size:16px;/*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: fixed;
  top: 2em;
  left: auto;
  width: 10.5em;
  right: 2em;
}
div.banner p {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #F0F0F0;
  color: #003300;
  }

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-bottom: 2px solid #FFFFFF; }
div.banner a:first-child { border-top: none }
div.banner em { color: #003300; }

div.banner a:link { text-decoration: none; color: #0080C0; }
div.banner a:visited { text-decoration: none; color: #CCC }
div.banner a:hover { background: #0080C0; color: white }


/****************************************FUNDO PAGINAS*******************************************/

#all{ margin: 0 auto;
width:1003px;
padding-bottom:5px;
background: url(../imagens/fundo.png) no-repeat;}

h1.titulos{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color: #008040; 
width:130px;
padding:10px;
background: #BFFFBF;
clear:both;
}

h1.titulos_centralizados{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color: #008040; 
width:177px;
padding:10px;
background: #BFFFBF;
clear:both;
text-align:center;
}

h1.titulos_materias_outros_conteudos{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color: #008040; 
width: 100%;
padding:10px;
background: #BFFFBF;
clear:both;
margin-top:60px;
}

h1.titulos_counteudo_menus_laterais{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color: #008040; 
width: 100%;
padding:10px;
background: #BFFFBF;
clear:both;
margin-top:35px;
}

img.foto_materia{ width:300px;
height:200px;
float: right;
margin-top:10px;
padding:10px;}

img.foto_materia_quadrada{ width:300px;
height:257px;
float: right;
margin-top:10px;
padding:10px;}


img.foto_materia_modelo_metade{ width:270px;
height:187px;
float: left;
margin-top:10px;
padding:10px;}






img.foto_materia_conquistas{ width:120px;
height:200px;
float: right;
margin-top:10px;
padding:10px;}


img.foto_materia_2{ width:300px;
height:200px;
float: left;
margin-top:10px;
padding:10px;}


img.foto_maior_materias{ width:400px;
height:861px;
margin-top:10px;
padding:10px;
margin-left:300px;
}

img.foto_materia_projetos{ width:300px;
height:802px;
margin-top:10px;
padding:10px;
float:right;
}

img.foto_materia_projetos_c{ width:300px;
height:1000px;
margin-top:10px;
padding:10px;
float:right;
}


p.padrao_fonte_texto{ font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#020;
padding:25px;
}


a.download_links{ font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#900;
text-decoration:none;
}

a.download_links:hover{ color:#0080C0;}

form#form_contato{ font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color: #0080C0;
margin-left:230px;
margin-top:10px;}

input#nome{ width:300px;
padding:4px;
}

input#email{ width:300px;
padding:4px;
}

input#assunto{ width:300px;
padding:4px;
}

textarea#mensagem{ width:300px;
padding:4px;
}

input#button{ padding:4px;
background:#0080C0;
color:#FFF;
font-weight:bold;
border:0px;
float:right;
margin-top:5px;
}

/****************************************TOPO*******************************************/

#topo{ width:1003px;
height:205px;
clear:both;
}

a.mascara_botao_logo{ position:absolute;
z-index:10;
width:210px;
height:220px;
background: transparent;
margin-left:400px;
margin-top:20px;}


/****************************************CONTEUDO*******************************************/

#conteudo{ width:1003px;
clear:both;
}


#conteudo_expansivel{ width:760px;
padding-bottom:10px;
float:left;
}

#coluna_ultimas_noticias{ width:220px;
padding-bottom:40px;

float:left;
margin-top:60px;
border:2px solid #003300;
margin-left:18px;
}


.conteudo_desenvolvimento_counteudo_menus_laterais{ border-left:3px solid #BFFFBF;
padding-bottom:240px;
width:555px;
margin-top:40px;
float:left;
}






/****************************************COLUNA ESQ*******************************************/


#coluna_esq{ width:197px;
height: 1600px;
margin-top:20px;
margin-left:5px;
float:left;
border-right:3px solid #BFFFBF;

}

#coluna_esq_expansivel{ width:197px;
padding-bottom:10px;
margin-top:20px;
margin-left:5px;
float:left;
}

/****************************************AREA NUMEROS COLETA SELECTIVA*******************************************/

#area_numeros_coleta_seletiva{ width:197px;
height:260px;
clear:both;
background: #DFFFFF;
margin-top:10px;}


.titulo_coleta{ padding:4px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color: #0073AA;
font-weight:bold;
text-align:center;
clear:both;}

p.texto_coleta{ font-family:Verdana, Geneva, sans-serif;
font-size: 10px;
padding:1px;
clear:both;
margin-left:35px;
}

p.texto_coleta_centralizar{  font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
padding:2px;
clear:both;
}

a.link_dados_informacoes{padding:4px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#004000;
font-weight:bold;
text-decoration:none;
}
 
 a.link_dados_informacoes:hover{ color:#900;}





ul#menu_lateral{ 
margin: 0; 
padding:0;
list-style-type: none;
margin-top:20px;
background:#EAFFEA;

}

ul#menu_lateral li {
border-bottom:3px solid #BFFFBF;
/* coloca uma 
borda azul entre links */ 
}

ul#menu_lateral li a{
text-decoration: none; 
/* retira o sublinhado dos links */ 
font-family: Geneva, Arial, Helvetica, 
sans-serif; /* define o tipo de fonte */ 
font-size:14px; /* define o tamanho da fonte */ 
color: #004000; /* define a cor da fonte */ 
}



ul#menu_lateral_conteudo{ 
margin: 0; 
padding:0;
list-style-type: none;
}

ul#menu_lateral_conteudo li {
border-bottom:3px solid #BFFFBF;
/* coloca uma 
borda azul entre links */ 
}

ul#menu_lateral_conteudo li a:link {
text-decoration: none;
/* retira o sublinhado dos links */ 
font-family: Geneva, Arial, Helvetica, 
sans-serif; /* define o tipo de fonte */ 
font-size:14px; /* define o tamanho da fonte */ 
color: #900; /* define a cor da fonte */ 

}

ul#menu_lateral_conteudo li ul{
display:none;
padding:10px;
margin:0px;
border:0px;
}

ul#menu_lateral_conteudo li:hover ul{
display:block;
}

ul#menu_lateral_conteudo li li {
background: #FFF;
display: list-item;
float:none;
margin:0px;
padding:0px;
padding:3px;
border:none;
}

ul#menu_lateral_conteudo li:hover li a{
display: inline;
}

ul#menu_lateral_conteudo li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
text-align:center;
color:#900;
}

ul#menu_lateral_conteudo li ul a:hover, #menu li ul li:hover a{
border:0px;
color: #0080C0;
text-decoration:none;
} 



.titulos_centralizados_esq{ font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color: #008040; 
width:177px;
padding:10px;
background: #BFFFBF;
clear:both;
text-align:center;
}

#banner_ilustrativo_separacao_lixo{ width:197px;
height:92px;
background: url(../png/fotos_materias/banner_reciclagem_site.png) no-repeat;}

#banner_ilustrativo{ width:197px;
height:150px;
background: url(../png/fotos_materias/nossa_historia_home.png) no-repeat;}

#banner_ilustrativo_2{ width:197px;
height:150px;
background: url(../png/fotos_materias/catador_coluna_esq_home.png) no-repeat;}


#banner_ilustrativo_apresentando_catadores{ width:197px;
height:56px;
background: url(../png/telas_temas_home/Apresentando%20catadores.png) no-repeat;}

#banner_ilustrativo_apresentando_catadores a{ display:block;
 width:197px;
height:56px;}



#banner_ilustrativo_nao_incineracao{ width:197px;
height:20px;
background: url(../png/telas_temas_home/nao_incineracao.png) no-repeat;}

#banner_ilustrativo_nao_incineracao a{ display:block;
 width:197px;
height:56px;}



ul#menu_links_importantes{ 
margin: 0; 
padding:0;
list-style-type: none;
margin-top:20px;
background: #FFFFD2;

}

ul#menu_links_importantes li {
border-bottom:3px solid #C60;
/* coloca uma 
borda azul entre links */ 
}

ul#menu_links_importantes li a{
text-decoration: none; 
/* retira o sublinhado dos links */ 
font-family: Geneva, Arial, Helvetica, 
sans-serif; /* define o tipo de fonte */ 
font-size:14px; /* define o tamanho da fonte */ 
color: #C60; /* define a cor da fonte */ 
}


#icones_sociais{ width:180px;
height:41px;
background: none;
margin-left:10px;
margin-top:10px;
}

#icones_sociais ul li{ display:inline;}

#icones_sociais ul li a{ display:block;
float:left;
width:40px;
height:40px;
margin-left:3px;
}


#boletim_eletronico_coopcent_home{ width:197px;
height:130px;
background:#999999;}

#boletim_eletronico_coopcent_home ul li{ display:inline;}


#boletim_eletronico_coopcent_home ul li a{ display:block;
width:197px;
height:130px;
background:url(../png/boletim_eletronico.png) no-repeat;}



/****************************************COLUNA CENTRAL*******************************************/


#coluna_central{ width:583px;
padding-bottom:20px;
float:left;
margin-top:20px;
margin-left:5px;
height:800px;
height: 1200px;
}

#coluna_noticias_esq{
float:left;}

#coluna_noticias_dir{ float: left;
width:215px;
margin-top:5px;
}

#area_noticias{ width:580px;
padding-bottom:50px;
border:3px solid #BFFFBF;
height:1440px;
}

#noticias_maiores_dir{ width:215px;
height:172px;
background: #F0FAFF;
}

#noticias_maior{ margin:3px;
width:355px;
height:125px;
clear:both;
background: #DFFFDF;
margin-top:5px;
}


a.foto_noticia_maior{ float:left;
width:160px;
height:110px;
background: url(../png/fotos_materias/chamadas_maiores_home/catadores_incineracao.png) no-repeat;
border:2px solid #004000;}


a.texto_noticia_maior{ float:left;
width:175px;
margin-left:12px;
font-size:12px;
color:#333;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
margin-top:5px;
}


a.texto_noticia_maior:hover{ text-decoration:underline;}

#coluna_noticias_menores_com_foto{ margin:3px;
width:284px;
height:330px;
float:left;
}

#coluna_noticias_menores_so_texto{ margin:3px;
width:281px;
height:330px;
float:left;


}

#tarja_noticias_menores{ width:284px;
height:90px;
clear:both;
}

#tarja_noticias_menores_2{ width:284px;
height:90px;
clear:both;
margin-top:3px;}

.foto_noticia_menor_0{ width:96px;
height:76px;
background: url(../png/fotos_materias/thumbnails/movimento_nacional_catadore.png) no-repeat;
float:left;
border:2px solid #004000;}

.foto_noticia_menor_1{ width:96px;
height:76px;
background: url(../png/fotos_materias/thumbnails/coopcent_elege_nova_diretor.png) no-repeat;
float:left;
border:2px solid #004000;}

.foto_noticia_menor_2{ width:96px;
height:76px;
background: url(../png/fotos_materias/thumbnails/fortalecimento_politicas_pu.png) no-repeat;
float:left;
border:2px solid #004000;}

.foto_noticia_menor_3{ width:96px;
height:76px;
background: url(../png/fotos_materias/thumbnails/rede_nos_grupos.png) no-repeat;
float:left;
border:2px solid #004000;}

.foto_noticia_menor_4{ width:96px;
height:76px;
background: url(../png/fotos_materias/thumbnails/varalpet.png) no-repeat;
float:left;
border:2px solid #004000;}

.texto_noticia_menor{ width:173px;
height:80px;
float:left;
margin-left:3px;
font-size:12px;
color:#333;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
margin-left:8px;
}

.texto_noticia_menor:hover{ text-decoration: underline;}



#tarja_noticias_noticias_so_texto{ width:280px;
height:90px;
clear:both;
margin-left:2px;
}

#tarja_noticias_noticias_so_texto_2{ width:280px;
height:90px;
clear:both;
margin-left:2px;
margin-top:3px;

}

.noticia_so_texto_titulo{  width:280px;
height:30px;
clear:both;
margin-left:6px;
margin-top:0px;
font-size:11px;
color: #030;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
font-weight:bold;
}

.noticia_so_texto_titulo:hover{ text-decoration:underline;}

.noticia_so_texto_titulo p{ text-align:center;}

.noticia_so_texto_1{ width:260px;
height:80px;
clear:both;
margin-left:7px;
margin-top:5px;
font-size:12px;
color:#333;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
}

.noticia_so_texto_1:hover{ text-decoration:underline;}


.link_veja_mais_materias{ 
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
text-decoration:none;
color:#900;
text-align: left;
margin-left:15px;
float:left;
}

.link_veja_mais_materias:hover{ color:#0080C0;}






/****************************************COLUNA DIR*******************************************/


#coluna_dir{width:197px;
margin-top:20px;
float:right;
margin-right:5px;
border-left:3px solid #BFFFBF;
height: 1600px;
}


#tarjas_temas{ width:197px;
height:40px;
background:#CCF;}

#tarjas_temas_3{ width:197px;
height:60px;
background:#CCF;
}

#mascara_link_banner_por_que_fazer_coleta{  width:197px;
height:60px;
position:absolute;
z-index:99999;
margin-top:430px;


}

#mascara_link_banner_por_que_fazer_coleta ul li{ display:inline;
}

#mascara_link_banner_por_que_fazer_coleta ul li a{ display: block;
 width:197px;
height:60px;
*background:url(../png/telas_temas_home/importancia_coleta_1.png) no-repeat;
*margin-top:40px;
}

noindex:-o-prefocus, #mascara_link_banner_por_que_fazer_coleta { margin-top:380px;}






/*****************************************************AREA CAMINHO SUSTENTAVEL *************************************************************************/
#area_caminho_sustentavel{ width:197px;
height:300px;
clear:both;
background: url(../png/home_caminho_sustentavel.png) no-repeat;
margin-top:5px;

}

#area_fort_catadores{ width:197px;
height:68px;
clear:both;
background:#007cc2;
padding-top:5px;

}


/*****************************************************AREA CARTILHA CATADORES *************************************************************************/
#area_cartilha_catadores{ width:197px;
height:237px;
clear:both;
background: url(../png/cartilha_catadores.png) no-repeat;
margin-top:5px;
border-top:4px solid #CCCCCC;}

/****************************************AREA TV COOPCENT*******************************************/

#area_tv_coopcent{ width:200px;
height:290px;
clear:both;

}

#video{ width:197px;
height:150px;
clear:both;}

p.texto_video{ font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color: #000;
padding:3px;
clear:both;
text-align:center;}

a.galeria_videos{ text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#900;
text-align:center;
text-decoration:none;
margin-left:7px;}

a.galeria_videos:hover{ color:#0080C0;}

/****************************************AREA PARCEIROS*******************************************/

#area_parceiros{ width:197px;
height:80px;
background: url(../png/parceiros.png) no-repeat;
clear:both;
}

a.mascara_logo_1{ position:absolute;
z-index:9998;
width:60px;
height:60px;
margin-left:33px;
margin-top:8px;}

a.mascara_logo_2{ position:absolute;
z-index:9998;
width:60px;
height:60px;
margin-left:110px;
margin-top:8px;}

/****************************************AREA PATROCINIO*******************************************/

#area_patrocinio{ width:197px;
height:280px;
background: url(../png/patrocinio.png) no-repeat;
clear:both;
overflow:hidden;

}


#desenho_caminhao{ clear:both;
width:197px;
height:122px;
background: url(../png/desenhos/desenho_caminhao.png) no-repeat;}


/****************************************RODAPE*******************************************/


#rodape{ width:1003px;
height:40px;
clear:both;
margin:0 auto;
}


#fillet_rodape{ width:1003px;
height:40px;
background: url(../png/rodape.png) no-repeat;
}

p.texto_rodape{ font-family:Verdana, Geneva, sans-serif;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
margin-top:5px;
float:left;
margin-left:200px;
}


/****************************************PAGINA ESTUDOS E PESQUISAS*******************************************/

#menu_noticia_estudos_pesquisas{ width:100%;
height:120px;
background:#E8FFE8;
margin-top:10px;
}



#menu_noticia_estudos_pesquisas ul li{ display:inline;
}


#menu_noticia_estudos_pesquisas ul li:hover{ background:#CFC;}


#menu_noticia_estudos_pesquisas ul li a{ display:block;
width:100%;
height:120px;
text-decoration:none;
}

#menu_noticia_estudos_pesquisas ul li a p{ color:#FFF;
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#004000;
padding:5px;
}


/****************************************TV COOPCENT*******************************************/


#mediaspace{ margin-left:120px;
margin-top:10px;}

/****************************************PAGINA POR QUE RECICLAR*******************************************/

#desenho_catador_por_que_reciclar{ float: right;
background: url(../png/desenhos/desenho_catador_reciclar.png) no-repeat;
width:340px;
height:380px;
margin-top:20px;}

/****************************************PAGINA NOSSA HISTORIA*******************************************/

#desenho_mapa_nossa_historia{ clear:both;
width:500px;
height:380px;
margin-left:230px;
margin-top:15px;
background: url(../png/desenhos/desenho_mapa_cooperativas.png) no-repeat;}

/****************************************PAGINA DOWNLOAD CAMINHO SUSTENTAVEL*******************************************/



#banner_caminho_sustentavel_visualizacao_pagina{ width:1000px;
height:1523px;
background: url(../png/pagina_download_esse_caminho_visualizacao/pagina_download_esse_caminho_visualizacao.png) no-repeat;
clear:both;
border:2px solid #003300;
}

/************************************************MENU ULTIMAS NOTICIAS **************************************************************************/


#coluna_ultimas_noticias{ width:198px;
padding:4px;
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#003300;
float: left;

}

a.menu_ultimas_noticias{ text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color: #003300;
display:block;
}

a:hover.menu_ultimas_noticias{ text-decoration:underline;}


#petrobras_abaixo_ultimas_noticias{
 width:203px;
 height:300px;
padding:4px;
background: url(../png/patrocinio.png) no-repeat;
margin-top:100px;
margin-left:20px;
float:left;
}


#coluna_documento_lateral{ width:398px;
height:1270px;
background: #ECF9FF;
float:left;
margin-top:60px;
border-left:2px solid #5BCAFF;
border-bottom:2px solid #5BCAFF;}