html, body, h1, h2, h3, h4, ul, li {margin: 0; padding: 0;}
body{
  font-family: Garamond, Calibri, Arial;
  background: #f5e0a7;
}
/*background*/
#imggenot{
  background: url(../imagens/imagemgenot.jpg);
  width: 661px;
  height: 539px;
  float: right;
  top: 40px;
  position: relative;
}
/*tamanho da pagina*/
#wrapper{
  margin: auto;
  width: 900px;
}
/*ajustamento de texto*/
#caixatexto{
  width: 450px;
  position: relative;
  top:10px;
}
#text{
  text-align: justify;
}
#textitulo{
  text-align: center;
  font-size: 21px;;
 font-weight: bold;
 top: 10px;
 position: relative;
}
/*pra ficar por cima da imagem*/
#cimai{
  position: absolute;
  width: 100%;
  height:100%;
  z-index: 2;
  top: 0px;
}
/*topo*/
#topo{
  width: 900px;
  height: 125px;
}
#hea{
  position: absolute;
  float: left;
  top: 50px;
  width: 100%;
  height: 30px;
  min-width: 900px;
  background: url(../imagens/trama.jpg);
}
/*logo*/
#logo{
  background: url(../imagens/logo_genot.jpg);
  width: 391px;
  height: 125px;
  position: relative;
  top: 5px;
  left: 25px;
}

/*imagens q mudam*/
#imgmuda {
border: 2px solid #555;
width: 450px;
height: 150px;
float: right;
background: url(../imagens/scriptnaopresta.jpg);
}

/*rodapé*/
#rodape{
  float: left;
  width: 100%;
  height: 45px;
  min-width: 900px;
  background: #dfbe74;
   font-weight: bold;
}
#roda{
  text-align: center;
  padding-top: 5px;
}

#direito1{
  background: url(../imagens/direito1.jpg);
  float: right;
  width: 18px;
  height: 20px;
}

#direito{
   background: #dfbe74;
   float: right;
   font-size: 14px;
   height: 20px;
}
#txtdir{
   position: relative;
   top: 1px;
   left: -3px;
}
#txtdir a{
  color: #000000;
}