html{
  font-size:100%;
}  
body{
  font-size: .625em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  margin:1em;
  color:#580;
}
h1{
  text-align:center;
}
a{
  color:#15c;
}
a:hover{
  color:#580;
}
a:visited{
  color:#c00;
}
img{
  border:0;
}
form{
  padding:0;
  margin:0;
}
div#container{
  width:85em;
  margin:0 auto;
  text-align:left;
}
div#arvore{
  width:85em;
  height:14.3em;
  background:#fff url('img/arvore.png') bottom left no-repeat;
  background-size: 23.4em 14.3em;
  text-align:right;
}
div#topbanner{
  width:46.8em;
  height:6em;
  background:#fff;
  border:.1em solid #eee;
  float:right;
  margin:5em 0 1em 1em;
}
div#lang{
  width:4.3em;
  height:14em;
  float:left;
}
div#bdy{
  width:80em;
  float:right;
  border:.1em solid #7a0;
  border-width:0 0 0 .1em;
}
.clear{
  clear:both;
}
.txt{
  margin:.5em 1em;
}
.left{
  float:left;
}
.right{
  float:right;
}
/*menu*/
div#menu{
  background:#7a0;
  height:1.7em;
  width:80em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#menu a{
  color:#fff;
  font-size:.9em;
  line-height:1.7em;
  margin:0 .2em;
  font-weight:bold;
  text-decoration:none;
}
div#menu a:hover{
  color:#eee;
}
div#menuLeft{
  height:1.7em;
  float:left;
  background:#580 url('img/barra_menu.jpg') top left no-repeat;
  padding:0 .5em 0 .3em;
}
div#linkHome{
  width:20em;
  height:13em;
  float:left;
  cursor:pointer;
}
div#menuRight{
  height:1.7em;
  float:right;
  background:#260;
  padding:0 .3em 0 .5em;
}
.menuitem{
  text-transform:uppercase;
  float:left;
  margin:0 .2em 0 .2em;
}
.submenu{  
  display:none;
  position:absolute;
  padding:.5em;
  background:#3af;
}
div#subTerramater, div#subEdicoes, div#subProjectos{
  background: #49f url('img/menu_claro.png');
}
div#subComunicacao, div#subEcoteca, div#subNatureza{
  background:#15c url('img/menu_escuro.png');
}
/*dentro do bdy*/
div#pesquisa{
  width:80em;
  padding:.5em 0;
  text-align:right;
}
.pesquisa{
  color:#7a0;
  font-size:.9em;
  font-weight:bold;
  padding:.5em 1em;
  width:10em;
  text-transform:uppercase;
}
div#mailing a{
  text-transform:uppercase;
  color:#7a0;
  font-size:.9em;
  font-weight:bold;
  text-decoration:none;
}
div#mailing a{
  text-align:left;
  float:right;
  margin:.2em 1em;
}
div#box{
  width:80em;
}
div#maintxt{
  float:right;
  width:62.9em;
  background:#fff url('img/sombraTop.png') right top no-repeat;
}
div#left{
  float:left;
  width:17em;
  margin-top:.9em;
}
img#home{
  width:17em;
  margin:.2em;
}
div#right{
  float:right;
  width:45em;
  margin-top:.9em;
  padding-top:1.5em;
  border:.1em solid #7a0;
  border-width:0 .1em 0 .1em;
}
  
img#loja{
  width:12.9em;
  height:9.2em;
}

div#um{
  margin:0 .2em 0 .2em;
  padding:.3em 0 .3em 0;
  float:left;
  width:13.5em;
  border:.2em solid #95CE12;
  text-align:center;
}
  
div#cartoon{
  clear:both;
  width:62.8em;
  border:.1em solid #7a0;
  border-left:0;
}
div#aux{
  float:right;
  width:17em;
}
div#calendario{
  color:#260;
  font-size:.9em;
  cursor:pointer;
}
div#destaques{
  width:10.875em;
  background:#7a0 url('img/destaques.png') top left no-repeat;
  margin-bottom:0.5em;
  margin-left:0;
  padding-top:0;
  font-family:"Letter Gothic","Arial Narrow",Arial, Sans-Serif;
  font-size:4em;
  color:#eee;
  text-transform:uppercase;
  text-align: center;
}
div#destaques div{
  padding:.2em;
  cursor:pointer;
}

div#mainbanner{
  width:43.5em;
  margin-bottom:2em;
  margin-left:0;
  padding-top:0;
  text-align: center;
}
/**/
div#rodape{
  clear:both;
  background:#fff url('img/logo.png') no-repeat 2.5em 0;
  width:80em;
  height:7em;
  margin:0 auto;
  color:#666;
}
div#rodape a{
  color:#666;
  margin:0 .2em;
  font-weight:bold;
  text-decoration:none;
  font-size:.9em;
}
div#rodape a:hover{
  color:#000;
}
div#copyright{
  float:right;
  line-height:1em;
  padding:3.5em 0 0 0;
  color:#666;
}
div#copyright a{
  color:#666;
  font-weight:normal;
}
div#footermenu{
  text-transform:uppercase;
  float:right;
  padding:3.5em 2em 0 11em;
}

form#peteForm {
	padding:0;
	margin:0;
	width: 545px;
	font-size: small;
}

#peteForm fieldset {
	border: 1px solid #15C;
	width: 545px;
	margin: 5px;

}

#peteForm fieldset.interior {
	width: 520px;
}

#peteForm legend {
	color: #000;
	background: #7A0;
	margin: 0px 0px 10px 0px;
	border: 1px solid #000;
	padding: 2px 6px;
}

#peteForm label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 200px;
	padding-top: 5px;
}

#peteForm label.list {
	width: 85px;
	margin-left: 5px;
}

#peteForm label.tel {
	float: none;
	margin-left: 5px;
	margin-right: 2px;
	width: 20px;
}

#peteForm input.text, .Codigo1, .Codigo2, .Lugar,.lista, .contact, .idade, textarea, select {
	color: #781351;
	background: #CF9;
	padding: 5px;
	width: 310px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #000;
}

#peteForm input.lista {
	width: 205px;
}

#peteForm input.contact {
	width: 95px;
	margin-right: 5px;
}

#peteForm input.idade {
	width: 25px;
}

#peteForm input.Codigo1 {
	width: 35px;
}

#peteForm input.Codigo2 {
	width: 30px;
}

#peteForm input.Lugar {
	width: 235px;
}

#peteForm input.checkbox {
	display: inline;
	float: left;
	margin-top: 4px;
	
}

#peteForm label.checkbox {
	clear: both;
	width: auto;
	margin-left: 15px;
	margin-right: 3px;
	font-size: x-small;
	
}

#peteForm .submit {
	width: 150px;
	float: right;
	margin: 5px;
}

#peteForm textarea {
	height: 90px;
}

#peteForm input:focus, textarea:focus {
	border: 1px solid #15C;
	background: #CF6;
}
