/*Documento CSS  style_artes_pet.css*/
    body{
     background-attachment: fixed;
     /*background-color: #90EE90;/*#F8F8F8;*/
	/*background-image:url(/static/img/reciclar.jpg);*/
	 background-image:url(/static/img/rough-wall-texture.jpg);
	/*background-repeat: repeat-x;*/
	}

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .p, .a, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
	
#container{
	position: relative;
	width: 55%;/*largura da div*/
	/*height:600px;/*altura da div*/
	border: 0.1em solid #CCCC33; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	margin: 0 auto;/*centraliza a página*/
	padding: 1.6em;/*afasta o texto da margem superior da div e não do browser*/
	background-image:url(/static/img/rough-wall-texture.jpg);
	background-repeat: no-repeat;
	/*background-position: 5px;*/
	box-shadow:0.5em 0.5em  0.8em  0.8em #000; /*#8B4513;/*sombra ao redor da div*/
	 background-size: 100% 100%;
	}
	
 h1{
	margin: 20px; 
	font-family: "Segoe Print", "lucinda grande", "lucinda sans", verdana, sans-serif;
	font-style:italic; /*pode-se escolher entre oblique, normal, inherit*/
	font-weight: bold; /*define a tonalidade da fonte baseado em um parâmetro chamado peso varia de 100 a 900*/ 
	text-align: center;
        font-size: 2em;
	color:#6B8E23;
	}
	
.foto1{
        position: relative;
	width: 100%;/*largura da div*/
	height:400px;/*altura da div*/
	border:0.1em solid #CCCC33; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	margin: 0 auto;/*centraliza a página*/
        background-image:url(/static/img/bolsapetleo.jpg);
	background-repeat: no-repeat;
	background-position: center;
        text-align: center;
       /*color:#330066;*/
       }
       

 p{
 width: 40%;/*largura da div*/
border: 1px dotted #3CB371;/*#E3BC58;*/
/*margin: 0 auto;*/
/*text-align: justify;/*alinhamento justificado. Ocupa todo o espaço em branco*/
border-radius: 20px; 
-moz-border-radius:20px;
-webkit-border-radius:20px;
padding-left: 12px; /*desloca o texto da margem esquerda da div. Não do browser*/
padding-right:12px; /*desloca o texto da margem direita da div. Não do browser*/
padding-top: 12px; /*desloca o texto da margem superior da div. Não do browser*/
padding-bottom: 12px; /*desloca o texto da margem inferior da div*.Não do browser*/
text-align: center;
 }

a{
  /*e todas as propriedades que ele terá*/
  font-family: "Segoe Print", "Comic Sans MS", "Challenge Extra Bold", Arial, Helvetica, sans-serif;
  /*Obs: Colocar mais de uma fonte, porque o browser escolhe a que tiver instalada.*/
  font-size: 1.25em;
  color: #6B8E23;
  text-decoration: none;
}