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

body{background: #EAFFD5;
font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 0.6em;
}

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

#all{ margin: 0 auto;
width:1003px;
height:100%;
}

#topo{ width:1003px;
height:150px;
background:#0F0;
clear:both;}


/* menu+logo */

#logo_menu{ width:1003px;
height:30px;
border-bottom:1px solid #060;
overflow:hidden;
}

#clock{border:0px solid #F00;
width:230px;
float:left;
margin-left:5px;
margin-top:10px;
}

#menu_principal{ width:760px;
height:40px;
float:left;
color:#030;
margin-left:4px;
_margin-left:0px;
overflow:hidden;
}


#menu_principal ul li{ display:inline;
float:left;
text-align:center;
}

#menu_principal li{ width:95px;
height:30px;
background: inherit; background:url(../png/botao_menu.png) no-repeat;}

#menu_principal ul li a{ text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
display:block;
width:95px;
height:40px;
line-height:300%;
color:#FFF;

}

#menu_principal ul li a:hover{ background:inherit; background:url(../png/botao_menu_hover.png) no-repeat;}


/* coluna esqquerda */


#coluna_esq{ width:160px;
height:100%;
float:left;
padding:8px;
}


#menu_lateral{ width:160px;
height:138px;
float:left;
background: #b2deb1;
overflow:hidden;

}


#menu_lateral ul li{display: inline-table;
text-align: left;
border-bottom:1px solid #D9FFD9;

}

#menu_lateral li.separacao{ margin-top:0px;}

#menu_lateral ul li a{ text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
display:block;
width:160px;
height:30px;
line-height:230%;
text-align:center;
color: #030;
}

#menu_lateral ul li a:hover{ background:#030;
color:#FFF;}

div.patrocinio{ width:158px;
height:68px;
background: inherit; background:url(../png/logo_imefer_site.png) center repeat-y;
margin-top:10px;
border:1px solid #030;
}

h1.flash_homma{ width:160px;
height:70px;
background: #993;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
margin-top:10px;}

#menu_lateral_com_itens{ width:160px;
height:210px;
float:left;
margin-top:10px;
background:#52ad7d;
padding-top:5px;
padding-bottom:5px;
}


#menu_lateral_com_itens ul li{ display: inline;
text-align: left;
}

#menu_lateral_com_itens ul li a{ text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
display:block;
width:110px;
height:30px;
line-height:230%;
text-align: left;
padding-left:50px;

color:#FFF;

}

#menu_lateral_com_itens ul li a.artigos{ 
background: inherit; background:url(../png/menu_itens/botao_menu_itens_artigos_hover.png) no-repeat;
}

#menu_lateral_com_itens ul li a.artigos:hover{ 
background: inherit; background:url(../png/menu_itens/botao_menu_itens_artigos.png) no-repeat;
color:#030;
}

#menu_lateral_com_itens ul li a.entrevistas{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_entrevista_hover.png) no-repeat;
}

#menu_lateral_com_itens ul li a.entrevistas:hover{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_entrevista.png) no-repeat;
color:#030;
}

#menu_lateral_com_itens ul li a.videos{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_videos_hover.png) no-repeat;
}

#menu_lateral_com_itens ul li a.videos:hover{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_videos.png) no-repeat;
color:#030;
}

#menu_lateral_com_itens ul li a.fotos{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_fotos_hover.png) no-repeat;
}

#menu_lateral_com_itens ul li a.fotos:hover{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_fotos.png) no-repeat;
color:#030;
}

#menu_lateral_com_itens ul li a.novidades{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_novidades_hover.png) no-repeat;
}

#menu_lateral_com_itens ul li a.novidades:hover{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_novidades.png) no-repeat;
color:#030;
}


#menu_lateral_com_itens ul li a.especiais{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_especiais_hover.png) no-repeat;
}

#menu_lateral_com_itens ul li a.especiais:hover{ 
background: inherit; background: url(../png/menu_itens/botao_menu_itens_especiais.png) no-repeat;
color:#030;
}

#menu_lateral_com_itens ul li a.eventos{ 
background: inherit; background:url(../png/menu_itens/botao_menu_itens_eventos_hover.png) no-repeat;
}

#menu_lateral_com_itens ul li a.eventos:hover{ 
background: inherit; background:url(../png/menu_itens/botao_menu_itens_eventos.png) no-repeat;
color:#030;
}



h1.flash_empresas_sustentaveis{ width:160px;
height:62px;
background: #FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
margin-top:10px;
clear:both;}

.box_exemplos_sustentabilidade{ width:100%;
height:305px;
_height:255px;
background:#b6feb6;
margin-top:5px;

}

#exemplos_sustentabilidade{width:160px;
height:305px;
_height:255px;
}

