/*Documento CSS style_familia_pinto.css*/

body  {    
       margin: 0;     
	padding: 0;  
	background-attachment: fixed; /*fixa o fundo*/
	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, .foto6, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
	     
#container {
	border: 1em groove  #EBD699;
	width: 55%;
	/*height:930px;*/
	padding: 10px;
	margin: 0 auto;
        background: #FAF5E6;
	}	
	
.foto1{ 
	border: 0.1em solid #EBD699;
	position: relative;
	float: left;
	width: 17%;
	height:150px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img//imagensdores/fotoprofessores/profdionisia.jpg);
	background-repeat: no-repeat;
	}	
		
.foto2{
	border: 0.1em solid #EBD699;
	position: relative;
	float: left;
	width: 17%;
	height:150px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	/*background-image:url(/static/img//imagensdores/fotoprofessores/profdionisia.jpg);*/
	}			
.foto3{
	border: 0.1em solid #EBD699;
	position: relative;
	float: left;
	width: 17%;
	height:150px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	/*background-image:url(/static/img//imagensdores/fotoprofessores/profdionisia.jpg);*/
	}	
					
.foto4{
	border: 0.1em solid #EBD699;
	position: relative;
	float: left;
	width: 17%;
	height:150px;
	margin-top: 10px;
	margin-left: 1.25em;
	text-align: center;
	/*background-image:url(/static/img//imagensdores/fotoprofessores/profdionisia.jpg);*/
	}	
	
   h2, h4{
	color: #002088;
	text-align:center;
  }

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

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