/*Documento CSS style_mapeamento_imagem2.css*/
body  {    
        margin: 0;     
	padding: 0;    
	background-attachment:fixed; 
	background-image:url(/static/img/textura-flickr-marron-paint2.png);
	/*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, .p, .em, .h1, .h2, .a, .img, .footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
#container{ /*Lembrete: digitar a cerquilha colada a palavra div. Se ficar espaço não funciona*/
	width: 55%; /*largura da div em que os elementos estão inseridos*/
	/*height: 60px; /*tirar a altura por causa do texto*/
	border: 0.1em solid #90DC61; 
	margin: 0 auto;/*centraliza a div automaticamente na janela do browser*/
	background-color: beige; 
	padding:2em; /*desloca o texto das margens da div. Não do browser*/
	font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
	font-size: 1em;/*tamanho em pixels*/ 
	border-radius: 0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	/*box-shadow:5px 10px 10px 10px  #CCC; /*#8B4513;/*sombra ao redor da div*/
	}

em{
  font-size: 1em;
  color:#000;/*muda a cor da fonte*/
}


a{
text-decoration:none;
font-size: 1em;
}

h1{
 font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
 text-align: center;
 }

h2{
 font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
 /*font-size: 36px;/*tamanho em pixels*/ 
 color:#002059;/*muda a cor da fonte*/
 text-align: center;  
 }


p{
/*border: 1px dotted #3CB371;/*#E3BC58;*/
text-align: center;
 }