html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
abbr{cursor:help}
body{line-height:1;color:#fff;background:white}
button{cursor:pointer}
ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
strong{font-weight:bold}
sup{font-size:.6em;position:relative;top:-.5em}
sub{font-size:.6em;position:relative}
.acessibilidade{height:1%;left:-9999em;position:absolute;top:-9999em;width:1%;z-index:-99}
.invisivel{visibility:hidden}
.visivel{visibility:visible}
.esconde{display:none}
.mostra{display:block}
::-moz-selection{background:#002651;color:#fff}
::selection{background:#002651;color:#fff}
/* FIM DO RESET */
a{cursor:pointer;text-decoration:none}
a:hover,a:focus{text-decoration:underline}
body {
	background				: #f9f7e5 url('../imagens/projeto-natureza/background.jpg');
	color					: #000;
	font					: 12px verdana;
}

body, html {
	height:100%;
	width:100%;
	overflow:hidden;
}

.conteudo {
	position				: relative;
	z-index					: 6;
	width					: 100%;
	overflow				: auto;
	height					: 100%;
}

span.topLeft {
	background				: url('../imagens/projeto-natureza/folha-top-left.png');
	height					: 273px;
	left					: 0;
	position				: absolute;
	top						: 0;
	width					: 289px;
	z-index					: 2;
}

span.topCenter {
	background				: url('../imagens/projeto-natureza/folha-top-center.png') repeat center top;
	height					: 77px;
	position				: absolute;
	top						: 0;
	width					: 100%;
	z-index					: 1;
}

span.topRight {
	background				: url('../imagens/projeto-natureza/folha-top-right.png');
	height					: 365px;
	position				: absolute;
	right					: 0;
	top						: 0;
	width					: 255px;
	z-index					: 3;
}

span.middleRight {
	background				: url('../imagens/projeto-natureza/folha-middle-right.png') repeat center left;
	height					: 100%;
	position				: absolute;
	right					: 0;
	width					: 72px;
	z-index					: 1;
}

span.bottomRight {
	background				:url('../imagens/projeto-natureza/folha-bottom-right.png');
	bottom					: 0;
	height					: 160px;
	position				: absolute;
	right					: 0;
	width					: 292px;
	z-index					: 2;
}

span.bottomCenter {
	background				: url('../imagens/projeto-natureza/folha-bottom-center.png') repeat center bottom;
	bottom					: 0;
	height					: 62px;
	position				: absolute;
	width					: 100%;
	z-index					: 1;
}

span.bottomLeft {
	background				: url('../imagens/projeto-natureza/folha-bottom-left.png');
	bottom					: 0;
	height					: 160px;
	left					: 0;
	position				: absolute;
	width					: 292px;
	z-index					: 3;
}

span.middleLeft {
	background				: url('../imagens/projeto-natureza/folha-middle-left.png') repeat center left;
	height					: 100%;
	left					: 0;
	position				: absolute;
	width					: 53px;
	z-index					: 1;
}


.conteudo .corpo {
	left					: 50%;
	margin-left				: -420px;
	position				: absolute;
	z-index					: 0;
	width					: 840px;
}

#index .conteudo .corpo {
	position:absolute;
	top:50px;
	z-index					: 4;
}

#home .conteudo .corpo {
	background				: url('../imagens/projeto-natureza/fundo-home.png') no-repeat top left;
	height					: 524px;
	z-index					: 4;
}

#home .conteudo .corpo SPAN.macacaKeith a{
	display					: block;
	left					: 30px;
	height					: 210px;
	position				: absolute;
	top						: 290px;
	width					: 225px;
	
}

#home .conteudo .corpo H1 {
	margin					: 160px 0 0 60px;
}

#home .conteudo .corpo P {
	line-height				: 24px;
	margin					: 15px 0 0 0;
	text-align				: center;
}

#contato .conteudo .corpo {
	background				: url('../imagens/projeto-natureza/fundo-contato.png') no-repeat top left;
	height					: 524px;
	z-index					: 4;
}

#contato .conteudo .corpo H1 {
	margin					: 160px 0 0 185px;
}

#contato .conteudo .corpo IMG#info_contato {
	margin					: 12px 0 0 270px;
}

#projeto .conteudo .corpo {
	background				: url('../imagens/projeto-natureza/fundo-projeto.png') no-repeat 45px 35px;
	height					: 554px;
	z-index					: 4;
}

#macaca .conteudo .corpo {
	background				: url('../imagens/projeto-natureza/fundo-macacas.png') no-repeat 20px top;
	height					: 554px;
	z-index					: 4;
}

#etapas .conteudo .corpo {
	background				: url('../imagens/projeto-natureza/fundo-etapas.png') no-repeat 30px top;
	height					: 554px;
	z-index					: 4;
}

