body {
	font-family: helvetica, verdana, tahoma, arial;
	background: #14141f;
}


/* La barra de navegacion */
.nav {
	background: #0b0b0e;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

h1.titulo {
    margin: 0;
    padding: 0;
    font-weight: normal; /* O el peso que prefieras */
    
}

h1.titulo a {
    text-decoration: none;
    color: inherit;
}

/* Titulo de la pagina */
.titulo {
	text-align: center;
	color: white;
	padding: 0;
    font-size: 32px;
	
    

}

a {
	text-decoration: none;

}

/* Letra I del titulo */
.titulo-i {
	color: #ffff00;
	text-shadow: -3px 0 #ff0000, 0 3px #ff0000, 3px 0 #ff0000, 0 -3px #ff0000;
}

.rete {
	color: #00ffff;
	text-shadow: 0 0 5px #ff00ff;
}

/* La letra k del titulo */
.titulo-k {
	color: #ffff00;
	text-shadow: -3px 0 #ff0000, 0 3px #ff0000, 3px 0 #ff0000, 0 -3px #ff0000;
}

.udasai {
	color: #00ffff;
	text-shadow: 0 0 5px #ff00ff;
}

.subp {
	color: whitesmoke; 
	text-align: center;
	font-size: 18px;
	display: block;
}



/* si cambio estos deben cambiar todos los contactos en los post */
.mitwitter::after { 
  content: "@Irete_kudasai";
}

.mitelegram::after { 
  content: "https://t.me/iretekudasai";
}

.mifacebook::after { 
  content: "Javers Verse"
}

/* El menu para moviles */
.m-menu {
	background: #0b0b0e;
	font-weight: bold;
	color: white;
	position: fixed;
	float: left;
	top: 5vh;
	z-index: 1;
	left: 5px;
	padding: 0;
}

/* Hoover del menu de moviles */
.m-menu:hover {
	background: #17171c;
	font-weight: bold;
	height: 90vh;
	transition: width 2s, height 1s;
	display: block;
	width: 36%;
	left: 0;
}

/* El icono que se muestra como menu */
.mi-menu {
	width: 30px;
}

/* Hoover del icono de menu */
.m-menu:hover .mi-menu {
	visibility: hidden;
}

/* Hoover del icono de menu */
.m-menu:hover .m-content {
	display: block;
}

/* Contenedor del menu cuando se hace hoover */
.m-content {
	z-index: 1;
	position: relative;
	list-style: none;
	color: #D0B49F;
	top: 10px;
	left: 7px;
	display: none;
}

.m-content li a {
	text-decoration: none;
}

/* Seccion de redes sociales */
/* Palabra mis */
.m-mis {
	text-align: center;
}

.m-mis:hover {
	color: black;
}

/* Palabras mis redes sociales */
.m-redes {
	position: absolute;
	left: -6px;
}

.m-redes:hover {
	color: black;
}

/* twitter */
/* Link a twitter */
.atwitter {
	position: absolute;
	top: 40px;
	left: -6px;
}


/* Icono de twitter */
.mi-twitter {
	width: 30px;

}

/* Texto que dice twitter */
.m-twiiter {
	position: absolute;
	top: 7px;
	left: 34px;
	color: #D0B49F;
}

.atwitter:hover span {
	color: black;
}

/* telegram */
/* Link a telegram */
.atelegram {
	position: absolute;
	text-decoration: none;
	top: 75px;
	left: -6px;
}

/* Icono de telegram */
.mi-telegram {
	width: 30px;

}

/* Texto que dice telegram */
.m-telegram {
	position: absolute;
	top: 7px;
	left: 34px;
	color: #D0B49F;
}

.m-telegram:hover {
	color: black;
}

/* Facebook */
/* Link a Facebook */
.afacebook {
	position: absolute;
	text-decoration: none;
	top: 108px;
	left: -6px;
}

/* Icono de Facebook */
.mi-facebook {
	width: 30px;

}

/* Texto que dice Facebook */
.m-facebook {
	position: absolute;
	top: 7px;
	left: 34px;
	color: #D0B49F;
}

.m-facebook:hover {
	color: black;
}

/* Email */

/* Link a Email */
.aemail {
	position: absolute;
	text-decoration: none;
	top: 143px;
	left: -6px;
}

/* Icono de email */
.mi-email {
	width: 30px;
	background: #D0B49F;

}

/* Texto que dice Facebook */
.m-email {
	position: absolute;
	top: 7px;
	left: 34px;
	color: #D0B49F;
}

/* Seccion de noticias o interes */
.contacto {
	position: absolute;
	top: 178px;
	left: -6px;
	font-size: 10px;
}

.contacto:hover {
	color: #D0B49F;
	font-size: 24px;
}

.contacto::after { 
  content: "veresbelden@gmail.com";
}

/* Palabra mis blog*/
.m-misblog {
	position: absolute;
	text-align: center;
	top: 197px;
	left: 20px;
	display: none;
}

/* El link a iretekudasai */
.jav {
	position: absolute;
	text-align: center;
	top: 222px;
	left: 0;
	color: #D0B49F;
	display: none;
}

.jav:hover {
	color: black;
}

/* El link a esto no es un jav */
.nonjav {
	position: absolute;
	text-align: center;
	top: 245px;
	left: -4px;
	color: #D0B49F;
	display: none;
}

.nonjav:hover {
	color: black;
}

/* Link para ir a la seccion noporn */
.m-noporn {
	position: absolute;
	padding: 10px;
	background: blueviolet;
	top: 280px;
	left: 5px;
	color: white;
	display: none;
}

.m-noporn:hover {
	color: black;
	background: darkblue;
}

/* El buscador en el menu de moviles */
.m-buscador {
	position: absolute;
	padding: 10px;
	background: blueviolet;
	top: 325px;
	left: 5px;
	color: white;
	display: none;
}

.m-buscador:hover {
	color: black;
	background: darkblue;
}

/* El bloque premiun en el menu de moviles */
.m-premiun {
	position: absolute;
	padding: 10px;
	background: black;
	border: solid 1px gold;
	top: 370px;
	left: 10px;
	text-align: center;
	color: white;
	animation-name: ejemplo3;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes ejemplo3 {
	0% {
		border: solid 1px yellow;
	}

	10% {
		border: solid 1px gold;
	}

	20% {
		border: solid 1px goldenrod;
	}

	30% {
		border: solid 1px orange;
	}

	40% {
		border: solid 1px orangered;
	}

	50% {
		border: solid 1px crimson;
	}

	60% {
		border: solid 1px orangered;
	}

	80% {
		border: solid 1px orange;
	}

	90% {
		border: solid 1px goldenrod;
	}
}

@keyframes ejemplo4 {
	0% {
		font-color: solid 1px yellow;
	}

	10% {
		font-color: solid 1px gold;
	}

	20% {
		font-color: solid 1px goldenrod;
	}

	30% {
		font-color: solid 1px orange;
	}

	40% {
		font-color: solid 1px orangered;
	}

	50% {
		font-color: solid 1px crimson;
	}

	60% {
		font-color: solid 1px orangered;
	}

	80% {
		font-color: solid 1px orange;
	}

	90% {
		font-color: solid 1px goldenrod;
	}
}

/* Palabra haste */
.phas {
	color: #668cff;
}

/* Palabra Premiun */
.phpre {
	color: #944dff;
}

.m-premiun:hover {
	color: tomato;
	background: white;
}

/* contenedor de lo que esta debajo del side bar */
.contenedor {
	position: fixed;
	box-sizing: border-box;
	flex-wrap: nowrap;
	top: 80px;

}

/* Sidebar izquerda */
.lsidebar {
	position: fixed;
	overflow-x: hidden;
	overflow-y: auto;
	width: 0;
	height: 90vh;
	background: #212327;
}


/* contenedor central de los post main*/
.center-main {
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	left: 0;
	margin-left: 0.2%;
	margin-right: 0.2%;
	background: #202124;
	color: #bdc1c6;
}

/* ------------Contenido del post-main solo para los post main----------- */
.post-main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* Galeria de imagenes de los pont maint*/
.galery {
	width: 200px;
	margin: 5px;
	display: block;
	background-color: #1a1a1a;
    position: relative;
}

/* Link de las imagenes */
.galery a {
	text-decoration: none;
}

.galery:hover {
	box-shadow: 0 4px 8px 0 rgba(208, 180, 159, 0.2), 0 6px 20px 0 rgba(208, 180, 159, 0.19);
}

/* Para que la imagen cuadre */
.galery a img {
	width: 100%;
}

.galery div {
	text-align: center;
}


/* Galeria de imagenes de los pont maint vip*/
.galeryi {
	width: 200px;
	margin: 5px;
	display: block;
	background-color: #1a1a1a;
    position: relative;
}

/* Link de las imagenes */
.galeryi a {
	text-decoration: none;
}

.galeryi:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 204, 255, 0.2), 0 6px 20px 0 rgba(0, 204, 255, 0.19);
}

