/*Documento CSS  - style-documentario.css*/
  body{
     background-attachment: fixed;
     background-image:url(/static/img/marrom.png);
	/*background-repeat: no-repeat;*/
	background-position: 5px;; /*5px;/*usar center, para colocar a imagem no centro, right p/ direita*/
	} 

 @media screen and (max-width: 720px) {
  #container{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: red;*/
	 
  }
}
  
#container{
	position: relative;
	width: 60%;/*largura da div*/
	/*height:600px;/*altura da div*/
	border:1px solid #CCCC33; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	margin: 0 auto;/*centraliza a página*/
	padding:1.5em;/*afasta o texto da margem superior da div e não do browser*/	 
	/*box-shadow:5px 10px 10px 10px  #CCC; /*#8B4513;/*sombra ao redor da div*/
	background-color: #FFFFE0; /*cor de fundo*/
	box-shadow: 0.2em  0.2em  0.5em  0.2em #000000; /*5em representa o borrão*/
	border-radius: 0.5em; /*deixa a borda da caixa (div) arredondada*/
	-moz-border-radius: 0.5em; /*deixa as bordas arredondadas*/
	-webkit-border-radius: 0.5em;/*para que funcione em outros navegadores*/
	}

iframe{
display:block;
margin: 0 auto;
width: 50%;
height: 170px;
}
  p{
border: 1px dotted black;
width: 95%;
/*background: beige;*/
padding: 1em;
box-shadow: 0.1em  0.1em  0.1em  0.1em #000000; /*5em representa o borrão*/
text-align: justify;
 border-radius: 0.5em; /*deixa a borda da caixa (div) arredondada*/
-moz-border-radius: 0.5em; /*deixa as bordas arredondadas*/
-webkit-border-radius: 0.5em;/*para que funcione em outros navegadores*/
}

h2, h3{
	color:98B7BD;
	text-align: center;
	}
		   
li{
	color:red;
	float:left;
	width:150px;
	list-style:none; /*retira a marcação de lista. As bolinhas*/	
        }
	 
em {
       color: #B00000; /*verde*/
       font-size: 24px;
	}
	
#footer{
       float: left;
	margin-left: 30%;
	width: 100%; 
	height:	80px; 
	padding-top: 0.5em;
	}