body, html{
  font:.8em Verdana, Arial, Helvetica, sans-serif;
  text-align:middle;
  margin:10px;
  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:143px;
  background:#fff url('img/arvore.png') bottom left no-repeat;
}
div#tree{
  width:85em;
  height:143px;
  background:#fff url('img/tree.png') bottom left no-repeat;
}
div#linkHome{
  width:200px;
  height:130px;
  float:left;
  cursor:pointer;
}
div#topbanner{
  width:468px;
  height:60px;
  background:#fff;
  border:1px solid #eee;
  float:right;
  margin:50px 0 10px 10px;
}
div#lang{
  width:43px;
  height:140px;
  float:left;
}
div#bdy{
  width:80em;
  float:right;
  border:1px solid #7a0;
  border-width:0 0 0 1px;
}
.clear{
  clear:both;
}
.txt{
  margin:5px 10px;
  padding: 0 0 5em 0;
}
.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 2px;
  font-weight:bold;
  text-decoration:none;
}
div#menu a:hover{
  color:#eee;
}
div#menuActive{
  height:1.7em;
  float:left;
  background:#580 url('img/barra_menu.jpg') top left no-repeat;
}
div#menuRight{
  height:1.7em;
  float:right;
  background:#260;
  padding:0 3px 0 3px;
}
.menuitem{
  text-transform:uppercase;
  padding:0 3px 0 3px;
  float:left;
}
.submenu{  
  display:none;
  position:absolute;
  padding:5px;
  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#right{
    float: right;
    width:45em;
    margin-top:9px;
    padding-top:15px;
    border:1px solid #7a0;
    border-width:0 1px 0 1px;
}
div#centrall{
	margin-right:100px;  
}
div#destaques{
  width:359px;
  background:#7a0 url('img/destaques.png') top left no-repeat;
  margin-bottom:3em;
  padding-top:68px;
  font-size:1.5em;
  font-weight:bold;
  color:#eee;
  text-transform:uppercase;
}
div#destaques div{
  padding:.2em;
  cursor:pointer;
}
div#destaques div:hover{
  background:transparent url('img/destaqueshover.png') bottom right no-repeat;;
}

div#pesquisa{
  width:80em;
  padding:.5em 0;
  text-align:right;
}
.pesquisa{
  color:#7a0;
  font-size:9px;
  font-weight:bold;
  padding:5px 10px;
  width:100px;
  text-transform:uppercase;
}
div#mailing a{
  text-transform:uppercase;
  color:#7a0;
  font-size:9px;
  font-weight:bold;
  text-decoration:none;
}
div#mailing a{
  text-align:left;
  float:right;
  margin:2px 10px;
}
div#box{
  width:80em;
}
div#maintxt{
  float:right;
  width:62.9em;
  background:#fff url('img/sombraTop.png') right top no-repeat;
}
  div#right{
    float:right;
    width:62em;
    margin-top:9px;
    padding-top:15px;
    border:1px solid #7a0;
    border-width:0 1px 0 0;
  }
  div#cartoon{
    clear:both;
    width:62.8em;
    border:1px solid #7a0;
    border-left:0;
  }
div#aux{
  float:right;
  width:17em;
}
  div#calendario{
    color:#260;
    cursor:pointer;
  }
  div#calendario td{
    font-size:9px;
  }
div#erro{
  background: #CF9;
  margin:1em 2em 3em 2em;
  padding:.3em 0 .3em 0;
  float:left;
  width:56em;
  border:.2em solid #95CE12;
  font:2em;
  text-align:center;
}
/**/
div#rodape{
  clear:both;
  background:#fff url('img/logo.png') no-repeat 25px 0;
  width:80em;
  height:70px;
  margin:0 auto;
  color:#666;
}
div#rodape a{
  color:#666;
  margin:0 2px;
  font-weight:bold;
  text-decoration:none;
  font-size:.9em;
}
div#rodape a:hover{
  color:#000;
}
div#copyright{
  float:right;
  line-height:1em;
  padding:35px 0 0 0;
  color:#666;
}
div#copyright a{
  color:#666;
  font-weight:normal;
}
div#footermenu{
  text-transform:uppercase;
  float:right;
  padding:35px 20px 0 110px;
}

