/*Documento CSS style_efeitos_slide.css*/

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

#container{
	 width:60%;
	 border: 1px dotted white;
	 padding: 1.8em;
	 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*/
  }
 
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container{
	   min-width: 240px;
	   width: 240px;
	   background-color: white;
  }
}
 
 p{
  font-size: 1em; 
  text-align: justify;
 }
 

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

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

 h3{
    color: #B00000; 
  }
    
 em{
      color: #B00000;
  }

small{
    color: #002059;
}
pre, p, ul, li{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}
   
#footer{  
	width: 55%;  
	height:	36px;
	margin-left: 20%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/  
 }