/*Documento CSS  style_livros.css*/
body{
     background-attachment: fixed;
     background-image:url(/static/img/livros.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, .menu, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	

#container{
	width: 60%;/*largura da div*/
	height: 98%;
	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*/
	}

.menu{
	margin-top: 80px; /*desloca do top*/
	margin-left:-10px; /*desloca tudo para a esquerda*/
	border: 0.625em solid :#A0522D;/*linha que envolve todas as letras*/
	float: left; /*se tirar float a borda não envolve as letras*/
	}

.menu li{
	position: relative;
	float:left;
	border:1px solid #000000;/* borda de quadrinhos que separa as letras*/
	margin-left: 0.625em; /*separa os quadrinhos um do outro*/
	margin-bottom: 10px; /*separa os quadrinhos um do outro embaixo*/
	padding-left: 1em;/*aumenta o espaço entre a palavra e a borda do menu*/
	padding-right: 1em;/*aqui tem que ser igual, para que a palavra fique centralizada*/
	background-color: #FFFFE0; /*Fundo do menu que aparece*/
	height:28px;/*aumenta o menu na vertical*/
	line-height:38px;/*centraliza as letras do menu*/
	list-style: none; /*tira as bolinhas*/
   }
 .menu a:hover {
	background-color: red;
	color:#FFFFFF; /*cor da fonte do submenu*/
	 padding-left: 0.7em;
	 padding-right: 0.7em;
}
.menu li a {
	font-family:Tahoma;
	font-size: 1em;/*aumenta a fonte do menu*/
	color:#A0522D; /*cor da fonte do menu*/
	text-decoration:none;
    }
 .menu li ul {
	position:absolute;
	top: 2em;/*diminui o espaço entre o topo do menu e do submenu*/
	display:none;
   }

.menu li ul li {
	border:1px solid #DEB887;
	display:block;
	width: 50%; /*aumenta a largura do bloco do submenu, espaço vermelho*/
	height: 25px;
	line-height:15px;/*Centraliza verticalmente*/
	clear: both;
   }

  em {
       color: #009933; /*verde*/
       }
.p{
color:#CC9900;
text-align: justify;
}

h2{
text-align: center; 
}

table caption{
width: 100%;
height:40px;
background-color: #FFCC66;
font-size: 1em;
text-align: center;
}

tr th{
border: 1px dotted black;
width:50%;
height: 15%;
padding: 0.5em;
background-color: #F8F8F8;
}

 #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 1º nº é da sombra direita, o 2º é da parte debaixo,*/
}