/* 
* @Author: marcvivas
* @Date:   2015-06-18 16:13:07
* @Last Modified by:   marcvivas
* @Last Modified time: 2015-07-07 14:27:09
*/

/* COMMON STYLES */

.hide {
	display: none;
}

.infoNovela {
	visibility: hidden;
	width: 100%;
}

.portadaNovelas:hover .infoNovela {
	visibility: visible;
}

.infoNovela .titulo {
	font-style: italic;
}

.infoNovela .anyo {
	font-size: small;
}

.infoNovela .etiquetas {
	font-size: x-small;
}

.anyo, .isbn, .etiquetas {
	font-size: small;
	line-height: normal;
}

.descripcion {
	font-style: italic;
	font-size: 1em;
}

.etiquetas {
	color: #de8080; /*Lightcoral*/
}

.buttonSpacer {
	line-height: 4.5em;
}

.boton{
	margin: 0.5em;
	background: #a26d7c;
	background-image: -webkit-linear-gradient(top, #a26d7c, #ad3b5b);
	background-image: -moz-linear-gradient(top, #a26d7c, #ad3b5b);
	background-image: -ms-linear-gradient(top, #a26d7c, #ad3b5b);
	background-image: -o-linear-gradient(top, #a26d7c, #ad3b5b);
	background-image: linear-gradient(to bottom, #a26d7c, #ad3b5b);
	-webkit-border-radius: 14;
	-moz-border-radius: 14;
	border-radius: 14px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 8px 20px 8px 20px;
	text-decoration: none;
}

.boton:hover {
	background: #de338e;
	background-image: -webkit-linear-gradient(top, #de338e, #d9346b);
	background-image: -moz-linear-gradient(top, #de338e, #d9346b);
	background-image: -ms-linear-gradient(top, #de338e, #d9346b);
	background-image: -o-linear-gradient(top, #de338e, #d9346b);
	background-image: linear-gradient(to bottom, #de338e, #d9346b);
	text-decoration: none;
}

.infoNovela .boton {
	margin: 1.2em;
	padding: 0.25em;
}

.infoNovelaDetalle {
	margin-top: 2em;
}

#verTodas {
	font-size: smaller;
	color: orange;
	text-decoration: none;
}

#verTodas:hover {
	cursor: pointer; 
	cursor: hand;
}

.portadaNovelas {
	position: relative;
}

.novela {
/*	padding: 1em; */
	margin: 2em 0.1em 0.1em 2em;
}

#listadoNovelas {
/*	overflow-y: scroll;*/
}

/* PHONE */

@media screen and (max-width: 736px) {
	.infoNovela {
		display: none;
	}

	.pulsar {
		display: block;
	}

	.infoNovelaDetalle {
		clear: right;
	}

	#gracias {
		display: none;
	}
}

/* DESKTOP & TABLET */

@media screen and (min-width: 737px) {
	.novela {
		max-height: 14em;
		max-width: 12em;
	}

	.infoNovela {
		position: absolute;
		bottom: 0;
		background: rgba(255, 255, 255, 0.9);
	}

}