/*Documento CSS  - style-informacoes.css*/
  body{
        background-attachment: fixed;
        background-image:url(/static/img/marrom.png);
	/*background-repeat: no-repeat;*/
	background-position: 5px;; /*5px;/*usar center, para colocar a imagem no centro, right p/ direita*/
	}

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .p, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}  
		
#container{
	border:0.1em solid #CCCC33; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	position: relative;
	width: 55%;/*largura da div*/
	/*height:600px;/*altura da div*/
	margin: 0 auto;/*centraliza a página*/
	padding-left:1.25em;/*afasta o texto da margem superior da div e não do browser*/	 
	background-color: #FFFFE0; /*cor de fundo*/
	}
  p{
	border: 0.1em dotted black;
	width: 80%;
        margin: 0 auto;/*centraliza a página*/
	padding: 1.25em;
	text-align: center;
	}	

h2, h3{
	color:98B7BD;
	text-align: center;
	}
		   
em {
       color: #B00000; /*verde*/
       font-size: 1.25em;
	}
	
#footer{
	width: 90%; 
	height:	90px; 
        text-align: center;
	margin-top: 30px;
	}