/* CSS Document */
html {
    font-size:100%; /* z�kladn� hodnota od n� se odv�jej� hodnoty p�sma s jednotkou "em", 100% = cca 16px */
    height: 100%;
}
body {
    background-color:#fff;
    margin:0;
    padding:0;
    font-family:'Open Sans', Helvetica, sans-serif;
    height: 100%;
    color: #ffffff;
    font-size: 0.875em;
}
.temporary-page{
    width:100%;
    height:100%;
    background: #61aed0;
    background: -moz-linear-gradient(top,  #61aed0 50%, #91d3ef 100%);
    background: -webkit-linear-gradient(top,  #61aed0 50%,#91d3ef 100%);
    background: linear-gradient(to bottom,  #61aed0 50%,#91d3ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61aed0', endColorstr='#91d3ef',GradientType=0 );
}
.message-center{
    width:100%;
    max-width: 59em;
    margin: 0 auto 0 auto;
    padding: 15em 3em 0 3em;
    box-sizing: border-box;
}
.message-content{
    box-sizing: border-box;
    padding: 1em 15em 1em 0em;
    position: relative;
    z-index: 1000;
    background:url(logo-blueghost.svg) right center no-repeat;
    background-size: 14em;
    text-align: right;
    display: block;
    text-decoration: none;
    color: #fff;
}
h1{
    font-weight: normal;
}

/* hp landscape */

div.temporary-landscape{
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute;
    bottom: 0;
}
div.temporary-landscape div.hp-landscape-layer{
    width:100%;
    height:400px;
    position:absolute;
    bottom:0;
    background-repeat: repeat-x;
    background-position: left bottom;
}
div.temporary-landscape div.layer-1{background-image:url(temporary-landscape-1.svg); z-index:40;}
div.temporary-landscape div.layer-2{background-image:url(temporary-landscape-2.svg); z-index:30;}
div.temporary-landscape div.layer-3{background-image:url(temporary-landscape-3.svg); z-index:20;}


/* hp landscape konec*/