/* ***************************************************************************** */
/*  Design Modeling                                                              */
/* ***************************************************************************** */
@import url('/vulgata/stilum/gratum.css');

/* ***************************************************************************** */
/* FABULAE                                                                       */
/* ***************************************************************************** */
video.fabulae {
	background-color: #666666
}

/* ***************************************************************************** */
/* PICTURA                                                                       */
/* ***************************************************************************** */

div.pictura {
	background-color: #333;
	background-repeat: no-repeat;
	background-size: cover
}

div.picturamNuntius {
	align-content: space-around
}

	div.picturamNuntius p {
		color: #fbfbfb
	}

a.picturamURL {
	color: #a71419
}

div.picturamURL:hover {
	background-color: #a71419
}

/* ***************************************************************************** */
/* SUNT                                                                          */
/* ***************************************************************************** */
div#pictura {
	background-image: url(../picturae/gratum/pictura.png), linear-gradient(0deg, #a39161, #bccbcc)
}

div#picturamForas {
	background-image: url(../picturae/gratum/catedralMorelia.jpg);
	border-radius: 22px 22px 0 0
}

	div#picturamForas:after {
		content: none
	}

div#ForasOmega {
	background-attachment: fixed;
	background-color: #333;
	background-image: url(../picturae/gratum/catedralMorelia.wireFrame.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover
}

div#ForasScando {
	bottom: 50%;
	background-attachment: fixed;
	background-image: url(../picturae/gratum/catedralMorelia.wireFrame.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	-webkit-filter: drop-shadow(0 1px 1px #ffffde) drop-shadow(0 -1px 1px #ffffde) drop-shadow(0 0 1px #ffffff);
	-moz-filter: drop-shadow(0 1px 1px #ffffde) drop-shadow(0 -1px 1px #ffffde) drop-shadow(0 0 1px #ffffff);
	-o-filter: drop-shadow(0 1px 1px #ffffde) drop-shadow(0 -1px 1px #ffffde) drop-shadow(0 0 1px #ffffff);
	-ms-filter: drop-shadow(0 1px 1px #ffffde) drop-shadow(0 -1px 1px #ffffde) drop-shadow(0 0 1px #ffffff);
	filter: drop-shadow(0 1px 1px #ffffde) drop-shadow(0 -1px 1px #ffffde) drop-shadow(0 0 1px #ffffff)
}

video#ForasFabularum {
}

div#picturamInterius {
	background-color: transparent
}

	div#picturamInterius:after {
		content: none
	}

div#InteriusOmega {
	background-color: transparent
}

div#InteriusScando {
}

video#InteriusFabularum {
	border-radius: 0 0 22px 22px
}

/* ***************************************************************************** */
/* MEDIA QUERIES                                                                 */
/* ***************************************************************************** */
@media (max-width:777px) {
	div#picturamForas, video#InteriusFabularum {
		border-radius: 0
	}
}

@media (max-width: 666px) {
	div#picturamForas {
		background-image: url(../picturae/gratum/catedralReloj.jpg)
	}

	div#ForasOmega {
		background-image: url(../picturae/gratum/catedralReloj.wireFrame.jpg)
	}

	div#ForasScando {
		background-image: url(../picturae/gratum/catedralReloj.wireFrame.png)
	}
}