form#ppal {
	padding:0;
	margin:0px 205px 0px 205px;
	width: 150px;
	font-size: small;
}

#ppal select.paypal{
    width: 144px;
    color: #781351;
	background: #CF9;
	padding: 0px;
	margin: 2px 0px 5px 0px;
	border: 1px solid #000;
}

form#peteForm {
	padding:0;
	margin:0;
	width: 545px;
	font-size: 1.3em;
}

#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 div.info {
	float: right;
	padding: 5px;
	width: 310px;
	margin: 5px 0px 5px 0px;
}

#peteForm div.opcoes {
	margin-left: 110px;
}

#peteForm span {
	font-size: .75em;
}

#peteForm input.text, .Codigo1, .Codigo2, .Lugar, .lista, .contact, .idade, .nome, textarea, select  {
	color: #781351;
	background: #CF9;
	padding: 5px;
	width: 310px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #000;
}

#peteForm input.nome {
        width: 145px;
}

#peteForm input.lista {
	width: 205px;
}

#peteForm input.contact {
	width: 95px;
	margin-right: 5px;
}

#peteForm input.idade {
	width: 25px;
}


#peteForm input.Codigo1 {
	width: 40px;
    margin: 5px 0px 5px 20px;
}

#peteForm input.Codigo2 {
	width: 35px;
}

#peteForm input.Lugar {
	width: 170px;
        margin: 5px 0px 5px 10px;
}


#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;
}

div#malmequer { 
  position: relative;
  background-image: url(http://terramater.pt/UserFiles/Image/natureza/malmequer.png);
  height: 382px;
  width: 400px;
  }
  
#mmenu a {
  position: absolute;
  text-decoration: none;
  }
  
#mmenu a em { visibility: hidden; }

#mmenu a#ferias {
	width: 129px;
	height: 157px;
	left: 75px;
	top: -1px;
	}

#mmenu a#passeios {
	width: 155px;
	height: 171px;
	left: 215px;
	top: -8px;
	}

#mmenu a#fds {
	width: 166px;
	height: 77px;
	left: 243px;
	top: 144px;
	}

#mmenu a#mapa {
	width: 149px;
	height: 162px;
	left: 215px;
	top: 228px;
	}

#mmenu a#cinco {
	width: 92px;
	height: 153px;
	left: 135px;
	top: 242px;
	}

#mmenu a#oficinas {
	width: 171px;
	height: 121px;
	left: -10px;
	top: 192px;
	}

#mmenu a#cursos {
	width: 158px;
	height: 109px;
	left: -9px;
	top: 80px;
	}


#mmenu a#ferias:hover { background-image: url(http://terramater.pt/UserFiles/Image/natureza/ferias.png); }
#mmenu a#passeios:hover { background-image: url(http://terramater.pt/UserFiles/Image/natureza/passeios.png); }
#mmenu a#fds:hover { background-image: url(http://terramater.pt/UserFiles/Image/natureza/fds.png); }
#mmenu a#mapa:hover { background-image: url(http://terramater.pt/UserFiles/Image/natureza/mapa.png); }
#mmenu a#cinco:hover { background-image: url(http://terramater.pt/UserFiles/Image/natureza/cinco.png); }
#mmenu a#oficinas:hover { background-image: url(http://terramater.pt/UserFiles/Image/natureza/oficinas.png); }
#mmenu a#cursos:hover { background-image: url(http://terramater.pt/UserFiles/Image/natureza/cursos.png); }

#mmenu a#ferias:hover,
#mmenu a#passeios:hover,
#mmenu a#fds:hover,
#mmenu a#mapa:hover,
#mmenu a#cinco:hover,
#mmenu a#oficinas:hover,
#mmenu a#cursos:hover { border: none; }
