/*Documento CSS style_eventos_avancados.css*/

body{
     background-attachment: fixed;
     background-image:url(/static/img/textura-escura2.jpg);
     /*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, .h2, .h3, .li, .p, #msg{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	

#container{
	 width:60%;
	 border: 1px dotted white;
	 padding: 2em;
	 margin: 0 auto; 
	 background-color: #8FBC8F; /*verde*/
	 box-shadow: 0.1em 0.2em 0.1em 0.3em #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
  }
  
 /*.destaque{
  border: 3px dotted white;
 }*/
 
 p{
  font-size: 1em; 
 }
 
 span:hover{
  background:black; 
  color: beige;
  
  }
  
 span{
  width: 300px;
  height: 20px;
  padding:50px;
  border: 4px solid black;
  font-size: 16px; 
  color: black;
  font-family:"lucinda grande", "lucinda sans", verdana, sans-serif;
  background-color: beige; /**/
  margin-left: 450px;
  margin-bottom: -150px;
  }
#msg{
     width: 30%;
     height: 30px;
     padding: 0.5em;
     border: 0.3em dotted black;
     font: 1em verdana;
     background-color: #CCC; /*cinza*/
     margin-top: 10px;/*afasta do topo*/
 }


 li{
  font-size:1em;
  color: #002059; 
}

 p{

   text-align: justify;
 }
 
 h2{
   color: #002059;
   text-align:center;
 }

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