/*Documento CSS style_imagens_melhor_idade.css*/
/*{border: 2px solid blue;} deixa borda geral*/
body  {    
	margin: 0;     
	padding: 0;    
	background-image:url(/static/img/imagensdores/pixel-ferradura.jpg);
	} 
@media screen and (max-width: 720px) {
          .f1, .f2, .f3, .f4, .f5, .f6, .f7, .f8, .f9, .f10{
		   min-width: 240px;
		   width: 240px;
		  /*background-color: aqua;*/
		  }
		}	
	
span.destaque {
	border: 0.1em dotted black;
	float: left;
	width: 100%;
	margin-top: 280px;
	padding-left: 0.4em;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #F9F9FF;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;

	}		 
		 
.paginas{
	border: 0.1em dotted red;
	position: relative;
	float: left;
	width: 20%;
	height:2%;
	margin: 10px auto;/*separa um número do outro*/
	margin-left: 40%;/*ajuda a centralizar*/
	padding: 0.5em;
	color: #990000;
	font-size: 1em;
	font-style: italic;
	list-style: none;
	text-align: center;
	background-color: #A9C671;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	/*border-radius:12px;*/
	}

.paginas:hover{
	font-size: 1em;
	font-style: italic;
	background-color: beige;
	}	

.f1{ 
border: 0.1em dotted black;
position: relative;
float: left;
width: 21%;
height:300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/ 
background-image:url(/static/img/imagensdores/melhoridade/jose-rosa.jpg);
background-repeat: no-repeat;
text-align: center;
z-index:1;
}

.f2 {
border: 0.1em dotted black;
position: relative;
float: left;   
width: 30%;
height: 300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/ 
background-image:url(/static/img/imagensdores/melhoridade/dona-nercina.jpg);
background-repeat: no-repeat;
text-align: center;
z-index:2;
}	

.f3 {
border: 0.1em dotted black;
position: relative;
float: left;   
width: 25%;
height: 300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/ 
background-image:url(/static/img/imagensdores/melhoridade/joao-paulo.jpg);
background-repeat: no-repeat;
background-position: 5px;
text-align: center;
z-index:3;
}
.f4 {
border: 0.1em dotted black;
position: relative;
float: left;   
width: 30%;
height: 300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/ 
background-image:url(/static/img/imagensdores/melhoridade/terezinha-sana.jpg);
background-repeat: no-repeat;
background-position: 5px;
text-align: center;
z-index:4;
}
.f5 {
border: 0.1em dotted black;
position: relative;
float: left; 
width: 23%;
height: 300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/
background-image:url(/static/img/imagensdores/melhoridade/jose-mauricio.jpg);
background-repeat: no-repeat;
text-align: center;
z-index:5;
}
.f6 {
border: 0.1em dotted black;
position: relative;
float: left; 
width: 21%;
height: 300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/
background-image:url(/static/img/imagensdores/melhoridade/dona-elza.jpg);
background-repeat: no-repeat;
text-align: center;
z-index:6;
}
.f7{
border: 0.1em dotted black;
position: relative;
float: left; 
width: 24%;
height: 300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/
background-image:url(/static/img/imagensdores/melhoridade/dona-norica.jpg);
background-repeat: no-repeat;
text-align: center;
z-index:7;
}
.f8{
border: 0.1em dotted black;
position: relative;
float: left; 
width: 25%;
height: 300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/
background-image:url(/static/img/imagensdores/melhoridade/dona-nila.jpg);
background-repeat: no-repeat;
text-align: center;
z-index:8;
}
.f9{
border: 0.1em dotted black;
position: relative;
float: left; 
width: 25%;
height: 300px;
margin-top: 60px;/*separa uma imagem da outra*/
margin-left: 5%;/*separa uma imagem da outra*/
background-image:url(/static/img/imagensdores/melhoridade/helio-antunes.jpg);
background-repeat: no-repeat;
text-align: center;
z-index:9;
}


a{
text-decoration:none;
}	

h1, h2{
text-align: center;
}

#footer{  
	width: 90%; 
	text-align: center;
	clear: both;   
}