/* Html, body */
html{background:#E5E5E5}
body{background-color:#E5E5E5; margin:0px auto; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; width:100%; height:100%;}

/* Header */
#Content
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#HeaderBg
{
	position:absolute;
	left:0px;
	top: 0px;
	z-index:1100;
	background:url(Images/header_bg_sides.png) repeat-x scroll 0 0;
	width:100%;
	height:90px;
	margin:0;
}
#HeaderContent
{
	position:relative;
	left:0px;
	top: 0px;
	z-index:1101;
	height:89px;
	width:1000px;
	/*background:url(Images/header_bg_mid.gif) no-repeat;*/
	margin:auto;
}
#HeaderLogo
{
	margin-top:4px;
}
#HeaderLogo .logopetro
{
	margin-top:23px;
	margin-right:57px;
}
#HeaderLogoInfo, #HeaderLogoInfo-es, #HeaderLogoInfo-en{
	margin-top: 5px;
}
#HeaderLogoInfo a.on
{
    background:url(Images/header_logo_info_on.gif) no-repeat;
} 
#HeaderLogoInfo a
{
	display:block;
	width:92px;
	height:35px;
	background:url(Images/header_logo_info.gif) no-repeat;
	font-size:1px;
	text-indent: -9999px;
	color:#fff;
}
#HeaderLogoInfo-es a
{
	display:block;
	width:92px;
	height:35px;
	background:url(Images/header_logo_info_es.gif) no-repeat;
	font-size:1px;
	text-indent: -9999px;
	color:#fff;
}
#HeaderLogoInfo-es a.on
{
    background:url(Images/header_logo_info_es_on.gif) no-repeat;
} 
#HeaderLogoInfo-en a
{
	display:block;
	width:92px;
	height:35px;
	background:url(Images/header_logo_info_en.gif) no-repeat;
	font-size:1px;
	text-indent: -9999px;
	color:#fff;
}
#HeaderLogoInfo-en a.on
{
    background:url(Images/header_logo_info_en_on.gif) no-repeat;
} 
#HeaderFilterContainer
{
	width:325px;
	margin-top:18px;
	margin-left:75px;
}
#HeaderFilterContainer p
{
	font-size:11px;
	color:#768b5a;
	width:325px;
	float:left;
	margin-bottom:10px;
}

#HeaderFilterContainer span.filtertext
{
	font-size:11px;
	font-weight:bold;
	color:#52945b;
	margin-top:1px;
	margin-right:15px;
}

#HeaderFilterContainer span.pipe
{
	margin-right:12px;
}

#HeaderFilterContainer span.Title
{
	margin-top:7px;
	margin-right:12px;
}

#HeaderFilterContainer a
{
	text-decoration:none;
	color:#52945b;
}
#HeaderFilterContainer a:hover
{
	text-decoration:underline;
}

#HeaderFilterContainer span.TitleUrucu
{
	text-indent: -9999px;
	background:url(Images/header_title_urucu.png) no-repeat;
	width:51px;
	height:18px;
	font-size:1px;
	text-indent: -9999px;
	color:#fff;
}

#HeaderFilters
{
	width: 325px;	
}

#HeaderLanguageAndSearch
{
	width:207px;
}

#LanguageBar
{
	padding-top:2px;
	background:url(Images/header_languagebar.gif) no-repeat;
	font:Tahoma, Geneva, sans-serif;
	font-size:8px;
	font-weight:bold;
	height:23px;
}
#LanguageBar a
{
	text-decoration:none;
	color:#FFF;
	margin-right:5px;
}

.SearchField
{
	background-color:#aab9aa;
	border:solid 1px #cad8ca;
	width:164px;
	height:17px;
	text-transform:uppercase;
	font:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#fff;
	padding-top:7px;
	padding-left:3px;
	margin-top:7px;
}
.SearchButton
{
	text-indent: -9999px;
	width:27px;
	height:20px;
	background:url(Images/header_btnok.gif) no-repeat;
	border:none;
	cursor:pointer;
	color:#52945b;
	font-size:1px;
}

/* Map */
#MapContainer
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	height:100%;
	width:100%;
}
#Map
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

