/*Documento CSS  style_artes_patchcolagem.css*/
    body{
        background-attachment: fixed;
        /*background-color:#F8F8F8;*/
	background-image:url(/static/img/fundo-suave.jpg);
	}

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .h1, .h2, .h3, .ul, .li, .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/tecido-xadrez.jpg);
	/*background-repeat: no-repeat;*/
	box-shadow:0.2em 0.5em 0.5em 0.5em #000; /*#8B4513;/*sombra ao redor da div*/
	}
	
	
 h1{
margin: 1.25em; 
font-family: "Segoe Print", "lucinda grande", "lucinda sans", verdana, sans-serif;
color:#663300;
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;
}

h2{
 /*border:0.1em solid #CCCC33;Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
position: relative;
width: 100%;/*largura da div*/
height:280px;/*altura da div*/
margin: 0 auto;/*centraliza a página*/
background-image:url(/static/img/arte/corujapatcholagem.jpg);
background-repeat: no-repeat;
background-position: center;
text-align: center;
}

h3{
 /*border:0.1em solid #CCCC33; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
position: relative;
width: 100%;/*largura da div*/
height:250px;/*altura da div*/
margin: 0 auto;/*centraliza a página*/
background-image:url(/static/img/cogumelos.jpg);
background-repeat: no-repeat;
background-position: center;
text-align: center;
}

 p{
/*border: 1px dotted #006633;*/
width: 60%;/*largura da div*/
border-radius: 1.25em; 
-moz-border-radius: 1.25em; 
-webkit-border-radius: 1.25em; 
padding: 1em; /*desloca o texto da margem esquerda da div. Não do browser*/
text-align: center;
background-color: #FFF0F5; /*cor de fundo*/
 }


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:20px;
color: #666600; /*6B8E23;*/
text-decoration: none;
}

#footer{
	display: block;
	position: relative;
	float: left;
	width: 100%; 
	height:	100px;
	margin-top: -80px;
	text-align: right;
         }