@charset "utf-8";
body {font-size: 80%; padding: 0; margin: 0; font-family: arial,tahoma,sans-serif; color: #696969}
#loading {position:absolute}

#back {background: url(gfx/background.png) repeat-x}
#main {width:780px; text-align:left; background:#fff; border: solid #F9F9F9; border-width:0 3px}

#top {height: 161px; text-align:right; background:#fff; background:url(gfx/top.jpg) no-repeat; position:relative}
#top #h1 {height: 80px; top:30px; right:5px;width:420px; position:absolute}
#top h1 {font-weight: normal; color:#fff; background:none; margin: 0}
#link {height: 136px; top:0; left:0;width:300px; position:absolute; cursor:pointer}

.field {height: 20px; width:100%; top:139px; left: 0; position:absolute; background:#696969; color:#fff}
.field a {color:#fff; border-left: 1px solid #fff; padding: 0 6px}

#search {top: 111px; left:250px; position:absolute; width:520px}
.cart a, #b a {margin-right:25px; color:#fff}
.cart a:hover {color:silver}

#path {clear:both;border-bottom: 1px solid silver; background: #EEEEEE; margin:2px 0 3px 0; font-size:85%; padding: 0 3px}

#menu {padding-top: 6px}
#menu a {border-left: 1px solid #199EEB; padding: 0 6px}
.mark, #menu a:hover  {color: #199EEB; text-decoration:underline}

.left {float: left; width: 200px; padding-left:3px; margin-bottom: 30px}
.menu ul {list-style-type:none; margin:0;padding:0}
.menu ul ul {list-style-type:none; margin-left:12px;padding-left:12px}
.menu ul a {padding:1px 0 0 3px; color:#000}
.menu ul li {background:#EAEAEA; border-top: 1px solid #fff}

.right {float:right; margin-left:5px; padding-left:5px; border-left: 1px solid #DCDCDC}

ul {margin-top:0;margin-left:12px;padding-left:12px;margin-bottom:7px; overflow:hidden}
ul p {padding: 7px 0 0 0; font-style:italic}
ul a {display:block; width:100%; padding: 0 0 0 3px}
ul a:hover, ul .mark, .menu .mark  {background:#696969;color:#fff; text-decoration:none}
ul ul {font-size:85%}
ul ul ul {font-size:95%}

#bookmark {padding: 5px 0 0 0; background: #DBF1FD}
#bookmark a {height:18px; background:#90D0F6 url(gfx/bookmark.gif) no-repeat;color:#084281; padding:0 7px 0 17px;border-top: 1px solid #fff}
#bookmark .mark, #bookmark a:hover{background:#696969 url(gfx/bookmark.gif) no-repeat; color:#fff}

.no_type {list-style-type:none}

#content {float:right; width: 555px; padding: 0 3px 0 0; overflow:auto; margin-bottom: 30px}
#contentall {padding: 0 3px; overflow:auto; margin-bottom: 30px}

#b{padding:0 3px;clear: both; height: 17px; background: url(gfx/bottom.png) no-repeat}
#copy {float:right; font-size:70%}

.sep {border-top: 7px solid #fff}

p {margin:0;padding:0  0 5px 0; font-family: arial,tahoma,sans-serif}

.light {background: url(gfx/side.jpg) no-repeat}
.border {border: solid #d7d7d7 1px}

.fr {float: right}
.fl {float: left}
.ar {text-align: right}
.ac {text-align: center}
.w100 {width: 100%}
.print {display:none}
.p3 {padding:3px}
.cb {clear:both}
.cr {clear:right}

.readonly {background: #DCDCDC; color: gray}
.butt {font-weight: bold; text-align: center; background: #199EEB; cursor: pointer; color:#fff} 
.butt2 {background:gray;font-size:80%;cursor:pointer;color:#fff}

input, textarea, select {font-size: 85%; font-family: arial,tahoma,sans-serif; margin: 0; padding:0 2px; color: #515151}

form, img {margin:0; border:0}

a img {filter: none}
a:hover img {filter: alpha(opacity=55); -moz-opacity:0.55; border-color: #199EEB;}

#gal a img {border: 1px solid #DCDCDC; margin: 3px}
#files a img {margin: 3px}

blockquote {margin-top:2px}

a:hover {color: #199EEB; text-decoration:none}
a {color: #696969; font-weight: normal; text-decoration: none}

td {font-size: 80%; vertical-align: top; padding: 0 2px}
th {font-size: 82%; vertical-align: top; background: #696969; color:#fff; padding: 1px 3px}

h1 {font-size: 180%; margin-top:6px; color: #696969; background: url(gfx/arrow_es.png) no-repeat; padding-left: 30px; background-position:center left}
h2, .h2 {font-size: 130%; margin: 3px 0 3px 0; background:#EAEAEA; display:block; border-bottom: 1px solid silver; padding: 0 3px}
h3 {font-size: 110%; margin: 0 0 3px 0;padding: 0 3px; font-weight:normal; border-bottom:1px solid #696969; background: url(gfx/side.jpg) no-repeat}
h4 {font-size: 100%; margin: 0 0 2px 0; border-bottom:2px solid #199EEB}
h5 {font-size: 100%; margin: 0 0 2px 0; text-decoration: underline; color: #199EEB}
h6 {font-size: 90%; margin: 0 0 2px 0; background: #808080; color: #fff; padding: 0 3px}

hr {color: #e0e8d9; height: 1px; background: #e0e8d9; border: 0}

.sm9 {font-size: 80%}
.sm10 {font-size: 90%}

.hand {cursor: pointer}
.red {color:red}
.paging {clear: both; background:#eaeaea; padding: 0px 5px; height:20px; margin:3px 0}

.s_img {float:left; margin-right: 10px;}
.before {font-size:85%; text-decoration:line-through; font-weight:normal}
.b {font-weight: bold}
.nw {white-space: nowrap}
label {margin: 0 5px 0 1px}