/*div {border:1px solid #F00;}*/
* {margin:0px; padding:0px;}
html {background: #555 url(img/bg_b.jpg) repeat-x top;}
TD, DIV {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}
P {margin:10px;}
img {border:0;}

ul {font-family:Georgia, "Times New Roman"; font-size: 11px; font-weight: bold; list-style:none; margin:0; padding: 0; border: none;}
li {list-style:none; margin-left:10;}
li a {display:block; color:#555; text-decoration: none; border-bottom: 2px solid #555;}
li a:hover {color:#C00; text-decoration:none; border-bottom: 2px solid #C00;}

#rekl {position:absolute; left:216px; top:60px;}
#rekl div {border:0px; border-left:4px solid #FC0;}
#bnra {position:absolute;}
#bnrb {position:absolute; left:200px;}

#show {position:relative;}
#show img {position:absolute;	top:0; left:0; display:none;}

#jura {position:relative;}
#jura div {display: block;}

#into {position:absolute; top:0px; left:0px;}
#mn01 {position:absolute; top:20px; right:20px;}

#news {position:absolute; top:310px; width:600px; height:auto; padding-bottom:60px; margin-left:20px;}
#news img {float:left; margin-right:6px;}
#news a {display:block; background:#EEE; height:32px; margin-top:10px; padding:6px; border-left:4px solid #FC0;}
#news a:hover {color:#888; text-decoration:none; border-left:4px solid #C00; background:#DDD; width:632px;}
#new1 a:hover {background:#DDD url(img/simb_01.png) no-repeat right bottom;}
#new2 a:hover {background:#DDD url(img/simb_02.png) no-repeat right bottom;}
#new3 a:hover {background:#DDD url(img/simb_03.png) no-repeat right bottom;}
#new4 a:hover {background:#DDD url(img/simb_04.png) no-repeat right bottom;}
#new5 a:hover {background:#DDD url(img/simb_05.png) no-repeat right bottom;}
#new6 a:hover {background:#DDD url(img/simb_06.png) no-repeat right bottom;}
#new7 a:hover {background:#DDD url(img/simb_07.png) no-repeat right bottom;}

#file a {display:block; width:388px; background:#EEE; color:#555; border-bottom:1px solid #555; padding:6px;}
#file a:hover {background:#FC0;}

#titl {margin-top:20px;}
#logo {position:absolute; left:2px;}
#menu {position:absolute; width:200px; height:3200px; border-left:solid 2px #FC0; right:20px;}
#body {position:absolute; height:3200px; border-left:solid 2px #FC0;}
#data {margin-left:40px;}
#cola {float:left; width:298px; height:auto; border-right:1px solid #555;}
#colb {float:right; width:300px; height:100%;}
#simb {margin-left:10px; margin-top:10px;}
#line {position:absolute; width:100%; height:4px; top:280px; background-color:#FC0; display:block;}

h1 {font-family: Georgia, Times New Roman; font-size: 16px; font-weight: bold; color: #555;}
h2 {font-family: Georgia, Times New Roman; font-size: 14px; font-weight: bold; color: #555;}

.h1 {font-family: Georgia, Times New Roman; font-size: 12px; font-weight: bold; color: #555555;}
.h1 a:link {text-decoration: none; color: #FFCC33;}
.h1 a:visited {text-decoration: none; color: #FFCC33;}
.h1 a:active {text-decoration: none; color: #FFCC33;}
.h1 a:hover {text-decoration: underline; color: #DDDDDD;}

.h2 {font-family: Georgia, Times New Roman; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.h2 a:link {text-decoration: none; color: #FFCC33;}
.h2 a:visited {text-decoration: none; color: #FFCC33;}
.h2 a:active {text-decoration: none; color: #FFCC33;}
.h2 a:hover {text-decoration: underline; color: #DDDDDD;}

.h3 {font-size: 11px; color: #666666;}

.h4 {font-family: Georgia, Times New Roman; font-size: 11px; font-weight: bold; color: #555555;}
.h4 a:link {font-weight: bold; color: #555555;}
.h4 a:visited {font-weight: bold; color: #555555;}
.h4 a:active {font-weight: bold; color: #555555;}
.h4 a:hover {font-weight: bold; color: #555555;}
.h4a {font-family: Georgia, Times New Roman; font-size: 11px; font-weight: bold; color: #CC0000;}

.h5 {font-family: Georgia, Times New Roman; font-size: 28px; color: #FFFFFF; height: 60px;}
.h6 {font-size: 20px; color: #009900;}

.toptxt {font-size: 12px; background-color: #FFFAE5; padding: 10px;}
.txt {font-family: Georgia, Times New Roman; font-size: 12px; font-weight: bold; color: #555555; text-align: justify;}

a:link {text-decoration: none; color: #000;}
a:visited {text-decoration: none; color: #333;}
a:active {text-decoration: none; color: #333;}
a:hover {text-decoration: underline; color: #CC0000;}

img.pic {border: 1px solid #555555;}
a:link img.pic {border: 1px solid #555555;}
a:hover img.pic, a:active img.pic {border: 1px solid #FFCC00;}

.img {padding: 6px;}
.img a:link {text-decoration: none; color: #CCCCCC;}
.img a:visited {text-decoration: none; color: #CCCCCC;}
.img a:active {text-decoration: none; color: #CCCCCC;}
.img a:hover {text-decoration: underline; color: #999999;}

.graf a:link {color: #333333;}
.graf a:visited {color: #333333;}
.graf a:active {color: #CC0000;}
.graf a:hover {text-decoration: none; color: #CC0000;}

.bgyell {background-color: #FFCC00;}
.bgblue {background-color: #0077BA;}
.bggre1 {background-color: #DDDDDD;}
.bggre2 {background-color: #EEEEEE;}
.bggre3 {background-color: #555555;}

#yell_frame {position:relative; background:#FC0; width:840px; height:670px;}
#page1 {position:absolute; width:405px; height:650px; background:#FFF; color:#555; margin:10px;}
#page2 {position:absolute; left:415px; width:405px; height:650px; background:#FFF; color:#555; margin:10px; overflow:auto;}
#page1 p {margin:0; margin-left:20px; margin-bottom:6px; margin-right:10px; text-align:justify;}
#page2 p {margin:0; margin-left:20px; margin-bottom:10px; margin-right:10px; text-align:justify;}
#page2 table {width:360px;}
#page2 td {border-bottom:1px dashed #CCC;}
.fly_l {float:left; margin-right:10px; margin-bottom:10px;}
.fly_r {float:right; margin-left:10px; margin-bottom:10px;}
.img_l {float:left; margin:2px 10px 6px 0; border:1px solid #FC0;}
.img_r {float:right; margin:2px 0 6px 10px; border:1px solid #FC0;}
#book {position:absolute; left:395px; top:4px; width:44px; height:650px; background: url(img/spiral.png) repeat-y;}
#page1 h1 {margin-left:10px; margin-bottom:6px;}
#page2 h1 {margin-left:20px; margin-top:10px;}

.tabula {text-align: center; background-color: #999; font-size: 12px; font-weight: bold; color: #EEE;}

#mn {font-size:11px; font-weight:bold;}
#mn ul {list-style: none; margin:0; padding:0; border:none;}		
#mn li {display:block; list-style:none;}
#mn li a {display:block; color:#FC0; text-decoration: none; border-bottom: 2px solid #FC0; padding:6px 0 6px 0;}
#mn li a:hover {color: #FFF; border-bottom: 2px solid #FFF;}

#foot {position:fixed; _position:absolute; bottom:0; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); width:100%; height:30px; background:#666;}
#foot div {font-size:11px; color:#999;}
#foot a {text-decoration:none; color: #999;}
#foot a:hover {text-decoration: underline; color: #FC0;}
#copy {position:absolute; top:6px; left:10px;}
#ftmn {position:absolute; top:6px; right:40px;}
#icon {position:absolute; top:6px; right:10px;}

.down {color: #FFF; border-bottom: 2px solid #666;}

.back {float:right; bottom:0;}

#nrsw {position:relative;}
#nrsw div {position:absolute;}
#nrsw img {vertical-align:top;  border:5px solid #EEE;}
#nrsw a {display:block; color:#FFF; text-decoration:none; font-weight:bold;}
#nrsw a:hover {color: #FFF; border-bottom: 2px solid #FFF;}

#pup {position:absolute; top:25%; width:100%; text-align:center; display:none;}
#pup img {border:4px solid #FC0;}