/*Documento CSS style_css_paginas.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{ /*Lembrete: cuidado ao digitar oa cerquilha deve estar colada a palavra div. Se ficar espaço não funciona*/
width: 57%;
height: 20%;
border:0.1em dotted black;
margin: 0 auto; /*centraliza a página*/
background-color: #F5F5DC;/* se colocar background-color: ActiveBorder; fica com a cor da janela ativa*/
font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
font-size: 12px;/*tamanho em pixels*/ 
padding-top: -8px;/*afasta o texto da margem superior da div e não do browser*/	 
padding-left:1.5em;/*afasta o texto da margem esquerda da div e não do browser*/	  
padding-right:1.5em;/*afasta o texto da margem direita da div e não do browser*/	 
padding-bottom: 1.5em;/*afasta o texto da margem direita da div e não do browser*/
/*box-shadow: 0.4em 0.6em 0.4em 0.4em  #F5F5DC; /*sombra ao redor da div*/
 }
 
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container,  #header, .background, .p, .em, .h1, .h2, .h3, .h4, .pre, .ul, .li, .a{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
  
#container{
	width: 55%;
	/*height:320px;*/
	border:0.1em dotted black;
	background-color: beige; /*#F5F5CC; /*ActiveBorder; /*aqui fica com a cor da janela ativa*/
	margin: 0 auto; /*centraliza a página*/
	padding-top:1.5em;
	padding-bottom:10px;/*aumenta o espaçamento vertical*/
	padding-left: 1.4em;
	padding-right: 1.4em;/*aumenta o espaçamento vertical*/
	/*box-shadow:8px 8px 8px 8px #8B4513;/*sombra ao redor da div*/
    }
	
.background{ 
	width: 40%;
	height: 60px;
	margin: 0 auto;
	border:0.1em dotted black;
	text-align: center;
	color: #002088;/*azul médio*/
	background-image:url(/static/img/plano-fundo.jpg);
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	}	
.background_imagem{
background-image:url("/static/img/css1.jpg");/*declarar uma imagem*/
height: 80px;
background-repeat:no-repeat;/*para não repetir uma imagem*/
background-position: 70%  85%;/*pode-se escolher entre left top, right top, top etc.*/
}
	 
em{
  color: #009933; /*verde*/
 font-size: 1em;
 font-weight: 600;
}
#em{
    color: #B00000; /*vermelho*/
    font-size: 18px;
  } 

p{
    color: #2e2e2e; /*cinza petróleo*/
  } 

p{ 
   /*text-transform:capitalize;/*a primeira letra do parágrafo em tamanho maior 
   text-transform: uppercase;/*todas as letra em maiúsculas
   text-transform: lowercase;/*todas as letra em minúsculas*/
   } 

/*=================================*/
 h1{
 color: #B00000; /*vermelho escuro*/
 font-family: Comics Sans MS;
 text-align: center;
 }

h2{
 color: #B00000; /*vermelho escuro*/
 font-family: Comics Sans MS;
 text-align: center;
 padding-top: 70px;/*aumentando o número o texto desce*/
 }
	 
 h3{
 color:#002059;/*muda a cor da fonte azul escuro*/
 font-family: Comics Sans MS;
 text-align: center;
 }



/*==================================*/	

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*/

/*daqui para baixo box-model==============================================================================*/
.imagem{ /*Lembrete: digitar a cerquilha colada a palavra div. Se ficar espaço não funciona*/
height: 166px;
background-image:url(/static/img/boxmodel.jpg);
background-repeat: no-repeat;
background-position: top; /*5px;/*usar center, para colocar a imagem no centro, right p/ direita*/

}

 p{
 font-size: 1em;
 text-align: justify;
 }	
 	
li{
    color:#383838;
    font-size: 1em;
 }
				 
/*daqui para baixo classesl==============================================================================*/				 
#palavra{
	 color: #800080; /*roxo-Purple em ingles*/
	 font-size: 1.6em;
    }	
	   				 
.letramaior:first-letter{
	font-size: 3em;
	color:#404040;
     } 	 
/*daqui para baixo estilização de fontes==================================================================*/	/*Documento CSS style_estilizacao_fontes.css*/


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