/*Documento CSS style_museu_maria_fernandes.css*/

body  {    
    margin: 0;     
	padding: 0;  
	background-attachment: fixed; /*fixa o fundo*/
	//background: beige; /*#DDD;*/
	background-image:url(/static/img/textura-tijolos.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) {
paginas, .a, img,
        #container, .f1, .f2, .f3, .f4, .f5, .f55, .f6, .f7, .f8, .f9, .f10, .f11, .f12, .f13, .f14, .f15, .f16,
	.f17, .f18, .f19, .f20, .f21, .f22, .f23, .f24, .f25, .f26, .f27, .f28, .f29, .f30, .a, img{
	
		   min-width: 240px;
		   width: 240px;
		  /*background-color: aqua;*/
		  }
		}	
	     
#container{
	border: 1em groove  #EBD699;
	width: 75%;
	height: 2600px;
	padding: 0.625em;
	margin: 0 auto;
        background: #FAF5E6;
	}
		
.f1{
	border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background: url(/static/img/rosas.jpg);
	background-repeat: no-repeat;
	}	
		
	
.f2{ 
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/moinho-cafe.jpg);
	background-repeat: no-repeat;
	}	
		
.f3{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/pilao.jpg);
	background-repeat: no-repeat;
	}			
.f4{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-ferro-passar.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
					
.f5{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-maquina-costura.jpg);
	background-repeat: no-repeat;
	}	
	
.f55{
	border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-balanca-antiga.jpg);
	background-repeat: no-repeat;
	}
	

					
.f6{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-maq-costura-pedal.jpg);
	background-repeat: no-repeat;
	}	
							
.f7{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-forno-barro.jpg);
	background-repeat: no-repeat;
	}	
							
.f8{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-escritura-escravo.jpg);
	background-repeat: no-repeat;
	}	
							
.f9{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-carro-boi.jpg);
	background-repeat: no-repeat;
	}							
.f10{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-torrador-cafe.jpg);
	background-repeat: no-repeat;
	}

.f11{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-pilao.gif);
	background-repeat: no-repeat;
	}	
.f12{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-peneira.jpg);
	background-repeat: no-repeat;
	}		
.f13{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-balaio.jpg);
	background-repeat: no-repeat;
	}
.f14{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-fogao.jpg);
	background-repeat: no-repeat;
	}
.f15{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-relogio.jpg);
	background-repeat: no-repeat;
	}
		
.f16{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-maquina-escrever.jpg);
	background-repeat: no-repeat;
	}
.f17{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-armario.jpg);
	background-repeat: no-repeat;
	}
.f18{
       border: 0.1em dotted  #000;
        position: relative;
        float: left;
	width: 40%;
	height: 480px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/imagensdores/museu/docsaovicentepaula.jpg);
	background-repeat: no-repeat;
	}
.f19{
	border: 0.1em dotted  #000;
        position: relative;
        float: left;
	width: 40%;
	height: 480px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/termoaulas.jpg);
	background-repeat: no-repeat;
	}
.f20{
	border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 8%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/santafilomena.jpg);
	background-repeat: no-repeat;
	}
.f21{
       border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 10%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-balanca-antiga.jpg);
	background-repeat: no-repeat;
	}		
	
.f22{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 14%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-porta-vasos.jpg);
	background-repeat: no-repeat;
	}
	
.f23{
	border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 28%;
	height: 145px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/casarao2.jpg);
	background-repeat: no-repeat;  
	}
	
.f24{
        border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 50%;
	height: 180px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/dores-casarao2.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
	
		
.f25{
	border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 72%;
	height:320px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/imagensdores/notapromissoria.jpg);
	background-repeat: no-repeat;
	}
		
.f26{
	border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 22%;
	height:320px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/imagensdores/museu/relogio.jpg);
	background-repeat: no-repeat;
	}
		
.f27{
	border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 22%;
	height:320px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/imagensdores/museu/crucifixolelei.jpg);
	background-repeat: no-repeat;
	
	}
		
.f28{
	border: 0.1em dotted  #000;
        position: relative;
        float: left;
	width: 70%;
	height:320px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/imagensdores/museu/caligrafiafilgueira.jpg);
	background-repeat: no-repeat;
	}
		
.f29{
	border: 0.1em dotted  #EBD699;
        position: relative;
        float: left;
	width: 25%;
	height:320px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/imagensdores/museu/esculturamadeiralelei.jpg);
	background-repeat: no-repeat;
	}

  .f30{
	border: 0.1em dotted  #000;
        position: relative;
        float: left;
	width: 34%;
	height: 280px;
	margin-top: 10px;
	margin-left: 0.5em;
	padding: 0.5em;
	text-align: center;
	background-image:url(/static/img/imagensdores/museu/carteira-motorista.jpg);
	background-repeat: no-repeat;
	}

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


  h1{
    text-align:center;
  }	
  
  em{
    color: #B00000;
    font-size: 24px;
  }
  
  li{
   /*list-style:none;*/
   padding-left: 15px;
   font-size: 22px;
  }
  
  p{
   text-align: justify;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 20px;
  }

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