/*documento CSS style_mulheres_na_historia.css*/
body  {    
	margin: 0;     
	padding: 0;    
	background-attachment:fixed; 
	background:#000000 url(/static/img/rosa-amarela.jpg);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	}  

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .p, .h2{
	   min-width: 240px;
	   width: 240px;
	   /*background-color: aqua;*/
  }
}
 	
#container{
	position: relative;
	width: 55%;/*largura da div*/
	/*height:600px;/*altura da div*/
	border:1px dotted #000000;/*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	margin: 0 auto;/*centraliza a página*/
	background-color: white;
	padding:1.4em;/*afasta o texto da margem superior da div e não do browser*/	 
	/*background-color: #FFA500; /*cor de fundo
	border-radius: 8px; /*deixa a borda da caixa (div) arredondada
	-moz-border-radius:8px; /*deixa as bordas arredondadas
	-webkit-border-radius:8px;/*para que funcione em outros navegadores*/
	}

h2{
  color:#000;
  width: 50%;
  text-align: center;
  box-shadow: 0.3em  0.2em 0.2em 0.3em #CCCC33;/*o primeiro número é da sombra direita, o 2º é da parte debaixo,*/
}
h3{
 padding-left:1.4em;/*afasta o texto da margem superior da div e não do browser*/
}

em {
   color: #CC0099; /*roxo*/
   font-size: 1em; /*verde*/
}	

p{
 text-align: justify;/*alinhamento justificado. Ocupa todo o espaço em branco*/ 
 padding-left:1.4em;/*afasta o texto da margem superior da div e não do browser*/	 
 padding-right:1.4em;/*afasta o texto da margem superior da div e não do browser*/	 
}
#footer{  
	/*border: 1px solid #000;*/
	width: 55%;  
	height:	36px;
	float: left;
	margin-left: 40%;
	margin-bottom: 15px;
 }