/*
--------------------------------------------------------------------
 Arquivo:			principal.css
--------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------
 Pagina - Regras Gerais
--------------------------------------------------------------------
*/

html, body, a, div, form, h1, h2, h3, img, form, form input {
  padding: 0px;
  border: 0px;
  margin: 0px;
}

body {
  background:url(../img/img_bg.jpg) repeat-x top #F4F4DC;
  color: #48443B;
  /* font: 13px Tahoma,"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif */
  font: 13px Sans-serif
}

a {
  color: #48443B;
}

a:active, a:link, a:visited,  a:hover {
  text-decoration: none;
}

form fieldset {
  border:0px;
}

form legend {
  display:none;
}

ul, li {
  list-style:none;
  margin:0;
  padding:0;
}

.clear {
  display:block;
  clear:both;
}

table caption {
  display:none;
}

#page {
  width:800px;
}

#topo {
  display:block;
  padding:0px 0 110px 0;
}

#logo {
  background:url(../img/logo_projeto2.jpg) no-repeat top;
  display:block;
  width:430px;
  height:180px;
}

#centro {
  display:block;
  float:left;
  margin-top:30px;
  margin-bottom:30px;
}

#menu {
  display:block;
  float:left;
  margin:0 20px 0 0;
  width:220px;
}

#menu ul li {
  display:block;
  background:url(../img/marcador.gif) no-repeat left;
  padding-left:15px;
}

#menu ul li a {
  font-size:1.5em;
  line-height:35px;
}

#menu ul li a:hover {
  color:#9F998B;
  padding-left:5px;
}

#conteudo {
  display:block;
  float:left;
  width:520px; 
}

#conteudo h1 {
  font-size:2.2em;
}

#conteudo p {
  line-height:1.5em;
}

#conteudo ul {
  margin-left:20px;
}

#conteudo ul li {
  padding-left:12px;
  background:url(../img/marcador.gif) no-repeat left;
  margin-top:8px;
}

#conteudo h3 {
  margin:20px 0;
}


#contato form {

}

#contato form label{
  display:block;
  clear:both;
  margin:10px 0 0 0;
}

#contato form input{
  width:415px;
  padding:3px 0 3px 3px;
  margin:3px 0 0 0;
  border:1px solid #8F8C86;
}

#contato form textarea {
  width:415px;
  height:100px;
  margin:3px 0 0 0;
  padding:3px 3px 3px 3px;
  border:1px solid #8F8C86;
}


#contato form .botao_envia {
  display:block;
  width:100px;
  border:3px solid #fff;
  background:#48443B;
  color:#fff;
  font-weight:bold;
  padding:4px 0 4px 0;
  margin:20px 0 0 325px;
  font-size:1.0em;
  cursor:pointer;
}


#fotos {
  background:#DFDFB5;
  display:block;
  padding:5px 10px 5px 0px;
  margin-top:30px;
  display:block;
  float:left;
}

#fotos h2 {
  display:none;
}
#fotos ul {
  margin-left:0;
  display:block;
}
 
#fotos ul li {
  display:block;
  float:left;
  background:none;
}

#noticias {
  display:block;
  margin:0 0 20px 0;
}

#noticias h2 {
  font-size:2.2em;
}

#noticias ul li a {
  font-size:1.3em;
  display:block;
  margin-top:10px;
}

#apoiadores ul li {
  display:inline;
  float:left;
}

#apoiadores ul li {
  background:none;
}

#rodape {
  display:block;
  float:left;
  border-top:0.15em dotted #4F4A40;
  margin-top:10px;
  width:100%;
  margin-bottom:10px;
}

#sindicato {
  display:block;
  float:left;

  padding:10px 20px 10px 0;
}

#sindicato a {
  background:url(../img/logo_igrejinha.jpg) no-repeat center;
  display:block;
  float:left;
  width:190px;
  height:60px;
}

#sindicato .endereco {
  display:block;
  float:left;
  margin:10px 0 0 10px;
}

#sindicato h3 {
  font-size:0.80em;
  display:block;
  margin-top:1px;
}