*{margin:0;padding:0;text-decoration:none; outline:none;}
a{color:#FFA500;}
ul,ol{list-style-position: inside;}
h1{font-size:140%;margin:10px 0 10px 0;}
h2{font-size:125%;margin:12px 0 7px 0;}
h3{font-size:110%;margin:8px 0 3px 0;}
body{font-family:'Arial'; background-color:#efefef; text-align:justify; color: #d9d6d5; direction:ltr;}

body > header{border-bottom:5px solid #000;}
body > header > nav{position: fixed;height: 80px;top:0; left:0; right:0;background-image: url('/Files/Layout/EN-Banner.jpg');background-size:100% ;z-index:99; padding:0 5%;}
body > header > nav > a{float:right;overflow:hidden;}
body > header > nav > a > img{display:block;height:80px;}
body > header > nav > a > span{ display:none;}
body > header a:hover{color:#ff0;}
body > header > nav  > ul{height:80px;}
body > header > nav  > ul > li{list-style:none;display:inline-block;height:80px;line-height:80px;vertical-align:middle;margin:0 15px;}
body > header > nav  > ul > li a{color:#fff; font-weight:700;}
body > header > div{position:relative;z-index:9; text-align:center;}
body > header > div > a{position:absolute;top:30%;left:10%;color:#fff;font-size:3em;text-shadow:0 0 10px #000; display:block;}

body > header > div > span{position:absolute;bottom:0;left:0;right:0;padding-right:5%;text-align:right; z-index:9999; color:#fff; text-shadow:0 0 3px #000; font-size:1.2em;}
body > header > div > img{width:100%;display:block;}


#Album{text-align:center;margin-top:1em;}
#Album > a{display:inline-block;width:23%;padding:0.5%;margin:0.5%;background-color:rgba(0,0,0,0.4);box-shadow:0 0 4px #fff inset;}
#Album > a > img{display:block;width:100%;}


body > div{text-shadow:0 0 1px #000;}
body > div > section{padding:1em 5%;color: #d9d6d5; line-height:140%;}
body > div > section > section{padding:1em 0%;-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.3);box-shadow: 0 -1px 0 rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.3);}
body > footer{background: #222;text-align:center; padding:1em 10%;box-shadow: 0 -1px 0 rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.3);}


@media only screen and (min-width:1px) and (max-width: 800px)
{
    body > header > nav{position:inherit;background-image:none;padding:0; height:auto;}
    body > header > nav > a{display:block; float:none; width:100%; text-align:center; background-color:#fff;}
    body > header > nav > a img{display:inline-block;}
    body > header > nav  > ul{height:auto;}
    body > header > nav  > ul > li{list-style:none;display:inline-block;width:50%; box-shadow:0 0 1px #000 inset; margin:0; background-color:#333; text-align:center;}
    body > header > nav  > ul > li a{display:block;}
    body > header > div{position:inherit;}
    body > header > div > a,body > header > div > span{display:none;}
    
    #Album > a{width:48%;}
    body > div > section{padding:1em 2%;}
}