/* CSS Document */

/* --- general --- */
body {
	/* background-color: blanchedalmond; */
	background-color: #8F5B09;
	color: rgb(116, 67, 28);
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 1.1em;
}
a {
	text-decoration: none;
	color: rgb(116, 67, 28);
}

p {
	font-size: 1.1em;
	/*text-shadow: 1px 1px 1px silver;*/
}
table {
	border: none;
}

/* -- definition -- */
@font-face {
    font-family: 'GoudyMedieval';
    src: url('../fonts/GOUDY.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* -- use -- */
h2, h3{
   font-family:'GoudyMedieval';
}
h4 {
	font-size: 1.8em;
}
@media screen and (min-width: 1600px) { /* very large screens */
	p {
		font-size: 1.4em;
	}
	li {
		font-size: 1.3em;
	}
	table {
		font-size: 1.4em;
	}
	h2 {
		font-size: 3.5em;
	}
	h3 {
		font-size: 2em;
	}
	.headerlogo { 
		font-size: 5em;
		left: 38%;
	}
	.headerlogo2 {
		font-size: 5em;
	}
	.topicbuttontxt {
		font-size: 3.2em;
	}
	.kalkriesediv table, .certaminadiv table {
		width: 80%;
	}
}
@media (min-width: 767px) and (max-width: 1600px) {
	h2 {
		font-size: 3em;
	}
	h3 {
		font-size: 1.5em;
	}
	.headerlogo { 
		font-size: 4.5em;
		left: 35%;
	}
	.headerlogo2 {
		font-size: 4.5em;
	}
	.topicbuttontxt {
		font-size: 3em;
	}
	.kalkriesediv table, .certaminadiv table {
		width: 80%;
	}
}

@media screen and (max-width: 776px) {
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.4em;
	}
	.headerlogo { 
		font-size: 2.5em;
		left: 25%;
	}
	.headerlogo2 { 
		font-size: 2.5em;
	}
	.topicbuttontxt {
		font-size: 1.6em;
	}
	.kalkriesediv table, .certaminadiv table {
		width: 90%;
	}
}

@media screen and (max-width: 1380px) { /* when background img is interfering w footer */
	footer {
		background: linear-gradient(rgba(90,52,1,0.1), rgba(90,52,1,0.70));
		/* background-color: rgba(90,52,1,0.40); */
	}
	.kalkriesediv table, .certaminadiv table {
		width: 350px;
	}
}

/* --- header, menue --- */
.headerlogo { /* front page */
	font-family:'adorn-condensed-sans';
	color: rgb(116, 67, 28);
	text-shadow: 2px 2px 5px silver;
	position: absolute;
	top: 15%;
	z-index: 14;
}
.headerlogo2 { /* all other pages */
	font-family:'adorn-condensed-sans';
	color: rgb(116, 67, 28);
	text-shadow: 2px 2px 5px silver;
	margin: 100px auto 0 auto;
	width: 80%;
	text-align: center;
	z-index: 14;
}
.topicbuttontxt {
	font-family: "GoudyMedieval";
	color: rgb(116, 67, 28);
	text-shadow: 2px 2px 1px silver;
	line-height: 0.944;
	z-index: 14;
}
.topicbuttontxt a {
	text-decoration: none;
	color: rgb(116, 67, 28);
}
.topicbuttontxt :hover {
	color: #9D080B;
	text-shadow: 2px 2px 5px #626262;
}
.scriptores {
	position: absolute;
	left: 22%;
	top: 37%;
}
.certamina {
	position: absolute;
	left: 32%;
	top: 50%;
}
.factaficta {
	position: absolute;
	left: 48%;
	top: 30%;
}
.aenigmata {
	position: absolute;
	left: 58%;
	top: 42%;
}
.operadisc {
	position: absolute;
	left: 25%;
	top: 61%;
}
.lumina {
	position: absolute;
	left: 65%;
	top: 68%;
}
.litora {
	position: absolute;
	left: 70%;
	top: 55%;
}
.pontes {
	position: absolute;
	left: 40%;
	top: 73%;
}
.submenu {
	text-align: center;
}
.submenu a, .headerlogo2 a {
	color: rgb(116, 67, 28);
}
.submenu :hover, .headerlogo2 :hover, h4 > a:hover, h5 > a:hover, li > a:hover, footer a:hover, footer2 a:hover, #tabs a:hover, .picturaediv a:hover, .aenigmatadiv a:hover, .factafictadiv a:hover, .certaminadiv a:hover, .caesardiv a:hover, .videndadiv a:hover, .liviusdiv a:hover, .pliniusdiv a:hover {
	color: #9D080B;
	text-shadow: 2px 2px 5px #626262;
}
.listscriptores {
	text-align: right;
	padding-right: 15%;
}



/* --- frames --- */

.container {
	margin: 0 auto;
	width: 100%;
	padding: 0;
}

/* -- background --  */
.frame0 {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 2500px;
	max-height: 1940px;
	background-image: url('../img/bg-img.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	z-index: -10;
}

/* -- frame top --  */
.frame1 {
	width: 80%;
	margin: 0 auto;
}

.main {
	margin: 100px auto 120px auto;
	width: 65%;
	
	z-index: 10;
}

/* --- details --- */

.imgscriptores {
	margin-top: -50px;
}
.luminadiv p, .picturaediv p, .litoradiv p {
	margin: 0;
}
.certaminadiv li {
	display: inline;
	margin-right: 3em;
}
.oviddiv li {
	display: block;
}
.oviddiv p {
	margin: 0;
}

.redborder {
	/*padding: 1em;
	border: 1px solid red;
	background-color: hsla(24,83%,77%,0.30); */
}


/* --- footer --- */

footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 15;
}
footer2 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 15;
}
footer p, footer2 p {
	font-size: 1.2em;
	color: rgb(116, 67, 28);
	text-shadow: 2px 2px 2px silver;
}
footer a, footer2 a {
	color: rgb(116, 67, 28);
}


/* --- lumina.php --- */
#tabs .luminaui li {
	display: inline;
	margin-right: 2em;
}
#tabs .ovidui li {
	display: block;
}