/* Footer */
#Footer
{
	position:relative;
	width:1211px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	margin-top: -80px;*/
	z-index:1500;
	font-size:11px;
	color:#fff;
	text-align:left;
}

#Footer a
{
	display:block;
	float:left;
	height:100%;
	text-decoration:none;
	color:#fff;
}
#Footer a:hover
{
	text-decoration:underline;
	/*color:#a1d073;*/
}
#Baixe span, #VejaTambem p, #Compartilhe p
{
	margin-top:0px;
	margin-left: 14px;
	padding-top:11px;
	display:block;
	position:relative;
	height: 25px;
}
#Baixe span a
{
    width:190px;
    text-align:center;
}
#Baixe
{
    background: url("Images/bg_botaobaixe.png") no-repeat scroll;
    height: 45px;
    margin-left: 6px;
    position: relative;
    top: 8px;
    width: 261px;

}

#VejaTambem
{
	width:218px;
	height:45px;
	background:url(Images/bg_botaoveja.png) no-repeat;
	margin-left:160px;
}

#VejaTambem a
{
	width:35px;
	height:35px;
	text-indent:-9999px;
	margin-left:5px;
	margin-right:5px;
}

#Compartilhe
{
	width:248px;
	height:45px;
	background:url(Images/barra_compartilhe.png) no-repeat;
	margin-left:63px;
}
#Compartilhe p
{
    margin-left:39px;
}
#Compartilhe a
{
	width:35px;
	height:35px;
	text-indent:-9999px;
	margin-left:5px;
	margin-right:5px;
}
#Compartilhe a.compartilhe
{
	width:95px;
	text-align:right;
	margin-top:0px;
	padding-top:10px;
	height:25px;
}
#Compartilhe a.copiarlink
{
	width:85px;
}
#Compartilhe a.copiarhtml
{
	width:80px;
}
#TooltipCompartilhe
{
	width:141px;
	height:112px;
	display:none;
	background:url(Images/tooltip_compartilhe.png) no-repeat;
	padding-top:14px;
	z-index: 1499;
}
#TooltipCompartilhe a
{
	display:block;
	margin-bottom:4px;
	margin-left:11px;
	height:27px;
	width:116px;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	padding-left: 40px;
	text-align:left;
}
#TooltipCompartilhe a:hover
{
	text-decoration:underline;	
}

