@font-face {font-family: armata; src: url('armata.ttf'), url('armata.eot');}

@media screen and (min-width: 901px) {

body {background: #fff; margin: 0; padding: 0; font-size: 15px; font-family: "armata", sans-serif;}

a:link {text-decoration: none; color: #00a; text-transform: uppercase;}
a:visited {text-decoration: none; color: #00a; text-transform: uppercase;}
a:hover {text-decoration: none; color: #fff; background: #448;}
a.external {background-image: url('exlink.gif'); background-repeat: no-repeat; background-attachment: scroll; padding-left: 14px; background-position: left;}

h1 {font-family: "armata"; font-size: 70px; font-weight: normal; color: #000; letter-spacing: 20px; margin: 0; padding: 0;}
h2 {font-family: "armata"; font-size: 34px; font-weight: normal; color: #060; letter-spacing: 1px; margin: 5px 0 20px 0; padding: 0;}
h3 {font-family: "armata"; font-size: 25px; font-weight: normal; color: #060; margin: 0 0 10px 0; padding: 0;}
h4 {font-family: "armata"; font-size: 20px; font-weight: normal; color: #060; margin: 0 0 20px 0; padding: 0;}
h5 {font-family: "armata"; font-size: 16px; font-weight: normal; color: #060; margin: 0 0 10px 0; padding: 0;}

p {color: #000; margin: 0 0 20px 0; padding: 0; line-height: 150%;}
p span {color: #d00; font-weight: bold;}
p.small {font-size: 12px;}
p.small2 {font-size: 12px; margin-left: 40px; margin-right: 40px;}
p.blockquote {margin-left: 40px; margin-right: 40px;}
p.note {padding: 0; padding-left: 10px; margin-left: 30px; margin-right: 30px; border-left: #aaa 1px solid; font-size: 13px;}
p.note2 {padding: 0; padding-left: 10px; margin-left: 30px; margin-right: 30px; font-size: 13px;}
p.egyeni {font-size: 16px;}
p.years {text-align: center}

strong {color: #000;}

ul {list-style-type: none; padding: 0; margin: 0 0 15px;}
ul.nyelvek {list-style-type: none; padding: 0; margin: 0 0 15px; font-size: 11px;}
li {background: url(list-blue.gif) no-repeat 0px; padding-left: 15px;}
li span {color: #d00; font-weight: bold;}

img {border-left: #000 1px solid; border-bottom: #000 1px solid; border-right: #ccc 1px solid; border-top: #ccc 1px solid; padding: 3px; margin-right: 15px;}
img.remasters {border: none}
img.ten {border: none; max-width: 100%;}
img.fifteen {max-width: 100%;}

table {width: 100%; font-size: 12px; margin-left: 40px;}
td {width: 50%;}
table.list {width: 50%; font-size: 14px; margin: 0;}

#container {width: 800px; margin: 0; margin-left: auto; margin-right: auto; padding: 0;}

#head {padding: 0; margin-bottom: 10px; text-align: left;}
#head p {margin: 0; padding: 0 0 10px; line-height: 150%; font-weight: normal; border-bottom: #000 1px solid; letter-spacing: 3px; font-size: 16px; color: #000; text-transform: uppercase;}
#head a:link {color: #000; text-decoration: none; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}
#head a:visited {color: #000; text-decoration: none; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}
#head a:hover {text-decoration: none; color: #000; background: #fff; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}

#content {float: left; width: 620px; text-align: left; margin: 0; padding: 0;}

div.left {float: left; width: 50%; text-align: left; margin: 0; padding: 0;}
div.right {float: right; width: 50%; text-align: left; margin: 0; padding: 0;}

#menu {padding: 5px 0; margin-left: 650px; text-align: center;}
#menu ul {list-style-type: none; padding: 0; margin: 0 0 15px;}
#menu li {background: none; padding-left: 10px;}
#menu a {display: block; padding: 1px; width: 135px; text-transform: none;}
#menu a:link {color: #000; text-decoration: none;}
#menu a:visited {color: #000; text-decoration: none;}
#menu a:hover {background: #448; color: #fff;}
#menu img {border: none; padding: 0; margin: 0;}
#menu p.extra {text-align: center;}

#foot {clear: both; padding: 0; margin: 20px 0 140px; text-align: left;}
#foot p.small {font-size: 10px; color: #888;}
#foot p.note3 {font-size: 11px; color: #444;}
}

@media screen
and (min-width: 731px)
and (max-width: 900px) {
	
body {background: #fff; margin: 0; padding: 0; font-size: 13px; font-family: "armata", sans-serif;}

a:link {text-decoration: none; color: #00a;}
a:visited {text-decoration: none; color: #00a;}
a:hover {text-decoration: none; color: #fff; background: #448;}
a.external {background-image: url('exlink.gif'); background-repeat: no-repeat; background-attachment: scroll; padding-left: 14px; background-position: left;}

h1 {font-family: "armata"; font-size: 60px; font-weight: normal; color: #000; letter-spacing: 16px; margin: 0; padding: 0;}
h2 {font-family: "armata"; font-size: 26px; font-weight: normal; color: #060; letter-spacing: 1px; margin: 5px 0 20px 0; padding: 0;}
h3 {font-family: "armata"; font-size: 18px; font-weight: normal; color: #050; margin: 0 0 10px 0; padding: 0;}
h4 {font-family: "armata"; font-size: 15px; font-weight: normal; color: #050; margin: 0 0 20px 0; padding: 0;}
h5 {font-family: "armata"; font-size: 14px; font-weight: normal; color: #050; margin: 0 0 10px 0; padding: 0;}

p {color: #000; margin: 0 0 20px 0; padding: 0; line-height: 150%;}
p span {color: #d00; font-weight: bold;}
p.small {font-size: 11px;}
p.small2 {font-size: 11px; margin-left: 40px; margin-right: 40px;}
p.blockquote {margin-left: 40px; margin-right: 40px;}
p.note {padding: 0; padding-left: 10px; margin-left: 20px; margin-right: 20px; border-left: #aaa 1px solid; font-size: 11px;}
p.note2 {padding: 0; padding-left: 10px; margin-left: 20px; margin-right: 20px; font-size: 11px;}
p.egyeni {font-size: 14px;}
p.years {text-align: center}

strong {color: #000;}

ul {list-style-type: none; padding: 0; margin: 0 0 15px;}
ul.nyelvek {list-style-type: none; padding: 0; margin: 0 0 15px; font-size: 10px;}
li {background: url(list-blue.gif) no-repeat 0px; padding-left: 15px;}
li span {color: #d00; font-weight: bold;}

img {border-left: #000 1px solid; border-bottom: #000 1px solid; border-right: #ccc 1px solid; border-top: #ccc 1px solid; padding: 3px; margin-right: 15px;}
img.remasters {border: none}
img.ten {border: none; max-width: 100%;}
img.fifteen {max-width: 100%;}

table {width: 100%; font-size: 11px; margin-left: 20px;}
td {width: 50%;}
table.list {width: 55%; font-size: 12px; margin: 0;}

#container {width: 700px; margin: 0; margin-left: auto; margin-right: auto; padding: 0;}

#head {padding: 0; margin-bottom: 10px; text-align: left;}
#head p {margin: 0; padding: 0 0 10px; line-height: 150%; font-weight: normal; border-bottom: #000 1px solid; letter-spacing: 3px; font-size: 14px; color: #000; text-transform: uppercase;}
#head a:link {color: #000; text-decoration: none; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}
#head a:visited {color: #000; text-decoration: none; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}
#head a:hover {text-decoration: none; color: #000; background: #fff; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}

#content {float: left; width: 520px; text-align: left; margin: 0; padding: 0;}

div.left {float: left; width: 50%; text-align: left; margin: 0; padding: 0;}
div.right {float: right; width: 50%; text-align: left; margin: 0; padding: 0;}

#menu {padding: 5px 0; margin-left: 560px; text-align: center;}
#menu ul {list-style-type: none; padding: 0; margin: 0 0 15px;}
#menu li {background: none; padding-left: 10px;}
#menu a {display: block; padding: 1px; width: 121px;}
#menu a:link {color: #000; text-decoration: none;}
#menu a:visited {color: #000; text-decoration: none;}
#menu a:hover {background: #448; color: #fff;}
#menu img {border: none; padding: 0; margin: 0;}
#menu p.extra {text-align: center;}

#foot {clear: both; padding: 0; margin: 20px 0 140px; text-align: left;}
#foot p.small {font-size: 10px; color: #888;}
#foot p.note3 {font-size: 10px; color: #444;}
}

@media screen
and (min-width: 511px)
and (max-width: 730px) {

body {background: #fff; margin: 0; padding: 0; font-size: 13px; font-family: "armata", sans-serif;}

a:link {text-decoration: none; color: #00a;}
a:visited {text-decoration: none; color: #00a;}
a:hover {text-decoration: none; color: #fff; background: #448;}
a.external {background-image: url('exlink.gif'); background-repeat: no-repeat; background-attachment: scroll; padding-left: 14px; background-position: left;}

h1 {font-family: "armata"; font-size: 52px; font-weight: normal; color: #000; letter-spacing: 16px; margin: 0; padding: 0;}
h2 {font-family: "armata"; font-size: 26px; font-weight: normal; color: #060; letter-spacing: 1px; margin: 5px 0 15px 0; padding: 0;}
h3 {font-family: "armata"; font-size: 18px; font-weight: normal; color: #050; margin: 0 0 10px 0; padding: 0;}
h4 {font-family: "armata"; font-size: 15px; font-weight: normal; color: #050; margin: 0 0 20px 0; padding: 0;}
h5 {font-family: "armata"; font-size: 14px; font-weight: normal; color: #050; margin: 0 0 10px 0; padding: 0;}

p {color: #000; margin: 0 0 20px 0; padding: 0; line-height: 150%;}
p span {color: #d00; font-weight: bold;}
p.small {font-size: 11px;}
p.small2 {font-size: 11px; margin-left: 40px; margin-right: 40px;}
p.blockquote {margin-left: 40px; margin-right: 40px;}
p.note {padding: 0; padding-left: 10px; margin-left: 20px; margin-right: 20px; border-left: #aaa 1px solid; font-size: 11px;}
p.note2 {padding: 0; padding-left: 10px; margin-left: 20px; margin-right: 20px; font-size: 11px;}
p.egyeni {font-size: 14px;}
p.years {text-align: center}

strong {color: #000;}

ul {list-style-type: none; padding: 0; margin: 0 0 15px;}
ul.nyelvek {list-style-type: none; padding: 0; margin: 0 0 15px; font-size: 10px;}
li {background: url(list-blue.gif) no-repeat 0px; padding-left: 15px;}
li span {color: #d00; font-weight: bold;}

img {border-left: #000 1px solid; border-bottom: #000 1px solid; border-right: #ccc 1px solid; border-top: #ccc 1px solid; padding: 3px; margin-right: 15px;}
img.remasters {border: none}
img.ten {border: none; max-width: 100%;}
img.fifteen {max-width: 100%;}

table {width: 100%; font-size: 11px; margin-left: 20px;}
td {width: 50%;}
table.list {width: 55%; font-size: 12px; margin: 0;}

#container {width: 480px; margin: 0; margin-left: auto; margin-right: auto; padding: 0;}

#head {padding: 0; margin-bottom: 10px; text-align: left;}
#head p {margin: 0; padding: 0 0 10px; line-height: 150%; font-weight: normal; border-bottom: #000 1px solid; letter-spacing: 3px; font-size: 14px; color: #000; text-transform: uppercase;}
#head a:link {color: #000; text-decoration: none; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}
#head a:visited {color: #000; text-decoration: none; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}
#head a:hover {text-decoration: none; color: #000; background: #fff; background-image: url(list-blue.gif); background-repeat: no-repeat; background-position: 0px; padding-left: 15px;}

#content {float: left; width: 480px; text-align: left; margin: 0; padding: 0;}

div.left {float: left; width: 50%; text-align: left; margin: 0; padding: 0;}
div.right {float: right; width: 50%; text-align: left; margin: 0; padding: 0;}

#menu {clear: both; padding: 5px 0; text-align: left; border-top: #888 1px solid; border-bottom: #888 1px solid; margin-top: 0;}
#menu ul {padding: 0; margin: 0 0 15px;}
#menu li {background: none; padding-left: 10px;}
#menu a:link {color: #000; text-decoration: none;}
#menu a:visited {color: #000; text-decoration: none;}
#menu a:hover {background: #448; color: #fff;}
#menu img {border: none; padding: 0; margin: 0;}
#menu p.extra {text-align: left;}

#foot {clear: both; padding: 0; margin: 20px 0 140px; text-align: left;}
#foot p.small {font-size: 10px; color: #888;}
#foot p.note3 {font-size: 10px; color: #444;}
}

@media screen
and (max-width: 510px) {

body {margin-left:10px; margin-right:10px; background: #fff; font-size: 100%; font-family: "armata", sans-serif;}

a:link {text-decoration: none; color: #00a; text-transform: uppercase;}
a:visited {text-decoration: none; color: #00a; text-transform: uppercase;}
a:hover {text-decoration: none; color: #fff; background: #448;}
a.external {background-image: url('exlink.gif'); background-repeat: no-repeat; background-attachment: scroll; padding-left: 14px; background-position: left;}

h1 {color: #000; margin: 0; padding: 0; font-size: 250%;}
h2 {color: #060; margin: 0; padding: 0;}
h3 {color: #060; margin: 0; padding: 0;}
h4 {color: #060; margin: 0; padding: 0;}
h5 {color: #060; margin: 0; padding: 0;}

p {color: #000; font-size: 75%;}
p.blockquote {margin-left: 20px; margin-right: 20px;}
p.small {font-size: 65%;}
p.small2 {font-size: 65%; margin-left: 20px; margin-right: 20px;}
p.note {padding-left: 10px; margin-left: 10px; border-left: #aaa 1px solid; font-size: 65%;}
p.note2 {padding-left: 10px; margin-left: 10px; font-size: 65%;}
p.egyeni {font-size: 100%;}

table {font-size: 65%;}
table.list {font-size: 100%;}

ul {font-size: 75%;}
li span {color: #d00; font-weight: bold;}

p span {color: #d00;}
#head p {font-size: 75%; padding: 0 0 10px; border-bottom: #888 1px solid; text-transform: uppercase;}

#menu {border-top: #888 1px solid; border-bottom: #888 1px solid; margin-top: 20px;}
#menu ul {font-size: 75%;}
#menu li {padding: 3px 0 0 5px;}

#foot {margin-bottom: 100px;}
#foot p.note3 {font-size: 70%; color: #444;}
}