/*Documento CSS cararteres_encoding*/
 body  {    
    margin: 0;     
	padding: 0;    
	background-attachment:fixed; 
	background-image:url(/static/img/textura-escura2.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, .legend input, .optgroup, .option, .formulario, 
	.formulario1, .p, .h1, .h2, .h3, .pre, .ul, .li, .a, .cabecalho, .cabecalho_w3c{
	  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;
	padding: 1.6em;/*afasta o texto das margens da div container e não do browser*/	 	 
	background-color: beige; 
	/*border-radius: 8px; /*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*/
	}


 h1{
    text-align:center;
   }
	
/*h2:first-letter {
	font-family: "Comics Sans  MS";
	font-size: 80px;
	color:red;*/
    } 

h3{
text-align: center;
}
  
pre{
     font-family: Arial, "lucinda grande", "lucinda sans", verdana, sans-serif;
      font-size: 1em;
	  color: #585858;
  }	  

li{
 font-size: 1em;
 list-style:none;
}


 em{
    color:#B00000;
   }
   
 a{
    text-decoration:none;
   }
   
small{
 color: #585858;
}
   		
pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}
/*esse pedaço é específico de formularios-estilizaçãofffffffffffffffffffffffffffffffff*/
 
 .formulario{ /*Lembrete: cuidado ao digitar o ponto/cerquilha deve estar colado/a a palavra div. Se ficar espaço não funciona*/
width: 50%;
/*height: 1400px; /*tirar a altura por causa do texto*/
/*background-color: #C0C0C0; /*cinza claro -se colocar background-color: ActiveBorder; aqui fica com a cor da janela ativa*/
padding: 0.875em;/*afasta o texto da margem esquerda da div e não do browser*/	 
   } 
    
		
.formulario1{ /*Lembrete: cuidado ao digitar oa cerquilha deve estar colada a palavra div. Se ficar espaço não funciona*/
width: 40%;
/*height: 1400px; /*tirar a altura por causa do texto*/
/*border:1px dotted black;*/
margin: 0 auto; /*centraliza a página*/
/*background-color: #C0C0C0; /*cinza claro -se colocar background-color: ActiveBorder; aqui fica com a cor da janela ativa*/
padding:1em;/*afasta o texto da margem esquerda da div e não do browser*/	 
   }

/*esse pedaço é específic0 de formularios-estilizaçãoffffffffffffffffffffffffffffffffffff*/

/*esse pedaço é específic0 de tags.html ==============*/
.cabecalho_tags{
	width: 55%;
	height: 54px; /*tirar a altura por causa do texto*/	
	border:0.1em solid black;
	background-color:#CCCC33;
	border-right:0.5em solid black;
	border-left:0.5em solid black;
	padding-left:1em;
	padding-bottom:90px;
	margin: 0 auto; /*centraliza a div*/  
	background-color: beige; 
	background-image:url(/static/img/tag.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
        font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
	font-size: 2em;/*tamanho em pixels*/ 
	text-align: center;
	color: blue;
	}
/*esse pedaço é específico de tags.html ==============*/
.lista li, ul{
	list-style: circle

}

/*esse pedaço é específico de W#C-Versoes-HTML5.==============*/
.cabecalho_w3c{
        width: 55%;/*largura da div*/
	margin: 0 auto;/*centraliza a página*/
	border-top: 0.1em dotted black;
	/*border-bottom: 1px dotted black; /*1px solid black*/
	background-color: beige; 
	border-left: 0.5em solid black;
	border-right: 0.5em solid black;
	padding-left:1em;
	padding-bottom:120px;/*aumenta o espaçamento vertical*/
	background-image:url(/static/img/w3c.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
	text-align: center;
        color: blue;
	}


/*esse pedaço é específico de W#C-Versoes-HTML5.==============*/

/*início de específico de XHTML.html==============*/
.cabecalho_xhtml{
	margin: 0 auto;/*centraliza o cabeçalho*/
	width: 55%;
	height: 200px; /*tirar a altura por causa do texto*/	
	background-image:url(/static/img/download.jpg);
	padding-top:36px;
	background-repeat: no-repeat;
	background-position: left;/*movimenta a imagem para direita*/
	font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
	font-size: 2em;/*tamanho em pixels*/ 
	color: blue;
}
/*fim de específico de XHTML.html==============*/

/*início de específico tags.html==============*/
marquee{
color: #FF0000;
}
/*fim de específico tags.html==============*/	   
#footer{  
	width: 55%;  
	height:	36px;
	float: left;
	margin-left: 40%;
	margin-bottom: 55px;
 }