/* CSS Document */
* {color: #fff; font-family:  Arial, Verdana, Helvetica, sans-serif;}
body {background-color: #000; margin: 0; padding: 0;}
img {border: none;}
h1 {margin-left: 200px; color: #c1c1c1; font:  20px Georgia, "Times New Roman", Times, serif; float: left; margin-top: 50px; display: inline;} 
span.fix a {display: block; padding-left: 55px;  font: bold 14px Arial, Verdana, Helvetica, sans-serif; color: #e1e1e1; text-decoration: none; height:22px; padding-top: 2px; margin: 0; clear: both;}
span.fix a:hover {color: #222; height: 41px; padding-top: 12px;}

.header {color: #101010; font:  24px Georgia, "Times New Roman", Times, serif; float: left; font-weight: 500; margin: 0; padding: 15px 0 0 55px; float: left;}
.header p {margin-top: 20px; margin-bottom: 15px;}
.header a {text-decoration: none; color: #fff; display: inline; margin: 0; padding: 0; font: normal 12px Arial, Verdana, Helvetica, sans-serif;}
.header a:visited {text-decoration: none; color: #fff}
.header a:hover {text-decoration: none; color: #fff;}



div.logo {margin-bottom: 10px;  height: 160px; text-align: center;}
.preload {display: none;}
.logo img {margin-top: 10px;  float: left;}
div.nav { margin-top: 40px; clear: both;}
.ab {background: url(sys_pix/b_1.jpg) repeat-x left top;}
.ab:hover {background: url(sys_pix/b_2.jpg) repeat-x left top;}
.port { background: url(sys_pix/br_1.jpg) repeat-x left top;}
.port:hover {  background: url(sys_pix/br_2.jpg) repeat-x left top;}
.act {background: url(sys_pix/r_1.jpg) repeat-x left top;}
.act:hover { background: url(sys_pix/r_2.jpg) repeat-x left top;}
.pr {background: url(sys_pix/g_1.jpg) repeat-x left top;}
.pr:hover {background: url(sys_pix/g_2.jpg) repeat-x left top;}
.cont {background: url(sys_pix/y_1.jpg) repeat-x left top;}
.cont:hover {background: url(sys_pix/y_2.jpg) repeat-x left top;}
.content_b {width: 100%; background: #00b0f6 url(sys_pix/b_3.jpg) repeat-x left top; padding-bottom: 15px; clear: both; margin: 15px 0;} 
.content_br {width: 100%; background: #DFB61C url(sys_pix/br_3.jpg) repeat-x left top;padding-bottom: 25px; margin: 15px 0 25px 0;} 
.content_g {width: 100%; background: #ee0000 url(sys_pix/r_3.jpg) repeat-x left top;padding-bottom: 15px; margin: 15px 0;} 
.content_r {width: 100%; background: #49c555 url(sys_pix/g_3.jpg) left top repeat-x ;padding-bottom: 15px; margin: 15px 0;} 
.content_y {width: 100%; background: #cdcf3d url(sys_pix/y_3.jpg) repeat-x left top; padding-bottom: 15px; margin: 15px 0;} 
p {margin: 0 5px 10px 0; padding-top: 0;}
p.first {margin-top: 18px;}
.text a {text-decoration: underline; color: #fff; display: inline; margin: 0; padding: 0; font: normal 12px Arial, Verdana, Helvetica, sans-serif;}
.text p {width: 80%; text-align: justify;}
.text img {vertical-align: middle;}
.text a:visited {text-decoration: underline; color: #fff}
.text a:hover {text-decoration: underline; color: #fff;}
.copy { color: #888; padding: 50px 0 20px 20px; font-size: 13px; float: left; line-height: 22px;}
.count {display: none;}
.counter {float: right; padding: 50px 20px 20px 0;}  
.copy a {text-decoration: underline; color: #00b0f6; display: inline; margin: 0; padding: 0; font: normal 12px Arial, Verdana, Helvetica, sans-serif;}
.copy a:visited {text-decoration: underline;color: #00b0f6;}
dt{font-weight: 600;}
dd {font-style: italic; text-align: justify;}
.left {float: left; width: 45%;}
span.big_font {font-size: 16px;}
img.right {float: right; margin-right: 35px;}


ul {margin-left: 0; padding-left: 40px; list-style-type: square; margin-top: 10px; }
ul li {line-height: 20px;}
table, tr, td {border: 1px solid #006600; width: 80%; margin-top: 15px;}
td { width: 75%;} 
div.tableh {font-size: 15px; text-align: center;} 

.left {float: left; clear: both;}
.text {margin: 0 10px 0 270px; padding-top: 8px; font-size: 13px;}
.clear {clear: both;}
span.fix {display: block; height: 54px; margin: 5px 0;}
.close {float: right; margin: 0; padding: 0; height: 16px; width: 16px;}
.text .left {clear: none; margin-top: 18px; width: 45%;}
.text .right {clear: none; margin-top: 18px; width: 45%; float: right;}

form {width: 340px; padding: 0; margin: 0; color: #888;}
form fieldset {border: 0; padding: 0; margin: 0}
form span {display: block; margin-top: 7px; font-weight: bold; margin-bottom: 2px; color: #fff}
form input.fld {font-size: 12px; background-color: #f0f0f0; width: 220px; color: #3F3719;}
form textarea {background: url(/sys_pix/f_bg.gif) left; background-repeat: no-repeat; margin-bottom: 8px; font-family: Arial, Times New Roman, Verdana, Tahoma; font-size: 12px; color: #3F3719; background-color: #f0f0f0; overflow: auto; width: 300px } 
.but {color: #333333;}
.red {color: #CC0000;}

.pagedec {display: block; margin-top: 30px; border: 4px solid #333;}
.intro {width: 80%; margin-left: auto; margin-right: auto; font-size: 12px; color: #999;  text-align: justify;}
.intro p {color: #ccc;}
.intro p a {color: #ccc;}
span.first {font-size: 16px; font-weight: bold;}