/*Maps Infowindow*/
.bioiw{
    width:860px;
}
.tiptool
{
    width:131px;
    height:83px;
}
div.InfoWindow{
	width:850px;
	height:600px;
}
div.InfoWindow a.close{
	display:block;
	position:absolute;
	top:48px;
	left:831px;
	*left:830px;
	text-indent: -9999px;
	width: 19px;
	height: 32px;
	z-index: 5000;
	background: url(Images/btn_fechar.png) no-repeat transparent top left;
	/*margin-left: 28px;*/
}
div.InfoWindow a:hover
{
	text-decoration:underline;
}
div.InfoMain
{
	position:absolute;
	top:0;
	left:0;
	float:left;
	width:468px;
	height:390px;
	background: url(Images/infowindow_background.gif) no-repeat transparent;
	margin-left: 28px;
	margin-top:33px;
}
div.InfoMain img
{
	margin-top:2px;
}
div.InfoMain .InfoImageLabel
{
	position:absolute;
	top:0px;
	left:0px;
	margin-top: 211px;
	margin-left: 2px;
	width:464px;
	height:76px;
	background-color:#000;
	filter: alpha(opacity=42); /* internet explorer */
	-khtml-opacity: 0.42;      /* khtml, old safari */
	-moz-opacity: 0.42;       /* mozilla, netscape */
	opacity: 0.42;           /* fx, safari, opera */

}
div.InfoMain .InfoImageLabelText
{
	position:absolute;
	top:0px;
	left:0px;
	margin-top: 231px;
	margin-left: 2px;
	width:464px;
	height:76px;
	text-align:left;
}
div.InfoMain .InfoImageLabelText p
{
	margin-left:25px;	
}
div.InfoMain .InfoImageLabelText p.Titulo
{
	color:#ffeaa8;
	font-size:24px;
	font-weight:bold;
}
div.InfoMain .InfoImageLabelText p.Titulo em{font-style: italic;}
div.InfoMain .InfoImageLabelText p.SubTitulo
{
	font-size:10px;
	color:#fff;
}
div.InfoMain .InfoImageLabelText span.NomePopular
{
	font-size:14px;
	font-weight:bold;
	margin-left:8px;
}
div.InfoExtra
{
	position:absolute;
	top:0;
	left:0;
	width:395px;
}
div.InfoHeader
{
	position:absolute;
	top:2px;
	left:496px;
	height:48px;
	width:395px;
	background: url(Images/infowindow_textheader.png) no-repeat;
	background-color: Transparent;
}
div.InfoFooter
{
	position:relative;
	height:21px;
	width:395px;
	background:url(Images/infowindow_textfooter.png) no-repeat;
}
div.InfoText
{
	position:absolute;
	top:2px;
	left:496px;
	width:395px;
	color:#fff;
}
div.InfoTextContainer
{
	position:relative;
	top:0;
	left:0px;
	margin-top:48px;
	background:url(Images/infowindow_textslice.png) repeat-y;
	overflow:hidden;
	width:395px;
}
div.InfoTextContainer p
{
	font-size:14px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
	text-align:left;
	width:290px;
	float:left;
}

div.InfoTextContainer p.Separador
{
	width:285px;
	height:2px;
	background:url(Images/infowindow_separador.gif) no-repeat;
	margin-top:0;
	margin-bottom:5px;
}