#exemplos_sustentabilidade ul li{ float:left;
display:inline-table;}

#exemplos_sustentabilidade ul li a img{ width:75px;
height:45px;
border:0px;
padding-left:3px;
}

h1.titulo_exemplos_sustentabilidade{ font-size:10px;
font-family:Verdana, Geneva, sans-serif;
background: #B9FFB9;
text-align:center;
color:#030;
margin-top:10px;
width:100%;
height:40px;
line-height:160%;

}


/* coluna central */

#coluna_cen{ width:490px;
height:100%;
float:left;
padding-top:7px;
}

h2.titulo{ width:100%;
height:30px;
background: inherit; background:url(../png/tarja_tv_perspectiva.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
text-align: left;
font-size:12px;
}

h2.titulo span{ margin-left:30px;
line-height:220%;

}

h3.boxes{ width:490px;
height:255px;
background:#FFF;
margin-top:10px;}


h3.boxe_intermediario{ width:490px;
height:70px;
background:#b2ffb2;
margin-top:10px;}

h3.boxe_intermediario_titulo_videos{ width:490px;
height:30px;
background: #B9FFB9;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
line-height:250%;
color: #008040;}


h3.boxe_videos{ width:490px;
height:100%;
padding-bottom:8px;
background:#b2ffb2;
}

#videogallery{width:490px;
}

#videogallery ul li{ float:left;
padding:5px;
display:inline-table;}

#videogallery ul li a img{ width:152px;
height:90px;
border:0px solid #030;}


/* coluna direita */


#coluna_dir{ width:320px;
height:100%;
float:left;
padding:8px;

overflow:hidden;}

h4.box_perspectiva_sustentavel_oscip{ width:100%;
height:100px;
background:#c3e8bd;}

h4.box_news_perpectiva{ width:100%;
height:720px;
background:#c3e8bd;
margin-top:10px;}

#area_news_ok{ width:310px;
height:600px;
float:left;
margin-top:30px;
margin-left:40px;
background: inherit; background:url(../png/mascara_news_home.png) no-repeat;
padding:5px;
}

.menu_news_ok{ float:left;
margin-left:5px;
}

.menu_news_ok ul{
list-style-type:none;
display:block;
list-style-image:none;
}


.menu_news_ok ul li{ line-height:15px;
float:left;
margin-top:10px;
background:inherit; background: url(../png/setas_home_news.png) no-repeat;
}


.menu_news_ok ul li a{ padding-bottom:0px;
padding-left:19px;
width:290px;
padding-right:12px;
color: #030;
font-family: Verdana, Geneva, sans-serif;
text-decoration:none;
font-size:10px;
padding-top:0px;
float:left;

}

.menu_news_ok ul li a:hover{ text-decoration: underline;}




#rodape{ width:1003px;
height:70px;
clear:both;
border-top:1px solid #030;
background:inherit; background:url(../png/rodape.png) center no-repeat;
}



/************************************************PG NEWS*********************************************/

#engloba_new{ width:1003px;
height:100%;
padding-bottom:50px;
}

#engloba_new_2{ width:1003px;
height:100%;
padding-bottom:50px;
}

#engloba_new_4{ width:1003px;
height:100%;
padding-bottom:50px;
}

#engloba_new_5{ width:1003px;
height:100%;
padding-bottom:50px;
}



#area_video_new{ width:460px;
height:300px;
background: #b2ffb2;
float:left;
margin-left:10px;
margin-top:30px;
padding:10px;}

#area_video_new_2{ width:460px;
height:5790px;
background: inherit; background:url(../png/area_lightbox_pg_news_2.png) repeat;
float:left;
margin-left:10px;
margin-top:30px;
padding:10px;}

#engloba_revistas{ margin-top:0px;
margin-left:30px;}


#area_video_new_4{ width:460px;
height:2400px;
background: inherit; background:url(../png/area_lightbox_pg_news_4.png) no-repeat;
float:left;
margin-left:10px;
margin-top:30px;
padding:10px;}

#area_video_new_5{ width:460px;
height:3100px;
background: inherit; background:url(../png/area_lightbox_pg_news_5.png) no-repeat;
float:left;
margin-left:10px;
margin-top:30px;
padding:10px;}



#video_news{ width:450px;
height:300px;
margin-left:5px;
}

#area_texto_new{ width:480px;
height:770px;
background: #b2ffb2;
float:left;
margin-left:20px;
margin-top:30px;
}

#area_texto_new_4{ width:480px;
height:1070px;
background: #b2ffb2;
float:left;
margin-left:20px;
_margin-left:10px;
margin-top:30px;
}

h2.titulo_news{ width:464px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
color: #030;
text-align: center;
font-size:12px;
background:#a5eda5;
padding:8px;
}

