/*Documento CSS style_posicionamento_absoluto_continuacao.css*/
body{
margin: 0;     
padding: 0; 
background-attachment:fixed; 
background-image:url(/static/img/textura-escura1.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{
	   min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
 
#container{
	width:60%;
	/*height: 500px;*/
	 border: 1px dotted black;
	 padding:1.4em;
	 margin: 0 auto; /*centraliza a div*/
	 background-color: #F5F5DC;/*colocando background-color: ActiveBorder; aqui fica com a cor da janela ativa*/
	 }


h2{

   text-align: center;
   }

h3{
   border: 1px dotted black;
}      
h4{
   border: 1px dotted white;
}   
em{
   color: #008B8B;
   font-style: italic;
}

 li{
  font-size: 1em;
  margin: 60px;
 }

 p{
  font-size: 1em;
  border:1px dotted orange;
 }

#um{
   position: absolute;
   left:40%;
   top: 220px;/*aceita valor negativo*/
   padding:0.5em;
   margin-bottom:10px;
   background-color: #F8F8F8; /*#B0E0E6 PowderBlue*/
   font-size:1em;
	}

#dois{
   position: absolute;
   left:40%;
   top: 395px;/*aceita valor negativo*/
   padding:0.5em;
   background-color: orange;
   font-size:1em;
	}