/* CSS Document */



.plogin a {

  text-decoration: none; 

}

#link:hover {
	color: #F00;
}



img {

	max-width: 80%;

}


.container-principal {

     font-family: sans-serif; margin: 1%; padding: 2%;   

}



.logo {

	font-size: 210%; color: #FA8072; position: relative;  

    font-family: Bradley Hand, cursive; background-color: #000;

    width: 100%; height: auto; border: solid #111    



}



.flutuar {

	float: right;

}



.logoamadosou {

	 

}



/* Propriedades do menu */





nav {

	  position: relative;  width: 100%; margin-right: 0.5%;  

}



nav ul li {

	  float: left; color: #fff; width: auto; margin: 2%;  font-family: 'Verdana'; list-style: none; 

}



nav ul li a {

	    text-decoration: none; color: #bbb; font-size: 200%;

}


/* nav ul li a:hover {

	    

	    transition: all 3s ease-out; 

	    color: #000;

	    font-size: 240%;

	    background-color: #FFF;

} */



header {

	width: 100%; height: 30%;

} 



table {

	border-color: #000;

}



hr {

	border-color: #FFC0CB;

}

/* Fundo */

/* .fundo {
	background-color: #FFF;
	background: url('Imagens/cruz.png')  no-repeat fixed center center;
	background-size: 50%; 	
} 

   #fundo2:hover {
    background: #ADD8E6;
   background: url('Imagens/cruz.png')  no-repeat fixed center center;
	background-size: 50%; 
   transition: background 10s linear;	
   -webkit-transition: background 10s linear;
   -o-transition: background 10s linear;
   -moz-transition: background 10s linear; 
} 

#fundo3 {
	background-color: #ADD8E6;
} */


/* Efeito links Palavras */

#Palavras a {
	text-decoration: none; color: #000000; 

}

#Palavras a:hover {
	text-decoration: none; color: #0000CD; 
    transition: all 3s ease;
}


/* Efeito de animação flipping - site maujor.com - modo padrão*/

/* O container geral define a perspectiva */  
.flip-container { perspective: 1000;}  	

/* vira os containers frente e verso quando o mouse passa em cima */
.flip-container:hover .flipper, .flip-container.hover .flipper {  		
  transform: rotateY(180deg);  	
}    
.flip-container, .front, .back {  	
  width: 20%;  	
  height: 45%;  
}

/* define a velocidade da transição */
.flipper {  	
  transition: 0.6s;  	
  transform-style: preserve-3d;    	
  position: relative; 
  bottom: -5%;
   }
    
/* esconde o verso durante a animação */
.front, .back {  	
  backface-visibility: hidden;    	
  position: relative;  	
  top: 0;  	
 left: 0;  
}
    
/* frente posicionada sobre o verso */
.front { z-index: 2; }    

/* verso inicialmente escondido */
.back { transform: rotateY(180deg); }


/* Principal */

.tableindex {
	width: 80%; height: auto; text-align: justify;
}

#reflexao {
   background-color: #00BFFF; 
}


p {
	text-align: justify; margin-left: 20px; margin-right: 20px; margin-top: 10px; font-family: Verdana; text-indent: 20px; 
	
}

.email {
	font-weight: bold;
}

.imgIgreja img {
	width: 80%; height: 100%; margin-top: 5%;
}





.lista {
	color: #0000CD; list-style-image: url("Imagens/setadireita.png");  
}

.lista img {
	width: 5%; height: 4%;
}

.Palavraimg {
	width: 100%;
}

/* Orações */

.div1 {
	float: left; 
	margin-left: 10%;
}


.div2 {
	float: right; 
	margin-right: 10%;
}


/* google fonts */

h1 {
	font-family: 'Nanum Gothic', sans-serif;
	} 

.visitas {
	font-size: 150%; font-weight: bold; color: #585858;
}

/* 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%; 
}

/* Tentando ajustar hr */


.teste {
	font-size: 400%; clear: left; 
}

.teste a {
	text-decoration: none; color: #000;
}

/* Botão input submit */

