/*Documento CSS style_wanderlei_historia.css*/

body  {    
    margin: 0;     
	padding: 0;    
	background-attachment: fixed; /*fixa o fundo*/
	background-image:url(/static/img/textura-feijao1.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) {
      #container, img{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
  
#container  { 
        width: 60%;
	height: 1000px;
	padding-top: 20px;
	padding-left:  1.25em;
	padding-right: 20px;
	margin: 20px auto;
        background: beige;
	background-repeat: repeat-y;
	/*background-position: center top;*/
	text-align: left;
         box-shadow: 0.1em 0.1em 0.5em 0.1em #000;/*o primeiro número é da sombra direita, o 2º é da parte debaixo,*/
	}

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

 h2{
     /*border: 1px dotted black;*/
     margin-top: 1px;/*Afasta das margens da div*/
     color: #002088;
     font-family: Andalus, "Challenge Extra Bold", "Arial", "lucinda sans", verdana, sans-serif;
     font-size: 3em;
     text-align:center;
 }	
	 
  li{
   margin-top: 70px;/*Afasta das margens da div*/
   padding-top: 20px;
   padding-left: 20px; 
   font-size: 22px;
    /*list-style:none;*/
  }
  
  p{
   
   padding-left: 20px;
   font-size: 16px;
  }
  
  em{
   color:red;
   font-size:  1.25em;
  }
 
#footer{  
	width: 55%;  
	height:	40px;
	clear: both; 
         padding-left: 1em;
	/*background: #B0C4DE; /*LightSteelBlue #B0C4DE*/ 
	 margin-left: 1em;
	}