/*Documento CSS style-seletores.css (aula04)*/
 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, .p, .em, .h1, .h2, .h3, .h4, .pre, .ul, .li, .a, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
#container{ /*Lembrete: digitar a cerquilha colada a palavra div. Se ficar espaço não funciona*/
	width: 55%;
	/*height: 60px; /*tirar a altura por causa do texto*/
	border:0.1em dotted black;
	margin: 0 auto; /*centraliza a div*/
	background-color: beige; /*colocando background-color: ActiveBorder; fica com a cor da janela ativa*/
	padding: 2em;/*afasta o texto da margem superior da div e não do browser*/	 
	}
  	
 h1{
font-family: "Comics Sans  MS"; /*fonte do cabeçalho Iniciando no Mundo Web*/
color: beige;
background-image:url(/static/img/seletor.jpg);
background-repeat: no-repeat;
background-position: center; /*posição da imagem*/
}

h2, h3{
font-family:"lucida grande", "lucinda sans", verdana, sans-serif;/*fonte genérica*/
 color:#000066;
}

h4{
 font-family:"lucida grande", "lucinda sans", verdana,sans-serif;/*fonte genérica*/
 color: orange;
 font-size: 1em;
}

.destaque, .detalhe, em{
color: #009933; /*verde*/
font-size: 1.3em;
font-weight: 600;
}

.detalhe{
     text-decoration: underline;
 }	

	 
 p{
/*text-align: center;*/
font-size: 1em;
}
pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

#footer{
        width: 100%;
	height: 80%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 2px;
	text-align: center;
}