h2.titulo_news span{ 
line-height:120%;
}


h2.titulo_gibis_revista{ width:464px;
height:10px;
font-family:Arial, Helvetica, sans-serif;
color: #030;
text-align: center;
font-size:12px;
background:#a5eda5;
padding:8px;
margin-top:15px;
}

h2.titulo_gibis_revista span{ 
line-height:100%;
}


h3.texto_news{ width:410px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:40px;
color:#030;
}


                  /*********************GALERIA DE FOTOS NEWS**********************/


.thumb{
border:1px solid #fff;
border-bottom:10px solid #fff;
padding:2px;
width:224px;
height:135px;
float:left;
}

.thumb_menor{
border:1px solid #fff;
border-bottom:10px solid #fff;
padding:2px;
width:150px;
height:205px;
float:left;
margin-left:50px;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #D7FFD7;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color:#D7FFD7;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #030; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	#wrap
{
	width:775px;
	margin:0 auto;
	background-image:url(../images/tpl2.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
    padding-top:357px;	
	min-height:300px;
}

#wrap UL{
   margin:0px;
   padding-left:20px;
   padding-top:3px;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:none;

}

h1{ width:100%;
height:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #030;
background: #DFD;
margin-top:20px;
line-height:200%;
filter: alpha(opacity=65)
-moz-opacity:0.5;  
opacity: 0.5;
}


/***************************************PG GALERIA FOTOS*******************************************/

#area_galeria_fotos{ width:460px;
height:2350px;
background: #b2ffb2;
float:left;
margin-left:10px;
margin-top:10px;
padding:0px 10px 10px 10px;
}

h2.titulo_fotos{ width:100%;
height:30px;
background: inherit; background: url(../png/tarjas_titulos/tarja_pg_fotos.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
text-align: left;
font-size:12px;
}

h2.titulo_fotos span{ margin-left:30px;
line-height:220%;

}


#myGallery1, #myGallery2, #myGallery3, #myGallery4, #myGallery5{
	text-align: left;
	margin: 0 auto;
	overflow:hidden;
	
}





/***************************************PG FALE CONOSCO*******************************************/






h2.titulo_contato{ width:100%;
height:30px;
background: inherit; background: url(../png/tarjas_titulos/tarja_pg_fale_conosco.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
text-align: left;
font-size:12px;
}

h2.titulo_contato span{ margin-left:30px;
line-height:220%;

}

h3.boxe_formulario_contato{ width:490px;
height:270px;
background:#b2ffb2;
}

#form_contato{ background:#093;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#030;
border:0px;
height:270px;
background:none;
margin-left:15px;
}

input{ padding:2px;
width:300px;
background: #FFF;
border:1px solid #030;
color:#030;}

#mensagem{ padding:2px;
width:340px;
background: #FFF;
border:1px solid #030;
color:#030;}

td{
height:30px;}

#jumpMenu_contato{ color:#030;
}

#botao_envia{ background:#030;
color:#FFF;}


/*******************************pg perspecttiva**************************************/

h3.boxe_texto_perspectiva{ width:490px;
height:220px;
background:#b2ffb2;
margin-top:10px;
}



/*******************************pg EDUCAÇÃO MEIO AMBIENTE e relacionadas*************************/

#tarja_titulo_pg_educacao{ clear:both;
width:1000px;
height:40px;
background:#638e50; 
}

h4.box_ducumentos_pg_educacao{ width:100%;
height:90px;
background:#c3e8bd;
margin-top:10px;}

h4.box_news_pg_educacao{ width:100%;
height:445px;
background:#c3e8bd;
margin-top:10px;}

h3.boxe_documentos{ width:490px;
height:215px;
background:#b2ffb2;
}

h3.boxe_documentos_educacao{ width:490px;
height:715px;
background:#b2ffb2;
}

.menu_documentos{ float:left;
margin-left:5px;
}

.menu_documentos ul{
list-style-type:none;
display:block;
list-style-image:none;
}


.menu_documentos ul li{ line-height:15px;
float:left;
margin-top:10px;
background:inherit; background: url(../png/logo_pdf_documentos.png) no-repeat;
}


.menu_documentos ul li a{ padding-bottom:0px;
padding-left:19px;
width:447px;
padding-right:12px;
color: #030;
font-family: Verdana, Geneva, sans-serif;
text-decoration:none;
font-size:10px;
padding-top:0px;
float:left;
}

.menu_documentos ul li a:hover{ text-decoration: underline;}

#coluna_esq_pg_educacao{ width:650px;
height:100%;
float:left;
padding:8px;
}

#engloba_conteudo{ margin-left:80px;}

#coluna_dir_temas{ width:320px;
height: 100%;
float:left;
padding:8px;