@charset "utf-8";
/* CSS Document */
* {text-align: center; margin: 0; padding: 0; line-height: normal}
a:link {color: #37c1ff; text-decoration: underline}
a:active {color: #37c1ff; text-decoration: underline}
a:visited {color: #37c1ff; text-decoration: underline}
a:hover {color: #fff; text-decoration: none}
.none {display: none; visibility: hidden}
.both {clear: both}
body {background: #000 url("../img/bg.jpg") repeat-x 0 0; font-size: 82%; font-family: "Tahoma", sans-serif; text-align: center; margin: 0 auto}
h1 {position: absolute; top: 0; left: 53px}
h1 a {width: 854px; height: 143px; display: block; color: #000; cursor: pointer; position: relative; font-size: 30%; white-space: pre}
h1 a:hover {width: 854px; height: 143px; display: block; color: #000; cursor: pointer; position: relative; font-size: 30%}
h1 span {position: absolute; background: url("../img/logo.jpg") no-repeat 0 0; top: 0; left: 0; width: 854px; height: 143px; z-index: 1 !important; display: block !important; cursor: pointer}

#layout {position: relative; width: 960px; margin: 0 auto}

#middle {position: relative; top: 220px; width: 960px; display: block; clear: both}

#middle h3 {position: relative; text-align: left; margin-left: 38px; margin-bottom: 20px}
#refer {margin: 0 auto; width: 915px;}
#refer2 {margin: 0 auto; width: 915px;}
#refer3 {margin: 0 auto; width: 915px;}
#refer4 {margin: 0 auto; width: 915px;}


.y2010 { background: url(../img/2010.jpg) no-repeat 0 0; width: 63px; height: 24px; position: absolute; top: 0; left: 0; z-index: 5}
.y2009 { background: url(../img/2009.jpg) no-repeat 0 0; width: 63px; height: 24px; position: absolute; top: 0; left: 0; z-index: 5}
.y2008 { background: url(../img/2008.jpg) no-repeat 0 0; width: 63px; height: 24px; position: absolute; top: 0; left: 0; z-index: 5}
.y2007 { background: url(../img/2007.jpg) no-repeat 0 0; width: 63px; height: 24px; position: absolute; top: 0; left: -24px; z-index: 5}

span.refright {color: #53ff2b; text-align: right !important; position: absolute; top: 2px; right: 0}
.ref-cs {width: 430px; height: 88px; margin: 0 12px; padding: 0; float: left; display: block}
.ref-cs img {border: 0 !important}

.ref {width: 430px; height: 370px; margin: 0 12px;  margin-bottom: 40px; padding: 0; float: left; display: block}
.ref p {text-align: left; padding-left: 2px; font-size: 82%; padding-top: 2px; color: #d4d4d4; white-space: nowrap; width: 100%; position: relative}
.ref img {border: 3px solid #231c23}
.focus { color: #c12602}
.offline {color: #ff0203 !important}
.paint .ref .datum {color: #009cd2 !important}
.sub {width: 170px; height: 22px; position: absolute; background:  #000000; left: 120px; top: 140px; color: #fff; 
padding: 21px 0 0; line-height: 1.6em}
.sub p { text-align: right !important}
.icq {color: #37c1ff;}
a.active { background: #fff url(../img/active.gif) no-repeat 50% 0; text-decoration: none !important}
#pata {clear: both; width: 940px; position: relative; height: 50px; display: block; background: #000}
#pata p {text-align: left; font-size: 75%; float: left; width: 600px; padding: 5px 15px 10px; color: #656567}
.right {float: right !important; text-align: right !important; width: 200px !important}
#pata img {border: 0}