/*Documento CSS  style_sinopses.css*/
body{
     background-attachment: fixed;
     background-image:url(/static/img/livros.jpg);
     /*background-repeat: no-repeat;*/
}

.menu{

position:fixed;
margin: -10px auto;
background: #181818;
text-align: center;
border-radius: 5px;
}
.menu > a{
display: inline-block;
padding: 15px;
color: beige;
}

nav .selecionado{
    background-color: #FFF;
    margin-left: 0.5em;
    color: orangered;
    /*line-height: 1em;
    margin-top: 0.5em;*/
    margin-left: 0;
    border-bottom: 1px solid darkred;
}


 /*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .h1, .h2, .h3, .ul, .li, .p, pre, #sortable, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
#container{
	width: 60%;/*largura da div*/
	border: 1px dotted #000000;/*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	margin: 0 auto;/*centraliza a página*/
	border: 1px dotted black;
	padding: 2em;/*afasta o texto da margem superior da div e não do browser*/	   
	background-color: beige; /*cor de fundo
	border-radius: 8px; /*deixa a borda da caixa (div) arredondada
	-moz-border-radius:8px; /*deixa as bordas arredondadas
	-webkit-border-radius:8px;/*para que funcione em outros navegadores*/
	}
p{
text-align: justify;
}
.p{
   background-color: yellow;/**/
  }	

em {
color: #009933; /*verde*/
}	

h2, h3{
text-align: center; 
}

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

pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

#footer{
	/*border: 1px solid red;*/
	width: 95%; 
	height:	12%; 
	padding: 0.5em;
	margin-top: 10px;
	text-align: center;
	/*box-shadow: 4px 8px 1px 10px #181818; /*o primeiro número é da sombra direita, o 2º é da parte debaixo,*/
 }