body {
    min-height: 100%;
    padding: 0;
    margin: 0;
    color: #000;
    background-color: #800000;
    font-family: "Times New Roman", Times, Serif;
    font-size: 18px;
    line-height: 1.2;
}

div {
    position: relative;
    display: inline-block;
    text-align: center;
}

a {
    display: inline-block;
    color: #fff;
}

a, a:active, a:visited {
    color: #fff;
}

a:hover {
    color: #f00;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.wrapper-header, .wrapper-mid {
    margin: 0;
    width: 100%;
}

.wrapper-header-inner, .wrapper-mid-inner {
    display: block;
    max-width: 800px;
    min-height: 100%;
    margin: 0 auto;
}

.wrapper-header-inner > div, .wrapper-mid-inner > div {
    display: block;
    width: 100%;
}

.wrapper-header {
    background-color: #c0c0c0;
}

.wrapper-mid {
    background-color: #800000;
    color: #fff;
}

.header {
    height: 50px;
    text-align: center;
}

.header span {
    display: inline-block;
    width: 100%;
    margin-top: 8px;
    font-size: 22px;
    text-decoration: underline;
    font-weight: bold;
    letter-spacing: 0.08em;
    color: #800000;
    word-wrap: break-word;
}

.header, .top { background-color: #c0c0c0; }
.mid, .bottom { float: left; background-color: #800000; }

.text-1 { font-size: 28px; }
.text-3 { margin-top: 10px; }
.text-2, .text-3 { font-size: 26px; }
.text-1, .text-2, .text-3 { display: inline-block; font-weight: bold; }

.top-left, .top-mid, .top-right, .mid-left, .mid-right, .bottom-left, .bottom-right { float: left; }

.top-left { width: 40%; margin-top: 10px; }
.top-mid { width: 20%; }
.top-mid img { width: 100px; }
.top-right { width: 40%; margin-top: 10px; }
.top-right a { font-size: 16px; font-style: italic; color: #000; }
.top-right a:visited, .top-right a:active { color: #000; }
.top-right a:hover { color: #f00; }
.top-right span { display: inline-block; width: 200px; margin-top: 30px; font-size: 22px; font-weight: bold; font-style: italic; }

.mid-left { width: 50%; color: #fff; }
.mid-left-inner { text-align: left; margin: 12px 0 0 5px; }
.mid-right { width: 50%; }
.mid-right-inner { float: right; padding-top: 60px; }

.bottom-left { width: 50%; color: #fff; }
.bottom-left-inner { text-align: left; margin: 0 0 5px 5px; }
.bottom-right { width: 50%; padding: 0; }
.bottom-right .link { float: right; margin-top: 60px; margin-right: 30px; font-size: 20px; font-style: italic; }
.bottom-left-inner a { margin-top: 10px; font-style: italic; }
.bottom-right-top { width: 100%; }
.bottom-right-bottom { width: 100%; margin-top: 30px; }
.bottom-right-bottom-right { float: left;; width: 50%; }
.bottom-right-bottom-left { float: left; width: 200px; height: 100px; }

.mid-left-inner li, .bottom-left-inner li { margin-bottom: 15px; }

.image1 { width: 40%;  }
.image2 { width: 30%; margin-left: 20px; }
.slogan { display: inline-block; width: 100%; margin-bottom: 10px; font-size: 24px; font-weight: bold; font-style: italic; }
.examine { font-size: 26px; font-weight: bold; font-style: italic; }
.phone1, .phone2 { display: inline-block; margin-top: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 24px; font-weight: bold; text-decoration: underline; font-style: normal; }
.red { position: absolute; bottom: 40px; left: 1px; width: 130px; padding: 0 30px; font-size: 20px; font-weight: bold; font-style: italic; z-index: 2; }
.red2 { position: absolute; bottom: 15px; left: 5px; width: 130px; padding: 0 30px; font-size: 20px; font-weight: bold; font-style: italic; z-index: 2; background-color:rgba(128, 0, 0, 0.5); }
.arrow { position: relative; width: 200px; z-index: 1; }
div.akcio { display: none; padding: 10px 0; background-color: #fff; color: #f00; font-weight: bold; font-style: italic; }
.center { width: 100%; text-align: center; }

@media screen and (max-width: 980px) {
    .top, .mid, .bottom { float: left; }
    .header { height: auto; }
    .top-right, .mid-right, .bottom-right { margin-bottom: 20px; }
    .bottom-left-inner a { margin-top: 20px; margin-bottom: 20px; }
    .bottom-right-bottom-left { float: none; }
    .slogan { margin-bottom: 20px; }
    .top-left, .top-mid, .top-right, .mid-left, .mid-right, .bottom-left, .bottom-right, .bottom-right-bottom-right { width: 100%; }
    .examine, .phone1, .phone2 { width: 100%; }
    .bottom-right .link { float: none; margin-top: 20px; }
    .mid-right-inner { padding-top: 10px; }
}