/*Documento CSS style_imagens_familia_marani_martins.css*/
body  {    
       margin: 0;     
       padding: 0;    
       background: beige;/**/
     } 
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      .foto1, .foto2, .foto5, .foto24,#footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	

.f1 {
     /*border: 2px dotted black;*/
	position: relative;
	width: 35%;
	height:340px;
	float: left;  
	margin-left: 0.625;
	background-image:url(/static/img/imagensdores/familiadelcidio/casadelcidioantiga.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:1;
}	

.f2 {
      border: 2px dotted black;
	position: relative;
	width: 35%;
	height:340px;
	float: left;  
	margin-left: 0.5em;/*separa uma imagem da outra*/
        background-image:url(/static/img/imagensdores/familiadelcidio/ritaeamigas.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:2;

	}	

.f3{
	border: 2px dotted black;
	position: relative;
	width: 210px;
	height:160px;
	float: left; 
	margin-left: 0.5em;
	margin-top: 10px;/*separa uma imagem da outra no topo*/
        background-image:url(/static/img/imagensdores/familiadelcidio/djanirasitio.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:3;

} 

.f4{ 
	border: 2px dotted black;
	position: relative;
	width: 210px;
	height:160px;
	float: left; 
	margin-left: 0.5em;
	margin-top: 10px;/*separa uma imagem da outra no topo*/
	background-image:url(/static/img/imagensdores/familiadelcidio/familiamarani.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: center;
	z-index:4;
}      
.f5{
	/*border: 2px dotted black;*/
	position: relative;
	width: 210px;
	height:160px;
	float: left; 
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/antoniomarani.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:5;

} 
.f6{
	/*border: 2px dotted black;*/
	position: relative;
	width: 180px;
	height:160px;
	float: left;
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/sianinha.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:6;

} 

.f7{
	/*border: 2px dotted black;*/
	position: relative;
	width: 105px;
	height:160px;
	float: left;
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/josegaboli.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:7;

}
.f8{
	/*border: 2px dotted black;*/
	position: relative;
	width: 150px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/anjoi.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:8;

} 
.f9{
	/*border: 2px dotted black;*/
	position: relative;
	width: 110px;
	height:160px;
	float: left; 
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/mulher.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:9;

} 

.f10{
	/*border: 2px dotted black;*/
	position: relative;
	width: 210px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/goretifilomena.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:10;

}
.f11{
	/*border: 2px dotted black;*/
	position: relative;
	width: 160px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/mariamarani.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:11;

}

.f12{
	/*border: 2px dotted black;*/
	position: relative;
	width: 160px;
	height:160px;
	float: left; 
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/casal.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:12;
} 

.f13{
	/*border: 2px dotted black;*/
	position: relative;
	width: 210px;
	height:160px;
	float: left;
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/meninas.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:13;
} 

.f14{
	/*border: 2px dotted black;*/
	position: relative;
	width: 160px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/duasmulheresehomem.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:14;
} 

.f15{
	/*border: 2px dotted black;*/
	position: relative;
	width: 170px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/geraldocamilo.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:15;
}

.f16{
	/*border: 2px dotted black;*/
	position: relative;
	width: 210px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/variaspessoasi.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:16;
}

.f17{
	/*border: 2px dotted black;*/
	position: relative;
	width: 230px;
	height:160px;
	float: left; 
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/delcidio.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:17;
} 

.f18{
	/*border: 2px dotted black;*/
	position: relative;
	width: 210px;
	height:160px;
	float: left; 
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 20px;
	background-image:url(/static/img/imagensdores/familiadelcidio/castiviliaemaria.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:18;
} 

.f19{
	/*border: 2px dotted black;*/
	position: relative;
	width: 210px;
	height:160px;
	float: left; 
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 20px;
	background-image:url(/static/img/imagensdores/familiadelcidio/dmaria.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:19;
}

.f20{
	/*border: 2px dotted black;*/
	position: relative;
	width: 220px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 20px;
	background-image:url(/static/img/imagensdores/familiadelcidio/caminhao.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:20;
} 

.f21{
	/*border: 2px dotted black;*/
	position: relative;
	width: 220px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 20px;
	background-image:url(/static/img/imagensdores/familiadelcidio/lavandoroupa.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:21;
} 

.f22{
	/*border: 2px dotted black;*/
	position: relative;
	width: 210px;
	height:160px;
	float: left; 
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/mulheresduas.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:22;
} 

.f23{
	/*border: 2px dotted black;*/
	position: relative;
	width: 110px;
	height:160px;
	float: left;  
	margin-top: 10px;/*separa uma imagem da outra*/
	margin-left: 10px;
	background-image:url(/static/img/imagensdores/familiadelcidio/toninhomarani.jpg);
	background-repeat: no-repeat;
	background-position:5px;
	text-align: center;
	z-index:23;
} 


.f24{
	/*border: 2px dotted black;*/
	position: relative;
	margin-left: 5px;/*separa uma imagem da outra*/
	width: 35%;
	height:340px;
	float: left;   
	background-image:url(/static/img/imagensdores/familiadelcidio/bodasdeouro.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;	
	z-index:24;
} 

h1{
text-align: center;
}

h2{
text-align: center;
}

li{
text-align: center;
list-style: none;
}

#footer{  
	margin-top:400px; 
	width: 90%; 
	height:	30px;
	text-align: center;
	clear: both;   
}