*, *:before, *:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body,html{
    height:100%;
    min-height:660px;
    max-height:900px;
}
#header{
    height:20%;
    background: repeat-x left bottom #1b4278 url("../img/new/header_center.png");
    max-height:140px;
    text-align: right;
    min-width: 283px;
    font-size: 120%;
}
#content{
    height:70%;
}
#footer{
    height: 10%;
}

#content .content{
    height:50%;
}

*:focus{border: 0 none; outline: 0 none;}
body{ background: #7f95b3; margin: 0; padding: 0; color: #fff; font: 80% Tahoma, sans-serif;}

a, a:active, a:visited{ color: #fff; text-decoration: none;}
a:hover, a:focus{ text-decoration: underline; }
p{ margin: 10px 0; }
ul{list-style: none; margin: 0; padding: 0;}
.clear{ clear: both; }
.f_left{ float: left; }
.f_right{ float: right; }

#content,#footer{visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button { cursor: pointer; margin: 0; padding: 0; display: inline-block; background: transparent; border: 0 none; position:relative; text-align:center;}
button img{ display: none; }
button img.visible{ display: inline-block; height:100%;}
.hidden{visibility: hidden;}

#header_left{ background: no-repeat left bottom transparent url("../img/new/header_left.png"); height:100%; padding: 40px 0 0 0; margin: 0 0 0 0; }
#header_right{ background: no-repeat right bottom transparent url("../img/new/header_right.png"); height:100%; padding: 0 0 20px 0; margin: 0 0 0 0; }
#header .content{ margin: 0 1%; }
#logo{ display:block; float:left; max-width:250px; }
#header .content div{ clear:both; }
.slogan {display: block; float:right; max-width: 250px; clear: both; text-align: right;}
.lang_en{display:none; }
.content{position:relative;}
.button_list{ text-align: left; height:100%}
.button_item{ position: relative;
    display:block;
    width:20%;
    text-align:center;
    float:left;
    padding:1%;
    height:100%;
}
.button_item button{
    position: absolute;
    top:40%;
    left:0;
    z-index:10;
    height:50%;
    width:100%;
}
.button_item .label{
    font:bold 17px Tahoma, sans-serif;
    text-shadow: 0px 1px #444;
    letter-spacing: 0.05em;
    text-align:center;
    height:10%;
    position:absolute;
    top:85%;
    left:0;
    width:100%;
}

.button_item .label.highlight { color: #1B4278; text-shadow: 0 0;}
.button_item .help.box{
    text-align: left;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    font-size:76%;
    background-color: #1B4278;
    border-radius: 15px;
    padding: 5%;
    position: relative;
    z-index: 10;
    box-shadow: inset 0px 0px 22px -10px #fff;
    letter-spacing: 0.05em;
}
.button_item .help.ruler {
    position: absolute;
    height: 30%;
    width: 5px;
    background-color: #1B4278;
    top: 20%;
    left: 50%;
    z-index: 1;
}
.hr{
    position:absolute;
    z-index:1;
    width:90%;
    height:1px;
    background-color:#ccc;
    top:20%;
    left:5%;
}
.button_item .help {visibility:hidden; }
.button_item .help.visible{visibility: visible; }
.button_item.last{margin-bottom: 20px;}

#footer .line{text-shadow: 0px 1px #444; text-align: center; display: inline-block; width:90%; padding: 0 0 0 10%; vertical-align:bottom;}
#footer .line span{font-size:90%; display:inline-block;}
#footer .line a{font-size: 120%;}
#footer .line sup {font-size: 90%;vertical-align: top;}
#footer button{display: inline-block; height:100%; width:9%;}

#footer button img{
    width:auto;
    height:100%;
}

#mtz_logo{margin: 0 auto; display:block; height:100%;}

#content, #footer{
    padding: 10px 1%;
    margin: auto;
    min-width:960px;
    max-width: 1210px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#header{
    min-width:960px;
}

.label.BSM{
    text-align: left;
    margin-left: 31%;
    width: 50%;
}

@media screen and (min-height:700px) and (min-width:1060px){
    .button_item .help.box{
        font-size:97%;
    }
    .button_item .label{
        font-size: 20px;
    }

    .label.BSM{
        margin-left:35%;
    }
}