@font-face
{
 font-family: "Europe";
 src: url("13129.ttf");
}

html
{
 font-family: Verdana;
 font-weight: bold;
 font-style: italic;
 background-color: black;
 background-repeat: no-repeat;
 height: 100%;
}

body
{
 background-repeat: no-repeat;
 margin: 0 0;
 color: white;
 text-shadow: 3px 3px 3px #111111;
}

.symbol
{
 background-repeat: no-repeat;
 min-height: 100%;
}

.symbol2
{
 background-repeat: no-repeat;
 min-height: 100%;
}

.header
{
 width: 40%;
 float: right;
 margin-top: 2em;
 left: -10em;
 position: relative;
 text-align: right;
}

.header h1
{
 margin: 0 0 0.2em 0;
 font-family: "Europe", Verdana;
}

.header p
{
 margin: 0 0;
}

.hrono
{
 left: -10em;
 position: relative;
 text-align: right;
 margin-top: 3em;
 float: right;
 width: 35%;
 font-size: 1em;
}

.hrono_time
{
 background-color: #000000;
 padding: 0.3em;
 display: inline;
 font-size: 0.85em;
}

.hrono_block
{
 margin: 0 0 2.5em 0;
}

.hrono_time span
{
 font-size: 1.3em;
}

.hrono_title
{
 font-size: 1.5em;
 margin-top: 0.1em;
 font-family: "Europe", Verdana;
 display: inline;
 cursor: pointer;
}

.hrono_title a
{
 color: white;
 text-decoration: none;
}

.hrono_title a:hover
{
 
}

.hrono_subtitle
{
 font-size: 0.85em;
 font-weight: normal;
}

.logos
{
 margin-top: 4em;
 margin-right: 2%;
 float: right;
 width: 52%;
}

.logos img
{
 width: 100%;
 border: none;
}

.content
{
 width: 60%;
 padding-left: 5%;
 font-size: 1em;
 position: absolute;
 font-style: normal;
 font-weight: normal;
 padding-bottom: 5em;
}

.content h1
{
 font-size: 2.3em;
}

.content h2
{
 margin-bottom: 0.3em;
 margin-top: 1.3em;
 font-size: 1.3em;
}

.content a
{
 color: white;
}

.content a:hover
{
 text-decoration: none;
}

.counter
{
 width: 31px;
 height: 31px;
 position: fixed;
 left: 0;
 bottom: 0;
}