/* Para que la imagen cuadre */
.galeryi a img {
	width: 100%;
}

.galeryi div {
	text-align: center;
}

/* galenglish */

/* Galeria de imagenes de los pont maint*/
.galeng {
	width: 200px;
	margin: 5px;
	display: block;
	background-color: #1a1a1a;
    position: relative;
}

/* Link de las imagenes */
.galeng a {
	text-decoration: none;
}

.galeng:hover {
	box-shadow: 0 4px 8px 0 rgba(255, 102, 255, 0.2), 0 6px 20px 0 rgba(255, 102, 255, 0.2);
}

/* Para que la imagen cuadre */
.galeng a img {
	width: 100%;
}

.galeng div {
	text-align: center;
}

/* galespang */

/* Galeria de imagenes de los pont maint*/
.galesp {
	width: 200px;
	margin: 5px;
	display: block;
	background-color: #1a1a1a;
    position: relative;
}

/* Link de las imagenes */
.galesp a {
	text-decoration: none;
}

.galesp:hover {
	box-shadow: 0 4px 8px 0 rgba(102, 102, 255, 0.2), 0 6px 20px 0 rgba(102, 102, 255, 0.2);
}

/* Para que la imagen cuadre */
.galesp a img {
	width: 100%;
}

.galesp div {
	text-align: center;
}

