/*Documento CSS style_efeitos_basicos_exemplo.css*/

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


 /*.destaque{
  border: 3px dotted white;
 }*/
 
 span:hover{
  background:black; 
  color: beige;
  
  }
  
 span{
  width: 14%;
  float: left;
  padding:10px;
  border: 1px solid black;
  font-size: 16px; 
  color: black;
  text-align:center;
  font-family:"lucinda grande", "lucinda sans", verdana, sans-serif;
  background-color: beige; /**/
  margin-left: 20px;
  margin-bottom: 5px;
  }
 
#msg{
     width: 45%;
     padding:11px;
     border: 3px dotted black;
     /*font:20px verdana;*/
     background-color: Honeydew; /*azul clarinho*/
     margin-top: 10px;/*afasta do topo*/
     margin-left: 20px;
     text-align: justify;
 }
 
p{
     width: 50%;
     padding:0.5em;
     /*font:20px verdana;*/
     background-color: yellow; 
     margin: 130px 70px 110px;/*afasta do topo*/
     /*margin-left: 70px;*/
     text-align: justify;
  } 
h3{
   color:#B00000;
  text-align: center;
  }
  
 em{
   color:#B00000;
  }

#footer{  
	width: 55%;  
	height:	36px;
	margin-left: 20%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/  
 }