/*Documento CSS style_familia_paiva.css*/

body  {    
    margin: 0;     
	padding: 0;  
	background-attachment: fixed; /*fixa o fundo*/
	background: beige; /*#DDD;*/
	background-image:url(/static/img/marrom.jpg);
	/*background-image:url(/static/img/textura-calcamento-paint.png);*/
	/*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) {
      #container, .foto1, .foto2, .foto3, .foto4, .foto5, .foto6,.foto7,.foto8, .h1, .li, .p, .img, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
	     
#container{
	border: 1em groove #EBD699;
	width: 56%;
	/*height:930px;*/
	padding: 0.5em;
	margin: 0 auto;
        background: #FAF5E6;
	}

.foto1{ 
	border: 0.1em solid #EBD699;
	position: relative;
	float: left;
	width: 30%;
	height: 240px;
	margin-top: 10px;
	margin-left: 1em;
	text-align: center;
	background: url(/static/img/imagensdores/familiapaivaecarn/toniquinhocarneiro.jpg);
	background-repeat: no-repeat;
	background-position: 0.1em;
	}	
			
.foto2{ 
	border: 0.1em solid #EBD699;
	position: relative;
	float: left;
	width: 15%;
	height:120px;
	margin-top: 10px;
	margin-left: 1.25em;
	}	
		
.foto3{
	border: 0.1em solid #EBD699;
	position: relative;
	float: left;
	width: 15%;
	height:120px;
	margin-top: 10px;
	margin-left: 1.25em;
	}				
.foto4{
	border: 0.1em solid #EBD699;
	position: relative;
	float: left;
	width: 15%;
	height:120px;
	margin-top: 10px;
	margin-left: 1.25em;
	}	
					
.foto5{
	border: 1px solid #EBD699;
	position: relative;
	float: left;
	width: 15%;
	height:120px;
	margin-top: 10px;
	margin-left: 1.25em;
	}
.foto6{
	border: 1px solid #EBD699;
	position: relative;
	float: left;
	width: 15%;
	height:120px;
	margin-top: 10px;
	margin-left: 1.25em;
	}
.foto7{
	border: 1px solid #EBD699;
	position: relative;
	float: left;
	width: 15%;
	height:120px;
	margin-top: 10px;
	margin-left: 1.25em;
	}
.foto8{
	border: 1px solid #EBD699;
	position: relative;
	float: left;
	width: 15%;
	height:120px;
	margin-top: 10px;
	margin-left: 1.25em;
	}	
	
  h1{
     text-align:center;
  }	
  
  h2{
     color: #002088;
     text-align:center;
     margin-top:350px;
  }

  h3{
   color: #B00000;
  }	
  
  em{
    color: #B00000;
   font-size: 1.25em;
  }
  
  li{
   padding-left: 1em;
   font-size: 1em;
  }
  
  p{
   text-align: justify;
   padding-left: 0.8em;
   padding-right: 0.8em;
   font-size: 1em;
  }
#footer{  
    /*border: 0.1em dotted #87CEEB; SteelBlue87CEEB*/  
    margin-top: 200px;/**/
    text-align: center;
}