.RAWgalery{
	text-align: center;
	width: 200px;
	margin: 5px;
	display: block;
	background-color: #4b4848;
	color: #EED6D3;
	font-weight: bold;
    position: relative;
}

.RAWgalery a {
	color: #EED6D3;
	font-weight: bold;
}



.RAWgalery:hover {
	background-color: #ffffff;
}
.RAWgalery a:hover {
	color: #000000;
}


.gregular {
	color: white;
	font-weight: bold;
}

/* galv */

/* Galeria de imagenes de los pont maint*/
.galeryv {
	width: 200px;
	margin: 5px;
	display: block;
	background-color: #1a1a1a;
    position: relative;
}

/* Link de las imagenes */
.galeryv a {
	text-decoration: none;
}

.galeryv:hover {
	box-shadow: 0 4px 8px 0 rgba(255, 0, 128, 0.2), 0 6px 20px 0 rgba(255, 0, 128, 0.2);
}

/* Para que la imagen cuadre */
.galeryv a img {
	width: 100%;
}

.galeryv div {
	text-align: center;
}

/* galve */

/* Galeria de imagenes de los pont maint*/
.galeryve {
	width: 200px;
	margin: 5px;
	display: block;
	background-color: #1a1a1a;
    position: relative;
}

/* Link de las imagenes */
.galeryve a {
	text-decoration: none;
}

.galeryve:hover {
	box-shadow: 0 4px 8px 0 rgba(255, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 0, 0, 0.2);
}

/* Para que la imagen cuadre */
.galeryve a img {
	width: 100%;
}

.galeryve div {
	text-align: center;
}

.gregular {
	color: white;
	font-weight: bold;
}

