/*@font-face {
    font-family: "Helvetica";
    src: url("fonts/helvetica.ttf");
}

@font-face {
    font-family: "Glasten";
    src: url("fonts/Glasten.ttf");
}*/

@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700&subset=latin,cyrillic);

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

body {
	background-color: #3a96e2;
}

p, ul, table{
    font-family: Merriweather;
    color: #1a3672;
    margin: 1em 3em 1em 3em;
    line-height: 1.5;
}

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

tr:hover td{
    transition: .3s;
    background-color: #5eaef0;
}

td:first-child{
    width: 3%;
    background-color: #3a96e2;
    border-right: 2px solid #1a3672;
}

tr:first-child{
    background-color: #3a96e2;
}

tr:first-child td{
    background-color: #3a96e2;
    border-top: 0;
}



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

.date{
    font-family: Open Sans;
    color: #a9dafc;
    background-color: rgba(26, 54, 114, 0.76);
    border-radius: 3px;
    width: 20.7%;
    padding-left: 3px;
    padding-right: 3px;
}

a{
    font-family: Merriweather;
    color: #2854b4;
    text-decoration: none;
}

a:hover{
    transition: .3s;
    color: #3a96e2;
}

.header{
    margin: auto;
    margin-top: 20px;
	width: 80%;
	background-color: #a9dafc;
    position : relative;
	color:#3a96e2;
    height : 170px;
    border-radius: 3px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}



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

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

.sitename{
    text-align: center;
    width: 80%;
    font-family: Alexander;
    position : absolute;
    right : 0;
    top : 0;
    margin-top: 4%;
}

h1{
    font-size: 2em;
    color:#3a96e2;
    font-family: Open Sans;
    font-weight: 700;
}

h2{
    font-size: 1.5em;
    color:#3a96e2;
    font-family: Open Sans;
    font-weight: 700;
}

.nav{
    margin: auto;
    width: 85%;
    text-align: center;
    background-color: transparent;
    padding: 1%;
}

.nav li{
    
	display: inline;
}

.nav li a{
	text-decoration: none;
    color:#a9dafc;
    font-family: Open Sans;
    margin: 6px;
    padding: 6px;
    font-size: 20px;
    border-radius: 3px;
}

.nav li a:hover{
    color: #f0f5f8;
    transition: .3s;
    font-size: 20px;
    box-shadow: 0 6px 28px rgba(0,0,0,0.25), 0 7px 10px rgba(0,0,0,0.22);
}

.main{
    margin: auto;
	width: 80%;
	background-color: #a9dafc;
    border-radius: 3px;
    padding: 1.5em 0 1.5em 0;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

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

.footer{
    margin: auto;
	width: 80%;
	background-color: #a9dafc;
    border-radius: 3px;
    padding: 1.5em 0 1.5em 0;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}