body{
	color: white;
	background-color: rgb(54, 54, 54);
	min-height: 100vh;
}
p{
	font-size: 150%;
}
@media screen and (max-width: 1200px) {
	body{
		width: fit-content;
	}
	p{
		font-size: 250%;
	}
}
.pag_home{
	background: rgb(54, 54, 54);
	background: -moz-linear-gradient(top, rgb(54, 54, 54) 0%, rgb(54, 54, 54) 40%, rgb(107, 107, 107) 40%, rgb(107, 107, 107) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(54, 54, 54)), color-stop(40%, rgb(54, 54, 54)), color-stop(40%, rgb(107, 107, 107)), color-stop(100%, rgb(107, 107, 107)));
	background: -webkit-linear-gradient(top, rgb(54, 54, 54) 0%, rgb(54, 54, 54) 40%, rgb(107, 107, 107) 40%, rgb(107, 107, 107) 100%);
	background: -o-linear-gradient(top, rgb(54, 54, 54) 0%, rgb(54, 54, 54) 40%, rgb(107, 107, 107) 40%, rgb(107, 107, 107) 100%);
	background: -ms-linear-gradient(top, rgb(54, 54, 54) 0%, rgb(54, 54, 54) 40%, rgb(107, 107, 107) 40%, rgb(107, 107, 107) 100%);
	background: linear-gradient(to bottom, rgb(54, 54, 54) 0%, rgb(54, 54, 54) 40%, rgb(107, 107, 107) 40%, rgb(107, 107, 107) 100%);
}
h1{
	font-family: "Rubik";	
	font-size: 500%;
	padding: 30px;
}
@media screen and (min-width: 1200px) {
	h1{
		font-size: 400%;
		padding: 20px;
	}
}
h2{
	font-family: 'Julius Sans One';	
	color: rgb(255, 215, 0);
	font-size: 50px;
	font-weight: 800;
	/* text-shadow: rgba(0, 0, 0, 0.397) 0.1em 0.1em 0.2em */
}
.indexTitle{
	color: rgb(131, 0, 0);
}
.indexTitleYellow{
	color: rgb(206,149,17);
}
.indexTitleWhite{
	color: rgb(255, 255, 255);
}
h3{
	font-family: 'Julius Sans One';	
	color: rgb(131, 0, 0);
	/*color: rgb(121, 5, 5);*/
	font-size: 35px;
	font-weight: 700;
	margin-top: 0px;
	/* text-shadow: rgba(0, 0, 0, 0.397) 0.1em 0.1em 0.2em */
}
.darkred{
	font-family: "Lucida Console", "Courier New", monospace;	
	color: rgb(145, 46, 46);
	font-size: 15px;
	font-weight: 700;
	margin-top: 0px;
	text-shadow: rgba(0, 0, 0, 0.397) 0.1em 0.1em 0.2em
}
button{
	background-color: #0033CC;
	border-color: #0033CC;
	color: white;
}
.barra_cabecera{
	color: white;
	background-color:white;
	width:100%;
}
.nav_div {
	display: inline;
}
.nav {
	text-align: center; /* For Edge */
	-moz-text-align-last: center; /* For Firefox prior 58.0 */
	text-align-last: center;
	line-height: 50px;
}
.nav_active{
	color: black;
	background-color: #787879;
}
.nav_inactive{
	font-weight: 700;
	color: rgb(161, 0, 0);
}
.nav_active, .nav_inactive{
	font-size: 250%;
	padding: 10px;
	margin: 10px;
	white-space: nowrap;
}
@media screen and (min-width: 1200px) {
	.nav_active, .nav_inactive{
		font-size: 200%;
		padding: 5px;
		margin: 5px;
	}
	.nav{
		line-height: 50px;
	}
}
.nav_inactive:hover{
	background-color: rgb(190, 190, 189);
}
.novela_enlace {
	padding: 40px;
	text-align: center; /* For Edge */
	-moz-text-align-last: center; /* For Firefox prior 58.0 */
	text-align-last: center;
}
.novelas_enlaces {
	text-align: center; /* For Edge */
	-moz-text-align-last: center; /* For Firefox prior 58.0 */
	text-align-last: center;
}
.novela_enlace2 {
	padding: 40px;
	display: inline;
	width: fit-content;
}
.novela_titulo_enlace{
	font-family: 'Julius Sans One';	
	color: white;
	font-size: 20px;
	font-weight: 800;
	text-shadow: rgba(0, 0, 0, 0.774) 0.1em 0.1em 0.2em
}
.active {
	color: grey;
}
a:link {   
	text-decoration:none;   
	color: rgb(161, 0, 0);
	font-weight: 700;
}

.item {
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 50px;
	padding-bottom: 60px;
}
.tresNovelas{
	display: inline;
}
.item2 {
	display: flex;
	justify-content: center;
}
.item3 {
	display: flex;
	align-self: center; 
}
.item4 {
	align-self: center; 
	margin-left: 20px;
	margin-right: 20px;
	color: white;
}
.libro {
	display: inline;
	padding: 30px;
}

#contenedorHorizontal {
	display: flex;
	width: 2500px;
	overflow: hidden;
	white-space: nowrap;
	transform: translatex(0);
	animation: marquesina 20s infinite normal linear 1s;
}

@keyframes marquesina {
	0% {transform: translatex(0); }
	100% {transform: translatex(-100%); }
}

.autoplay {
	display: flex;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	margin: auto;
}
.dosierPrensa{
	color: white;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 250%;
}
.dosierPrensaLargeText{
	font-size: 120%;
}
.dosierPrensaBlue{
	color: lightblue;
}
.dosierPrensaCard{
	width: 90%;
}
.premiounicaja{
	width: 40%;
}
.imgcontrarreparto{
	width: 45%;
}
@media screen and (min-width: 1200px) {
	.imgcontrarreparto{
		width: 25%;
	}
	.premiounicaja{
		width: 20%;
	}
	.dosierPrensa{
		font-size: 120%;
	}
	.dosierPrensaLargeText{
		font-size: 100%;
	}
}
.antologiaLeft{
	float: left;
	width: 45%;
	margin-bottom: 80px;
}
.antologiaRight{
	float: right;
	width: 45%;
	margin-bottom: 80px;
}
.antologiaTextos{
	padding-left: 20px;
	padding-right: 20px;
}
@media screen and (max-width: 1200px) {
	.antologiaLeft{
		clear: both;
		width: 100%;
	}
	.antologiaRight{
		clear: both;
		width: 100%;
	}
}