.gvip {
	color: rgb(255, 77, 210);
	font-weight: bold;
	background:  black;
	animation-name: ejemplo4;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

/* Galeria de imagenes de los pont maint*/
.galery2 {
	width: 200px;
	margin: 5px;
	display: block;
	background-color: #1a1a1a;
    position: relative;
}

/* Link de las imagenes */
.galery2 a {
	text-decoration: none;
}

/* Para que la imagen cuadre */
.galery2 a img {
	width: 100%;
}

.galery2 div {
	text-align: center;
}

.gregular {
	color: white;
	font-weight: bold;
}

.gvip {
	color: brown;
	font-weight: bold;
	background:  black;
	animation-name: ejemplo4;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

/* --- BOTÓN DE FAVORITOS (CORAZÓN) --- */

.btn-fav {
    position: absolute; /* Flota sobre el contenedor */
    bottom: 5px;          /* Distancia desde el borde superior */
    right: 8px;         /* Distancia desde el borde derecho */
    z-index: 20;        /* Por encima de la imagen y el label */
    background: rgba(0, 0, 0, 0.6); /* Fondo oscuro para que resalte */
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    outline: none;
}

.btn-fav:hover {
    transform: scale(1.2);
    background: rgba(0, 0, 0, 0.9);
}

/* Estado: No es favorito */
.corazon-vacio {
    color: #ffffff;
    opacity: 0.7;
}

/* Estado: Es favorito (Lleno) */
.corazon-lleno {
    color: #ff4d6d; /* Un rosa/rojo brillante que combina con tu estilo */
    opacity: 1;
    text-shadow: 0 0 8px rgba(255, 77, 109, 0.6);
}

/* Ajuste para que no interfiera con el hover de la galería */
.galery:hover .btn-fav {
    opacity: 1;
}

/* titulo del post */

/* titulo de los  post-main */
.ptitulo-main {
	text-align: center;
}

/* Buscador post */

.hiragana a{
	text-decoration: none;
	color: white;
	font-size: 16px;
	background: darkblue;
	border: yellow 1px solic;
	padding: 5px;
	
}

.hiragana a span{
	display: none;
}

.text {
display: block;
	width: auto;
}

.ulhiragana {
	position: relative;
	left: -20px;
}
/*---------------- contenedor central de los post*----------*/
.center {
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	left: 0;
	margin-left: 0.2%;
	margin-right: 0.2%;
	background: #202124;
	color: #bdc1c6;
}

/* titulo del post */
.ptitulo {
	word-break: keep-all;
	word-wrap: break-word;
	color: white;
}

/* Contenedor de las flechas */
.flechas {
	width: 100%;
	margin: 0;
	position: fixed;
}

/* Flecha izquierda regresar */
.flechal {
	width: 30px;
	float: left;
}

/* Contenedor del Calendar el centro que lleva a post anteriores */

.pcalendar {
	text-align: center;
	position: relative;
	top: 7px;
}

/* Calendar */
.calendar {
	text-decoration: none;
	width: 30px;

}

/* Botones para el cambio de idioma */
/* Boton ingles */
.idioma {
    padding: 3px;
	border: solid 1px gold; 
	background-color: blue; 
	font-size: bold; 
	color: white;
	text-decoration: none;
	width: 30px;

}

.idioma:hover {
	background-color: green;
	
}

/* Boton espaol */
.nativo {
	padding: 3px; 
	border: solid 1px gold; 
	background-color: firebrick; 
	font-size: bold; 
	color: white;
	text-decoration: none;
	width: 30px;
}

.nativo:hover {
	background-color: blueviolet;
}

/* Flecha derecha de avanzar */
.flechar {
	width: 30px;
	float: right;
}

/* Post del calendario*/
.post-calendar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* Galeria de imagenes de los pont maint*/
.mes {
	width: 200px;
	margin: 5px;
	display: block;
	background-color: black;
	color: white;

}

/* Link de las imagenes */
.mes a {
	text-decoration: none;
	filter: saturate(80%);
	color: white;
}

.mes:hover {
	width: 250px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mes:hover a {
	filter: saturate(100%);
}

/* Para que la imagen cuadre */
.mes a img {
	width: 100%;
}

.mes div {
	text-align: center;
}

/* Contenido del post */
.post {}


/* Seccion de noticias o interes */
.notice {
	color: aquamarine;
}

.notice::after { 
  content: "";
} 

/* NO TOCAR FUNCIONA PERFECTO Valores del reproductor iframe del post */
.reproductor {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	text-align: center;
	width: 100%;

}

/* NO TOCAR FUNCIONA PERFECTO Este es el iframe  .reproductor  */
.pplay {
	border: none;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;

}

/* NO TOCAR FUNCIONA PERFECTO Donde los botones del reproductor se guardan */
.guardabotones {
	text-align: center;
	position: relative;
	top: 10px;
}

/* NO TOCAR FUNCIONA PERFECTO Botones del reproductor */
.pboton {
	text-decoration: none;
	background-color: red;
	border-radius: 10px;
	border: 1px solid #cc6600;
	display: inline;
	font-size: large;
	font-weight: bold;
	text-align: center;
	padding-left: 3px;
	color: white;
}

/* El texto de la seccion de tag */
.tag {
	word-wrap: break-word;
	word-break: keep-all;
	background: black;
    line-height: 1.5em;
	height: auto;
	padding: 5px;
}

.tagiri {
    border: solid 2px white;
	border-radius: 10px;
	font-weight: bold;
	color: white;
	background: black;
	white-space: nowrap;
}

.tagiri:hover {
	border: solid 2px white;
	
}

/* Texto que dice descarga */
.pdescarga {}

/* Link de descarga  */
.pdescargalink a:link {
	text-decoration: none;
	font-weight: bold;
	color: #6AF2F0;
}

.pdescargalink a:hover {
	color: #ff6666;
}

/* Texto que dice como se hace */
.howto {
	display: none;
}

/* Link que va al como se hace */
.howto a {
	text-decoration: none;
	font-weight: bold;
}

/* Texto donde me publicito */
.publicidad {}

.publicidad a:link {
	text-decoration: none;
	font-weight: bold;
	color: #6AF2F0;
}

.publicidad a:hover {
	color: #ff6666;
}

/* Texto del post de mis redes sociales */
.predes {
	color: #D0B49F;
}

/* Texto twitter en el post */
.ptwitter {
	font-weight: bold;
}

/* Link de twitter en el post */
.ptwitter a:link {
	text-decoration: none;
	color: #D0B49F;
}

.ptwitter a:hover {
	color: #CD7F32;
}

/* Icono de twitter en el post */
.pi-twitter {
	width: 30px;
}

/* Texto telegram en el post */
.ptelegram {
	font-weight: bold;
}

/* Link de telegram en el post */

.ptelegram a:link {
	text-decoration: none;
	color: #D0B49F;
}

.ptelegram a:hover {
	color: #CD7F32;
}

/* Icono de twitter en el post */
.pi-telegram {
	width: 30px;
}

/* Texto facebook en el post */
.pfacebook {
	font-weight: bold;
}

/* Link de email en el post */

.pfacebook a:link {
	text-decoration: none;
	color: #D0B49F;
}

.pfacebook a:hover {
	color: #CD7F32;
}

/* Icono de email en el post */
.pi-facebook {
	width: 30px;
}

/* Texto email en el post */
.pemail {
	font-weight: bold;
	
}

.emailed {
	color: #D0B49F;
}

.emailed::after { 
  content: "veresbelden@gmail.com";
}

/* Link de email en el post */
.pemail spam {
	font-weight: bold;
}

/* Icono de email en el post */
.pi-email {
	width: 30px;
}



/* El buscador del post*/
.pbuscador {
	display: none;
}

/* Contenedor de la sidebar derecha */
.m-rsidebar {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Tiene el fin de subir el contenido para que se vea todo el contenido */
.upper {
	height: 120px;
}

/* Contenedor de la sidebar derecha */
.rsidebar {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}
.premiumdiv {
	
}
.r-premiun{
position: absolute;
		padding: 10px;
		background: black;
		border: solid 2px gold;
	    text-align: center;
		color: white;
		animation-name: ejemplo3;
		animation-duration: 10s;
		animation-iteration-count: infinite;
		color: crimson;
}

.forger{
	padding-left: 20%;
	padding-right: 20%;
	
}

.bog {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 100%;
    color: #bbe1fa;
    
    margin: 0;
    background-color: #1a1919;
}

#logconten {
    display: flex;
    align-items: center;
    justify-content: center;
    
    margin: 0;
    padding: 0;
    min-width: 100vw;
    min-height: 100vh;
    width: 100%;
    height: 100%;
}

#logcentral {
    
    max-width: 320px;
    width: 100%;
}

.logtitulo {
    font-size: 250%;
    color:#bbe1fa;
    text-align: center;
    margin-bottom: 20px;
}

#login {
    width: 100%;
    padding: 50px 30px;
    background-color: #615f5b;
    
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);
    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    
    box-sizing: border-box;
}

