/* CSS Document */
body {
	padding: 2%;
	color: black;
}
a {
	text-decoration: none;
	color: inherit;
}
table {
	position: absolute;
	bottom: 1px;
	border-spacing: 0px;
	width: 96%;
	height: 100%;
}
	.madera {
		background-color: #ca8;
		border: outset 2px #ca8;
		border-radius: 2px;
		background-image: url("/_img/fondo.madera.jpg");
		text-align: center;
	}
		.madera span {
			color: #321;
			font-size: 25px;
			font-weight: bold;
			border-radius: 22%;
			border: groove 3px #aaa;
			background-image: url("/_img/fondo.metal.jpg");
			background-size: cover;
			padding: 3px 15px;
			box-shadow: 4px 2px 4px black;
		}
			.madera span.mini {
				font-size: 15px;
			}
	.horizontal {
		height: 4%;
	}
		.horizontal.alta {
			height: 7%;
		}
	.vertical {
		width: 20px;
	}

	.hueco {
		height: 35%;
		overflow: hidden;
		background-image: url("/_img/fondo.madera.jpg");
		background-color: #444;
		background-blend-mode: overlay;
		box-shadow: -20px 10px 10px inset;
		vertical-align: bottom;
	}
	
	.pared {
		height: 20px;
	}

	.libroC {
		position: relative;
		width: 60px;
		/*zoom: 125%;*/
		cursor: pointer;
	}
	.libro, .portada {
		position: absolute;
		width: 20px;

		left: 0px;
		bottom: 0px;
		overflow: hidden;
		
		font-size: 11px;
		vertical-align: middle;
		
		transition: transform 0.5s, margin 0.5s, height 0.5s;
	}
	.portada {
		box-sizing: border-box;
		border: solid 1px black;
		padding: 20px 10px;
		font-size: 6px;
		color: white;
		text-align: justify;
		transition: 0.5s;
		height: 220px;
		border-radius: 3px;
	}
		.portada.trasera {
			background-color: #666;
		}
		.portada.delantera {
			background-color: black;
		}
		.libroC:hover .portada {
			transform: skew(-6deg, 20deg);
			width: 46px;
			border-color: #444;
		}
			.libroC:hover .trasera {
				margin-left: -30px;
			}
			.libroC:hover .delantera {
				margin-left: -8px;
				box-shadow: 13px 2px 17px black;
			}
	.libro {
		cursor: pointer;
		height: 210px;
		padding: 5px 0px 5px 6px;
		background-color: black;
		border-radius: 4px;
		border: outset 1px grey;

		color: silver;
		
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-lr;
		writing-mode: vertical-lr;
	}
		.libro.publicado {
			color: #fd6;
		}
		.libroC:hover .libro {
			-webkit-transform: skewX(-6deg); /* Chrome, Safari, Opera  */
			transform: skewX(-6deg);
			margin: 0px 0px 0px 15px;
			height: 200px;
		}
		
		span.subtitulo {
			font-size: 60%;
			position: absolute;
			margin: 5px 0px 0px 1px;
		}