body{
	background: url(/images/2bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/2bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/2bg.jpg', sizingMethod='scale')";
}


.content{
	position: relative;
	margin:auto;
	width: 1022px;
	height: 819px;
	font-size: 40px;
	border: 1px solid transparent;
}
.content.b{
	/*background: url("/images/1bg.jpg") no-repeat;*/
}

a{
	color: #ffffff;
	display:block;
	width: 100%;
	height: 100%;
}

a:hover{
	text-decoration: none;
	color: #ffffff;
}

div.dates-big{
  font-family: "Times New Roman" ;
	margin:550px auto;
	font-size: 28px;
  font-style: italic;
	padding: 0px;
	width: 300px;
  font-weight: 600
}

div.dates-big ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #ffffff;
}


div.dates-big ul li{
	border-bottom: 1px solid #ffffff;
	padding: 10px;
	margin: 15px 0px;
	text-align: center
}



div.dates-small{
	position: absolute;
	bottom: 100px;
	right: 10px;
	font-size: 24px;
	padding: 0px;
	width: 200px;
}

div.dates-small ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #ffffff;
}


div.dates-small ul li{
	border-bottom: 1px solid #ffffff;
	padding: 10px;
	margin: 15px 0px;
	text-align: center;
	font-family: "Times New Roman"
}

.article{
	margin: 200px auto 0px auto;
	width: 474px;
	height: 419px;
	overflow-y: scroll;
	background: #ffffff;
	padding: 10px;
}



.einstein{position:absolute; z-index: 100; top:90px; left: -30px; color: #000000;font-size: 18px;font-family: "Times New Roman"; line-height: 30px;font-weight: 600;}
.platon{position:absolute; z-index: 100; bottom: 80px; right: 10px; text-align: right; color: #ffffff;font-size: 18px;font-family: "Times New Roman"; line-height: 30px;font-weight: 600}

.element-animation{
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}