/*Documento aula 17 XTI  style-CSS.css*/
body  {    
    margin: 0;     
	padding: 0;    
	background-attachment:fixed; 
	background-image:url(/static/img/textura-escura1.jpg);
	/*background-repeat: no-repeat;
	background-position: 5px;*/
	}  

 .header{
	width: 60%;
	margin: auto; /*centraliza a página*/
	border-top: 1px solid black;
	border-bottom:1px solid black;
	border-left: 0.5em solid #CDAA7D;
	border-right: 0.5em solid #CDAA7D;
	padding-bottom: 1em;
	background-color: #FFF;
	background-image:url(/static/img/css.jpg);
	background-repeat: no-repeat;
	background-position: left;/*usar center, para colocar a imagem no centro*/
}      
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
       #container, .header, #contents, #accordion, .p, .h2, .h4, .em, .a{
	  min-width: 240px;
	  width: 240px;
	 background-color: beige;
  }
}      
 #container{ /*div maior a que contém todos elementos*/ 
 border: 2px solid #FFF;
  margin:0 auto; 
  width: 70%;  
  /*height: 2900px;*/
  background-color: beige; /*colocando background-color: ActiveBorder; fica com a cor da janela ativa*/
}   
 #contents{/*conteúdo da página, do blog*/
	 border-left: 0.5em solid #CDAA7D;
        float: left;   
	width: 70%; 
	padding-left: 1em;
	padding-right: 1em;
	background-color: beige; 
}   
    
 /*#menu{ /*menu vertical esquerdo*/ 
 #accordion{ /*menu vertical esquerdo*/ 
     border-right: 0.5em solid #CDAA7D;
     margin-left: 5px;
     float: left;  
     width: 23%;
     height: inherit;
     background-color: beige; 
     margin-top: 1px;
}

 li{
   list-style: none;
    padding-right: 0.5em;	 
    }
    
 h1{
   text-align: center;
    
}

h2{
   color: #B00000; /*vermelho*/
   text-align: center;
    
}

/*início de específico de continuacao-css.html*/
 h6{
border: 1px dotted yellow;
background-image:url(/static/img/seletor.jpg);
background-repeat: no-repeat;
/*background-position: right;/*usar center, para colocar a imagem no centro*/
}
/*fim de específico de continuacao-CSS.html*/
 p{
    font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
    color: #2e2e2e; /*muda a cor da fonte para cinza escuro*/
    font-size: 1em;
    padding-left: 0.6em;
    text-align: justify;
 }

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

a{
text-decoration:none;/*remove toda decoração do link, sublinhados etc.*/
color:#484848;
}

 a:hover{
	color: #484848;/*a cor que era preta passou a ser cinza*/
	background-color: beige/*cor que aparece quando se clica o link*/

}		   
/*----------------------------------------------------------*/