#login input {
    font-family: 'Overpass', Arial, Helvetica, sans-serif;
    font-size: 110%;
    color: #1b262c;
    
    display: block;
    width: 100%;
    height: 40px;
    
    margin-bottom: 10px;
    padding: 5px 5px 5px 10px;
    
    box-sizing: border-box;
    
    border: none;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

#login input::placeholder {
    font-family: 'Overpass', sans-serif;
    color: #658499;
}

#login button {
    font-family: 'Overpass', sans-serif;
    font-size: 110%;
    color:#1b262c;
    width: 100%;
    height: 40px;
    border: none;
    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    
    background-color: #bbe1fa;
    
    margin-top: 10px;
}

#login button:hover {
    background-color: #0d91e9;
    color:#bbe1fa;
}

.loginpie {
    font-size: 90%;
    text-align: center;    
    margin-top: 15px;
}

.loginpie a {
    display: block;
    text-decoration: none;
    color: #fdfdfd;
    margin-bottom: 10px;
}

.loginpie a:hover {
    color: #f0ec13;
}

.loginferior {
    margin-top: 10px;
    font-size: 90%;
    text-align: center;
}

.loginferior a {
    display: block;
    text-decoration: none;
    color: #bbe1fa;
    margin-bottom: 10px;
    font-size: 24px;;
}

