<!DOCTYPE html>
<html lang="hu">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">
    <title>ASP hibaüzenet</title>
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&amp;subset=latin,cyrillic-ext,latin-ext" rel="stylesheet" type="text/css">
</head>

<style>
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    a {
        text-decoration: none;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block;
    }
    
    .btn-group-vertical>.btn-group:after,
    .btn-group-vertical>.btn-group:before,
    .btn-toolbar:after,
    .btn-toolbar:before,
    .clearfix:after,
    .clearfix:before,
    .container-fluid:after,
    .container-fluid:before,
    .container:after,
    .container:before,
    .dl-horizontal dd:after,
    .dl-horizontal dd:before,
    .form-horizontal .form-group:after,
    .form-horizontal .form-group:before,
    .modal-footer:after,
    .modal-footer:before,
    .nav:after,
    .nav:before,
    .navbar-collapse:after,
    .navbar-collapse:before,
    .navbar-header:after,
    .navbar-header:before,
    .navbar:after,
    .navbar:before,
    .pager:after,
    .pager:before,
    .panel-body:after,
    .panel-body:before,
    .row:after,
    .row:before {
        display: table;
        content: " ";
    }
    
    :after,
    :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .clearfix:after,
    .dl-horizontal dd:after,
    .container:after,
    .container-fluid:after,
    .row:after,
    .form-horizontal .form-group:after,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:after,
    .nav:after,
    .navbar:after,
    .navbar-header:after,
    .navbar-collapse:after,
    .pager:after,
    .panel-body:after,
    .modal-footer:after {
        clear: both;
    }
    
    .clearfix:before,
    .clearfix:after,
    .dl-horizontal dd:before,
    .dl-horizontal dd:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after,
    .nav:before,
    .nav:after,
    .navbar:before,
    .navbar:after,
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }
    
    body {
        margin: 0;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
    }
    
    .maintance .navbar-inverse {
        position: relative;
        margin: 0;
        background-color: #f2f2f2;
        border: none;
        display: block;
    }
    
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        font-size: 22px;
        margin: -20px 60px 0 0;
        color: #1d1d1b;
        line-height: 29px;
        font-weight: 600;
    }
    
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
    }
    
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
    
    .navbar-header {
        float: left;
    }
    
    .navbar-header {
        float: left;
    }
    
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    
    .col-lg-6 {
        width: 50%;
        float: left;
    }
    
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .container-fluid.orangebgr {
        background: #f15736;
    }
    
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
    
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .col-lg-12 {
        width: 100%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .subnav h4 {
        font-size: 21px;
        color: #fff;
        margin: 0;
        line-height: 18px;
    }
    
    h4,
    h5,
    h6 {
        font-weight: 500;
    }
    
    .maintance .container-fluid.bgrImage {
        background: #edf3fb;
        padding-bottom: 40px;
        min-height: 100%;
    }
    
    .transparentBgr {
        margin: 0 auto;
        border: 1px solid #f15736;
        padding: 10px 30px;
        background: rgba(255, 255, 255, 0.8);
        margin-top: 40px;
        border-radius: 10px;
        width: 80%;
    }
    
    .maintance .lead {
        color: #453554;
        font-weight: bold;
        font-size: 16px;
    }
    
    @media (min-width: 1200px) {
        .transparentBgr {
            width: 40%;
        }
    }
    
    .text-uppercase {
        text-transform: uppercase;
    }
    
    .text-center {
        text-align: center;
    }
    
    .margintop {
        margin-top: 20px;
    }
    
    .paddingtop {
        padding-top: 20px;
    }
    
    .paddingbot {
        padding-bottom: 20px;
    }

</style>

<body class="maintance">
    <!-- NAVIGATION -->
    <nav class="navbar navbar-inverse navbar-fixed-top topnavHeight" role="navigation">
        <div class="container-fluid paddingtop paddingbot">
            <!-- MOBILE NAVIGATION -->
            <div class="navbar-header"></div>
        </div>
        <div class="container-fluid orangebgr margintop paddingtop paddingbot">
            <div class="container">
                <div class="row subnav">
                    <div class="col-lg-12">
                        <div class="row">
                            <!-- BUTTONS -->
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                                <h4 class="text-uppercase">karbantartás</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <!-- CONTENT -->
    <main role="main">
        <div class="container-fluid">
            <div class="container">
                <div class="row">
                    <!-- main area -->
                    <div class="col-lg-12">
                        <div class="transparentBgr maintance">
                            <h1 class="text-uppercase text-center marginremove orange-icon"><i class="fa fa-cogs"></i></h1>
                            <p class="lead margintop">
                                Tisztelt Felhasználó!
                            </p>

                            <p class="lead">
                                A keresett oldal jelenleg nem elérhető. Kérjük látogasson vissza később.
                            </p>

                            <p class="lead">
                                Szíves megértését és türelmét köszönjük.
                            </p>
                        </div>
                    </div>
                    <!-- main -->
                </div>
            </div>
        </div>
    </main>

</body>

</html>
