/*Documento CSS style_dores_artes.css*/

body {    
        margin: 0;     
	padding: 0;    
	background-image:url(/static/img/textura-casca-arvore.jpg);
	/*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, h3, .foto1, .foto2, .foto3, .foto4, .foto5, .foto6, #footer{
	  min-width: 240px;
	  width: 240px;
	  /*background-color: aqua;*/
  }
}	  
	     
#container {
	border: 1em groove  #EBD699;
	width: 55%;
	height: 2230px;
	padding: 1.2em;
	margin: 0 auto;
        background: #FAF5E6;
	}
	
.foto1{
        position: relative;
        float: left;
        border: 0.625em groove #EBD699;
	width: 57%;
	height: 290px;
	padding: 0.5em;
	/*margin-top: 10px;*/
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/pintura-pano-prato.jpg);
	z-index:1;
	}	
		
	
.foto2{ 
        position: relative;
        float: left;
        border: 0.625em groove #EBD699;
        width: 57%;
	height: 290px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/dore-arte-pano-abelhinha.jpg);
	z-index:2;
	}	
		
.foto3{
        position: relative;
        float: left;
        border: 0.625em groove #EBD699;
	width: 57%;
	height: 290px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/arte-pano-prato.jpg);
	z-index:3;
	}			
.foto4{
        position: relative;
        float: left;
        border: 0.625em groove #EBD699;
	width: 57%;
	height: 290px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/arte-aplicacao.jpg);
	z-index:4;
	}	
					
.foto5{
        position: relative;
        float: left;
        border: 0.625em groove #EBD699;
	width: 57%;
	height: 290px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/arte-pano-prato-fuxico.jpg);
	z-index:5;
	}
	
	.foto6{
        position: relative;
        float: left;
        border: 0.625em groove #EBD699;
	width: 57%;
	height: 290px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/arte-blusa-trico.jpg);
	z-index: 6;
  }	
	
   p{
        border: 1px dotted black;
	width: 75%;
	float: left;
	margin-top: 30px;/*Afasta do top do container*/
	margin-right: 0.625em;/*Afasta das margens da div*/
	padding-left: 0.625em; /*afasta o texto da lateral esquerda do box*/
	padding-top: 0.625em; /*afasta o texto do topo do box*/
	padding-bottom: 10px; /*afasta o texto da parte inferior do box*/
	color: #002088;
	text-align:center;
 
  }
  
h3{
   border: 0.1em dotted black;
   width: 25%;
   float: right;
   margin-top: 120px;/*Afasta das margens do containerv e centraliza com relação a div da imagem*/
   margin-right: 0.625em;/*Afasta das margens da div*/
   padding-left: 0.625em; /*afasta o texto da lateral esquerda do box*/
   padding-top: 0.625em; /*afasta o texto do topo do box*/
   padding-bottom: 0.625em; /*afasta o texto da parte inferior do box*/
   color: #002088;
   text-align:center;
}	
	
#footer{
       border: 0.1em dotted #EBD699;
        width: 90%;
	height: 30px;
	padding-top: 20px;
	text-align: center;
	clear: both;
}