div.InfoTextContainer p.Info
{
	margin-top:0px;
}
div.InfoTextContainer p.Creditos
{
	color: #ffeaa8;
	font-size:10px;
	margin-bottom:0px;
	margin-top:0px;
}
div.InfoTextContainer p.CreditosSaiba a, div.InfoTextContainer p.Creditos a
{
	font-size:10px;
	color: #ffeaa8;
	margin-top:0px;
	text-decoration:underline;
}
div.InfoTextContainer div.Pontos
{
	position:relative;     
	overflow:hidden;     
	width: 190px;     
	height:28px; 
	text-align:left;
	margin-right:17px;
}
div.Pontos div.items {     
/* this cannot be too large */    
	width:2000px;     
	position:absolute; 
}  
div.Pontos div.items div {     
	float:left; 
} 
div.ScrollPontos
{
	font-size:14px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
	text-align:left;
	width:290px;
	float:left;	
}
div.ScrollPontos a.prevPage
{
	width:20px;
	height:29px;
	background:url(Images/seta_prev.png) no-repeat;
	margin-right:14px;
	margin-left:20px;
	cursor:pointer;
}
div.ScrollPontos a.nextPage
{
	width:20px;
	height:29px;
	background:url(Images/seta_next.png) no-repeat;
	cursor:pointer;
}
div.InfoTextContainer div.Pontos a
{
	text-indent:-9999px;
	width:28px;
	height:27px;
	display:block;
	float:left;
	margin-right:4px;
}
div.InfoCompartilhe
{
	width: 199px;
	height: 45px;
	background:url(Images/infowindow_compartilhe.png) no-repeat;
	position:relative;
	color:#fff;
	font-size:9px;
	float:right;
	margin-right:50px;
	z-index:5000;
}
div.InfoCompartilhe span
{
	display:block;
	width:80px;
	text-align:left;
	float:left;
	margin-top:13px;
	margin-left:6px;
}
div.InfoCompartilhe a
{
	display:block;
	text-indent:-9999px;
	width:33px;
	height:35px;
	line-height:35px;
	float:left;
	margin-right:3px;
}
a.p1-g
{
	background:url(Images/ico_1_g.png) no-repeat;
}
a.p2-g
{
	background:url(Images/ico_2_g.png) no-repeat;
}
a.p3-g
{
	background:url(Images/ico_3_g.png) no-repeat;
}
a.p4-g
{
	background:url(Images/ico_4_g.png) no-repeat;
}
a.p5-g
{
	background:url(Images/ico_5_g.png) no-repeat;
}
a.p6-g
{
	background:url(Images/ico_6_g.png) no-repeat;
}
a.p7-g
{
	background:url(Images/ico_7_g.png) no-repeat;
}
a.p8-g
{
	background:url(Images/ico_8_g.png) no-repeat;
}
a.p9-g
{
	background:url(Images/ico_9_g.png) no-repeat;
}
a.p10-g
{
	background:url(Images/ico_10_g.png) no-repeat;
}
a.p11-g
{
	background:url(Images/ico_11_g.png) no-repeat;
}
a.p12-g
{
	background:url(Images/ico_12_g.png) no-repeat;
}
a.p13-g
{
	background:url(Images/ico_13_g.png) no-repeat;
}
a.p14-g
{
	background:url(Images/ico_14_g.png) no-repeat;
}
a.p15-g
{
	background:url(Images/ico_15_g.png) no-repeat;
}
a.p16-g
{
	background:url(Images/ico_16_g.png) no-repeat;
}
a.p17-g
{
	background:url(Images/ico_17_g.png) no-repeat;
}
a.p18-g
{
	background:url(Images/ico_18_g.png) no-repeat;
}
a.p19-g
{
	background:url(Images/ico_19_g.png) no-repeat;
}
a.p1-o
{
	background:url(Images/ico_1_o.png) no-repeat;
}
a.p2-o
{
	background:url(Images/ico_2_o.png) no-repeat;
}
a.p3-o
{
	background:url(Images/ico_3_o.png) no-repeat;
}
a.p4-o
{
	background:url(Images/ico_4_o.png) no-repeat;
}
a.p5-o
{
	background:url(Images/ico_5_o.png) no-repeat;
}
a.p6-o
{
	background:url(Images/ico_6_o.png) no-repeat;
}
a.p7-o
{
	background:url(Images/ico_7_o.png) no-repeat;
}
a.p8-o
{
	background:url(Images/ico_8_o.png) no-repeat;
}
a.p9-o
{
	background:url(Images/ico_9_o.png) no-repeat;
}
a.p10-o
{
	background:url(Images/ico_10_o.png) no-repeat;
}
a.p11-o
{
	background:url(Images/ico_11_o.png) no-repeat;
}
a.p12-o
{
	background:url(Images/ico_12_o.png) no-repeat;
}
a.p13-o
{
	background:url(Images/ico_13_o.png) no-repeat;
}
a.p14-o
{
	background:url(Images/ico_14_o.png) no-repeat;
}
a.p15-o
{
	background:url(Images/ico_15_o.png) no-repeat;
}
a.p16-o
{
	background:url(Images/ico_16_o.png) no-repeat;
}
a.p17-o
{
	background:url(Images/ico_17_o.png) no-repeat;
}
a.p18-o
{
	background:url(Images/ico_18_o.png) no-repeat;
}
a.p19-o
{
	background:url(Images/ico_19_o.png) no-repeat;
}

div.InfoTextContainer span.Titulo
{
	display:block;
	float:left;
	font-weight:bold;
	width:110px;
}

