/*Documento CSS style_curiosidades.css*/
 body{
background-attachment: fixed;
background-image:url(/static/img/textura-marron1.jpg);
/*background-repeat: no-repeat;*/
background-position: 5px;
}
	
@media screen and (max-width: 720px) {
  #container, h1, h2, h3, pre, p, a{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: red;*/
	 
  }
}
 
#container{
	position: relative;
	width: 55%;/*largura da div*/
	/*height:600px; altura da div*/
	border:0.1em solid #CCCC33; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	margin: 0 auto; /*centraliza a página*/
	background-color: #F0F0F0; /*cor de fundo*/
	padding: 2em;/*afasta o texto das margens da div e não do browser*/	 
}

iframe{
display:block;
margin: 0 auto;
width: 50%;
height: 170px;
}

img{
border: 1px solid #000;
width: 30%;
margin-left: 30%;
}

em{
color: #009933; /*verde*/
}
		
h1{
     color: #8B0A50;
     text-align: center;
    }
	
h2{
	color: #8B0A50;
	text-align: center;
	text-shadow: 0.5em 0.5em 0.1em #CCC; /*sombreamento para as fontes do site*/
   }

h3{
text-align: center;
}
 p{
 text-align: justify;
 }		
   		
pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

#footer{ 
float: left;
width: 60%;;  
height:	40px;
margin-left: 30%;
margin-bottom: 10px;/*desloca o rodapé dentro da div container, 5px o deixa colado a parte de baixo*/
}