body {
	margin: 0;
	background-color: #ED1D24;
	font-family: Garamond;
}
.logo {
	position:absolute;
	width: 100%;
	text-align: center;
	margin-top:150px;
}

h1 {
  font-size: 110%;
}

h4 {
	font-size: 105%;
}

h2 {
	font-size: 105%;
}

.red {
	color:  #ED1D24
}

.bb {
	font-weight: bold;
}

.menu {
	position:absolute;
	margin-top:240px;
	width: 100%;
	text-align: center;
}

a.menu_a {
	text-decoration: none;
	color: black;
	font-style:italic;
	font-size:17px;

}

.menu_b {
	text-decoration: none;
	color: #ED1D24;
	font-style:italic;
	font-size:17px;
}

.annot {
	position:absolute;
	margin-top:330px;
	left: 15%;
	width: 70%;
	font-size: 16px;
}

.authors {
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
}

.stratego {
	position: absolute;
	margin-top: 20px;
	margin-left: 426px;
}

.footer {
	position: absolute;
	bottom:1%;
	width: 100%;
	text-align: center;
	color: #ED1D24;
	font-size: 12px;
	font-weight: bold;
}

.telo {
	 position: absolute;
	 width: 612px;
	 height: 612px;
	 left: 50%;
	 top: 50%;
	 margin-left: -306px;
	 margin-top: -306px;
	 border: solid 1px black;
	 padding: 0px;
	 overflow: auto;
	 background-color: white;
}

.vrez {
  background-color:  #ffe8e9;
  padding: 10px;
  border: solid 1px black;
  font-size: 14px;
}