#etapas .conteudo .corpo UL {
	margin					: 25px 0 0 285px;
}


 #macaca .conteudo .corpo .scroll-pane  {
	font-family				: tahoma;
	height					: 400px;
	width					: 465px;
	padding-right			: 20px;
	overflow				: auto;
}

#etapas .conteudo .corpo .scroll-pane {
	font-family				: tahoma;
	height					: 400px;
	width					: 755px;
	padding-right			: 20px;
	overflow				: auto;
}

#etapas .conteudo .corpo .rolagem UL LI {
	margin-bottom			: 25px;
}

#etapas .conteudo .corpo UL LI IMG {
	float					: left;
	margin-right			: 16px;
}

#etapas .conteudo .corpo UL LI P {
	color					: #fff;
	margin-left				: 174px;
}

#etapas .conteudo .corpo UL LI H2 {
	color					: #a6ce39;
	font-weight				: bold;
	float					: left;
	margin-bottom			: 5px;
	width					: 292px;
}

#etapas .conteudo .corpo H2 SPAN {
	color					: #fff;
}


#macaca .conteudo .corpo .rolagem  {
	margin					: 25px 0 0 285px;
}

#macaca .conteudo .corpo H2 {
	color					: #a6ce39;
	font-weight				: bold;
	margin-bottom			: 10px;
	text-transform			: uppercase;
}

#macaca .conteudo .corpo H2.reportagens {
	margin-top				: 0;
}

#macaca .conteudo .corpo P {
	color					: #fff;
	margin					: 0 0 12px 0;
	width					: 456px;
}

#macaca .conteudo .corpo P IMG {
	float					: left;
	margin-right			: 10px;
}

#macaca .conteudo .corpo UL.fotos {

}

#macaca .conteudo .corpo UL.fotos LI {
	border					: 2px solid #fff;
	float					: left;
	margin					: 0 0 0 5px;
}

#macaca .conteudo .corpo UL.linksYoutube {

}

#macaca .conteudo .corpo UL.linksYoutube LI {
	margin-bottom:2px;
	padding-left:20px;
	text-indent:-10px;
}

#macaca .conteudo .corpo UL.linksYoutube LI A {
	color					: #fff;
}

#parque .conteudo .corpo {
	background				: url('../imagens/projeto-natureza/fundo-parque.png') no-repeat 60px top;
	height					: 554px;
	z-index					: 4;
}

.conteudo .corpo IMG#logo {
	margin-left				: 180px;
}

.conteudo .corpo IMG#btEntrar {
	margin					: 16px 0 0 274px;
}


#menu {
	background				: url('../imagens/projeto-natureza/fundo-menu.png') no-repeat top left;
	height					: 150px;
	left					: 50%;
	margin-left				: -398px;
	padding					: 35px 0 0 46px;
	position				: absolute;
	top						: 470px;
	width					: 756px;
	z-index					: 99;
}

#menu LI {
	display							: block;
	height							: 100px;
	float							: left;
	overflow						: visible;
	position						: relative;
	z-index							: 3;
	margin							: 0;
}

#menu LI.etapas {
	margin							: 0 9px 0 20px;
}

#menu LI.parque {
	margin-left						:25px;
}

#menu LI.contato {
	margin-left						: 16px;
}

#menu LI.logo {
	margin-top:-35px;
}

		#menu LI A {
			color						: #ab0303;
			font						: bold 13px Tahoma, Verdana, Arial;
			text-align					: center;
			line-height					: 100px;
			height						: 100px;
			float						: left;
			text-decoration				: none;
			position					: relative;
			z-index						: 3;
			cursor						: pointer;
		}

		#menu LI A:HOVER {
			color						: #2c8bcb;
		}

			#menu LI A SPAN {
				position				: absolute;
				left					: 0;
				top						: 0;
				height					: 100px;
				background-color		: transparent;
				background-repeat		: no-repeat;
				background-position		: left top;
			}

			#menu LI A:HOVER SPAN {
				background-position		: left bottom;
			}

		#menu li.projeto, #menu li.projeto a span									{width: 122px;}
		#menu li.projeto a span														{background-image: url("../imagens/projeto-natureza/menu-projeto.png");}
		
		#menu li.etapas, #menu li.etapas a span										{width: 127px;}
		#menu li.etapas a span														{background-image: url("../imagens/projeto-natureza/menu-etapas.png");}
		
		#menu li.parque, #menu li.parque a span										{width: 115px;}
		#menu li.parque a span														{background-image: url("../imagens/projeto-natureza/menu-parque.png");}
		
		#menu li.contato, #menu li.contato a span									{width: 115px;}
		#menu li.contato a span														{background-image: url("../imagens/projeto-natureza/menu-contato.png");}

		#projeto #menu LI.projeto A SPAN,
		#etapas #menu LI.etapas A SPAN,
		#parque #menu LI.parque A SPAN,
		#contato #menu LI.contato A SPAN											{background-position: left bottom;cursor: pointer;}

