@charset "UTF-8";
h1{
	font: normal normal normal 5vh/2vh "Bellefair", serif;
	letter-spacing: 4px;
	text-align: right;
	width: 90%;
	margin: 2% 5% 10% 5%;
	display: inline-block;
	clear: right;
}
h1::first-letter{
	padding: .1% .3%;
}
h2{
	font: normal 3vw/3vw "Bellefair", serif;
	margin: 2% 10%;
	width: 80%;
	text-align: justify;
}
.manchaTxt{
	width: 70%;
	margin: 0% 15%;
}

h3{
	font: normal 3vw/4vw "Bellefair", serif;
	width: 100%;
	margin: 3% 0%;
}
p{
	width: 90%;
	padding: 1% 5%;
	margin: 2% 0%;
	font: normal 1.6vw/2.5vw "Garamond", serif;
	text-align: justify;
	text-indent: -1em;
}
p::first-letter{
	font-size: 1.8em;
	line-height: -2.8em;
	vertical-align: text-bottom;
	
}
pre{
	font: normal 1.3vw/1.6vw "Garamond", serif;
	width: 80%;
	margin: 2% 10%;
}
a{
	text-decoration-line: none;
	color: black;
}
.letraBlanca{
	background-color: black;
	color: white;
	letter-spacing: 1px;
	font-size: 7vh;
	border-left: 3px solid gray;
}
.bderecha{
	width: 30%;
	margin: 3% 0% 0% 0%;
	float: right;
}
.bizquierda{
	width: 70%;
	margin: 3% 0% 0% 0%;
	float: left;
}
.OrnaCabeza{
	margin: 2% 3% 0% 3%;
	text-align: justify;
	padding: 0% 2%;
	font-size: 2vw;
	line-height: 4vw;
	animation-name: colores;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	}
