/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#books { display: block; position: relative; width: 100%; min-height: 100%; padding: 0; margin: 0 auto; font-size: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* navegador */

div#books div.navigator { display: block; position: relative; width: 100%; margin: 35px 0 0 0; font-size: 0; }
	div#books div.navigator div.category { display: inline-block; position: relative; margin: 0 20px 0 0; background-color: #C3986B; padding: 0 10px; width: 80px; vertical-align: middle; }
		div#books div.navigator div.category p { display: inline-block; position: relative; font-size: 16px; line-height: 35px; color: #ffffff; vertical-align: middle; }
		div#books div.navigator div.category span.arrow { display: inline-block; position: relative; width: 16px; height: 10px; background: transparent url(../src/img/books_arrow.png) no-repeat center center; background-size: cover; vertical-align: middle; margin: 0 0 0 10px; }
		div#books div.navigator div.category div.block { display: none; position: absolute; top: 10px; left: 10px; z-index: 50; background-color: #ffffff; border: 2px solid #231f20; padding: 10px 20px; }
		div#books div.navigator div.category:hover div.block { display: block; }
			div#books div.navigator div.category div.block a { display: block; position: relative; width: auto; font-size: 16px; line-height: 25px; text-decoration: none; white-space: nowrap; }
			div#books div.navigator div.category div.block a.selected,
			div#books div.navigator div.category div.block a:hover { color: #C3986B; }
	div#books div.navigator div.order { display: inline-block; position: relative; margin: 0 20px 0 0; background-color: #C3986B; padding: 0 10px; width: 130px; vertical-align: middle; }
		div#books div.navigator div.order p { display: inline-block; position: relative; font-size: 16px; line-height: 35px; color: #ffffff; vertical-align: middle; }
		div#books div.navigator div.order span.arrow { display: inline-block; position: relative; width: 16px; height: 10px; background: transparent url(../src/img/books_arrow.png) no-repeat center center; background-size: cover; vertical-align: middle; margin: 0 0 0 10px; }
		div#books div.navigator div.order div.block { display: none; position: absolute; top: 10px; left: 10px; z-index: 50; background-color: #ffffff; border: 2px solid #231f20; padding: 10px 20px; }
		div#books div.navigator div.order:hover div.block { display: block; }
			div#books div.navigator div.order div.block a { display: block; position: relative; width: auto; font-size: 16px; line-height: 25px; text-decoration: none; white-space: nowrap; }
			div#books div.navigator div.order div.block a.selected,
			div#books div.navigator div.order div.block a:hover { color: #C3986B; }
	div#books div.navigator div.name { display: inline-block; position: relative; margin: 0; background-color: #E1CDB4; width: 1440px; padding: 0 10px; vertical-align: middle; }
		div#books div.navigator div.name p { display: inline-block; position: relative; font-size: 16px; line-height: 35px; vertical-align: middle; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* livros */

div#books div.books { display: block; position: relative; width: 1600px; margin: 75px auto 0 auto; }
	div#books div.books a.book { display: inline-block; position: relative; width: 240px; margin: 0 100px 50px 0; text-align: center; text-decoration: none; vertical-align: top; }
	div#books div.books a.book:nth-child(5n) { margin: 0 0 50px 0; vertical-align: top; }
		div#books div.books a.book span { display: block; position: relative; width: 240px; height: 220px; }
		div#books div.books a.book h1 { display: block; position: relative; font-size: 20px; line-height: 25px; color: #231f20; max-height: 50px; overflow: hidden; margin: 10px 0 0 0; }
		div#books div.books a.book:hover h1 { color: #c3996b; }
		div#books div.books a.book p { display: block; position: relative; font-size: 14px; line-height: 20px; color: #231f20; max-height: 60px; overflow: hidden; margin: 10px 0 0 0; }
		div#books div.books a.book:hover p { color: #c3996b; }