body {
	background-image: none !important;
	background-color: #100;	
}



h2, h3, h4, h5{	
	font-family: 'Amita' !important; 	
	text-align: center;
	margin-bottom: 5px;
    margin-top: 5px;
	font-weight: bold;
	min-height: 35px;
}

h3{
	margin-top: 50px;
	color: #401010;
}
h4{
	margin-bottom: 36px;
}

.b-page {
	border: none;
}


.b-page-1 .b-wrap-right,
.b-page-3 .b-wrap-right,
.b-page-5 .b-wrap-right,
.b-page-7 .b-wrap-right,
.b-page-9 .b-wrap-right,
.b-page-11 .b-wrap-right,
.b-page-13 .b-wrap-right,
.b-page-17 .b-wrap-right,
.b-page-19 .b-wrap-right,
.b-page-21 .b-wrap-right,
.b-page-23 .b-wrap-right,
.b-page-25 .b-wrap-right,
.b-page-27 .b-wrap-right
{	
	background-image: url('/wp-content/uploads/sites/6/2020/12/hoja-derecha.jpg') !important; 
	background-size: 640px 640px;	
	background-position-x: 6px;
}

.b-page-15 .b-wrap-right{
	background-image: url(/wp-content/uploads/sites/6/2020/12/pagina_simbolos);
    background-size: 686px 647px;
    background-position-x: -6px;
    background-position-y: -4px;
}

.b-page-2 .b-wrap-left, 
.b-page-4 .b-wrap-left,
.b-page-6 .b-wrap-left,
.b-page-8 .b-wrap-left,
.b-page-10 .b-wrap-left,
.b-page-12 .b-wrap-left,
.b-page-14 .b-wrap-left,
.b-page-16 .b-wrap-left,
.b-page-18 .b-wrap-left,
.b-page-20 .b-wrap-left,
.b-page-22 .b-wrap-left,
.b-page-24 .b-wrap-left,
.b-page-26 .b-wrap-left
{
	background-image: url('/wp-content/uploads/sites/6/2020/12/hoja-izquierda.jpg') !important; 	
	background-size: 640px 640px;
}

.b-page-0 > .b-wrap-left{
    background: transparent !important;
}

.b-wrap-right{
	border-left: 1px #111 dotted;
}

.b-wrap {
	overflow-y: hidden !important;	
	color: #100;	
	font-family: 'La Belle Aurore' !important; 
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.26);
	font-size: 2.25em;
    line-height: 1.1em;	
	text-align: center;
	letter-spacing: -0.03em;
	width: 640px !important;
	
}


.b-wrap div{
	opacity: 0.8;
	padding-left: 75px;
	padding-right: 75px;
	padding-top: 20px;
}


.cenefa_libro{
	opacity: 0.7;
	margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px !important;
    height: 66px;
	background-image: url('/wp-content/uploads/sites/6/2020/12/cenefa.png');
	background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
}

.portada{    
	position: absolute;
	height: 620px;
    width: 495px;
	margin-top: -10px;
	margin-left: -10px;
	background: url('/wp-content/uploads/sites/6/2020/12/portada.jpg') !important;
	background-size: cover !important;	
	background-repeat: no-repeat;	
	overflow: hidden !important;
	opacity: 1 !important;
}

.b-page.b-grab {
	border: none;
}

/* NO DEPEDIENTES */


.pimg2{
    background: url(/wp-content/uploads/sites/6/2020/12/motivos-satanicos7.png) no-repeat;
    background-position-y: -197px;
	background-position-x: -289px;
    min-height: 588px;
}


.llave{
	
}

.arco{
	margin-top: -183px;
}

.elementos{
	margin-top: -245px;
}

.pimg3{
    background: url(/wp-content/uploads/sites/6/2020/12/motivos-satanicos6.png) no-repeat;
    background-position-y: -505px;
    background-position-x: -183px;
}

.penta-container{
	width: 475px;
	height: 160px;
	margin: 0 auto;
	padding: 0 !important ;
	
}

.penta-container div{	
	width: 220px;
	display: block;
	position: relative;
	padding: 0px;	
	opacity: 1;
	float: left;
}
#penta1, #penta3{
	left: 0px;
}

#penta2, #penta4{
	left: 30px;
}

#penta2{
	background: url(/wp-content/uploads/sites/6/2020/12/motivos-satanicos2.png) no-repeat;
    background-size: 210px;
    background-position-y: 65px;
    background-position-x: 7px;
}

.ojo{
	display: block;
	position: absolute;
	left: 100px;
}

.answer{
	text-align: center;
}

.skull{
	display: block;
    position: absolute;
    left: 217px;
    top: 433px;
    padding: 0 !important;
}

input{
	width: 150px;
	font-family: 'Homemade+Apple' !important; 	 
	background-color: rgba(245,245,245,0.17) !important;
	border: 1px #888 solid !important;
    border-radius: 10px 0px 10px 0px;
	text-align: center;
	height: 20px;	
	padding: 6px 0px 6px 0px !important;
}

p{
	margin: 0 0 0.3em !important;
}

.t1{
	display: none;
}

.control_ritual{
	width: 200px;
	margin: 0 auto;
	float: none;	
	color: #533;
	font-family: 'Homemade+Apple' !important; 
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}

.control_ritual div{
	width: 62px;
	height: 62px;
	display: block;
	background-repeat: no-repeat;
	float: left;
}

.control_ritual #prev{
	background-image: url(/wp-content/uploads/sites/6/2020/12/arrows1.png);	
	cursor: pointer;
}
.control_ritual #next{
	background-image: url(/wp-content/uploads/sites/6/2020/12/arrows2.png);
	cursor: pointer;
}

.validaritual{	
    cursor: pointer;
    height: 91px;
    background: url(/wp-content/uploads/sites/6/2020/12/rubricarritual.png) no-repeat;
    background-size: 481px;
}

.validate_result{
	font-size: 80%;
}

.scary{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 4;
	display: none;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/sites/6/2020/12/PMiR.gif);
	background-size: cover;
}

.llave:hover{
	-moz-animation: spinHorizontal 5s infinite linear;
    -o-animation: spinHorizontal 5s infinite linear;    
    -webkit-animation: spinHorizontal 5s infinite linear;
    animation: spinHorizontal 5s infinite linear;
}

@keyframes spinHorizontal {
    0% { transform: rotateX(0deg); }
    100% { transform: rotateX(360deg); }
}

@-webkit-keyframes shakeelement {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

.skull:hover{
	-webkit-animation-name: shakeelement;
    -webkit-animation-duration: 200ms;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
}

video {  
  display: none;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}