@keyframes colores{
	0% {color: #191919;}
	20% {color: DodgerBlue;}
	40% {color: #006400;}
	60% {color: #8B008B;}
	80% {color: #8B0000;}
	100% {color: #FFD700;}
}
.OrnaCabeza:after{
	content: "";
	display: inline-block;
	width: 100%;
}
ol{
	width: 90%;
	margin: 1% 0%;
	list-style-type: none;
}
li{
	font: normal 3vw/3.6vw "Bellefair", serif;
}
li a.Nivel01, li a.Nivel02, li a.Nivel03{
	text-decoration-line: none;
	color: #800080;
	cursor: pointer;
}
li a.Nivel01:hover, li a.Nivel02:hover, li a.Nivel03:hover{
	color: white;
	background-color: #800080;
	font-size: 2vw;
	font-variant: small-caps;
	letter-spacing: 5px;
	padding: 1% 2%;
	border-radius: 10px;
}
.Lista01, .Lista02{
	display: none;
}
.subLista01 ol, .subLista02.ol{
	width: 100%;
}
.subLista01 li a, .subLista02 li a{
	font: normal 1.8vw "Bellefair", serif;
	color: #191919;
	margin: 1% 0%;
}
.subLista01 li a:hover, .subLista02 li a:hover{
	color: white;
	background-color: #191919;
	padding: 1% 2%;
	letter-spacing: 1px;
	border-right: 3px solid gray; 
}
.N01:hover .Lista01{
	display: block;
}
.N02:hover .Lista02{
	display: block;
}
.N01:hover a.Nivel01, .N02:hover a.Nivel02{
	color: white;
	background-color: #800080;
	font-size: 2.5vw;
	font-variant: small-caps;
	letter-spacing: 5px;
	padding: 1% 2%;
	border-radius: 10px;
}
#Ebooks, #PorQué ,#ePub3, #ePub3oPdf, #Contacto, #quéEs{
	display: none;
}
.versalitas{
	font-variant: small-caps;
	letter-spacing: 1px;
}
table{
	width: 90%;
	margin: 5%;
}
th{
	font: normal 1em/1.2em "", serif;
	padding: 1% 2%;
}
td{
	font: normal .9em/1.2em "", serif;
	padding: 3%;
}
.pali01{
	width: 60%;
	margin: 10% 20% 2% 20%;
}
.bicicleto{
	width: 20%;
	margin: 2% 0%;
}
@font-face{
	font-family: "Bellefair";
	src: url(../editorialPalíndromo/types/Bellefair.ttf );
}
@font-face{
	font-family: "OlivettiTypewriter";
	src: url(../editorialPalíndromo/types/OlivettiTypewriter.otf);
}
@media screen and (max-width: 601px){
	@charset "UTF-8";
	h1{
		font: normal normal normal 8vw/9vw "Bellefair", serif;
		letter-spacing: 4px;
		text-align: center;
		clear: right;
		margin: 0% 5% 0% 5%;
	}
	h1::first-letter{
		padding: .1% .5%;
	}
	h1:after{
		content: "";
		display: inline-block;
		width: 100%;
		
	}
	h2{
		font: normal 4vw/4vw "Bellefair", serif;
		margin: 10% 10%;
		text-align: justify;
	}
	h3{
		font: normal 6vw/7vw "Bellefair", serif;
		margin: 2% 20%;
	}
	p{
		font: normal 4vw/5vw "Bellefair", serif;
		margin: 2% 5% 0% 15%;
	}
	pre{
		font: normal 3.8vw/4vw "Bellefair", serif;
		margin: 2% 0% 0% 20%;
	}
	a{
		text-decoration-line: none;
		color: black;
	}
	.letraBlanca{
		background-color: black;
		color: white;
		letter-spacing: 1px;
		font-size: 9vw;
		border-left: 3px solid gray;
	}
	.bderecha{
		width: 100%;
		margin: 0% 0% 0% 0%;
		float: right;
	}
	.bizquierda{
		width: 100%;
		margin: 0% 0% 0% 0%;
		float: left;
	}
	.OrnaCabeza{
		margin: 5% 5% 0% 5%;
		text-align: justify;
		padding: 0% 2%;
		font-size: 7vw;
		line-height: 6vw;
		animation-name: colores;
		animation-duration: 30s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes colores{
		0% {color: #191919;}
		20% {color: DodgerBlue;}
		40% {color: #006400;}
		60% {color: #8B008B;}
		80% {color: #8B0000;}
		100% {color: #FFD700;}
	}
	.OrnaCabeza:after{
		content: "";
		display: inline-block;
		width: 100%;
	}
	ol{
		width: 80%;
		margin: 0% 0% 0% 5;
		list-style-type: none;
	}
	li{
		font: normal 6vw/7vw "Bellefair", serif;
	}
	li a.Nivel01, li a.Nivel02, li a.Nivel03{
		text-decoration-line: none;
		color: #800080;
	}
	li a.Nivel01:hover, li a.Nivel02:hover, li a.Nivel03:hover{
		color: white;
		background-color: #800080;
		font-size: 6vw;
		font-variant: small-caps;
		letter-spacing: 5px;
		padding: 1% 2%;
		border-radius: 10px;
	}
	.Lista01, .Lista02{
		display: none;
	}
	.subLista01 ol, .subLista02.ol{
		width: 100%;
	}
	.subLista01 li a, .subLista02 li a{
		font: normal 5vw "Bellefair", serif;
		color: #191919;
		margin: 1% 0%;
	}
	.subLista01 li a:hover, .subLista02 li a:hover{
		color: white;
		background-color: #191919;
		padding: 1% 2%;
		letter-spacing: 1px;
		border-right: 3px solid gray; 
	}
	.N01:hover .Lista01{
		display: block;
	}
	.N02:hover .Lista02{
		display: block;
	}
	.N01:hover a.Nivel01, .N02:hover a.Nivel02, .N03:hover a.Nivel03{
		color: white;
		background-color: #800080;
		font-size: 4vw;
		font-variant: small-caps;
		letter-spacing: 5px;
		padding: 1% 2%;
		border-radius: 10px;
	}
	#Ebooks, #PorQué ,#ePub3, #ePub3oPdf, #Contacto, #quéEs{
		display: none;
	}
	.versalitas{
		font-variant: small-caps;
		letter-spacing: 1px;
	}
	.pali01{
		width: 20%;
		margin: 2% 0% 2% 5%;
	}
}