/*Documento CSS Aula 14 texto_espacamento_alinhamento.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, .p, .h5, .h6{
	   min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
 
#container{
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*/
/*border-top:4px dotted black;*/
padding:1.4em;/*afasta o texto da margem superior da div e não do browser*/	   
background-color: #F5F5DC;/* se colocar background-color: ActiveBorder; aqui fica com a cor da janela ativa*/
border-radius: 0.5em; /*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*/
}


.p{
letter-spacing: 0.95em; /*espaçamento entre as letras*/
word-spacing: 1.25em; /*espaçamento entre as palavras. Pode-se fazer espaçamentos negativos,
as palavras ficam amontoadas umas sobre as outras*/
line-height: 30px; /*espaçamento entre as linhas do texto. Não aceita valores negativos.*/
font-size: 1.25em;
text-align: left; /*alinhamento ao centro, pode ser left ou right*/
/*text-align: justify; /*alinhamento justificado. Ocupa todo o espaço em branco*/
/*text-indent: 3em; /*altera a indentação do parágrafo. Pode ser um valor negativo*/
}

span{
vertical-align:sub; /*pode-se usar também, vertical-align:text-bottom;*/
}

p{
 font-size: 1em;
 }
 
li{
 color: #B00000;
 font-size: 1.5em;
 }
 
 em{
vertical-align:sub; /*pode-se usar também, vertical-align:text-bottom;*/
color: #009933; /*verde*/
}

h2{
  text-align: center;
  color: #002088;
}

h3{
 text-decoration: line-through;
} 

h4{
 text-transform: uppercase; /*todos os caracteres em caixa alta ou lowercase todos em caixa baixa*/
}

h5{
word-spacing: -20px;/*espaçamento negativo entre as palavras*/
color: #DAA520;/*goldenrod 218 165 32 #DAA520 */
font-family: "Segoe Print", Arial, "Comic Sans MS", Helvética, sans-serif;
font-size: 1.5em;
} 
h6{
word-spacing: -100px;/*espaçamento negativo entre as palavras*/
color: #FF34B3;/*Maroon1 255 52 17*/
font-family: "Segoe Print", Arial, "Comic Sans MS", Helvética, sans-serif;
font-size: 1.5em;
} 

footer{  
	width: 55%;  
	height:	36px;
	float: left;
	margin-left: 20%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/  
 }