input[type=submit] {
	border: 4%; background-color: red; width: 15%; height: 5%;
} 

button {
	width: 30%; height: 10%; font-weight: bold; font-size: 150%; 
	background-color: #F00; border-color: #E00; border-radius: 5%;
}

/* Botão SAIR */

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

/* 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%;
}

/* Menú numérico */

.linha-numerica {
 clear: right; clear: left;  
}

.alinhar-numeros {
	text-align: center; margin-top: 1.5%; margin-bottom: 1.5%; 
}

.alinhar-numeros a:hover {
	color: #555; 
}

#linksecundario {
	display: inline; 
}

#linkatual {
	display: inline; 
}


#linksecundario a {
	text-decoration: none; -family: Andale Mono, monospace; font-size: 150%; 
	border-style: solid; border-radius: 25%; border-color: #F00; padding: 0.4%;
	color: #000;       
}

#linkatual a {
   text-decoration: none; -family: Andale Mono, monospace; font-size: 150%;  
   border-style: solid; border-radius: 25%; border-color: #F00; padding: 0.4%;
   color: #BBB;        
}

#linksecundario a:hover {
	text-decoration: none; -family: Andale Mono, monospace; font-size: 150%; 
	border-style: solid; border-radius: 25%; border-color: #F00; padding: 0.4%;
	color: #000;       
}

#linkatual a:hover {
   text-decoration: none; -family: Andale Mono, monospace; font-size: 150%;  
   border-style: solid; border-radius: 25%; border-color: #F00; padding: 0.4%;
   color: #000;        
}

#hifen {
	font-weight: bolder; display: inline; font-size: 200%; 
}

/* 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; padding: 10%; border: 0.2em solid #111; 	

}


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

/* Estilo link Igreja padrão */

	
#linkb a {
	text-decoration: none; color: #5858FA; font-size: 300%; 
    position: relative; float: left; margin-left: 10%; font-family: 'Annie Use Your Telescope', cursive;
}

#linkb a:hover  {
	text-decoration: none; color: #DF013A; font-size: 350%; font-family: 'Annie Use Your Telescope', cursive; 
}

/* Estilo link Catequese padrão */

#linkc a {
	text-decoration: none; color: #5858FA; font-size: 300%;
	position: relative; float: right; margin-right: 10%; font-family: 'Annie Use Your Telescope', cursive;
}

#linkc a:hover {
	text-decoration: none; color: #DF013A; font-size: 350%; font-family: 'Annie Use Your Telescope', cursive;
}

/* Estilo link RCC padrão */

#linkd a {
	text-decoration: none; color: #5858FA; font-size: 300%; 
    position: relative; float: left; margin-left: 10%; font-family: 'Annie Use Your Telescope', cursive; 
}

#linkd a:hover  {
	text-decoration: none; color: #DF013A; font-size: 350%; font-family: 'Annie Use Your Telescope', cursive;
}

/* Liturgia CN padrão */

#linka a  {
	text-decoration: none; color: #5858FA;
	    position: relative; float: right; margin-right: 10%; font-size: 300%; font-family: 'Annie Use Your Telescope', cursive;
}

#linka a:hover  {
	text-decoration: none; color: #DF013A; font-size: 350%; font-family: 'Annie Use Your Telescope', cursive; 
}

/* Orações padrão */


#linke a {
	text-decoration: none; color: #5858FA; font-size: 300%;
	position: relative; text-align: center;  font-family: 'Annie Use Your Telescope', cursive;
}

#linke a:hover {
	text-decoration: none; color: #DF013A; font-size: 350%; font-family: 'Annie Use Your Telescope', cursive; 
}

/* Links pessoais */

#linkp a {

	text-decoration: none; color: #800000; position: relative; font-size: 120%; display: block;
	float: right; clear: right; 

}



#linkp a:hover  {

    text-decoration: none; color: #ADD8E6; font-size: 125%; display: block; 

}

.contador {
	clear: left;
}

/* Botão pesquisar */



.voltar a {
	font-size: 200%;
}

.format {
	font-size: 150%;
}


.format a:hover {
	text-decoration: none;
}