.fondos > div.pergamino{
	background-image:url(pergamino.jpg);
}

.calendario{
	position:relative;
}

button.boton_icono.saltar_ejercicio{
	display:block;
	
	left:auto;
	right:0;
}

.circulo_calendario{
	background:url(base_calendario.png) 50% 50% no-repeat;
	background-size: contain;
	position:absolute;
	width: 24em;
	height: 24em;
	top:-12em;
    margin-left: -12em;
	left:50%;
	transition: transform 4s;
	pointer-events: none;
}

.circulo_calendario.rotado{
	transform:rotate(11.25deg)
}

.calendario .fecha_musulmana, .calendario .fecha_cristiana{
	font-family: 'Berkshire Swash', cursive;
	position:absolute;
    font-size: 2.2em;
    top: 0.5em;
    text-align: center;
    width: 100%;
    color: #512607;
	   left: 0;
}

.calendario .fecha_cristiana{
    font-size: 1.4em;
    top: 3em;
	transition: opacity 1s;
	opacity:0;
	color: #7f4317;
}

.calendario .muestra_fechas{
	opacity:1;
}


.calendario .flecha{
	width: 28em;
    height: 24em;
    position: absolute;
    background: url(iconos_calendario/flecha.png) 0.5em 0.8em no-repeat;
    background-size: 1.5em;
    position: absolute;
    left: 50%;
    margin-left: -14em;
    top: 0;
	pointer-events: none;
}

.circulo_calendario > div{
	width:2.136em;
	height:2.136em;
	position:absolute;
	background:url(iconos_calendario/luna_llena.png) 50% 50% no-repeat;
	background-size: contain;
}

.calendario button{
	margin-top: auto;
    width: 10em;
    margin-left: auto;
}

.fondos > .escuela{
	background-image: url(portada.jpg);
}

.inicio .titulo {
	background:none;
}

.circulo_calendario > div.luna_llena{background-image:url(iconos_calendario/luna_llena.png);}
.circulo_calendario > div.luna_creciente{background-image:url(iconos_calendario/luna_creciente.png);}
.circulo_calendario > div.luna_menguante{background-image:url(iconos_calendario/luna_menguante.png);}
.circulo_calendario > div.luna_nueva{background-image:url(iconos_calendario/luna_nueva.png);}
.circulo_calendario > div.espada{background-image:url(iconos_calendario/espada.png);}
.circulo_calendario > div.pluma{background-image:url(iconos_calendario/pluma.png);}
.circulo_calendario > div.conflicto{background-image:url(iconos_calendario/conflicto.png);}
.circulo_calendario > div.pajaro{background-image:url(iconos_calendario/pajaro.png);}
.circulo_calendario > div.numero{background:none;color: #945413;}