/*Documento  style_estilizacao_links.css*/
 body  {    
    margin: 0;     
	padding: 0; 
	/*background-color: #8B8682;*/ 
	background-attachment:fixed; 
	background-image:url(/static/img/textura-escura1.jpg)
	/*background-repeat: no-repeat;
	background-position: 5px;*/
	}  
		 
 #container{ /*Lembrete: a cerquilha deve estar colada a palavra div. Se ficar espaço não funciona*/
	width: 55%; /*largura da div que o texto está dentro*/
	/*height: 60px; /*tirar a altura por causa do texto*/
	margin: 0 auto; /*centraliza a página*/
	border:1px dotted black; /*C0C0C0;*/  
	background-color: #F5F5CC;
	padding: 2em; /*desloca o texto da margem esquerda da div. Não do browser*/
	/*background-image:url(img/logo_css.jpg);
	background-repeat: no-repeat;
	background-position:5px;/*usar center, para colocar a imagem no centro*/
        font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
	font-size: 16px;/*tamanho em pixels*/ 
	/*color: #FFFFFF;/*muda a cor da fonte para branca*/
	 } 

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container,  .p, .h1, .h2, .h3, .pre, .ul, .li, .a{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
 
	 
p{
color: #2e2e2e;
}

h2{
    color:blue;
	 text-align: center;
 }

  h3{
	 text-align: center;
 }

span{
	 text-decoration: underline;
}

#em{
color: red; /*vermelho*/
}

em{
color: #009933; /*verde*/
}

a{
	text-decoration:none; /*remove toda decoração do link*/
	color:#000;
	background-color:#DDDDDD;/*cor de fundo do link*/
	border:1px solid black; /*cinza claro*/
	width:150px; /*largura do box do link*/
	height:26px; /*largura do box do link*/
	display:block;/*para conseguir aplicar uma largura em um elemnto inline, deve-se transformá-lo em bloco*/
	}
		
		
a[href^="http:"]{/*lembre-se sempre de colocar aspas duplas*/
	background:url(/static/img/http.jpg) no-repeat right center;
	padding-left: 15px; /* aumentando left */
	padding-bottom: 32px; /* aumentando bottom, o box do link aumenta para baixo*/
}

a[href^="mailto:"]{/*lembre-se sempre de colocar aspas duplas*/
	background:url(/static/img/desenho-d0-paint.jpg) left top;
	padding-left:15px;/*se o nº de pixes for baixo não aparece a imagem*/
	padding-right:1px;/*se o nº de pixes for baixo não aparece a imagem*/
	padding-bottom: 32px; /* aumentando o 4º número o box do link aumenta para baixo*/
}

a[href$=".zip"]{/*lembre-se sempre de colocar aspas duplas*/
	background:url(/static/img/ajax-loading.jpg) no-repeat right top;
	padding-left:15px;/*se o nº de pixes for baixo não aparece a imagem*/
	padding-right:1px;/*se o nº de pixes for baixo não aparece a imagem*/
	padding-bottom: 32px; /* aumentando o 4º número o box do link aumenta para baixo*/
}

a:hover{
	color:#DDDDDD;/*a cor que era preta passou a ser cinza*/
	   background-color:#000;/*a cor que era cinza passou a ser preta*/
	}

a.text:link{
	display:block;/*para conseguir aplicar uma largura em um elemnto inline, deve-se transformá-lo em bloco*/
	text-decoration: none;
}  

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*/
 
#footer{
       width: 100%;
	height: 80%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 2px;
	color:coral;
	text-align: center;
}