/*Documento CSS style_imagens_catolicas.css*/
body{    
       margin: 0;     
       padding: 0;    
       background: #CCE0FF; /*azul suave*/
     }  

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .foto1, .foto2, .foto3, .foto4, .foto5, .foto6, .foto7, .foto8, .foto9, .foto10, 
	          .foto11, .foto12, .foto13, .foto14, .foto15, .foto16, .foto17, .foto18, .foto19, .foto20,.foto20a,
	           .foto21, .foto22, .foto23, .foto24, .foto25,.foto25a, .foto26, .foto27, .foto28, .foto29{
		   min-width: 240px;
		   width: 240px;
		  /*background-color: aqua;*/
		  }
		}
.paginas{
	border: 0.1em dotted red;
	position: relative;
	float: left;
	width: 20%;
	height: 2%;
	margin: 10px auto;/*separa um número do outro*/
	margin-left: 40%;/*ajuda a centralizar*/
	padding: 0.5em;
	color: #990000;
	font-size: 1em;
	font-style: italic;
	list-style: none;
	text-align: center;
	background-color: beige;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	/*border-radius:12px;*/
	}

.paginas:hover{
	font-size: 1em;
	font-style: italic;
	background-color:  #CCE0FF;
	}

.foto1{
        border: 0.1em dotted black;
	position: relative;
	float: left; 
	width: 60%;
	height:640px;
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/matriz.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:1;
    }	
		
.foto2{
	border: 0.1em dotted black;
	position: relative;
	width: 20%;
	height:210px;
	float: left;  
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/imagemnsdasdores.jpg);
	background-image:url(/static/img/n-s-das-gracas.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:2;
      }   

.foto3{ 
	border: 0.1em dotted black;
	position: relative;
	width: 20%;
	height:210px;
	float: left;  
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/transfiguracao-jesus.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:3;
     }  

.foto4{ 
	border: 0.1em dotted black;
	position: relative;
	width: 20%;
	height:210px;
	float: left;  
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/nascimento-jesus.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:4;
      } 

.foto5{ 
	border: 0.1em dotted black;
	position: relative;
	float: left; 
	width: 60%;
	height:640px;
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/festansdasdores.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:5;
     }

.foto6{ 
	border: 0.1em dotted black;
	position: relative;
	width: 20%;
	height:210px;
	float: left;  
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/jesus-calvario.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:6;
     } 

.foto7{ 
	border: 0.1em dotted black;
	position: relative;
	width: 20%;
	height:210px;
	float: left;  
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/pomba.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:7;
	}   

.foto8{ 
	border: 0.1em dotted black;
	position: relative;
	width: 20%;
	height:210px;
	float: left;  
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/n-s-aparecida2.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:8;
} 

.foto9{ 
	border: 0.1em solid red;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/coroacao.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:9;
	}   

.foto10{ 
	border: 0.1em solid red;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/matrizperfil.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:10;
	}   
	
.foto11{ 
	border: 0.1em solid red;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/matrizportadafrente.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:11;
	}   

.foto12{  
	border: 0.1em solid green;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/matrizearvores.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:12;
	} 
	
.foto13{  
	border: 0.1em solid green;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/matrizlateraldireita.jpg);
	/*background-image:url(/static/img/santafilomena.jpg);*/
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:13;
	} 

.foto14{  
	border: 0.1em solid green;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/capela.jpg);
	/*background-image:url(/static/img/santafilomena.jpg);*/
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:14;
	} 

.foto15{  
	border: 0.1em solid green;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/coroacao2.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:15;
	}  

.foto16{  
	border: 0.1em solid green;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/coroadeira.jpg); 
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:16;
	}   

 .foto17{  
	border: 0.1em solid green;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/coroadeira2.jpg);
	background-repeat: no-repeat;
	text-align: center;
	z-index:17;
	}

 .foto18{ 
	border: 0.1em solid green;
	position: relative;
	width: 40%;
	height:400px;
	float: left;   
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/vaticano3.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	} 

.foto19{  
	border: 0.1em solid green;
	position: relative;
	width: 45%;
	height:700px;
	float: left; 
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/convitemesmaria.jpg);
	background-repeat: no-repeat;
	background-position: 2px;/*posição dentro da div*/
	text-align: center;
	z-index:19;
	} 

.foto20{  
	border: 0.1em solid green;/*============================*/
	position: relative;
	width: 38%;
	height:290px;
	float: left; 
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/vaticano1.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:20;
	} 

.foto20a{  
	border: 0.1em dotted blue;
	position: relative;
	width: 38%;
	height:380px;
	float: left; 
	margin-top: 30px;/*separa uma imagem da outra*/
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/vaticano4.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:20a;
	}   
.foto21{ 
	border: 0.1em dotted orange;/*============================*/
	position: relative;
	float: left; 
	width: 28%;
	height:480px;
	margin-top: 10px;/*separa uma imagem da outra no topo*/
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/saogeraldo.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:21;
	}  

.foto22{  
	border: 0.1em dotted orange;
	position: relative;
	float: left; 
	width: 28%;
	height:480px;
	margin-top: 10px;/*separa uma imagem da outra no topo*/
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/imagemnsdasdores.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:22;
	} 

.foto23 {
	border: 0.1em dotted orange;
	position: relative;
	float: left; 
	width: 28%;
	height:480px;
	margin-top: 10px;/*separa uma imagem da outra no topo*/
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/padrerodney.jpg);
	background-repeat: no-repeat;
	text-align: center;
	z-index:23;
	}   
	
.foto24{ 
	border:  0.1em dotted blue;
	position: relative;
	width: 28%;
	height:480px;
	float: left; 
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/santaluzia.jpg);
	background-repeat: no-repeat;
	text-align: center;
	z-index:24;

	}
.foto25{ 
	border: 0.1em dotted blue;
	position: relative;
	width: 28%;
	height:480px;
	float: left; 
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/senhordospassos.jpg);
	background-repeat: no-repeat;
	text-align: center;
	z-index:25;
		
	}

.foto25a{ 
	border:  0.1em dotted blue;
	position: relative;
	width: 28%;
	height:480px;
	float: left; 
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/senhormorto.jpg);
	background-repeat: no-repeat;
	color:#FFF;
	text-align: center;
	z-index:25a;
     }

.foto26{ 
	border:  0.1em dotted black;
	position: relative;
	width: 28%;
	height:660px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra no topo*/
	margin-left: 20px;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/santadocoro.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:26;	
	}

.foto27{ 
	border: 0.1em dotted black;
	position: relative;
	width: 36%;
	height:660px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra no topo*/
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/altarmatriz.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:27;
    }
.foto28{ 
       border:  0.1em dotted black;
	position: relative;
	width: 30%;
	height:480px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra no topo*/
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image: url(/static/img/imagensdores/catolica/nsdasdores.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:28;
     }
.foto29{ 
        border: 0.1em dotted black;
	position: relative;
	width: 23%;
	height:400px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra no topo*/
	margin-left: 0.7em;/*separa uma imagem da outra*/
	background-image:url(/static/img/imagensdores/catolica/coroadeira3.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
	z-index:29;
    }

h1{
   text-align: center;
}

h2{
   text-align: center;
}

li{
   text-align: center;
   list-style: none;
}