/*Documento CSS style_album_familia_costa_e_souza.css*/

body  {    
        margin: 0;     
	padding: 0;  
	background-attachment: fixed; /*fixa o fundo*/
	background: beige; /*#DDD;*/
	background-image:url(/static/img/marrom.jpg);
	}  

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .foto1, .foto2, .foto3, .foto4, .foto5, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
	     
#container {
	border: 1em groove  #EBD699;
	margin: 0 auto;
	width: 55%;
	/*height:930px;*/
	padding: 2%;
        background: #FAF5E6;
	}
	
.foto1{
        position: relative;
        float: left;
	width: 70%;
	height:720px;
	padding: 0.5em;
	margin-top: 10px;
	margin-left: 0.5em;
	text-align: center;
	background: url(/static/img/imagensdores/familiacostaesouza/casamento.jpg);
	background-repeat: no-repeat;
	background-position: -15px;
	}	
		
	
.foto2{ 
        position: relative;
        float: left;
	width: 17%;
	height:130px;
	padding: 0.5em;
	margin-top: 15px;
	margin-left: 0.625em;
	text-align: center;
	background: url(/static/img/imagensdores/familiacostaesouza/harrison.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
	
.foto3{
        position: relative;
        float: left;
	width: 17%;
	height:130px;
	padding: 0.5em;
	margin-top: 35px;
	margin-left: 0.625em;
	text-align: center;
	background: url(/static/img/imagensdores/familiacostaesouza/adalgisa.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}			
.foto4{
        position: relative;
        float: left;
	width: 17%;
	height:130px;
	padding: 0.5em;
	margin-top: 35px;
	margin-left: 0.625em;
	text-align: center;
	background: url(/static/img/imagensdores/familiacostaesouza/filomena.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
					
.foto5{
        position: relative;
        float: left;
	width: 17%;
	height:130px;
	padding: 0.5em;
	margin-top: 35px;
	margin-left: 0.625em;
	margin-bottom: 10px;
	text-align: center;
	background: url(/static/img/imagensdores/familiacostaesouza/moises.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}
.h4{
text-align: center;
}

h2, h4{
  color: #002088;
  text-align:center;
}

.nomes{
color: #282828;
font-size: 1.2em;
}
h3{
  color: #B00000;
}	

em{
  color: #B00000;
  font-size: 1.25em;
}

  li{
   /*list-style:none;*/
   padding-left: 0.95em;
   font-size: 1.125em;
  }
  
  p{
   text-align: justify;
   padding-left: 10px;
   padding-right: 0.625em;
   font-size: 1em;
  }
#footer{  
	margin-top:40px; 
	width: 90%; 
	height:	30px;
	text-align: center;
	clear: both;   
}