body,
html {
    height: 100%
}

body {
    font-family: Open Sans, sans-serif, Verdana, Arial;
    padding: 0;
    margin: 0;
    background: #f7f7f7;
    -webkit-font-smoothing: antialiased
}

img {
    display: block
}

@font-face {
    font-family: PTSansRegular;
    src: url(../img/PTSansRegular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PTSansBold;
    src: url(../img/PTSansBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PTSansItalic;
    src: url(../img/PTSansItalic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "PTSerifCaption";
    src: url(../img/PTSerifCaption.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MeteoconsRegular;
    src: url(../img/meteocons-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

a img {
    border: 0
}

a {
    color: #6fbaff
}

::-ms-clear {
    display: none
}

.content {
    overflow: auto
}

.content {
    clear: both;
    width: 970px;
    margin: 0 auto
}

a {
    outline: medium none
}

@font-face {
    font-family: futurademicregular;
    src: url(../img/futurademic-webfont.eot);
    src: url(../img/futurademic-webfont.eot) format("embedded-opentype"), url(../img/futurademic-webfont.woff) format("woff"), url(../img/futurademic-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: HelveticaB;
    src: url(../img/HelveticaNeueCyr-Medium.otf)
}

@font-face {
    font-family: HelveticaR;
    src: url(../img/HelveticaNeueCyr-Roman.otf)
}

#logo {
    position: absolute;
    top: 0;
    left: 0
}