/* O que � Biodiversidade */
div.Oque
{
	display:none;
	position:absolute;
	z-index:2003;
}
a.close
{
    color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 9px;
	text-decoration:none;
	left: 350px;
	top:20px;
	z-index:2001;
	position:absolute;
}
div.Oque a.close
{
	display:block;
	position:absolute;
	z-index:2001;
	top:0;
	left:760px;
	margin-top: 40px;
	margin-right: 14px;
	/*margin-left: 28px;*/
}
div.OqueCobra
{
	width: 420px;
	height: 500px;
	background:url(Images/passaro_sobre.png) no-repeat;
	float:left;
}
div.OqueTexto
{
	width:499px;
	height:497px;
	background:url(Images/cobra_quadro.png) no-repeat;
	text-align:left;
	float:left;
}
div.OqueTextoContent
{
	margin-top:78px;
	margin-left:30px;
	width:375px;	
}
div.OqueTextoContent h3
{
	color: #ffeaa8;
	font-weight:bold;
	font-size:24px;
	margin-bottom:10px;
}
div.OqueTextoContent p
{
	color: #fff;
	font-size:14px;
	margin-bottom:10px;
	line-height:16px;
}
div.OqueTextoContent p.botao
{
	margin-bottom:8px;
}
div.OqueBarra
{
	position:absolute;
	top:0;
	left:0;
	margin-top:340px;
	margin-left:20px;
	width:242px;
	height:70px;
	background:url(Images/barra_oque.png) no-repeat;
	font-size:11px;
	color:#fff;
	text-align:left;
}
div.OqueBarra p
{
	margin-top:0px;
	margin-left: 14px;
	padding-top:13px;
	display:block;
	position:relative;
	height: 25px;
}
div.OqueBarra a
{
	display:block;
	float:left;
	width:35px;
	height:35px;
	text-indent:-9999px;
	margin-left:5px;
	margin-right:5px;
}
/* Sobre */
div.Sobre
{
	display:none;
	position:absolute;
	z-index:2003;
}
div.Sobre a.close
{
	display:block;
	position:absolute;
	z-index:2001;
	top:0;
	left:795px;
	margin-top: 40px;
	margin-right: 14px;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 9px;
	text-decoration:none;
	/*margin-left: 28px;*/
}
div.SobreTexto
{
	width:499px;
	height:497px;
	background:url(Images/cobra_quadro.png) no-repeat;
	text-align:left;
	float:left;
}
div.SobreTextoContent
{
	margin-top:78px;
	margin-left:30px;
	width:375px;	
}
div.SobreTextoContent h3
{
	color: #ffeaa8;
	font-weight:bold;
	font-size:24px;
	margin-bottom:10px;
}
div.SobreTextoContent p
{
	color: #fff;
	font-size:14px;
	margin-bottom:20px;
	line-height:17px;
}
div.SobreTextoContent p.botao
{
	margin-bottom:10px;
}
div.SobreImagem
{
	width: 456px;
	height: 415px;
	background:url(Images/tartaruga_sobre.png) no-repeat;
	float:left;
	text-align:left;
}
div.SobreImagem p
{
	margin-left:60px;
	margin-bottom:3px;
}
div.SobreTextoLivro
{
	margin-top:205px;
	color:#ffeaa8;
	font-size:14px;
}
div.SobreTextoLivro a
{
	color:#fff;
}
div.SobreDownloadLivro
{
	margin-top:22px;
	
}
div.SobreDownloadLivro div.SobreReader
{
	font-size:11px;
	color:#fff;
}
div.SobreDownloadLivro div.SobreBaixar
{
	position:absolute;
	top:265px;
	left:355px;
	
}
div.SobreParceiros
{
	font-size:11px;
	color:#fff;
	margin-top:19px;
}
div.SobreReader a
{
    color:#fff;
}
/* Video */
div.Video
{
	position:absolute;
	width:737px;
	height:414px;
	display:none;
	z-index:2004;
}

