@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic');

body {
	background-color: #3a96e2;
}

p, ul, table{
    font-family: 'Open Sans', sans-serif;
    color:#1a3672;
    margin: 1em 3em 1em 3em;
    line-height: 1.5;
}

table{
    width: 80%;
    margin: auto;
    text-align: center;
    border: 0 solid #1a3672;
}

tr:hover td{
  background-color: #3a96e2;
}

th, td {
    padding: 0.5em 1em 0.5em 1em;
    border-top: 2px solid #1a3672;
}

.date{
    text-decoration: underline;
    margin: 1.5em;
}

a{
    font-family: 'Open Sans', sans-serif;
    color:#3a96e2;
    font-size: 1.25em;
    text-decoration: none;
}

a:hover{
    color:#1a3672;
    font-size: 1.25em;
    text-decoration: underline;
}

.topheader{
  margin: auto;
width: 80%;
background-color: #3a96e2;
  position : relative;
color:#ffffff;
  height : 130px;
  border-radius: 0;
}

.header{
    margin: auto;
    width: 80%;
    background-color: #a9dafc;
    position : relative;
    color:#3a96e2;
    height : 150px;
    border-radius: 5px;
}


.header2{
    margin: auto;
    width: 80%;
    background-color: #a9dafc;
    position : relative;
    color:#3a96e2;
    height : 120px;
    border-radius: 5px;
}

.logo{
    position : absolute;
    left : 0;
    top : 0;
    width: 20%;
    margin-left: 3%;
}

.logo img{
    height: 120px;
    margin: 10px;
}

.logo2 img{
    margin: 34px 0px 0px 30px;
}

.topheader .logo img{
  height: 90px;
  margin: 40px;
}

.sitename{
    text-align: left;
    width: 80%;
    font-family: 'Open Sans', sans-serif;
    position : absolute;
    right : 0;
    top : 0;
    margin-top: 4%;
}

.sitename2{
    text-align: left;
    width: 80%;
    font-family: 'Open Sans', sans-serif;
    position : absolute;
    right : 0;
    top : 0;
    margin-top: 25px;
}

h1{
    font-size: 2em;
    color:#3a96e2;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    margin-bottom: .3em;
}
.topheader h1{
    font-size: 2em;
    color:#ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    margin-bottom: .3em;
}

h2{
    font-size: 1.2em;
    margin-bottom: .6em;
    color:#3a96e2;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
h3{
  font-size: .9em;
  font-weight: 200;
}

.nav{
    margin: auto;
	width: 80%;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    text-align: center;
    background-color: #3a96e2;
    padding: 0%;
}

.nav li{
    margin: 1%;
	display: inline;
}

.nav li a{
	text-decoration: none;
    color:#a9dafc;
}

.nav li a:hover{
    color:#4aa6e8;
	text-decoration: underline;
}

.main{
    margin: auto;
	width: 80%;
	background-color: #a9dafc;
    border-radius: 10px;
    padding: 1.5em 0 1.5em 0;
}

.main img{
    width: 500px;
    margin: 1em 1em 1em 3em;
    float: left;
}

.main h2{
    margin: 1em;
    color:#1a3672;
}

.footer{
    margin: auto;
	width: 80%;
	background-color: #a9dafc;
    border-radius: 10px;
    padding: 1.5em 0 1.5em 0;
    text-align: center;
}