/*Documento CSS  style-background-modelos3.css*/
body{
     /*background-image:url(/static/img/textura-flickr-manchado-paint.jpg);/*declarar uma imagem*/
     background-attachment: fixed;
     /*background-image:url(/static/img/textura-tijolos.jpg);*/
    /*background-image:url(/static/img/textura-papel.jpg);*/
     background-image:url(/static/img/folhas-escuras.jpg);
     /*background-image:url(/static/img/modelo.jpg);*/
     /*background-repeat: no-repeat;*/
}
/* *, *:after, *:before{}*/
*:#container{
position: relative;
float: left;
width: 60%;/*largura da div*/
margin: 0 auto; /*centraliza a imagem*/
background-position: 5px;
}
 
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .header, .footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
	
  }
}
#container{
	width: 65%;/*largura da div*/
	/*height:300px;/*altura da div*/
	border:1px solid #C0C0C0;/*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	padding-left: 14px;
	margin: 0 auto; /*centraliza a div*/	 
	background-color: #FFFFFF; /*cor de fundo*/
}

#div1{
	height:100px;/*altura da div*/
	background-image:url(/static/img/marron1.png);
	z-index:2;
	}

#div2{
	height:100px;/*altura da div*/
	 background-image:url(/static/img/textura-escura.jpg);
	}
	
			
#div3{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-verde.png);
        /*background-repeat: no-repeat;*/
}	 
#div4{
	height:100px;/*altura da div*/
        background-image:url(/static/img/folhas-escuras.jpg);
}	 
#div5{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-nervuras.png);
	 }
	 
	 #div6{
	height:100px;/*altura da div*/
	 background-image:url(/static/img/modelo.jpg);
	 }

	 #div7{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-tijolos.jpg);
	 } 
	 
	 #div8{
	height:100px;/*altura da div*/
	 background-image:url(/static/img/textura-uma-rosa.jpg);
	 } 
	 
	 #div9{
	height:100px;/*altura da div*/
	 background-image:url(/static/img/marrom.png);
	 }

	 #div10{
	height:100px;/*altura da div*/
	background-image:url(/static/img/marron-claro.png);
	 }
	 
	 #div11{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-cinza-paint.jpg);
	 }

	 #div12{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-nuvens-paint..png);
	 }
	 #div13{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-nuvens-claras-paint.png);
	 }
	 
	 #div14{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-amarela-paint.jpg);
	 }
	 
	 #div15{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-calcamentp-paint.jpg);
	 }
	 
	 #div16{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-calcamento-paint.png);
	 }
	 #div17{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-vidro-paint.png);
	 }
	 
	 #div18{
	height:100px;/*altura da div*/
	background-image:url(/static/img/esporte-escanteio.jpg);
	 }
	 
	 #div19{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-escura2.jpg);
	 }
	 #div20{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-papel.jpg);
	 }
	 
	 #div21{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-papel-branco.jpg);
	 }
	 #div22{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-asfalto2.jpg);
	 }
	 
	 #div23{
	height:100px;/*altura da div*/
	background-image:url(/static/img/aniversario.jpg);
	 }
	 #div24{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-papel-branco.jpg);
	 }
	 #div25{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-vidro2.jpg);
	 }
	 #div26{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-flick-rmanchado.jpg);
	 }
	 #div27{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-vidro.jpg);
	 }
	 #div28{
	height:100px;/*altura da div*/
	background-image:url(/static/img/marrom.jpg);
	 }
	 #div29{
	height:100px;/*altura da div*/ 
	background-image:url(/static/img/baloes.jpg);/*declarar uma imagem*/
	 }
	 #div30{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-flickr-marron-paint1.jpg);/*declarar uma imagem*/
	 }
	 
	 #div31{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-marron.png);/*declarar uma imagem*/
	 }
	 
	 #div32{
        height:100px;/*altura da div*/
	background-image:url(/static/img/marrom1.jpg);/*declarar uma imagem*/
	 }
	 
	 #div33{
	height:100px;/*altura da div*/
	background-image:url(/static/img/whitey.png);/*declarar uma imagem*/
	 }
	 
	 #div34{
	height:100px;/*altura da div*/
	background-image:url(/static/img/wild_flowers.png);/*declarar uma imagem*/
	 }
	 #div35{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-azul-flickr.jpg);/*declarar uma imagem*/
	 }
         #div36{
	height:100px;/*altura da div*/
	background-image:url(/static/img/notas-da-musica-paint.jpg);/*declarar uma imagem*/
	 }
         #div37{
	height:100px;/*altura da div*/
	background-image:url(/static/img/textura-flickr.jpg);/*declarar uma imagem*/
	 }
	 #div38{
	height:100px;/*altura da div*/
	background-image:url(/static/img/rough-wall-texture.jpg);/*declarar uma imagem*/
	 }
	 #div39{
	height:100px;/*altura da div*/
	background-image:url(/static/img/light_grey.png);/*declarar uma imagem*/
	 }
	 #div40{
	height:100px;/*altura da div*/
	background-image:url(/static/img/fundo-escuro3.jpg);/*já troquei de imagem*/
	 }
	 
 h2{
     text-align: center;
     color: #B00000;
     }	

 h4{
     text-align: center;
     /*color: blue;*/
     }