/*Documento CSS style_dores_da_vitoria_coluna_jefferson.css*/

body{
     background-attachment: fixed;
    /* background-image:url(/static/img/help-background.jpg);*/
	 background-image:url(/static/img/marrom.png);
     /*background-repeat: no-repeat;*/
}

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

#container{
	 border: 0.1em dotted white;
	 width: 65%;
	 height: 100%;
	 padding-left: 1em;
	 margin: 0 auto; 
	 background-color: #F5F5F5; /*white smoke*/
	 box-shadow: 0.1em 0.2em 0.1em 0.3em #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
  }

p{
   border:0.1em dotted #9370DB;/*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
   width: 90%;
   text-align: justify;
   font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
   font-size: 1em;
   color: #5F5F5F;
   background-color: #FFFFFF; /*cor de fundo*/
   padding: 0.8em; /*desloca o texto da margem esquerda da div. Não do browser*/
   margin-left: -80px;
 }	

table{
   bgcolor:white;
   cellpadding:1; 
   border:1px dotted #CCC;
   margin-left: -80px;
} 
   		


 h1{
    font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
    font-size: 3em;
    color: #181818;
    text-align: center;
    margin-top: -5px; /*movimenta o menu para cima*/
  }
 
 h2{
   color: #B00000;
   text-align:center;
 }

 h3, h4{
	color: #002059;
	text-align:center;
 }

 em{
     color: #B00000;
  }
  
   a{
   text-decoration:none; /*remove toda decoração do link*/
   color: #5F5F5F;
  }
  
 b{
     color: #B00000;
    }
.p{
 color: #CC9900;
}
	 
span{   
   width: 20%; /*aumenta ou diminui o bloco do texto, aqui --o colunista é um profissional ....*/
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:2px; /*muda o tamanho da fonte na palavra ou frase que foi escrita com o seletor <p>*/
   color: #000000;
}

 span:hover{
	text-transform: uppercase;/*transforma em maiúscula o texto escondido*/
	font-size: 0.8em;/*aumenta a letra desse mesmo texto*/
	width: 25%;
	padding:2px;
	color: black;
	background-color:yellow; /*cor de fundo*/
	}


#footer{  
	width: 60%;  
	height:	40px;
	clear: both; 
        padding-left: 20%;	 
	text-align: center;
	}