html{background:#ffffef;margin:0;padding:0}
body{font:100%/1.5em arial;padding:1em 5%;margin:1px auto;max-width:1170px;-webkit-text-size-adjust:100%}
h1,h2,p{line-height:1.5em;padding:0;margin:0}
h1{font-size:1.5em;margin:0 0 1em}
h2{font-size:1.3em;margin:1em 0}
h3{font-size:1.1em;color:#830000;display:inline}
hr{border:1px dotted #333;padding-bottom:1px}
a{color:#00a}a:hover{color:#00c}
.letters{list-style-type:none;font-size:1.7em;margin:0;padding:0}
.letters li{float:left;padding:0 .8em 0 0;margin:0;line-height:1.8em}
.letters li a{display:block}
.letters li a:hover{color:#00f}
footer {font-size:.9em;text-align:center}
ul li{padding:0 0 1em 0}
.news{margin:0 0 0 1em;padding:0;list-style-type:square}
.news li{padding:0;margin:0;line-height:1.8em}
.main{border-collapse:collapse}
.main td{border:1px solid #000;padding:.5em}
.big{font-size:1.4em;font-weight:bold;color:#830000}
.ad{float:left;vertical-align:top;margin-left:1.5em}
.b{font-weight:bold}
.cb{clear:both}
.fl{float:left}
article img{float:right;max-width:100%;padding:0 0 1em 2em}
.i,blockquote{font-style:italic}
@media screen and (min-width:980px){body{padding:0 10%}}
@media screen and (max-width:480px){h1,.letters,.big{font-size:1.2em}h2,h3{font-size:1.1em}body{padding:.25em}}
@media screen and (max-width:374px){article img{display:none}}