/*Documento CSS style_catolica_historia_da_igreja.css*/
body{    
	padding: 0;
	background-image:url(/static/img/textura-azul.jpg);
	background-attachment: fixed;
	/*background-repeat: no-repeat;
	background-position: 5px;*/
     } 

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, pre, .papa, img{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
	
#container{ 
	border: 0.1em dotted black; 
	margin: 0 auto;  
	width: 55%; 	
	/*height: 2200px;*/ 	
	padding: 1.6em;
	background: #FFF; 
	box-shadow: 0.4em 0.8em 0.8em 0.8em #181818; /*o primeiro número é da sombra direita, o 2º é da parte debaixo,*/
	} 
.papa{
      border:0.1em solid #000;
      position:relative;
      float: left;
      width: 90%; /*com essa largura dá para 4 boxes na horizontal*/
      height: 560px;/*colocar a borda para verificar o tamanho do fundo cinza e aí trabalhar a largura e a altura*/
      margin-top: 10px;/*afasta a div do papa da div p de texto, quanto maior o nº mais ela desce*/
      margin-bottom: 4px;/*separa um fundo cinza do outro*/
      margin-left: 1em;
      padding-left: 2%;
      padding-bottom: 95px;
      background-color: #F8F8F8;
}

a.text{
   /*e todas as propriedades que ele terá*/
   font-family: Comic Sans MS, Challenge Extra Bold, Arial, Helvetica, sans-serif;
   font-size: 1.6em;
   color: coral;
   margin-bottom: 3%;
}

pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

a.text{
   /*e todas as propriedades que ele terá*/
   font-family: Comic Sans MS, Challenge Extra Bold, Arial, Helvetica, sans-serif;
   font-size: 1.6em;
   color: beige;
   margin-left: 3%;
}

h1, h2{
    text-align: center;
    font-family: "lucinda grande", "lucinda sans", verdana, sans-serif, "Segoe Script";
    color: #B00000;
}

em{
   color: #228B22;
 }

p{
  text-align: justify;/*alinhamento justificado. Ocupa todo o espaço em branco*/ 
 }
	
	
li{
  list-style:none;
}
	
#footer{
	width: 55%; 
	height:	50px; 
	text-align: center;
	margin-bottom: 2px;
	}

.clear{clear: both;}