/*Documento CSS  style_artes_croche.css*/
  
body{
   background-attachment: fixed;
   /*background-color:#F8F8F8;*/
   background-image:url(/static/img/fundo-croche.jpg);
   background-repeat: repeat-x;
   /*background-image:url(/static/img/fundo-manchado.jpg);*/
}


/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .h1, h2, .ul, .li, .p, .a, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}

 #container{
	position: relative;
	width: 55%;/*largura da div*/
	height: 900px;/*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.8em;/*afasta o texto da margem superior da div e não do browser*/
	background-color: #FFF; /*cor de fundo*/
	box-shadow:0.1em 0.5em 0.5em 0.5em#000; /*#8B4513;/*sombra ao redor da div*/
	 background-size: 100% 100%;
	}

h1{
  margin: -10px; 
  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: 32px;
  color:#6B8E23;
}
	
 h2{
  position: relative;
  width: 70%;/*largura da div*/
  height: 40%;/*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/bico-de-croche.jpg);
  background-repeat: no-repeat;
  background-position: 1.4em;
}
	
 p{
  width: 30%;/*largura da div*/
  border: 0.3em dashed #3CB371;/*#E3BC58;*/
  border-radius: 15px; 
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  padding: 1px; /*desloca o texto da margem esquerda da div. Não do browser*/
  float: left;
  text-align: center;
  background-color: #FFEFD5;
 }

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:1em;
 color: #6B8E23;
 text-decoration: none;
}

#footer{
       float: left;
	width: 100%; 
	height:	100px; 
	padding-top: 60px;
	text-align: center;
}