@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');
html * {max-height: 1000000px}

a {color: #c0b134; cursor: hand; text-decoration: none}
a:hover {text-decoration: underline}
body {background: #fff; border: 0px; color: #000; font-family: PT Sans Narrow, Arial Narrow, sans-serif; font-size: 13pt; margin: 0px; padding: 0px; text-align: justify; text-indent: 1.5em}
h3 {font-size: 14pt; margin: 0px; text-indent: 0em; text-transform: uppercase}
h4 {color: #999; font-size: 13pt; font-weight: normal; margin: 0px; text-indent: 0em; text-transform: uppercase}
input, textarea {border: solid 1px #999; font-family: PT Sans Narrow, Arial Narrow; font-size: 13pt}
ol, ul {border: 0px; list-style-position: inside; margin: 0px; padding: 0px 10px; text-indent: 1em}
p {margin: 5px 0px}
table {border-collapse: collapse; margin: 10px 0px; width: 100%}
td {border: solid 1px #f4f2df; padding: 10px 5px; text-indent: 0em}
td p {margin: 5px 0px; text-align: justify}
td p strong {color: #999; font-weight: normal; text-transform: uppercase}

.center {text-align: center}
.new {color: #f00; font-weight: bold; margin-bottom: 15px; text-align: center; text-transform: uppercase}
.notice {background: #f4f2df; border-top: solid 2px #d6cd81; display: block; margin: 0px 0px 10px 0px; padding: 5px; text-indent: 0em}
.note {color: #999; font-size: 12pt; text-align: left}
.order {background: #f4f2df; color: #c0b134; cursor: hand; display: block; border: solid 1px #d6cd81; font-size: 14pt; font-weight: bold; padding: 2px; text-transform: uppercase}
.order:hover {background: #c0b134; color: #fff; cursor: hand; text-decoration: none}

#footer {background: url(img/footer.png) center no-repeat; height: 120px; margin: 0px; padding: 0px}
#footer p {display: none}
#footer span {display: block; float: left; height: 50px; margin: 10px 0px 0px 130px; width: 225px}
#header {background: url(img/header.png) center no-repeat; height: 170px; margin: 0px; padding: 0px}
#header h1 {display: none}
#header span {display: block; float: left; height: 120px; margin: 30px 50px 0px 50px; width: 900px}
#maintext {margin: 30px 90px 0px 90px}
#maintext h2 {display: none}
#maintext img {border: solid 1px #999; height: 475px; margin: 10px; width: 700px}
#maintext img.cover {border: 0px; height: 200px; margin: 0px; width: 155px}
#maintext img.cover_big {border: 0px; height: 400px; margin: 10px; width: 310px}
#maintext img.cover_big_horiz {border: 0px; height: 300px; margin: 10px; width: 400px}
#maintext img.ourmetro {border: solid 1px #999; height: 293px; margin: 10px; width: 700px}
#maintext img.short {height: 475px; width: 330px}

#menu {background: url(img/menu_line.png) center no-repeat; height: 26px; margin: 0px; padding: 0px 86px 0px 188px}
#menu li a, #menu li a em, #menu li strong {display: block; float: right; height: 26px; width: 155px}
#menu li a span, #menu li strong span {display: none}
#menu ul {list-style-type: none; margin: 0px; padding: 0px}
#page {background: url(img/background.png) center repeat-y; margin: 0px auto; width: 1000px}

li#menu01 a, li#menu01 a em {background: url(img/menu01.png) center no-repeat}
li#menu01 a:hover, li#menu01 a:hover em {background: url(img/menu11.png) center no-repeat}
li#menu01 strong {background: url(img/menu11.png) center no-repeat}
li#menu02 a, li#menu02 a em {background: url(img/menu02.png) center no-repeat}
li#menu02 a:hover, li#menu02 a:hover em {background: url(img/menu12.png) center no-repeat}
li#menu02 strong {background: url(img/menu12.png) center no-repeat}