/*Documento CSS aula-24 style_posicionamento_fluxo_normal.css*/      
body{
  margin: 0;     
  padding: 0; 
  /*background-color: #8B8682;*/ 
  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, .menu, .p, .footer{
	   min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
#container {
	border-top:1px dotted black;
	width:55%;
	margin: 0 auto;/*centraliza a página*/
	background-color: #F5F5DC;/*colocando background-color: ActiveBorder; aqui fica com a cor da janela ativa*/
	padding:1.5em;/*afasta o texto da margem esquerda da div e não do browser*/	 	 
	}
 h2{
   font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
   text-align: center;/*alinhamento ao centro, pode ser left ou right*/
   color: #002059;
}

h3{
 border:1px solid #990000;
font-size: 1.4em;
color: #EF971D;
}

h4{
    border:1px solid #990000;
   font-size: 1.4em;
    color: #006400; /*verde escuro*/
  }

h5{
   border: 0.2em solid #990000;/*Red*/
   font-size: 1.4em;
   color: #5F9EA0;/*CadetBlue*/
   position: absolute;
   font-style:italic; 
  }	

em{
   border:2px solid #990000;
   font-size: 1.4em;
   color: #006400; /*verde escuro*/
   background-color: #FFFFE0; /*LightYellow*/
  }

p{
   font-size: 1.4em;
   text-indent: 1.25em;
  }	

 b{
   border:1px solid orange; 
 }

li{
margin: 1em; /*separa um box de menu do outro*/
color:#990000;/*vermelho escuro*/
font-size: 1.4em;
font-style:italic; 
float:left;
width:80px;
list-style:none; /*retira a marcação de lista. As bolinhas*/
border:2px dotted black;
padding-left: 1.8em; /*centraliza o texto dentro do box*/
}

 span{
   border:1px solid black;
   position: relative;
   font-size: 1.4em;
   color:orange;/*laranja*/
   left:1em;
   top:14px;
}

#pal{
font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
text-align: center;/*alinhamento ao centro, pode ser left ou right*/
color: #002059;
}