/* CSS Document */

/* Geral */

* {
  text-decoration: none;
}

p {
  text-indent: 3%; 
  margin-bottom: 0%;
  margin-top: 0%;  }

img {
  max-width: 80%; height: auto;
}

.imgIgreja {
  max-width: 80%; height: auto; margin:5%;
  padding: 5%; position: relative;
}

body {
  background-color: #87CEFA; width: 100%; height: auto;
     }

h1 {
  font-family:"Agency FB", "Calibri", Cambria, Andalus ;
  font-size: 200%;
  color:#A0522D;
  margin-left: 5%;
  padding-top: 3%;
}

/* Tabela */

#estilotab {
  background: #E0FFFF; width: 70%; height: auto; padding: 1%; border: 5px solid #000; border-radius: 10px; margin: 5%; 
}

#estilotab p {
     padding: 2%;
  }

table {
    padding: 5%;
}

table tr td {
  text-align: justify; font-size: 100%; font-family: Arial;   
}


/* Links */

a.home:link, a.home:visited {
    background-color: #f44336;
    color: white;
    padding: 1% 2%;
    text-align: center; 
    text-decoration: none;
    display: inline-block;
    margin-left: 1%;
    font-size: 140%;
}

a.home:hover, a.home:active {
    background-color: red;
}

/* Botão input image */

input .botaoimg {
  width: 20%; height: 10%;
}

/* Estilizando formulário */

form legend  {
  padding: 2%; font-weight: bold;
}

form label {
  font-weight: bold; color: #033; float: left; width: 8%; font-size: 100%; 
}

input[type="text"] {
  background-color: #ccc; border: 1% solid #777; font-size: 80%; 
}

input[type="email"] {
  background-color: #ccc; border: 1% solid #777; font-size: 80%; 
}

input[type="text"]:hover {
  background-color: #ddd; border: 1% solid #888; font-size: 80%; 
}

input[type="text"]:focus {
  background-color: #eee; border: 1% solid #999; font-size: 80%; 
}

input[type="email"]:hover {
  background-color: #ddd; border: 1% solid #888; font-size: 80%; 
}

input[type="email"]:focus {
  background-color: #eee; border: 1% solid #999; font-size: 80%; 
}

textarea {
  background-color: #dde; border: 1% solid #777; font-size: 80%; 
}

textarea:hover {
  background-color: #111; border: 1% solid #111; font-size: 80%; 
}

textarea:focus {
  background-color: #fff; border: 1% solid #000; font-size: 80%; 
}

/* Comentários */

.form-coment {
  font-weight: bold; font-size: 300%;
}

/* Compartilhamento */

.imgcompart {
 width: 14%; height: 12%;
}  


/* Botão SAIR */

.botaosair {
  border: 2%; border-color: #F00; font-size: 120%;
}

/* Topo */ 

.logado {
  font-size: 120%; 
}

/* Tabela com dados e comentário*/

#tabeladados  {
 background-color: #FFF; margin: 2%;
}

.tabeladadoscoluna {
  font-weight: bolder;
}

/* homepage */

.plogin {
  font-size: 250%; 
}

/* Cadastro */

#cadastro {
  font-size: 120%;
  width: 90%;
  height: 90%;   
}

/* tabela admintrativa */

table .tabela-adm  {
  border-style: solid;
}

/* Link 'gostei' */

.gostei1 {
  width: 20%; height: 15%; float: left; margin-left: 20%; 
}

.gostei2 {
  width: 20%; height: 15%; float: right; margin-right: 20%; 

}

/* Botões de login e cadastro */

.homelogin {
  float: right; font-size: 120%; margin: 0.5%; margin-right: 2%; 
}

.homelogin a {
  text-decoration: none; border-style: double; color:#F55; border-color: #00D; padding: 4%;
}

.homelogin a:hover {
  text-decoration: none; border-style: double; color: #000; border-color: #00D; padding: 4%;
}

/* Sair */

.sair {
 float: right; font-size: 200%; font-weight: bolder; margin-right: 5%; border: solid; border-color: #FFF;
 padding: 0.5%;  
}

.sair a {
  text-decoration: none; color: #9D2832; background-color: #0D0001; 
}

.sair a:hover {
  text-decoration: none; color: #FFF; background-color: #0D0001; 
}

/* Assinatura */

.font-assinatura {
  font-size: 170%;

}