div.Video a.close
{
    display:block;
	position:absolute;
	z-index:2005;
	top:-20px;
	left:670px;
	margin-top: 0px;
	margin-right: 0px;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 9px;
	text-decoration:none;
}
/*Earth*/
div#EarthModal
{
    width: 290px;
	height: 210px;
	background:url(Images/earth_quadro.png) no-repeat;
	text-align:left;
	display:none;
}
div#EarthModal p
{
	margin-top:35px;
	margin-left:30px;
	width:220px;
	color:#ffeaa8;
	font-size:14px;
}
div#EarthModal a
{
    color:#fff;
}
div#EarthModal a.close
{
    display:block;
	position:absolute;
	z-index:2005;
	top:28px;
	left:261px;
	width:15px;
	height:15px;
	color: #FFF;
	font-weight:bold;
	font-size: 1px;
	text-indent:-9999px;
}
/*Urucu Infowindow*/
.urucuiw
{
    width:508px;
}
div.UrucuInfoWindow
{
	width: 520px;
	height:200px;
}
div.UrucuInfoWindow a.close
{
	display:block;
	position:absolute;
	top:31px;
	left:491px;
	color: #FFF;
	font-size: 1px;
	text-indent:-9999px;
	z-index: 5000;
	width:15px;
	height:15px;
	/*margin-left: 28px;*/
}
div.UrucuInfoWindow a:hover
{
	text-decoration:underline;
}
div.UrucuInfoWindow div.ImageContainer
{
	width: 289px;
	height:166px;
	background-color:#fff;
	float:left;
	margin-top:12px;
}
div.UrucuInfoWindow div.ImageContainer img
{
	margin-left:1px;
	margin-top:5px;
}
div.UrucuInfoWindow div.TextContainer
{
	width: 217px;
	height:166px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffeaa8;
	font-size:14px;
	float:left;
	background:url(Images/iwurucu_bg.png) no-repeat;
	margin-top:12px;
	margin-left:2px;
	text-align:left;
}
div.UrucuInfoWindow div.TextContainer p
{
	margin-top:20px;
	width:180px;
	margin-left:10px;
	margin-bottom:4px;	
}
div.UrucuInfoWindow div.TextContainer a
{
	color:#fff;
	font-weight:normal;
	margin-left:10px;
}

#parceiros  {
	padding-left: 51px;
}

#parceiros li {
	float: left;
}

#parceiros li a {
	width: 75px;
	height: 49px;
}

#parceiros li a.ufpa {
	width: 55px !important;
}

/* Figurinha */
p.linkFigurinha
{
    position:absolute;
    right:62px;
    top:45px;
}

p.linkFigurinha a
{
    color:#FFF;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
}
p.linkFigurinha a:hover
{
    text-decoration:underline;
}

img.figurinha
{
   display:block;
   position:absolute;
   right:0;
   top:0;
}




.drop {
	position:absolute;
	top:80px;
	left:599px;
}

/*intro container home*/
.homeContent {
	margin:91px auto -578px;
	_margin:91px auto -560px;
	position:relative;
	width:762px;
	z-index:1000;
}

	.homeContent span.logoGreenBest a{
		position: absolute; 
		left: 29px; 
		top: 39px; 
		width: 90px; 
		height: 106px;
		text-indent:-9999px;
		z-index:2;
	}

	.homeContent .title{
		background:url(Images/tit_home.png) no-repeat;
		width:718px;
		padding-top:170px;
		overflow:hidden;
		height:0;
		margin:0 41px 20px auto;
		text-indent:-9999px;
	}

	.homeContent .title_es{
		background:url(Images/tit_home_es.png) no-repeat;
		width:600px;
		padding-top:170px;
		overflow:hidden;
		height:0;
		margin:0 41px 20px auto;
	}
	
	.homeContent .title_en{
		background:url(Images/tit_home_en.png) no-repeat;
		width:600px;
		padding-top:170px;
		overflow:hidden;
		height:0;
		margin:0 41px 20px auto;
	}
	.florestaLink {
		margin-right:50px;
	}

	#albumFacebook{
	background: url("Images/bg_album_facebook.png") no-repeat transparent;
    height: 41px;
    left: 58px;
    position: relative;
    top: -3px;
	left: 92px;
    width: 230px;
	}

	#albumFacebook a{
		display: block;
		overflow: hidden;
		text-indent: -99999px;
		width: 100%;
		height: 40px;
	}