.loginferior a:hover {
    color: #3282b8;
}

.logphas {
    font-size: 24px;
}
.logphpre {
    font-size: 24px;
}

/* -----------resoluciones de 480p -------------*/
@media screen and (min-width: 480px) {
	/* El menu para moviles esta desabilidato */
	
	.subp {
	color: whitesmoke; 
	text-align: center;
	font-size: 24px;

}
	
	.contenedor {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		top: 80px;
	}

	.m-menu {
		display: none;
	}

	/* Sidebar izquerda */
	.lsidebar {
		width: 25%;
		height: 90vh;
		left: 0;
		padding-left: 5px;
		font-size: 18px;
		background: #17171c;
	}

	/* Contenedor del menu de la lsidebar  */
	.l-content {
		z-index: 1;
		position: relative;
		list-style: none;
		color: #D0B49F;
		top: 10px;
		left: 7px;
	}

	.l-content li a {
		text-decoration: none;
	}

	/* Seccion de redes sociales */
	/* Palabra mis */
	.l-mis {
		text-align: center;
	}

	.l-mis:hover {
		color: #CD7F32;
	}

	/* Palabras mis redes sociales */
	.l-redes {
		position: absolute;
		left: -6px;
	}

	.l-redes:hover {
		color: #CD7F32;
	}

	/* twitter */
	/* Link a twitter */
	.atwitter {
		position: absolute;
		top: 40px;
		left: -6px;
	}


	/* Icono de twitter */
	.li-twitter {
		width: 30px;

	}

	/* Texto que dice twitter */
	.l-twiiter {
		position: absolute;
		top: 7px;
		left: 34px;
		color: #D0B49F;
	}

	.atwitter:hover span {
		color: #CD7F32;
	}

	/* telegram */
	/* Link a telegram */
	.atelegram {
		position: absolute;
		text-decoration: none;
		top: 75px;
		left: -6px;
	}

	/* Icono de telegram */
	.li-telegram {
		width: 30px;

	}

	/* Texto que dice telegram */
	.l-telegram {
		position: absolute;
		top: 7px;
		left: 34px;
		color: #D0B49F;
	}

	.l-telegram:hover {
		color: #CD7F32;
	}

	/* Facebook */
	/* Link a Facebook */
	.afacebook {
		position: absolute;
		text-decoration: none;
		top: 108px;
		left: -6px;
	}

	/* Icono de Facebook */
	.li-facebook {
		width: 30px;

	}

	/* Texto que dice Facebook */
	.l-facebook {
		position: absolute;
		top: 7px;
		left: 34px;
		color: #D0B49F;
	}

	.l-facebook:hover {
		color: #CD7F32;
	}

	/* Email */

	/* Link a Email */
	.aemail {
		position: absolute;
		text-decoration: none;
		top: 143px;
		left: -6px;
	}

	/* Icono de email */
	.li-email {
		width: 30px;
		background: #D0B49F;

	}

	/* Texto que dice Facebook */
	.l-email {
		position: absolute;
		top: 7px;
		left: 34px;
		color: #D0B49F;
	}

	/* Seccion de noticias o interes */
	.contacto {
		position: absolute;
		top: 178px;
		left: -6px;
		font-size: 10px;
	}

	.contacto:hover {
		color: #CD7F32;
		font-size: 24px;
	}

	.contacto::after { 
  content: "veresbelden@gmail.com";
}

	/* Palabra mis blog*/
	.l-misblog {
		position: absolute;
		text-align: center;
		top: 197px;
		left: 20px;
		display: none;
	}

	/* El link a iretekudasai */
	.jav {
		position: absolute;
		text-align: center;
		top: 222px;
		left: 0;
		color: #D0B49F;
		display: none;
	}

	.jav:hover {
		color: #CD7F32;
	}

	/* El link a esto no es un jav */
	.nonjav {
		position: absolute;
		text-align: center;
		top: 245px;
		left: -4px;
		color: #D0B49F;
	}

	.nonjav:hover {
		color: #CD7F32;
	}

	/* Link para ir a la seccion noporn */
	.l-noporn {
		position: absolute;
		padding: 10px;
		background: blueviolet;
		top: 280px;
		left: 5px;
		color: white;
		display: none;
	}

	.l-noporn:hover {
		color: black;
		background: darkblue;
	}

	/* El buscador en el menu de moviles */
	.l-buscador {
		position: absolute;
		padding: 10px;
		background: blueviolet;
		top: 325px;
		left: 5px;
		color: white;
		display: none;
	}

	.l-buscador:hover {
		color: black;
		background: darkblue;
	}

	/* El bloque premiun apartir de 480p */
	.l-premiun {
		position: absolute;
		padding: 10px;
		background: black;
		border: solid 1px gold;
		top: 370px;
		left: 10px;
		text-align: center;
		color: white;
		animation-name: ejemplo3;
		animation-duration: 10s;
		animation-iteration-count: infinite;
		color: crimson
	}

	@keyframes ejemplo3 {
		0% {
			border: solid 1px yellow;
		}

		10% {
			border: solid 1px gold;
		}

		20% {
			border: solid 1px goldenrod;
		}

		30% {
			border: solid 1px orange;
		}

		40% {
			border: solid 1px orangered;
		}

		50% {
			border: solid 1px crimson;
		}

		60% {
			border: solid 1px orangered;
		}

		80% {
			border: solid 1px orange;
		}

		90% {
			border: solid 1px goldenrod;
		}
	}

	/* Palabra haste */
	.phas {
		color: #668cff;
	}

	/* Palabra Premiun */
	.phpre {
		color: #944dff;
	}

	.l-premiun:hover {
		color: tomato;
		background: white;
	}

	/* contenedor central */
	.center {
		position: fixed;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
		left: 25%;
		margin-left: 0.2%;
		margin-right: 0.2%;
		width: 74.5%;
		font-size: 20px;
		padding-left: 5px;
		z-index: 1;
	}

	.pboton {
		font-size: 28px;
		font-weight: bold;
	}

	.center-main {
		position: fixed;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
		left: 25%;
		margin-left: 0.2%;
		margin-right: 0.2%;
		width: 70%;
		font-size: 20px;
		padding-left: 5px;
	}


}


/* -----------resoluciones de 700p -------------*/
@media screen and (min-width: 700px) {

	/* El menu para moviles esta desabilidato */
	/* --lsidebar-- */
	.l-content {
		font-weight: bold;
	}

	/* contenedor central */
	.center {
		position: fixed;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
		left: 20%;
		margin-left: 0.2%;
		margin-right: 0.2%;
		width: 60%;
		z-index: 1;
		padding-left: 5px;
	}

	.m-rsidebar {
		display: none;
	}

	.rsidebar {
		position: fixed;
		width: 19%;
		right: 0;
		height: 100vh;
		z-index: -1;
	}

}