.conteudo .rodape {
	padding-top				: 630px;
	margin					: 0 auto;
	width					: 840px;
	position				: relative;
	z-index: 3;
}

.conteudo .rodape P {
	color					: #043f00;
	float					: left;
	font-size				: 10px;
	margin					: 0 164px 0 132px;
}

.conteudo .rodape IMG {
	float					: left;
}

SPAN.grupow A {
	display:block;
	height:11px;
	width:700px;
	position:absolute;
	right:0px;
	top:630px;
	z-index:100;
}

P.mensagemSucesso {
	background				: url('../imagens/projeto-natureza/ico-sucess.gif') no-repeat top left;
	color					: #688d0b;
	font-weight				: bold;
	height					: 18px;
	margin					: 8px 0 0 255px;
	padding-left			: 22px;
}

P.mensagemErro {
	background				: url('../imagens/projeto-natureza/ico-erro.gif') no-repeat top left;
	color					: #e33232;
	font-weight				: bold;
	height					: 18px;
	margin					: 8px 0 0 255px;
	padding-left			: 22px;
}

form#form_contato {
	margin								: 5px 0 0 150px;
}
	
form fieldset {
		cursor 							: default;
		position 						: relative;
	}

		form fieldset label {
			clear 						: left;
			cursor 						: pointer;
			display 					: block;
			float 						: left;
			margin 						: 4px 5px 3px 0;
			height 						: 18px;
			padding						: 2px 0 0 0;
		}
		
		form fieldset .mensagem label {
			padding						: 0;
		}

			form fieldset label span {
				color 					: #ffffff;
			}

		form fieldset input {
			background 					: #a2ba47;
			border 						: none;
			font 						: normal 13px Verdana, Tahoma, Arial;
			margin 						: 3px 0;
			height 						: 20px;
			color						: #ffffff;
			padding						: 2px 2px 0 4px;
		}

		form#form_contato fieldset label {
			text-align 					: right;
			width 						: 100px;
			font						: bold 12px verdana;
			color						: #ffffff;
		}

		form#form_contato fieldset input {
			width 						: 300px;
		}
		
		form#form_contato fieldset textarea {
			background					: #a2ba47;
			width 						: 300px;
			height 						: 70px;
			border 						: none;
			overflow-y					: auto;
			overflow-x					: hidden;
			margin						: 2px 0 0 0;
			color						: #ffffff;
			font-size					: 13px;
			font-family					: Verdana, Tahoma, Arial;
			padding						: 2px 2px 0 4px;
		}
		
		form#form_contato div.buttons {
			margin-left						: 338px;
		}
		
		form div.buttons {
			margin-top						: 10px;
		}

		form button {
			border 							: 0;
			padding 						: 0;
			background 						: none;
			cursor 							: pointer;
			display 						: block;
			font-size 						: 1.1em;
		}
		

	
.jScrollArrowDown {background:transparent url("../imagens/jScrollPane/jScrollArrowDown.png") no-repeat center;bottom:0;display:block;height:24px;overflow:hidden;position:absolute;right:5px;text-indent:-2000px;z-index:1}
.jScrollArrowUp {background:transparent url("../imagens/jScrollPane/jScrollArrowUp.png") no-repeat center;display:block;height:24px;overflow:hidden;position:absolute;right:5px;text-indent:-2000px;top:0;z-index:1}
.jScrollPaneContainer {overflow:hidden;position:relative;z-index:1}
.jScrollPaneDrag {background:transparent url("../imagens/jScrollPane/jScrollPaneDrag.png") repeat center;;cursor:pointer;margin-left:0;overflow:hidden;position:absolute;width:21px!important}
.jScrollPaneDragBottom {background-position: left bottom; bottom: 0;}
.jScrollPaneDragTop {background-position: left top;top: 0;}
.jScrollPaneDragTop, .jScrollPaneDragBottom {background-color: transparent;background-repeat: no-repeat;height: 50%;left: 0;overflow: hidden;position: absolute;width:100%!important;left: 1px}
.jScrollPaneDragTop {background-image: url("../imagens/jScrollPane/jScrollPaneDragTop.png");}
.jScrollPaneDragBottom {background-image: url("../imagens/jScrollPane/jScrollPaneDragBottom.png");}
.jScrollPaneTrack {background:transparent url("../imagens/jScrollPane/jScrollPaneTrack.png") repeat-y center;cursor:pointer;height:100%;position:absolute;right:0;top:0;width:21px!important}

.ie8 form#form_contato div.buttons {
	margin-left						: 341px;
}

.ie7 form#form_contato div.buttons {
	margin-left						: 327px;
}

.icone-calendario {
	position:absolute;
	right:170px;
	bottom:110px;
}