/*Documento css style_estrutura_html5.css*/
*{margin:0;
padding:0;
}

body{
     background-color: black;
}

#container{
	/*border: 10px solid #FFF;*/
	margin:30px auto;
	width: 50%;
	background: #F5F5DC; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
	}

#cabecalho{
    color: #585858;
	margin:0px auto 0px auto;
    width: 100%;
	height:70px; /*altura da div*/
	background: #CCC; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
	}

#corpo{
      margin: 1px;
	  padding-top:10px;
	  padding-bottom:20px;
}	
nav{
    margin:0px auto 0px auto;
    width: 20%;
	height: 250px; /*altura da div*/
	float:left;
	background: #6495ED; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
}	
section{
    margin:0px auto 0px auto;
    width: 63%;
	height: 250px; /*altura da div*/
	float:left;
	background: #FFFEEF; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
	margin-left: 0.5em;
}	

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, #cabecalho, #corpo,  section, .cabeçalho_artigo, .artigo, .rodape_artigo, .rodape_footer{
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
 

.cabeçalho_artigo{	
	margin:0px auto 0px auto;
    width: 95%;
	height: 50px; /*altura da div*/
	float:left;
	background: #FF7F50; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
	margin-left: 0.5em;
	margin-top:10px;
}	
	
.artigo{	
	margin:0px auto 0px auto;
    width: 95%;
	height: 130px; /*altura da div*/
	float:left;
	background: #E8E8E8; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
	margin-left: 0.5em;
	margin-top: 0.5em;
}		
		
.rodape_artigo{	
	margin:0px auto 0px auto;
    width: 95%;
	height: 30px; /*altura da div*/
	float:left;
	background: #FECECF; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
	margin: 0.5em;
}		
	
.rodape_footer{
    color: #585858;
	margin:0px auto 0px auto;
	/*margin-left:-110px;*/
    width: 100%;
	height:70px; /*altura da div*/
	background: #CCC; /*cor de fundo, mesmo usando as tabs, dá para trocar*/
	margin-top:280px;
	}